' +\r\n '' +\r\n '
';\r\n\r\n return $(drop);\r\n },\r\n\r\n setPositionData: function () {\r\n this.selectpicker.view.canHighlight = [];\r\n this.selectpicker.view.size = 0;\r\n this.selectpicker.view.firstHighlightIndex = false;\r\n\r\n for (var i = 0; i < this.selectpicker.current.data.length; i++) {\r\n var li = this.selectpicker.current.data[i],\r\n canHighlight = true;\r\n\r\n if (li.type === 'divider') {\r\n canHighlight = false;\r\n li.height = this.sizeInfo.dividerHeight;\r\n } else if (li.type === 'optgroup-label') {\r\n canHighlight = false;\r\n li.height = this.sizeInfo.dropdownHeaderHeight;\r\n } else {\r\n li.height = this.sizeInfo.liHeight;\r\n }\r\n\r\n if (li.disabled) canHighlight = false;\r\n\r\n this.selectpicker.view.canHighlight.push(canHighlight);\r\n\r\n if (canHighlight) {\r\n this.selectpicker.view.size++;\r\n li.posinset = this.selectpicker.view.size;\r\n if (this.selectpicker.view.firstHighlightIndex === false) this.selectpicker.view.firstHighlightIndex = i;\r\n }\r\n\r\n li.position = (i === 0 ? 0 : this.selectpicker.current.data[i - 1].position) + li.height;\r\n }\r\n },\r\n\r\n isVirtual: function () {\r\n return (this.options.virtualScroll !== false) && (this.selectpicker.main.data.length >= this.options.virtualScroll) || this.options.virtualScroll === true;\r\n },\r\n\r\n createView: function (isSearching, setSize, refresh) {\r\n var that = this,\r\n scrollTop = 0,\r\n active = [],\r\n selected,\r\n prevActive;\r\n\r\n this.selectpicker.isSearching = isSearching;\r\n this.selectpicker.current = isSearching ? this.selectpicker.search : this.selectpicker.main;\r\n\r\n this.setPositionData();\r\n\r\n if (setSize) {\r\n if (refresh) {\r\n scrollTop = this.$menuInner[0].scrollTop;\r\n } else if (!that.multiple) {\r\n var element = that.$element[0],\r\n selectedIndex = (element.options[element.selectedIndex] || {}).liIndex;\r\n\r\n if (typeof selectedIndex === 'number' && that.options.size !== false) {\r\n var selectedData = that.selectpicker.main.data[selectedIndex],\r\n position = selectedData && selectedData.position;\r\n\r\n if (position) {\r\n scrollTop = position - ((that.sizeInfo.menuInnerHeight + that.sizeInfo.liHeight) / 2);\r\n }\r\n }\r\n }\r\n }\r\n\r\n scroll(scrollTop, true);\r\n\r\n this.$menuInner.off('scroll.createView').on('scroll.createView', function (e, updateValue) {\r\n if (!that.noScroll) scroll(this.scrollTop, updateValue);\r\n that.noScroll = false;\r\n });\r\n\r\n function scroll (scrollTop, init) {\r\n var size = that.selectpicker.current.data.length,\r\n chunks = [],\r\n chunkSize,\r\n chunkCount,\r\n firstChunk,\r\n lastChunk,\r\n currentChunk,\r\n prevPositions,\r\n positionIsDifferent,\r\n previousElements,\r\n menuIsDifferent = true,\r\n isVirtual = that.isVirtual();\r\n\r\n that.selectpicker.view.scrollTop = scrollTop;\r\n\r\n chunkSize = that.options.chunkSize; // number of options in a chunk\r\n chunkCount = Math.ceil(size / chunkSize) || 1; // number of chunks\r\n\r\n for (var i = 0; i < chunkCount; i++) {\r\n var endOfChunk = (i + 1) * chunkSize;\r\n\r\n if (i === chunkCount - 1) {\r\n endOfChunk = size;\r\n }\r\n\r\n chunks[i] = [\r\n (i) * chunkSize + (!i ? 0 : 1),\r\n endOfChunk\r\n ];\r\n\r\n if (!size) break;\r\n\r\n if (currentChunk === undefined && scrollTop - 1 <= that.selectpicker.current.data[endOfChunk - 1].position - that.sizeInfo.menuInnerHeight) {\r\n currentChunk = i;\r\n }\r\n }\r\n\r\n if (currentChunk === undefined) currentChunk = 0;\r\n\r\n prevPositions = [that.selectpicker.view.position0, that.selectpicker.view.position1];\r\n\r\n // always display previous, current, and next chunks\r\n firstChunk = Math.max(0, currentChunk - 1);\r\n lastChunk = Math.min(chunkCount - 1, currentChunk + 1);\r\n\r\n that.selectpicker.view.position0 = isVirtual === false ? 0 : (Math.max(0, chunks[firstChunk][0]) || 0);\r\n that.selectpicker.view.position1 = isVirtual === false ? size : (Math.min(size, chunks[lastChunk][1]) || 0);\r\n\r\n positionIsDifferent = prevPositions[0] !== that.selectpicker.view.position0 || prevPositions[1] !== that.selectpicker.view.position1;\r\n\r\n if (that.activeIndex !== undefined) {\r\n prevActive = (that.selectpicker.main.data[that.prevActiveIndex] || {}).element;\r\n active = (that.selectpicker.main.data[that.activeIndex] || {}).element;\r\n selected = (that.selectpicker.main.data[that.selectedIndex] || {}).element;\r\n\r\n if (init) {\r\n if (that.activeIndex !== that.selectedIndex) {\r\n that.defocusItem(active);\r\n }\r\n that.activeIndex = undefined;\r\n }\r\n\r\n if (that.activeIndex && that.activeIndex !== that.selectedIndex) {\r\n that.defocusItem(selected);\r\n }\r\n }\r\n\r\n if (that.prevActiveIndex !== undefined && that.prevActiveIndex !== that.activeIndex && that.prevActiveIndex !== that.selectedIndex) {\r\n that.defocusItem(prevActive);\r\n }\r\n\r\n if (init || positionIsDifferent) {\r\n previousElements = that.selectpicker.view.visibleElements ? that.selectpicker.view.visibleElements.slice() : [];\r\n\r\n if (isVirtual === false) {\r\n that.selectpicker.view.visibleElements = that.selectpicker.current.elements;\r\n } else {\r\n that.selectpicker.view.visibleElements = that.selectpicker.current.elements.slice(that.selectpicker.view.position0, that.selectpicker.view.position1);\r\n }\r\n\r\n that.setOptionStatus();\r\n\r\n // if searching, check to make sure the list has actually been updated before updating DOM\r\n // this prevents unnecessary repaints\r\n if (isSearching || (isVirtual === false && init)) menuIsDifferent = !isEqual(previousElements, that.selectpicker.view.visibleElements);\r\n\r\n // if virtual scroll is disabled and not searching,\r\n // menu should never need to be updated more than once\r\n if ((init || isVirtual === true) && menuIsDifferent) {\r\n var menuInner = that.$menuInner[0],\r\n menuFragment = document.createDocumentFragment(),\r\n emptyMenu = menuInner.firstChild.cloneNode(false),\r\n marginTop,\r\n marginBottom,\r\n elements = that.selectpicker.view.visibleElements,\r\n toSanitize = [];\r\n\r\n // replace the existing UL with an empty one - this is faster than $.empty()\r\n menuInner.replaceChild(emptyMenu, menuInner.firstChild);\r\n\r\n for (var i = 0, visibleElementsLen = elements.length; i < visibleElementsLen; i++) {\r\n var element = elements[i],\r\n elText,\r\n elementData;\r\n\r\n if (that.options.sanitize) {\r\n elText = element.lastChild;\r\n\r\n if (elText) {\r\n elementData = that.selectpicker.current.data[i + that.selectpicker.view.position0];\r\n\r\n if (elementData && elementData.content && !elementData.sanitized) {\r\n toSanitize.push(elText);\r\n elementData.sanitized = true;\r\n }\r\n }\r\n }\r\n\r\n menuFragment.appendChild(element);\r\n }\r\n\r\n if (that.options.sanitize && toSanitize.length) {\r\n sanitizeHtml(toSanitize, that.options.whiteList, that.options.sanitizeFn);\r\n }\r\n\r\n if (isVirtual === true) {\r\n marginTop = (that.selectpicker.view.position0 === 0 ? 0 : that.selectpicker.current.data[that.selectpicker.view.position0 - 1].position);\r\n marginBottom = (that.selectpicker.view.position1 > size - 1 ? 0 : that.selectpicker.current.data[size - 1].position - that.selectpicker.current.data[that.selectpicker.view.position1 - 1].position);\r\n\r\n menuInner.firstChild.style.marginTop = marginTop + 'px';\r\n menuInner.firstChild.style.marginBottom = marginBottom + 'px';\r\n } else {\r\n menuInner.firstChild.style.marginTop = 0;\r\n menuInner.firstChild.style.marginBottom = 0;\r\n }\r\n\r\n menuInner.firstChild.appendChild(menuFragment);\r\n\r\n // if an option is encountered that is wider than the current menu width, update the menu width accordingly\r\n // switch to ResizeObserver with increased browser support\r\n if (isVirtual === true && that.sizeInfo.hasScrollBar) {\r\n var menuInnerInnerWidth = menuInner.firstChild.offsetWidth;\r\n\r\n if (init && menuInnerInnerWidth < that.sizeInfo.menuInnerInnerWidth && that.sizeInfo.totalMenuWidth > that.sizeInfo.selectWidth) {\r\n menuInner.firstChild.style.minWidth = that.sizeInfo.menuInnerInnerWidth + 'px';\r\n } else if (menuInnerInnerWidth > that.sizeInfo.menuInnerInnerWidth) {\r\n // set to 0 to get actual width of menu\r\n that.$menu[0].style.minWidth = 0;\r\n\r\n var actualMenuWidth = menuInner.firstChild.offsetWidth;\r\n\r\n if (actualMenuWidth > that.sizeInfo.menuInnerInnerWidth) {\r\n that.sizeInfo.menuInnerInnerWidth = actualMenuWidth;\r\n menuInner.firstChild.style.minWidth = that.sizeInfo.menuInnerInnerWidth + 'px';\r\n }\r\n\r\n // reset to default CSS styling\r\n that.$menu[0].style.minWidth = '';\r\n }\r\n }\r\n }\r\n\r\n if ((!isSearching && that.options.source.load || isSearching && that.options.source.search) && currentChunk === chunkCount - 1) {\r\n that.fetchData(function () {\r\n that.render();\r\n that.buildList(size, isSearching);\r\n that.setPositionData();\r\n scroll(scrollTop);\r\n }, isSearching ? 'search' : 'load', currentChunk + 1, isSearching ? that.selectpicker.search.previousValue : undefined);\r\n }\r\n }\r\n\r\n that.prevActiveIndex = that.activeIndex;\r\n\r\n if (!that.options.liveSearch) {\r\n that.$menuInner.trigger('focus');\r\n } else if (isSearching && init) {\r\n var index = 0,\r\n newActive;\r\n\r\n if (!that.selectpicker.view.canHighlight[index]) {\r\n index = 1 + that.selectpicker.view.canHighlight.slice(1).indexOf(true);\r\n }\r\n\r\n newActive = that.selectpicker.view.visibleElements[index];\r\n\r\n that.defocusItem(that.selectpicker.view.currentActive);\r\n\r\n that.activeIndex = (that.selectpicker.current.data[index] || {}).index;\r\n\r\n that.focusItem(newActive);\r\n }\r\n }\r\n\r\n $(window)\r\n .off('resize' + EVENT_KEY + '.' + this.selectId + '.createView')\r\n .on('resize' + EVENT_KEY + '.' + this.selectId + '.createView', function () {\r\n var isActive = that.$newElement.hasClass(classNames.SHOW);\r\n\r\n if (isActive) scroll(that.$menuInner[0].scrollTop);\r\n });\r\n },\r\n\r\n focusItem: function (li, liData, noStyle) {\r\n if (li) {\r\n liData = liData || this.selectpicker.main.data[this.activeIndex];\r\n var a = li.firstChild;\r\n\r\n if (a) {\r\n a.setAttribute('aria-setsize', this.selectpicker.view.size);\r\n a.setAttribute('aria-posinset', liData.posinset);\r\n\r\n if (noStyle !== true) {\r\n this.focusedParent.setAttribute('aria-activedescendant', a.id);\r\n li.classList.add('active');\r\n a.classList.add('active');\r\n }\r\n }\r\n }\r\n },\r\n\r\n defocusItem: function (li) {\r\n if (li) {\r\n li.classList.remove('active');\r\n if (li.firstChild) li.firstChild.classList.remove('active');\r\n }\r\n },\r\n\r\n setPlaceholder: function () {\r\n var that = this,\r\n updateIndex = false;\r\n\r\n if ((this.options.placeholder || this.options.allowClear) && !this.multiple) {\r\n if (!this.selectpicker.view.titleOption) this.selectpicker.view.titleOption = document.createElement('option');\r\n\r\n // this option doesn't create a new = '4' ? '' : classNames.SHOW) + '\">' +\r\n header +\r\n searchbox +\r\n actionsbox +\r\n '
' +\r\n '' +\r\n '
' +\r\n donebutton +\r\n '- = '4' ? classNames.SHOW : '') + '\" role=\"presentation\">' +\r\n '
' + maxTxt + '
'));\r\n triggerChange = false;\r\n that.$element.trigger('maxReached' + EVENT_KEY);\r\n }\r\n\r\n if (maxOptionsGrp && maxReachedGrp) {\r\n $notify.append($('' + maxTxtGrp + '
'));\r\n triggerChange = false;\r\n that.$element.trigger('maxReachedGrp' + EVENT_KEY);\r\n }\r\n\r\n setTimeout(function () {\r\n that.setSelected(clickedIndex, false);\r\n }, 10);\r\n\r\n $notify[0].classList.add('fadeOut');\r\n\r\n setTimeout(function () {\r\n $notify.remove();\r\n }, 1050);\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (that.options.source.data) that.$element[0].appendChild(that.selectpicker.main.optionQueue);\r\n\r\n if (!that.multiple || (that.multiple && that.options.maxOptions === 1)) {\r\n that.$button.trigger('focus');\r\n } else if (that.options.liveSearch) {\r\n that.$searchbox.trigger('focus');\r\n }\r\n\r\n // Trigger select 'change'\r\n if (triggerChange) {\r\n if (that.multiple || prevIndex !== element.selectedIndex) {\r\n // $option.prop('selected') is current option state (selected/unselected). prevValue is the value of the select prior to being changed.\r\n changedArguments = [option.index, $option.prop('selected'), prevValue];\r\n that.$element\r\n .triggerNative('change');\r\n }\r\n }\r\n }\r\n });\r\n\r\n this.$menu.on('click', 'li.' + classNames.DISABLED + ' a, .' + classNames.POPOVERHEADER + ', .' + classNames.POPOVERHEADER + ' :not(.close)', function (e) {\r\n if (e.currentTarget == this) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n if (that.options.liveSearch && !$(e.target).hasClass('close')) {\r\n that.$searchbox.trigger('focus');\r\n } else {\r\n that.$button.trigger('focus');\r\n }\r\n }\r\n });\r\n\r\n this.$menuInner.on('click', '.divider, .dropdown-header', function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n if (that.options.liveSearch) {\r\n that.$searchbox.trigger('focus');\r\n } else {\r\n that.$button.trigger('focus');\r\n }\r\n });\r\n\r\n this.$menu.on('click', '.' + classNames.POPOVERHEADER + ' .close', function () {\r\n that.$button.trigger('click');\r\n });\r\n\r\n this.$searchbox.on('click', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n this.$menu.on('click', '.actions-btn', function (e) {\r\n if (that.options.liveSearch) {\r\n that.$searchbox.trigger('focus');\r\n } else {\r\n that.$button.trigger('focus');\r\n }\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n if ($(this).hasClass('bs-select-all')) {\r\n that.selectAll();\r\n } else {\r\n that.deselectAll();\r\n }\r\n });\r\n\r\n this.$button\r\n .on('focus' + EVENT_KEY, function (e) {\r\n var tabindex = that.$element[0].getAttribute('tabindex');\r\n\r\n // only change when button is actually focused\r\n if (tabindex !== undefined && e.originalEvent && e.originalEvent.isTrusted) {\r\n // apply select element's tabindex to ensure correct order is followed when tabbing to the next element\r\n this.setAttribute('tabindex', tabindex);\r\n // set element's tabindex to -1 to allow for reverse tabbing\r\n that.$element[0].setAttribute('tabindex', -1);\r\n that.selectpicker.view.tabindex = tabindex;\r\n }\r\n })\r\n .on('blur' + EVENT_KEY, function (e) {\r\n // revert everything to original tabindex\r\n if (that.selectpicker.view.tabindex !== undefined && e.originalEvent && e.originalEvent.isTrusted) {\r\n that.$element[0].setAttribute('tabindex', that.selectpicker.view.tabindex);\r\n this.setAttribute('tabindex', -1);\r\n that.selectpicker.view.tabindex = undefined;\r\n }\r\n });\r\n\r\n this.$element\r\n .on('change' + EVENT_KEY, function () {\r\n that.render();\r\n that.$element.trigger('changed' + EVENT_KEY, changedArguments);\r\n changedArguments = null;\r\n })\r\n .on('focus' + EVENT_KEY, function () {\r\n if (!that.options.mobile) that.$button[0].focus();\r\n });\r\n },\r\n\r\n liveSearchListener: function () {\r\n var that = this;\r\n\r\n this.$button.on('click.bs.dropdown.data-api', function () {\r\n if (!!that.$searchbox.val()) {\r\n that.$searchbox.val('');\r\n that.selectpicker.search.previousValue = undefined;\r\n }\r\n });\r\n\r\n this.$searchbox.on('click.bs.dropdown.data-api focus.bs.dropdown.data-api touchend.bs.dropdown.data-api', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n this.$searchbox.on('input propertychange', function () {\r\n var searchValue = that.$searchbox[0].value;\r\n\r\n that.selectpicker.search.elements = [];\r\n that.selectpicker.search.data = [];\r\n\r\n if (searchValue) {\r\n if (that.options.source.search) {\r\n that.fetchData(function (builtData) {\r\n that.render();\r\n that.buildList(undefined, true);\r\n that.createView(true);\r\n showNoResults.call(that, builtData, searchValue);\r\n }, 'search', 0, searchValue);\r\n } else {\r\n var i,\r\n searchMatch = [],\r\n q = searchValue.toUpperCase(),\r\n cache = {},\r\n cacheArr = [],\r\n searchStyle = that._searchStyle(),\r\n normalizeSearch = that.options.liveSearchNormalize;\r\n\r\n if (normalizeSearch) q = normalizeToBase(q);\r\n\r\n for (var i = 0; i < that.selectpicker.main.data.length; i++) {\r\n var li = that.selectpicker.main.data[i];\r\n\r\n if (!cache[i]) {\r\n cache[i] = stringSearch(li, q, searchStyle, normalizeSearch);\r\n }\r\n\r\n if (cache[i] && li.headerIndex !== undefined && cacheArr.indexOf(li.headerIndex) === -1) {\r\n if (li.headerIndex > 0) {\r\n cache[li.headerIndex - 1] = true;\r\n cacheArr.push(li.headerIndex - 1);\r\n }\r\n\r\n cache[li.headerIndex] = true;\r\n cacheArr.push(li.headerIndex);\r\n\r\n cache[li.lastIndex + 1] = true;\r\n }\r\n\r\n if (cache[i] && li.type !== 'optgroup-label') cacheArr.push(i);\r\n }\r\n\r\n for (var i = 0, cacheLen = cacheArr.length; i < cacheLen; i++) {\r\n var index = cacheArr[i],\r\n prevIndex = cacheArr[i - 1],\r\n li = that.selectpicker.main.data[index],\r\n liPrev = that.selectpicker.main.data[prevIndex];\r\n\r\n if (li.type !== 'divider' || (li.type === 'divider' && liPrev && liPrev.type !== 'divider' && cacheLen - 1 !== i)) {\r\n that.selectpicker.search.data.push(li);\r\n searchMatch.push(that.selectpicker.main.elements[index]);\r\n }\r\n }\r\n\r\n that.activeIndex = undefined;\r\n that.noScroll = true;\r\n that.$menuInner.scrollTop(0);\r\n that.selectpicker.search.elements = searchMatch;\r\n that.createView(true);\r\n showNoResults.call(that, searchMatch, searchValue);\r\n }\r\n } else if (that.selectpicker.search.previousValue) { // for IE11 (#2402)\r\n that.$menuInner.scrollTop(0);\r\n that.createView(false);\r\n }\r\n\r\n that.selectpicker.search.previousValue = searchValue;\r\n });\r\n },\r\n\r\n _searchStyle: function () {\r\n return this.options.liveSearchStyle || 'contains';\r\n },\r\n\r\n val: function (value) {\r\n var element = this.$element[0];\r\n\r\n if (typeof value !== 'undefined') {\r\n var selectedOptions = getSelectedOptions.call(this),\r\n prevValue = getSelectValues.call(this, selectedOptions);\r\n\r\n changedArguments = [null, null, prevValue];\r\n\r\n if (!Array.isArray(value)) value = [ value ];\r\n\r\n value.map(String);\r\n\r\n for (var i = 0; i < selectedOptions.length; i++) {\r\n var item = selectedOptions[i];\r\n\r\n if (item && value.indexOf(String(item.value)) === -1) {\r\n this.setSelected(item, false);\r\n }\r\n }\r\n\r\n // only update selected value if it matches an existing option\r\n this.selectpicker.main.data.filter(function (item) {\r\n if (value.indexOf(String(item.value)) !== -1) {\r\n this.setSelected(item, true);\r\n return true;\r\n }\r\n\r\n return false;\r\n }, this);\r\n\r\n if (this.options.source.data) element.appendChild(this.selectpicker.main.optionQueue);\r\n\r\n this.$element.trigger('changed' + EVENT_KEY, changedArguments);\r\n\r\n if (this.$newElement.hasClass(classNames.SHOW)) {\r\n if (this.multiple) {\r\n this.setOptionStatus(true);\r\n } else {\r\n var liSelectedIndex = (element.options[element.selectedIndex] || {}).liIndex;\r\n\r\n if (typeof liSelectedIndex === 'number') {\r\n this.setSelected(this.selectedIndex, false);\r\n this.setSelected(liSelectedIndex, true);\r\n }\r\n }\r\n }\r\n\r\n this.render();\r\n\r\n changedArguments = null;\r\n\r\n return this.$element;\r\n } else {\r\n return this.$element.val();\r\n }\r\n },\r\n\r\n changeAll: function (status) {\r\n if (!this.multiple) return;\r\n if (typeof status === 'undefined') status = true;\r\n\r\n var element = this.$element[0],\r\n previousSelected = 0,\r\n currentSelected = 0,\r\n prevValue = getSelectValues.call(this);\r\n\r\n element.classList.add('bs-select-hidden');\r\n\r\n for (var i = 0, data = this.selectpicker.current.data, len = data.length; i < len; i++) {\r\n var liData = data[i],\r\n option = liData.option;\r\n\r\n if (option && !liData.disabled && liData.type !== 'divider') {\r\n if (liData.selected) previousSelected++;\r\n option.selected = status;\r\n liData.selected = status;\r\n if (status === true) currentSelected++;\r\n }\r\n }\r\n\r\n element.classList.remove('bs-select-hidden');\r\n\r\n if (previousSelected === currentSelected) return;\r\n\r\n this.setOptionStatus();\r\n\r\n changedArguments = [null, null, prevValue];\r\n\r\n this.$element\r\n .triggerNative('change');\r\n },\r\n\r\n selectAll: function () {\r\n return this.changeAll(true);\r\n },\r\n\r\n deselectAll: function () {\r\n return this.changeAll(false);\r\n },\r\n\r\n toggle: function (e, state) {\r\n var isActive,\r\n triggerClick = state === undefined;\r\n\r\n e = e || window.event;\r\n\r\n if (e) e.stopPropagation();\r\n\r\n if (triggerClick === false) {\r\n isActive = this.$newElement[0].classList.contains(classNames.SHOW);\r\n triggerClick = state === true && isActive === false || state === false && isActive === true;\r\n }\r\n\r\n if (triggerClick) this.$button.trigger('click.bs.dropdown.data-api');\r\n },\r\n\r\n open: function (e) {\r\n this.toggle(e, true);\r\n },\r\n\r\n close: function (e) {\r\n this.toggle(e, false);\r\n },\r\n\r\n keydown: function (e) {\r\n var $this = $(this),\r\n isToggle = $this.hasClass('dropdown-toggle'),\r\n $parent = isToggle ? $this.closest('.dropdown') : $this.closest(Selector.MENU),\r\n that = $parent.data('this'),\r\n $items = that.findLis(),\r\n index,\r\n isActive,\r\n liActive,\r\n activeLi,\r\n offset,\r\n updateScroll = false,\r\n downOnTab = e.which === keyCodes.TAB && !isToggle && !that.options.selectOnTab,\r\n isArrowKey = REGEXP_ARROW.test(e.which) || downOnTab,\r\n scrollTop = that.$menuInner[0].scrollTop,\r\n isVirtual = that.isVirtual(),\r\n position0 = isVirtual === true ? that.selectpicker.view.position0 : 0;\r\n\r\n // do nothing if a function key is pressed\r\n if (e.which >= 112 && e.which <= 123) return;\r\n\r\n isActive = that.$menu.hasClass(classNames.SHOW);\r\n\r\n if (\r\n !isActive &&\r\n (\r\n isArrowKey ||\r\n (e.which >= 48 && e.which <= 57) ||\r\n (e.which >= 96 && e.which <= 105) ||\r\n (e.which >= 65 && e.which <= 90)\r\n )\r\n ) {\r\n that.$button.trigger('click.bs.dropdown.data-api');\r\n\r\n if (that.options.liveSearch) {\r\n that.$searchbox.trigger('focus');\r\n return;\r\n }\r\n }\r\n\r\n if (e.which === keyCodes.ESCAPE && isActive) {\r\n e.preventDefault();\r\n that.$button.trigger('click.bs.dropdown.data-api').trigger('focus');\r\n }\r\n\r\n if (isArrowKey) { // if up or down\r\n if (!$items.length) return;\r\n\r\n liActive = that.selectpicker.main.elements[that.activeIndex];\r\n index = liActive ? Array.prototype.indexOf.call(liActive.parentElement.children, liActive) : -1;\r\n\r\n if (index !== -1) {\r\n that.defocusItem(liActive);\r\n }\r\n\r\n if (e.which === keyCodes.ARROW_UP) { // up\r\n if (index !== -1) index--;\r\n if (index + position0 < 0) index += $items.length;\r\n\r\n if (!that.selectpicker.view.canHighlight[index + position0]) {\r\n index = that.selectpicker.view.canHighlight.slice(0, index + position0).lastIndexOf(true) - position0;\r\n if (index === -1) index = $items.length - 1;\r\n }\r\n } else if (e.which === keyCodes.ARROW_DOWN || downOnTab) { // down\r\n index++;\r\n if (index + position0 >= that.selectpicker.view.canHighlight.length) index = that.selectpicker.view.firstHighlightIndex;\r\n\r\n if (!that.selectpicker.view.canHighlight[index + position0]) {\r\n index = index + 1 + that.selectpicker.view.canHighlight.slice(index + position0 + 1).indexOf(true);\r\n }\r\n }\r\n\r\n e.preventDefault();\r\n\r\n var liActiveIndex = position0 + index;\r\n\r\n if (e.which === keyCodes.ARROW_UP) { // up\r\n // scroll to bottom and highlight last option\r\n if (position0 === 0 && index === $items.length - 1) {\r\n that.$menuInner[0].scrollTop = that.$menuInner[0].scrollHeight;\r\n\r\n liActiveIndex = that.selectpicker.current.elements.length - 1;\r\n } else {\r\n activeLi = that.selectpicker.current.data[liActiveIndex];\r\n offset = activeLi.position - activeLi.height;\r\n\r\n updateScroll = offset < scrollTop;\r\n }\r\n } else if (e.which === keyCodes.ARROW_DOWN || downOnTab) { // down\r\n // scroll to top and highlight first option\r\n if (index === that.selectpicker.view.firstHighlightIndex) {\r\n that.$menuInner[0].scrollTop = 0;\r\n\r\n liActiveIndex = that.selectpicker.view.firstHighlightIndex;\r\n } else {\r\n activeLi = that.selectpicker.current.data[liActiveIndex];\r\n offset = activeLi.position - that.sizeInfo.menuInnerHeight;\r\n\r\n updateScroll = offset > scrollTop;\r\n }\r\n }\r\n\r\n liActive = that.selectpicker.current.elements[liActiveIndex];\r\n\r\n that.activeIndex = that.selectpicker.current.data[liActiveIndex].index;\r\n\r\n that.focusItem(liActive);\r\n\r\n that.selectpicker.view.currentActive = liActive;\r\n\r\n if (updateScroll) that.$menuInner[0].scrollTop = offset;\r\n\r\n if (that.options.liveSearch) {\r\n that.$searchbox.trigger('focus');\r\n } else {\r\n $this.trigger('focus');\r\n }\r\n } else if (\r\n (!$this.is('input') && !REGEXP_TAB_OR_ESCAPE.test(e.which)) ||\r\n (e.which === keyCodes.SPACE && that.selectpicker.keydown.keyHistory)\r\n ) {\r\n var searchMatch,\r\n matches = [],\r\n keyHistory;\r\n\r\n e.preventDefault();\r\n\r\n that.selectpicker.keydown.keyHistory += keyCodeMap[e.which];\r\n\r\n if (that.selectpicker.keydown.resetKeyHistory.cancel) clearTimeout(that.selectpicker.keydown.resetKeyHistory.cancel);\r\n that.selectpicker.keydown.resetKeyHistory.cancel = that.selectpicker.keydown.resetKeyHistory.start();\r\n\r\n keyHistory = that.selectpicker.keydown.keyHistory;\r\n\r\n // if all letters are the same, set keyHistory to just the first character when searching\r\n if (/^(.)\\1+$/.test(keyHistory)) {\r\n keyHistory = keyHistory.charAt(0);\r\n }\r\n\r\n // find matches\r\n for (var i = 0; i < that.selectpicker.current.data.length; i++) {\r\n var li = that.selectpicker.current.data[i],\r\n hasMatch;\r\n\r\n hasMatch = stringSearch(li, keyHistory, 'startsWith', true);\r\n\r\n if (hasMatch && that.selectpicker.view.canHighlight[i]) {\r\n matches.push(li.index);\r\n }\r\n }\r\n\r\n if (matches.length) {\r\n var matchIndex = 0;\r\n\r\n $items.removeClass('active').find('a').removeClass('active');\r\n\r\n // either only one key has been pressed or they are all the same key\r\n if (keyHistory.length === 1) {\r\n matchIndex = matches.indexOf(that.activeIndex);\r\n\r\n if (matchIndex === -1 || matchIndex === matches.length - 1) {\r\n matchIndex = 0;\r\n } else {\r\n matchIndex++;\r\n }\r\n }\r\n\r\n searchMatch = matches[matchIndex];\r\n\r\n activeLi = that.selectpicker.main.data[searchMatch];\r\n\r\n if (scrollTop - activeLi.position > 0) {\r\n offset = activeLi.position - activeLi.height;\r\n updateScroll = true;\r\n } else {\r\n offset = activeLi.position - that.sizeInfo.menuInnerHeight;\r\n // if the option is already visible at the current scroll position, just keep it the same\r\n updateScroll = activeLi.position > scrollTop + that.sizeInfo.menuInnerHeight;\r\n }\r\n\r\n liActive = that.selectpicker.main.elements[searchMatch];\r\n\r\n that.activeIndex = matches[matchIndex];\r\n\r\n that.focusItem(liActive);\r\n\r\n if (liActive) liActive.firstChild.focus();\r\n\r\n if (updateScroll) that.$menuInner[0].scrollTop = offset;\r\n\r\n $this.trigger('focus');\r\n }\r\n }\r\n\r\n // Select focused option if \"Enter\", \"Spacebar\" or \"Tab\" (when selectOnTab is true) are pressed inside the menu.\r\n if (\r\n isActive &&\r\n (\r\n (e.which === keyCodes.SPACE && !that.selectpicker.keydown.keyHistory) ||\r\n e.which === keyCodes.ENTER ||\r\n (e.which === keyCodes.TAB && that.options.selectOnTab)\r\n )\r\n ) {\r\n if (e.which !== keyCodes.SPACE) e.preventDefault();\r\n\r\n if (!that.options.liveSearch || e.which !== keyCodes.SPACE) {\r\n that.$menuInner.find('.active a').trigger('click', true); // retain active class\r\n $this.trigger('focus');\r\n\r\n if (!that.options.liveSearch) {\r\n // Prevent screen from scrolling if the user hits the spacebar\r\n e.preventDefault();\r\n // Fixes spacebar selection of dropdown items in FF & IE\r\n $(document).data('spaceSelect', true);\r\n }\r\n }\r\n }\r\n },\r\n\r\n mobile: function () {\r\n // ensure mobile is set to true if mobile function is called after init\r\n this.options.mobile = true;\r\n this.$element[0].classList.add('mobile-device');\r\n },\r\n\r\n refresh: function () {\r\n var that = this;\r\n // update options if data attributes have been changed\r\n var config = $.extend({}, this.options, getAttributesObject(this.$element), this.$element.data()); // in this order on refresh, as user may change attributes on select, and options object is not passed on refresh\r\n this.options = config;\r\n\r\n if (this.options.source.data) {\r\n this.render();\r\n this.buildList();\r\n } else {\r\n this.fetchData(function () {\r\n that.render();\r\n that.buildList();\r\n });\r\n }\r\n\r\n this.checkDisabled();\r\n this.setStyle();\r\n this.setWidth();\r\n\r\n this.setSize(true);\r\n\r\n this.$element.trigger('refreshed' + EVENT_KEY);\r\n },\r\n\r\n hide: function () {\r\n this.$newElement.hide();\r\n },\r\n\r\n show: function () {\r\n this.$newElement.show();\r\n },\r\n\r\n remove: function () {\r\n this.$newElement.remove();\r\n this.$element.remove();\r\n },\r\n\r\n destroy: function () {\r\n this.$newElement.before(this.$element).remove();\r\n\r\n if (this.$bsContainer) {\r\n this.$bsContainer.remove();\r\n } else {\r\n this.$menu.remove();\r\n }\r\n\r\n if (this.selectpicker.view.titleOption && this.selectpicker.view.titleOption.parentNode) {\r\n this.selectpicker.view.titleOption.parentNode.removeChild(this.selectpicker.view.titleOption);\r\n }\r\n\r\n this.$element\r\n .off(EVENT_KEY)\r\n .removeData('selectpicker')\r\n .removeClass('bs-select-hidden selectpicker');\r\n\r\n $(window).off(EVENT_KEY + '.' + this.selectId);\r\n }\r\n };\r\n\r\n // SELECTPICKER PLUGIN DEFINITION\r\n // ==============================\r\n function Plugin (option) {\r\n // get the args of the outer function..\r\n var args = arguments;\r\n // The arguments of the function are explicitly re-defined from the argument list, because the shift causes them\r\n // to get lost/corrupted in android 2.3 and IE9 #715 #775\r\n var _option = option;\r\n\r\n [].shift.apply(args);\r\n\r\n // if the version was not set successfully\r\n if (!version.success) {\r\n // try to retreive it again\r\n try {\r\n version.full = (getVersion() || '').split(' ')[0].split('.');\r\n } catch (err) {\r\n // fall back to use BootstrapVersion if set\r\n if (Selectpicker.BootstrapVersion) {\r\n version.full = Selectpicker.BootstrapVersion.split(' ')[0].split('.');\r\n } else {\r\n version.full = [version.major, '0', '0'];\r\n\r\n console.warn(\r\n 'There was an issue retrieving Bootstrap\\'s version. ' +\r\n 'Ensure Bootstrap is being loaded before bootstrap-select and there is no namespace collision. ' +\r\n 'If loading Bootstrap asynchronously, the version may need to be manually specified via $.fn.selectpicker.Constructor.BootstrapVersion.',\r\n err\r\n );\r\n }\r\n }\r\n\r\n version.major = version.full[0];\r\n version.success = true;\r\n }\r\n\r\n if (version.major >= '4') {\r\n // some defaults need to be changed if using Bootstrap 4\r\n // check to see if they have already been manually changed before forcing them to update\r\n var toUpdate = [];\r\n\r\n if (Selectpicker.DEFAULTS.style === classNames.BUTTONCLASS) toUpdate.push({ name: 'style', className: 'BUTTONCLASS' });\r\n if (Selectpicker.DEFAULTS.iconBase === classNames.ICONBASE) toUpdate.push({ name: 'iconBase', className: 'ICONBASE' });\r\n if (Selectpicker.DEFAULTS.tickIcon === classNames.TICKICON) toUpdate.push({ name: 'tickIcon', className: 'TICKICON' });\r\n\r\n classNames.DIVIDER = 'dropdown-divider';\r\n classNames.SHOW = 'show';\r\n classNames.BUTTONCLASS = 'btn-light';\r\n classNames.POPOVERHEADER = 'popover-header';\r\n classNames.ICONBASE = '';\r\n classNames.TICKICON = 'bs-ok-default';\r\n\r\n for (var i = 0; i < toUpdate.length; i++) {\r\n var option = toUpdate[i];\r\n Selectpicker.DEFAULTS[option.name] = classNames[option.className];\r\n }\r\n }\r\n\r\n if (version.major > '4') {\r\n Selector.DATA_TOGGLE = 'data-bs-toggle=\"dropdown\"'\r\n }\r\n\r\n var value;\r\n var chain = this.each(function () {\r\n var $this = $(this);\r\n if ($this.is('select')) {\r\n var data = $this.data('selectpicker'),\r\n options = typeof _option == 'object' && _option;\r\n\r\n // for backwards compatibility\r\n // (using title as placeholder is deprecated - remove in v2.0.0)\r\n if (options.title) options.placeholder = options.title;\r\n\r\n if (!data) {\r\n var dataAttributes = $this.data();\r\n\r\n for (var dataAttr in dataAttributes) {\r\n if (Object.prototype.hasOwnProperty.call(dataAttributes, dataAttr) && $.inArray(dataAttr, DISALLOWED_ATTRIBUTES) !== -1) {\r\n delete dataAttributes[dataAttr];\r\n }\r\n }\r\n\r\n var config = $.extend({}, Selectpicker.DEFAULTS, $.fn.selectpicker.defaults || {}, getAttributesObject($this), dataAttributes, options); // this is correct order on initial render\r\n config.template = $.extend({}, Selectpicker.DEFAULTS.template, ($.fn.selectpicker.defaults ? $.fn.selectpicker.defaults.template : {}), dataAttributes.template, options.template);\r\n $this.data('selectpicker', (data = new Selectpicker(this, config)));\r\n } else if (options) {\r\n for (var i in options) {\r\n if (Object.prototype.hasOwnProperty.call(options, i)) {\r\n data.options[i] = options[i];\r\n }\r\n }\r\n }\r\n\r\n if (typeof _option == 'string') {\r\n if (data[_option] instanceof Function) {\r\n value = data[_option].apply(data, args);\r\n } else {\r\n value = data.options[_option];\r\n }\r\n }\r\n }\r\n });\r\n\r\n if (typeof value !== 'undefined') {\r\n // noinspection JSUnusedAssignment\r\n return value;\r\n } else {\r\n return chain;\r\n }\r\n }\r\n\r\n var old = $.fn.selectpicker;\r\n $.fn.selectpicker = Plugin;\r\n $.fn.selectpicker.Constructor = Selectpicker;\r\n\r\n // SELECTPICKER NO CONFLICT\r\n // ========================\r\n $.fn.selectpicker.noConflict = function () {\r\n $.fn.selectpicker = old;\r\n return this;\r\n };\r\n\r\n // get Bootstrap's keydown event handler for either Bootstrap 4 or Bootstrap 3\r\n function keydownHandler () {\r\n if (version.major < 5) {\r\n if ($.fn.dropdown) {\r\n // wait to define until function is called in case Bootstrap isn't loaded yet\r\n var bootstrapKeydown = $.fn.dropdown.Constructor._dataApiKeydownHandler || $.fn.dropdown.Constructor.prototype.keydown;\r\n return bootstrapKeydown.apply(this, arguments);\r\n }\r\n } else {\r\n return Dropdown.dataApiKeydownHandler;\r\n }\r\n }\r\n\r\n $(document)\r\n .off('keydown.bs.dropdown.data-api')\r\n .on('keydown.bs.dropdown.data-api', ':not(.bootstrap-select) > [' + Selector.DATA_TOGGLE + ']', keydownHandler)\r\n .on('keydown.bs.dropdown.data-api', ':not(.bootstrap-select) > .dropdown-menu', keydownHandler)\r\n .on('keydown' + EVENT_KEY, '.bootstrap-select [' + Selector.DATA_TOGGLE + '], .bootstrap-select [role=\"listbox\"], .bootstrap-select .bs-searchbox input', Selectpicker.prototype.keydown)\r\n .on('focusin.modal', '.bootstrap-select [' + Selector.DATA_TOGGLE + '], .bootstrap-select [role=\"listbox\"], .bootstrap-select .bs-searchbox input', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n // SELECTPICKER DATA-API\r\n // =====================\r\n document.addEventListener('DOMContentLoaded', function () {\r\n $('.selectpicker').each(function () {\r\n var $selectpicker = $(this);\r\n Plugin.call($selectpicker, $selectpicker.data());\r\n })\r\n });\r\n})(jQuery);\r\n\r\n\r\n}));\n//# sourceMappingURL=bootstrap-select.js.map","const gtmClickEvent = (eventName, attributeList) => {\r\n window.dataLayer = window.dataLayer || [];\r\n window.dataLayer.push({\r\n event: eventName,\r\n attributes: attributeList\r\n });\r\n};\r\n\r\nexport default {\r\n gtmClickEvent\r\n};","import $ from 'jquery';\r\nimport analytics from '../utils/analytics';\r\n\r\nclass Common {\r\n constructor() {\r\n\r\n }\r\n\r\n init() {\r\n this.bindEvents(); \r\n this.navigationClickEvent();\r\n this.footerNavigationClickEvent();\r\n this.socialClickEvent();\r\n this.initExternalLinks();\r\n }\r\n\r\n bindEvents() {\r\n }\r\n\r\n navigationClickEvent() {\r\n $('.primary-nav .nav-item').on('click', (e) => {\r\n const target = $(e.currentTarget);\r\n const parentText = target.parents('.js-nav-megamenu').data('parent-text');\r\n let menuText = '';\r\n\r\n if (parentText !== undefined && parentText !== '') {\r\n menuText = `${parentText} - ${target.data('text')}`;\r\n }\r\n else {\r\n menuText = target.data('text');\r\n }\r\n\r\n let data = {\r\n menu_type: target.data('type'),\r\n menu_clicktext: menuText\r\n };\r\n\r\n analytics.gtmClickEvent('navigationTracking', data);\r\n });\r\n }\r\n\r\n footerNavigationClickEvent() {\r\n $('.footer-column-navigation a, .footer-meta-list a').on('click', (e) => {\r\n const target = $(e.currentTarget);\r\n const parentText = target.data('parent-text');\r\n let menuText = '';\r\n\r\n if (parentText !== undefined && parentText !== '') {\r\n menuText = `${parentText} - ${target.data('text')}`;\r\n }\r\n else {\r\n menuText = target.data('text');\r\n }\r\n\r\n let data = {\r\n menu_type: target.data('type'),\r\n menu_clicktext: menuText\r\n };\r\n\r\n analytics.gtmClickEvent('navigationTracking', data);\r\n });\r\n }\r\n\r\n socialClickEvent() {\r\n $('.footer-column-social-item a, .social-icons a').on('click', (e) => {\r\n const target = $(e.currentTarget);\r\n\r\n let data = {\r\n type: target.data('type'),\r\n social_media: target.data('social')\r\n };\r\n\r\n analytics.gtmClickEvent('socialInteraction', data);\r\n });\r\n }\r\n\r\n initExternalLinks() {\r\n $('a:not(.open-self)').each((index, element) => {\r\n let a = new RegExp(`/${window.location.host}/`);\r\n\r\n if (!a.test(element.href) && element.href !== '') {\r\n $(element).click((event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n window.open(element.href, '_blank');\r\n });\r\n }\r\n });\r\n } \r\n}\r\n\r\nexport default Common;","import $ from 'jquery';\r\nimport * as CONST from '../utils/constants';\r\nimport Util from '../utils/ui';\r\n\r\nclass Layout {\r\n\tconstructor() {\r\n\t\tthis.$body = $('body');\r\n\t\tthis.$header = $('.header');\r\n\t\tthis.$hiddenHeader = $('.js-top-target');\r\n\r\n\t\tthis.$nav = $('.nav-wrapper');\r\n\t\tthis.$primaryNavItem = $('.primary-nav > li');\r\n\t\tthis.$primaryNavItemLink = $('.primary-nav > li > a');\r\n this.$navToggle = $('.js-nav-toggle');\r\n this.$navToggleLabel = $('.js-nav-toggle-label');\r\n\t\tthis.$navToggleChildren = $('.js-nav-toggle-children');\r\n\r\n this.$search = $('.js-search');\r\n this.$searchToggle = $('.js-search-toggle');\r\n this.$searchForm = $('.js-search-form');\r\n\r\n\t\tthis.didScroll = false;\r\n\t\tthis.lastScrollTop = 0;\r\n\t\tthis.delta = 5;\r\n\r\n\t\tthis.$footerAccordionItem = $('.js-footer-accordion > .footer-column-navigation-item--parent > a');\r\n\r\n this.timer = 0;\r\n\r\n this.$menuButton = $('.js-menu-icon');\r\n this.$menuIcon = '';\r\n this.$closeIcon = '';\r\n\t}\r\n\r\n init() {\r\n this.bindEvents();\r\n }\r\n\r\n bindEvents() {\r\n\t\tthis.$navToggle.on('click', e => { e.stopPropagation(); this.toggleNav(e); });\r\n\r\n\t\tthis.$navToggleChildren.on('click', e => { e.stopPropagation(); this.mobileNavItem(e); });\r\n\r\n $('body').on('click', e => { this.closeSearch(e); });\r\n\r\n\t\t// on menu enter\r\n\t\tthis.$primaryNavItemLink.on('keydown', e => { this.tabbingNav(e); });\r\n\r\n //this.$footerAccordionItem.on('click', e => {\r\n // if (Util.getViewPort() !== CONST.ViewPort.Desktop) {\r\n // e.stopPropagation();\r\n // e.preventDefault();\r\n // this.footerAccordion(e);\r\n // }\r\n\t\t//});\r\n\r\n\t\t// open megamenu on hover for desktop\r\n\t\tthis.$primaryNavItem.on('mouseover', e => {\r\n\t\t\tclearTimeout(this.timer);\r\n\t\t\t$('.js-nav-megamenu').removeClass('open');\r\n\t\t\tthis.openSubmenu(e);\r\n\t\t}).on('mouseleave', e => {\r\n\t\t\tthis.timer = setTimeout(() => {\r\n\t\t\t\tthis.closeSubmenu(e);\r\n\t\t\t}, 300);\r\n\t\t});\r\n\r\n\t\t// Hide Header on on scroll down\r\n\t\t$(window).scroll(e => {\r\n\t\t\tthis.didScroll = true;\r\n\t\t});\r\n\r\n\t\tsetInterval(() => {\r\n\t\t\tif (this.didScroll) {\r\n\t\t\t\tthis.hasScrolled();\r\n\t\t\t\tthis.didScroll = false;\r\n\t\t\t}\r\n }, 100);\r\n\r\n\t\t// Search toggle\r\n\t\tthis.$searchToggle.on('click', e => { e.stopPropagation(); this.toggleSearch(e); });\r\n\r\n\t\tthis.$searchToggle.on('keyup', e => {\r\n\t\t\tif (e.keyCode === 13) {\r\n\t\t\t\tthis.toggleSearch(e);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.$search.on('focusout', e => {\r\n\t\t\t//this.closeSearch(e);\r\n\t\t});\r\n\r\n\t\tthis.handleHeaderOnWindowResize();\r\n\r\n // Footer\r\n this.handleFooter();\r\n\t\t\r\n\t\t//Scrolls back to the top after tabbing through page\r\n\t\t\r\n\t\tthis.$hiddenHeader.focus(() => {\r\n\t\t\twindow.scroll({\r\n\t\t\t\ttop: 0, \r\n\t\t\t\tleft: 0, \r\n\t\t\t\tbehavior: 'smooth'\r\n\t\t\t});\r\n\t\t});\r\n //---/ Footer\r\n\t}\r\n\r\n\thandleFooter() {\r\n\t\tif ($(window).width() <= 568) {\r\n this.mobileFooter();\r\n }\r\n else {\r\n this.desktopFooter();\r\n\t\t}\r\n\t\t$(window).resize(() => {\r\n\t\t\tthis.desktopFooter();\r\n\t\t\tif ($(window).width() <= 568) {\r\n\t\t\t\tthis.mobileFooter();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thandleHeaderOnWindowResize() {\r\n\t\t$(window).resize(() => {\r\n\t\t\tif ($(window).width() > 998) {\r\n\t\t\t\t//Restarts display property on menu items on when the windows width changes\r\n\t\t\t\t//I don't think is needed since this isn't a normal behavior but I added anyway\r\n\t\t\t\t//for polishing purposes\r\n\t\t\t\t$('.js-nav-megamenu').css('display', '');\r\n\t\t\t\t$('body').removeClass('nav-open');\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thasScrolled() {\r\n\t\tif ($(window).width() >= 998) return;\r\n\t\tlet st = $(window).scrollTop();\r\n\t\tlet headerHeight = $('.header').outerHeight();\r\n\t\tlet progressHeight = ($('#readingProgressBar').hasClass('closed') || $('#readingProgressBar').length === 0) ? 0 : $('#readingProgressBar').outerHeight();\r\n\t\tlet bannerHeight = ($('.js-banner').hasClass('closed') || $('.js-banner') === undefined || $('.js-banner').length === 0) ? 0 : $('.js-banner').outerHeight();\r\n\r\n\t\t// Make sure they scroll more than delta\r\n\t\tif (Math.abs(this.lastScrollTop - st) <= this.delta) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// If they scrolled down and are past the header, add class .header-up.\r\n\t\t// This is necessary so you never see what is \"behind\" the header.\r\n\t\tif (st > headerHeight) {\r\n\t\t\tthis.$body.css('padding-top', headerHeight);\r\n\r\n\t\t\tif (st > this.lastScrollTop) {\r\n\t\t\t\t// Scroll Down\r\n\t\t\t\tthis.$body.removeClass('header-down').addClass('header-up');\r\n\t\t\t\tthis.$header.css('top', -headerHeight);\r\n\t\t\t}\r\n\t\t\telse if (st + $(window).height() < $(document).height()) {\r\n\t\t\t\t// Scroll Up\r\n\t\t\t\tthis.$body.removeClass('header-up').addClass('header-down');\r\n\t\t\t\tthis.$header.css('top', progressHeight - bannerHeight);\r\n\t\t\t}\r\n\t\t}\r\n\t\telse if (st <= (bannerHeight + 50)) {\r\n\t\t\tthis.$body.css('padding-top', 0);\r\n\t\t\tthis.$header.css('top', 'auto');\r\n\t\t\tthis.$body.removeClass('header-up').removeClass('header-down');\r\n\t\t}\r\n\r\n\t\tthis.lastScrollTop = st;\r\n\t}\r\n\r\n\t// clicking on items in mobile nav\r\n\tmobileNavItem(e) {\r\n\t\tif (Util.getViewPort() !== CONST.ViewPort.Desktop) {\r\n\t\t\tconst target = $(e.currentTarget);\r\n\t\t\tconst parent = target.closest('li');\r\n\t\t\tconst menuContainer = $(parent).find('.nav-megamenu-container');\r\n\t\t\tconst menuList = $(parent).find('> .primary-nav-submenu--nested');\t\t\t\r\n\r\n\t\t\t$(parent).toggleClass('open');\r\n\r\n\t\t\tif (menuList.length > 0) {\r\n\t\t\t\t$(menuList).slideToggle();\r\n\t\t\t} else {\r\n\t\t\t\t$(menuContainer).slideToggle();\r\n\t\t\t}\r\n\t\t\te.preventDefault();\r\n\t\t}\r\n\t}\r\n\r\n\topenSubmenu(e) {\r\n\t\tif (Util.getViewPort() === CONST.ViewPort.Desktop) {\r\n\t\t\tconst target = $(e.currentTarget);\r\n\t\t\t$('.primary-nav li').removeClass('open');\r\n\t\t\t$(target).closest('li').addClass('open');\r\n\t\t\t$(target).closest('li').find('.js-nav-megamenu').addClass('open');\r\n\t\t}\r\n\t}\r\n\r\n\tcloseSubmenu(e) {\r\n\t\tif (Util.getViewPort() === CONST.ViewPort.Desktop) {\r\n\t\t\tconst target = $(e.currentTarget);\r\n\t\t\t$('.primary-nav li').removeClass('open');\r\n\t\t\t$(target).closest('li').find('.js-nav-megamenu').removeClass('open');\r\n\t\t}\r\n\t}\t\r\n\r\n\t// if user hits enter when tabbing on menu items, open mega menu and set tabbing to children\r\n\ttabbingNav(e) {\r\n\t\tlet target = $(e.currentTarget);\r\n\r\n\t\tif (e.keyCode === 13 && target.hasClass('has-dropdown')) {\r\n\t\t\te.preventDefault();\r\n\t\t\ttarget.closest('li').addClass('focused');\r\n\t\t\ttarget.closest('li').find('.js-nav-megamenu').addClass('open');\r\n\t\t}\r\n\r\n\t\tlet $activeElem = $(document.activeElement);\r\n\t\tlet $prevItem = $activeElem.closest('li').prev();\r\n\r\n\t\tif ($prevItem.hasClass('focused')) {\r\n\t\t\t$prevItem.removeClass('focused');\r\n\t\t\t$prevItem.find('.js-nav-megamenu').removeClass('open');\r\n\t\t}\r\n\r\n\t\tif (e.shiftKey && (e.keyCode === 9)) {\r\n\t\t\t$('.js-nav-megamenu').removeClass('open');\r\n\t\t}\r\n\t}\r\n\r\n\t// toggle nav on mobile\r\n\ttoggleNav(e) {\r\n\t\t$('.js-nav-megamenu').removeAttr('style').closest('li').removeClass('open'); // Open nav with sub menus closed\r\n\r\n\t\tconst target = $(e.currentTarget);\r\n\t\ttarget.toggleClass('open');\r\n\t\r\n\t\tthis.$nav.slideToggle().toggleClass('open');\r\n this.$body.toggleClass('nav-open');\r\n\r\n if (this.$body.hasClass('nav-open')) {\r\n this.$menuButton.html(this.$closeIcon);\r\n this.$navToggleLabel.text('Close');\r\n }\r\n else {\r\n this.$menuButton.html(this.$menuIcon);\r\n this.$navToggleLabel.text('Menu');\r\n }\r\n\t}\r\n\r\n // Footer accordion expand/collapse\r\n footerAccordion(e) {\r\n const target = $(e.currentTarget);\r\n\r\n target.parent().toggleClass('open');\r\n target.siblings('.footer-column-navigation-sub').toggleClass('visible');\r\n }\r\n\r\n\ttoggleSearch(e) {\r\n\t\t$('.js-search-textbox').focus();\r\n\r\n const target = $(e.currentTarget);\r\n\r\n this.$searchToggle.addClass('hide');\r\n\r\n setTimeout(() => {\r\n this.$search.addClass('open');\r\n this.$searchForm.addClass('open');\r\n }, 150);\r\n }\r\n\r\n // Close search\r\n\tcloseSearch(e) {\r\n if (Util.getViewPort() === CONST.ViewPort.Desktop) {\r\n const target = $(e.target);\r\n\r\n\t\t\tif (target.hasClass('js-search-toggle')) return;\r\n\t\t\tif ((target.hasClass('js-search-textbox') === false && target.hasClass('js-search-btn') === false && target.hasClass('fa-search') === false) || e.type === 'focusout') {\r\n this.$search.removeClass('open');\r\n this.$searchForm.removeClass('open');\r\n\r\n setTimeout(() => {\r\n this.$searchToggle.removeClass('hide');\r\n }, 260);\r\n\t\t\t}\r\n }\r\n }//---/ Close search\r\n\r\n // Mobile footer\r\n mobileFooter() {\r\n // Move single items to end\r\n //$('.footer-column-navigation-item--single').appendTo($('.footer-column-navigation').last());\r\n\r\n // Move social icons to top\r\n $('.footer-column-social').prependTo($('.footer-column').first());\r\n }//---/ Mobile footer\r\n\r\n // Desktop footer\r\n desktopFooter() {\r\n // Move social icons to last column\r\n $('.footer-column-social').prependTo($('.footer-column:nth-child(4)'));\r\n //$('.footer-column').last().remove();\r\n }//---/ Desktop footer\r\n}\r\n\r\nexport default Layout;","import $ from 'jquery';\r\n\r\nclass BootstrapSelectCompatability {\r\n constructor() {\r\n\r\n }\r\n\r\n init() {\r\n this.bindEvents(); \r\n }\r\n\r\n bindEvents() {\r\n // boostrap 4 version of bootstrap select toggles show class on the bootstrap-select\r\n // events found here\r\n // https://developer.snapappointments.com/bootstrap-select/options/#events\r\n\r\n let select = $('.bootstrap-select select'); \r\n select.on('show.bs.select', (e, clickedIndex, isSelected, previousValue) => {\r\n let parent = e.currentTarget.closest('.bootstrap-select');\r\n $(parent).addClass('show');\r\n }); \r\n select.on('hide.bs.select', (e, clickedIndex, isSelected, previousValue) => {\r\n let parent = e.currentTarget.closest('.bootstrap-select');\r\n $(parent).removeClass('show');\r\n }); \r\n }\r\n}\r\n\r\nexport default BootstrapSelectCompatability;","import $ from 'jquery';\r\n\r\nclass WebPImages {\r\n init() {\r\n let observer = new MutationObserver((mutations) => {\r\n mutations.forEach((mutation) => {\r\n if (mutation.addedNodes && mutation.addedNodes.length > 0) {\r\n this.setWebPImages();\r\n }\r\n });\r\n });\r\n\r\n let config = {\r\n attributes: true,\r\n childList: true,\r\n characterData: true\r\n };\r\n\r\n observer.observe(document.body, config); \r\n\r\n this.setWebPImages();\r\n }\r\n\r\n setWebPImages() {\r\n if ($('.js-webp-bg:not(.js-webp-bg-loaded)').length) {\r\n $('.js-webp-bg:not(.js-webp-bg-loaded)').each((index, element) => {\r\n let backgroundImage = '';\r\n let image = $(element);\r\n\r\n if (image.hasClass('js-lazy-bg') === false) {\r\n if ($('html').hasClass('webp')) {\r\n backgroundImage = image.data('bg-webp');\r\n if (!backgroundImage) {\r\n backgroundImage = image.data('image-webp');\r\n }\r\n }\r\n else {\r\n backgroundImage = image.data('image');\r\n if (!backgroundImage) {\r\n backgroundImage = image.data('bg');\r\n }\r\n }\r\n }\r\n if (backgroundImage) {\r\n image.attr('style', `background-image: url(${backgroundImage});`);\r\n }\r\n image.addClass('js-webp-bg-loaded');\r\n });\r\n }\r\n\r\n if ($('.js-webp-poster').length) {\r\n // Loop through each video element and set the poster image\r\n $('.js-webp-poster').each((index, element) => {\r\n let poster;\r\n let video = $(element);\r\n\r\n if ($('html').hasClass('webp')) {\r\n poster = video.data('poster-webp');\r\n }\r\n else {\r\n poster = video.data('poster');\r\n }\r\n\r\n // Set poster\r\n if (poster) {\r\n video.attr('poster', poster);\r\n }\r\n });\r\n }\r\n }\r\n}\r\n\r\nexport default WebPImages;\r\n\r\n$(() => {\r\n\tconst webpimages = new WebPImages();\r\n\twebpimages.init();\r\n});","class LazyLoad {\r\n init() {\r\n let observer = new MutationObserver((mutations) => {\r\n mutations.forEach((mutation) => {\r\n if (mutation.addedNodes && mutation.addedNodes.length > 0) {\r\n this.setLazyLoadImages();\r\n }\r\n });\r\n });\r\n\r\n let config = {\r\n attributes: true,\r\n childList: true,\r\n characterData: true\r\n };\r\n\r\n observer.observe(document.body, config); \r\n\r\n this.setLazyLoadImages();\r\n }\r\n\r\n setLazyLoadImages() {\r\n let lazyloadImages;\r\n let lazyloadBgImages;\r\n let lazyloadVideos;\r\n\r\n let ioOptions = {\r\n rootMargin: '0px 0px 400px 0px',\r\n };\r\n\r\n // Images\r\n if ('IntersectionObserver' in window) {\r\n lazyloadImages = document.querySelectorAll('.js-lazy');\r\n\r\n let imageObserver = new IntersectionObserver((entries, observer) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n let image = entry.target;\r\n\r\n if (image.classList.contains('js-webp')) {\r\n let imageSrc = '';\r\n if (document.querySelector('html').classList.contains('webp')) {\r\n imageSrc = image.getAttribute('data-image-webp');\r\n }\r\n else {\r\n imageSrc = image.getAttribute('data-image');\r\n }\r\n\r\n image.src = imageSrc;\r\n }\r\n \r\n image.classList.remove('lazy');\r\n imageObserver.unobserve(image);\r\n }\r\n });\r\n }, ioOptions);\r\n\r\n lazyloadImages.forEach((image) => {\r\n imageObserver.observe(image);\r\n });\r\n }\r\n else {\r\n // IE11 Hack, force scrolling\r\n if (!!window.MSInputMethodContext && !!document.documentMode) {\r\n window.scrollTo(0, 1);\r\n }\r\n\r\n document.addEventListener('scroll', this.imgLazyLoad);\r\n window.addEventListener('resize', this.imgLazyLoad);\r\n window.addEventListener('orientationChange', this.imgLazyLoad);\r\n }\r\n //---/ End Images\r\n\r\n // Backgrounds \r\n if ('IntersectionObserver' in window) {\r\n lazyloadBgImages = document.querySelectorAll('.js-lazy-bg');\r\n\r\n let bgImageObserver = new IntersectionObserver((entries, observer) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n let image = entry.target;\r\n if (image.classList.contains('js-webp-bg')) {\r\n let background = '';\r\n if (document.querySelector('html').classList.contains('webp')) {\r\n background = image.getAttribute('data-bg-webp');\r\n if (!background) {\r\n background = image.getAttribute('data-image-webp');\r\n }\r\n }\r\n else {\r\n background = image.getAttribute('data-bg');\r\n if (!background) {\r\n background = image.getAttribute('data-image');\r\n }\r\n }\r\n if (background) {\r\n image.setAttribute('style', `background-image: url('${background}');`);\r\n }\r\n }\r\n image.classList.remove('lazy-bg');\r\n bgImageObserver.unobserve(image);\r\n }\r\n });\r\n }, ioOptions);\r\n\r\n lazyloadBgImages.forEach((image) => {\r\n bgImageObserver.observe(image);\r\n });\r\n }\r\n else {\r\n // IE11 Hack, force scrolling\r\n if (!!window.MSInputMethodContext && !!document.documentMode) {\r\n window.scrollTo(0, 1);\r\n }\r\n\r\n document.addEventListener('scroll', this.bgLazyload);\r\n window.addEventListener('resize', this.bgLazyload);\r\n window.addEventListener('orientationChange', this.bgLazyload);\r\n }\r\n //--/ End Backgrounds\r\n\r\n // Videos\r\n if ('IntersectionObserver' in window) {\r\n lazyloadVideos = document.querySelectorAll('.js-lazy-video');\r\n\r\n let videoObserver = new IntersectionObserver((entries, observer) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n let video = entry.target;\r\n let videoChildren = video.children;\r\n\r\n for (let source in videoChildren) {\r\n if (Object.prototype.hasOwnProperty.call(videoChildren, source)) {\r\n let videoSource = video.children[source];\r\n if (typeof videoSource.tagName === 'string' && videoSource.tagName === 'SOURCE') {\r\n videoSource.src = videoSource.dataset.src;\r\n }\r\n }\r\n }\r\n\r\n video.load();\r\n video.classList.remove('js-lazy-video');\r\n videoObserver.unobserve(video);\r\n }\r\n });\r\n }, ioOptions);\r\n\r\n lazyloadVideos.forEach((video) => {\r\n videoObserver.observe(video);\r\n });\r\n }\r\n else {\r\n // IE11 Hack, force scrolling\r\n if (!!window.MSInputMethodContext && !!document.documentMode) {\r\n window.scrollTo(0, 1);\r\n }\r\n\r\n document.addEventListener('scroll', this.videoLazyload);\r\n window.addEventListener('resize', this.videoLazyload);\r\n window.addEventListener('orientationChange', this.videoLazyload);\r\n }\r\n //---/ End Videos\r\n }\r\n\r\n imgLazyLoad() {\r\n let lazyloadThrottleTimeout;\r\n let lazyloadImages = Array.prototype.slice.call(document.querySelectorAll('.js-lazy'));\r\n\r\n if (lazyloadThrottleTimeout) {\r\n clearTimeout(lazyloadThrottleTimeout);\r\n } \r\n\r\n lazyloadThrottleTimeout = setTimeout(() => {\r\n let scrollTop = window.pageYOffset;\r\n lazyloadImages.forEach((img) => {\r\n if (img.offsetTop < (window.innerHeight + scrollTop + 100)) {\r\n img.src = img.dataset.image;\r\n img.classList.remove('js-lazy');\r\n }\r\n });\r\n\r\n if (lazyloadImages.length === 0) { \r\n document.removeEventListener('scroll', this.imgLazyLoad);\r\n window.removeEventListener('resize', this.imgLazyLoad);\r\n window.removeEventListener('orientationChange', this.imgLazyLoad);\r\n }\r\n }, 20);\r\n }\r\n\r\n bgLazyload() {\r\n let lazyloadThrottleTimeout;\r\n let lazyloadBgImages = Array.prototype.slice.call(document.querySelectorAll('.js-lazy-bg'));\r\n\r\n if (lazyloadThrottleTimeout) {\r\n clearTimeout(lazyloadThrottleTimeout);\r\n } \r\n\r\n lazyloadThrottleTimeout = setTimeout(() => {\r\n let scrollTop = window.pageYOffset;\r\n lazyloadBgImages.forEach((img) => {\r\n if (img.offsetTop < (window.innerHeight + scrollTop + 100)) {\r\n img.style.backgroundImage = `url('${img.dataset.bg}')`;\r\n img.classList.remove('js-lazy-bg');\r\n }\r\n });\r\n\r\n if (lazyloadBgImages.length === 0) { \r\n document.removeEventListener('scroll', this.bgLazyload);\r\n window.removeEventListener('resize', this.bgLazyload);\r\n window.removeEventListener('orientationChange', this.bgLazyload);\r\n }\r\n }, 20);\r\n }\r\n\r\n videoLazyload() {\r\n let lazyloadThrottleTimeout;\r\n let lazyloadVideo = Array.prototype.slice.call(document.querySelectorAll('.js-lazy-video'));\r\n\r\n if (lazyloadThrottleTimeout) {\r\n clearTimeout(lazyloadThrottleTimeout);\r\n } \r\n\r\n lazyloadThrottleTimeout = setTimeout(() => {\r\n let scrollTop = window.pageYOffset;\r\n lazyloadVideo.forEach((video) => {\r\n if (video.offsetTop < (window.innerHeight + scrollTop + 100)) {\r\n let videoChildren = video.children;\r\n\r\n for (let source in videoChildren) {\r\n if (Object.prototype.hasOwnProperty.call(videoChildren, source)) {\r\n let videoSource = video.children[source];\r\n if (typeof videoSource.tagName === 'string' && videoSource.tagName === 'SOURCE') {\r\n videoSource.src = videoSource.dataset.src;\r\n }\r\n }\r\n }\r\n\r\n video.load();\r\n video.classList.remove('js-lazy-video');\r\n }\r\n });\r\n\r\n if (lazyloadVideo.length === 0) { \r\n document.removeEventListener('scroll', this.videoLazyLoad);\r\n window.removeEventListener('resize', this.videoLazyLoad);\r\n window.removeEventListener('orientationChange', this.videoLazyLoad);\r\n }\r\n }, 20);\r\n }\r\n}\r\n\r\nexport default LazyLoad;\r\n\r\n$(() => {\r\n\tconst lazyload = new LazyLoad();\r\n\tlazyload.init();\r\n});","import $ from 'jquery';\r\n\r\nimport Common from './base/common';\r\nimport Layout from './base/layout';\r\nimport BootstrapSelectCompatability from './bootstrap-select-compatability';\r\n\r\n// Shared Components\r\nimport './components/banner';\r\nimport './components/webpimages';\r\nimport './components/lazyload';\r\n\r\n$(() => {\r\n\tconst common = new Common();\r\n common.init();\r\n\r\n\tconst layout = new Layout();\r\n layout.init();\r\n\r\n\tconst bootstrapSelectCompatability = new BootstrapSelectCompatability();\r\n\tbootstrapSelectCompatability.init();\r\n});\r\n","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"Amplitude\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"Amplitude\"] = factory();\n\telse\n\t\troot[\"Amplitude\"] = factory();\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 47);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar _package = __webpack_require__(59);\n\nmodule.exports = {\n version: _package.version,\n\n audio: new Audio(),\n\n active_metadata: {},\n\n active_album: \"\",\n\n active_index: 0,\n\n active_playlist: null,\n\n playback_speed: 1.0,\n\n callbacks: {},\n\n songs: [],\n\n playlists: {},\n\n start_song: \"\",\n\n starting_playlist: \"\",\n\n starting_playlist_song: \"\",\n\n repeat: false,\n\n repeat_song: false,\n\n shuffle_list: {},\n\n shuffle_on: false,\n\n default_album_art: \"\",\n\n default_playlist_art: \"\",\n\n debug: false,\n\n volume: 0.5,\n\n pre_mute_volume: 0.5,\n\n volume_increment: 5,\n\n volume_decrement: 5,\n\n soundcloud_client: \"\",\n\n soundcloud_use_art: false,\n\n soundcloud_song_count: 0,\n\n soundcloud_songs_ready: 0,\n\n is_touch_moving: false,\n\n buffered: 0,\n\n bindings: {},\n\n continue_next: true,\n\n delay: 0,\n\n player_state: \"stopped\",\n\n web_audio_api_available: false,\n\n context: null,\n\n source: null,\n\n analyser: null,\n\n visualizations: {\n available: [],\n\n active: [],\n\n backup: \"\"\n },\n\n waveforms: {\n sample_rate: 100,\n\n built: []\n }\n}; /**\n * These variables make Amplitude run. The config is the most important\n * containing active settings and parameters.\n *\n * The config JSON is the global settings for ALL of Amplitude functions.\n * This is global and contains all of the user preferences. The default\n * settings are set, and the user overwrites them when they initialize\n * Amplitude.\n *\n * @module config\n * @type {object}\n * @property {string} \tconfig.version \t\t\t\t- The current version of AmplitudeJS.\n * @property {object} \tconfig.audio \t\t \t\t\t\t\t\t\t\t-\tHandles all of the audio.\n * @property {object} \tconfig.active_metadata\t\t\t\t\t- Contains the active metadata for the song.\n * @property {string} \tconfig.active_album\t\t\t\t\t\t\t- Holds the active album name. Used to check and see if the album changed and run the album changed callback.\n * @property {number} \tconfig.active_index\t\t\t\t\t\t\t- Contains the index of the actively playing song.\n * @property {string} \tconfig.active_playlist\t\t\t\t\t- Contains the key to the active playlist index.\n * @property {number} \tconfig.playback_speed\t\t\t\t\t\t- Sets the initial playback speed of the song. The values for this can be 1.0, 1.5, 2.0\n * @property {object} \tconfig.callbacks\t\t\t\t\t\t\t\t- The user can pass a JSON object with a key => value store of callbacks to be run at certain events.\n * @property {array} \t\tconfig.songs\t\t\t\t\t\t\t\t\t\t- Contains all of the songs the user has passed to Amplitude to use.\n * @property {object} \tconfig.playlists\t\t\t\t\t\t\t\t- Contains all of the playlists the user created.\n * @property {object} \tconfig.start_song \t\t\t\t\t\t\t- The index of the song that AmplitudeJS should start with.\n * @property {string} \tconfig.starting_playlist \t\t\t\t- The starting playlist the player will intiialize to.\n * @property {string} \tconfig.starting_playlist_song \t- The index of the song in the playlist that should be started.\n * @property {boolean} \tconfig.repeat \t\t\t\t\t\t\t\t\t- When repeat is on, when the song ends the song will replay itself.\n * @property {object} \tconfig.shuffle_list\t\t\t\t\t\t\t- When shuffled, gets populated with the songs the user provided in a random order.\n * @property {boolean} \tconfig.shuffle_on\t\t\t\t\t\t\t\t- When on, gets set to true so when traversing through songs, AmplitudeJS knows whether or not to use the songs object or the shuffle_list\n * @property {string}\t\tconfig.default_album_art \t\t\t\t- The user can set default album art to be displayed if the song they set doesn't contain album art.\n * @property {string} \tconfig.default_playlist_art \t\t- The user can set default playlist art to be displayed if the playlist they are setting meta data for doesn't contain an art picture.\n * @property {boolean} \tconfig.debug\t\t\t\t\t\t\t\t\t\t- When set to true, AmplitudeJS will print to the console any errors providing helpful feedback to the user.\n * @property {number} \tconfig.volume \t\t\t\t\t\t\t\t\t- The user can set the initial volume to a number between 0 and 1 over-riding the default of .5\n * @property {number} \tconfig.pre_mute_volume \t\t\t\t\t- This is set on mute so that when a user un-mutes AmplitudeJS knows what to restore the volume to.\n * @property {number}\t\tconfig.volume_increment \t\t\t\t- The default values are an integer between 1 and 100 for how much the volume should increase when the user presses the volume up button.\n * @property {number}\t\tconfig.volume_decrement \t\t\t\t- The default values are an integer between 1 and 100 for how much the volume should decrease when the user presses the volume down button.\n * @property {string} \tconfig.soundcloud_client \t\t\t\t- When using SoundCloud, the user will have to provide their API Client ID\n * @property {boolean} \tconfig.soundcloud_use_art \t\t\t- The user can set this to true and AmplitudeJS will use the album art for the song returned from the Soundcloud API\n * @property {number} \tconfig.soundcloud_song_count \t\t- Used on config to count how many songs are from Soundcloud and compare it to how many are ready for when to move to the rest of the configuration\n * @property {number} \tconfig.soundcloud_songs_ready \t- Used on config to count how many songs are ready so when we get all of the data from the SoundCloud API that we need this should match the SoundCloud song count meaning we can move to the rest of the config.\n * @property {integer}\tconfig.is_touch_moving \t\t\t\t\t- Flag for if the user is moving the screen.\n * @property {boolean}\tconfig.buffered\t\t\t\t\t\t\t\t\t- How much of the song is buffered.\n * @property {object} \tconfig.bindings\t\t\t\t\t\t\t\t\t- Array of bindings to certain key events.\n * @property {boolean} \tconfig.continue_next \t\t\t\t\t\t- Determines when a song ends, we should continue to the next song.\n * @property {number} config.delay \t\t\t\t\t\t\t\t\t\t- Sets the delay between songs in MS.\n * @property {boolean} config.use_web_audio_api \t\t\t\t- Flag that determines if the user wants to use Web Audio API Components.\n * @property {boolean} config.web_audio_api_available - Flag that determines if the Web Audio API is available.\n * @property {object} \tconfig.context \t\t\t\t\t\t\t\t\t- Web Audio API Context\n * @property {object}\t\tconfig.source \t\t\t\t\t\t\t\t\t- Web Audio API Source\n * @property {object} \tconfig.analyser \t\t\t\t\t\t\t\t- Web Audio API Analyser\n * @property {string}\t\tconfig.player_state \t\t\t\t\t\t- The current state of the player.\n */\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _checks = __webpack_require__(5);\n\nvar _checks2 = _interopRequireDefault(_checks);\n\nvar _audioNavigation = __webpack_require__(3);\n\nvar _audioNavigation2 = _interopRequireDefault(_audioNavigation);\n\nvar _playPauseElements = __webpack_require__(2);\n\nvar _playPauseElements2 = _interopRequireDefault(_playPauseElements);\n\nvar _metaDataElements = __webpack_require__(8);\n\nvar _metaDataElements2 = _interopRequireDefault(_metaDataElements);\n\nvar _callbacks = __webpack_require__(7);\n\nvar _callbacks2 = _interopRequireDefault(_callbacks);\n\nvar _debug = __webpack_require__(4);\n\nvar _debug2 = _interopRequireDefault(_debug);\n\nvar _visualizations = __webpack_require__(16);\n\nvar _visualizations2 = _interopRequireDefault(_visualizations);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Interacts directly with native functions of the Audio element. Logic\n * leading up to these methods are handled by click handlers which call\n * helpers and visual synchronizers. These are the core functions of AmplitudeJS.\n * Every other function that leads to these prepare the information to be\n * acted upon by these functions.\n *\n * @module core/Core\n */\n\n\n/**\n * Imports AmplitudeJS Debug Utility\n * @module utilities/debug\n */\n\n\n/**\n * Imports the Meta Data Visual Elements module.\n * @module visual/metaDataElements\n */\n\n\n/**\n * Imports the Audio Navigation module.\n * @module utilities/audioNavigation\n */\n/**\n * Imports the config module\n * @module config\n */\nvar Core = function () {\n /**\n * Plays the active song. If the current song is live, it reconnects\n * the stream before playing.\n *\n * Public Accessor: Amplitude.play()\n *\n * @access public\n */\n function play() {\n _visualizations2.default.stop();\n _visualizations2.default.run();\n\n /*\n If the audio is live we re-conenct the stream.\n */\n if (_config2.default.active_metadata.live) {\n reconnectStream();\n }\n\n /*\n Mobile remote sources need to be reconnected on play. I think this is\n because mobile browsers are optimized not to load all resources\n for speed reasons. We only do this if mobile and the paused button\n is not clicked. If the pause button was clicked then we don't reconnect\n or the user will lose their place in the stream.\n */\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && !_config2.default.paused) {\n reconnectStream();\n }\n\n /*\n Play the song and set the playback rate to the playback\n speed.\n */\n var playPromise = _config2.default.audio.play();\n\n if (playPromise !== undefined) {\n playPromise.then(function (_) {}).catch(function (error) {});\n }\n _config2.default.audio.play();\n _config2.default.audio.playbackRate = _config2.default.playback_speed;\n }\n\n /**\n * Pauses the active song. If it's live, it disconnects the stream.\n *\n * Public Accessor: Amplitude.pause()\n *\n * @access public\n */\n function pause() {\n _visualizations2.default.stop();\n\n /*\n Pause the active song.\n */\n _config2.default.audio.pause();\n\n /*\n Flag that pause button was clicked.\n */\n _config2.default.paused = true;\n\n /*\n If the song is live, we disconnect the stream so we aren't\n saving it to memory.\n */\n if (_config2.default.active_metadata.live) {\n disconnectStream();\n }\n }\n\n /**\n * Stops the active song by setting the current song time to 0.\n * When the user resumes, it will be from the beginning.\n * If it's a live stream it disconnects.\n *\n * Public Accessor: Amplitude.stop()\n *\n * @access public\n */\n function stop() {\n _visualizations2.default.stop();\n\n /*\n Set the current time of the song to 0 which will reset the song.\n */\n if (_config2.default.audio.currentTime != 0) {\n _config2.default.audio.currentTime = 0;\n }\n\n /*\n Run pause so the song will stop\n */\n _config2.default.audio.pause();\n\n /*\n If the song is live, disconnect the stream.\n */\n if (_config2.default.active_metadata.live) {\n disconnectStream();\n }\n\n /*\n Run the stop callback\n */\n _callbacks2.default.run(\"stop\");\n }\n\n /**\n * Sets the song volume.\n *\n * Public Accessor: Amplitude.setVolume( volumeLevel )\n *\n * @access public\n * @param {number} volumeLevel - A number between 1 and 100 as a percentage of\n * min to max for a volume level.\n */\n function setVolume(volumeLevel) {\n /*\n If the volume is set to mute somewhere else, we sync the display.\n */\n if (volumeLevel == 0) {\n _config2.default.audio.muted = true;\n } else {\n _config2.default.audio.muted = false;\n }\n\n /*\n Sets the volume in the config so we can reference it later on.\n */\n _config2.default.volume = volumeLevel;\n\n /*\n Set the volume of the active song.\n */\n _config2.default.audio.volume = volumeLevel / 100;\n }\n\n /**\n * Sets the song percentage. If it's a live song, we ignore this because\n * we can't skip ahead. This is an issue if you have a playlist with\n * a live source.\n *\n * Public Accessor: Amplitude.setSongLocation( songPercentage )\n *\n * @access public\n * @param {number} songPercentage - A number between 1 and 100 as a percentage of song completion.\n */\n function setSongLocation(songPercentage) {\n /*\n As long as the song is not live, we can set the current time of the\n song to the percentage the user passed in.\n */\n if (!_config2.default.active_metadata.live) {\n _config2.default.audio.currentTime = _config2.default.audio.duration * (songPercentage / 100);\n }\n }\n\n /**\n * Skips to a location in a song\n *\n * Public Accessor: Amplitude.skipToLocation( seconds )\n *\n * @access public\n * @param {number} seconds - An integer containing the seconds to skip to\n */\n function skipToLocation(seconds) {\n /*\n When the active song can be played through, we can check to\n see if the seconds will work. We only bind the event handler\n once and remove it once it's fired.\n */\n _config2.default.audio.addEventListener(\"canplaythrough\", function () {\n /*\n If the active song duration is greater than or equal to the\n amount of seconds the user wants to skip to and the seconds\n is greater than 0, we skip to the seconds defined.\n */\n if (_config2.default.audio.duration >= seconds && seconds > 0) {\n _config2.default.audio.currentTime = seconds;\n } else {\n _debug2.default.writeMessage(\"Amplitude can't skip to a location greater than the duration of the audio or less than 0\");\n }\n }, { once: true });\n }\n\n /**\n * Disconnects the live stream\n *\n * Public Accessor: Amplitude.disconnectStream()\n *\n * @access public\n */\n function disconnectStream() {\n _config2.default.audio.src = \"\";\n _config2.default.audio.load();\n }\n\n /**\n * Reconnects the live stream\n *\n * Public Accessor: Amplitude.reconnectStream()\n *\n * @access public\\\n */\n function reconnectStream() {\n _config2.default.audio.src = _config2.default.active_metadata.url;\n _config2.default.audio.load();\n }\n\n /**\n * Sets the playback speed for the song.\n *\n * @param {number} playbackSpeed The speed we want the song to play back at.\n */\n function setPlaybackSpeed(playbackSpeed) {\n /*\n Set the config playback speed.\n */\n _config2.default.playback_speed = playbackSpeed;\n\n /*\n Set the active song playback rate.\n */\n _config2.default.audio.playbackRate = _config2.default.playback_speed;\n }\n\n /*\n Return publically facing functions\n */\n return {\n play: play,\n pause: pause,\n stop: stop,\n setVolume: setVolume,\n setSongLocation: setSongLocation,\n skipToLocation: skipToLocation,\n disconnectStream: disconnectStream,\n reconnectStream: reconnectStream,\n setPlaybackSpeed: setPlaybackSpeed\n };\n}();\n\n/**\n * Import the Visualizations from the FX module.\n * @module fx/visualizations\n */\n\n\n/**\n * Imports AmplitudeJS Callback Utility\n * @module utilities/callbacks\n */\n\n\n/**\n * Imports the Play/Pause Visual Elements module.\n * @module visual/playPauseElements\n */\n\n\n/**\n * Imports the Checks module.\n * @module utilities/checks\n */\nexports.default = Core;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Defines the visual representation of AmplitudeJS play pause elements.\n * @module visual/PlayPauseElements\n */\nvar PlayPauseElements = function () {\n /**\n * Syncs all play pause elements.\n *\n * @access public\n */\n function sync() {\n syncGlobal();\n syncPlaylist();\n syncSong();\n syncSongInPlaylist();\n }\n\n /**\n * Syncs the global play pause buttons to the state of the active song.\n *\n * @access public\n */\n function syncGlobal() {\n /*\n Get the active song state.\n */\n var state = _config2.default.audio.paused ? \"paused\" : \"playing\";\n\n /*\n Get all play pause buttons.\n */\n var playPauseElements = document.querySelectorAll(\".amplitude-play-pause\");\n\n /*\n Iterate over all of the play pause elements syncing the\n display visually.\n */\n for (var i = 0; i < playPauseElements.length; i++) {\n /*\n Grab the playlist and song attributes from the element.\n */\n var playlist = playPauseElements[i].getAttribute(\"data-amplitude-playlist\");\n var song = playPauseElements[i].getAttribute(\"data-amplitude-song-index\");\n\n /*\n This method is responsible for only the global elements,\n so we make sure there are no playlist or songs defined on\n the element.\n */\n if (playlist == null && song == null) {\n /*\n Determines what classes we should add and remove\n from the elements.\n */\n switch (state) {\n case \"playing\":\n setElementPlay(playPauseElements[i]);\n break;\n case \"paused\":\n setElementPause(playPauseElements[i]);\n break;\n }\n }\n }\n }\n\n /**\n * Syncs the main playlist play pause buttons to the state of the active song.\n *\n * @access public\n */\n function syncPlaylist() {\n var state = _config2.default.audio.paused ? \"paused\" : \"playing\";\n\n /*\n Get all of the main playlist play pause elements\n */\n var playlistPlayPauseElements = document.querySelectorAll('.amplitude-play-pause[data-amplitude-playlist=\"' + _config2.default.active_playlist + '\"]');\n\n /*\n Iterate over the play pause elements, syncing the state accordingly.\n */\n for (var i = 0; i < playlistPlayPauseElements.length; i++) {\n /*\n Grab the song attributes from the element.\n */\n var song = playlistPlayPauseElements[i].getAttribute(\"data-amplitude-song-index\");\n\n /*\n We want only the play pause elements for the main on a\n playlist nothing else. We have another method for the\n song in playlist play pause method.\n */\n if (song == null) {\n /*\n Determines what classes we should add and remove\n from the elements.\n */\n switch (state) {\n case \"playing\":\n setElementPlay(playlistPlayPauseElements[i]);\n break;\n case \"paused\":\n setElementPause(playlistPlayPauseElements[i]);\n break;\n }\n }\n }\n }\n\n /**\n * Syncs the song play pause buttons to the state of the active song.\n *\n * @access public\n */\n function syncSong() {\n var state = _config2.default.audio.paused ? \"paused\" : \"playing\";\n\n /*\n Get all of the individual song play pause buttons. These have an\n amplitude-song-index that matches the active index attribute.\n */\n var songPlayPauseElements = document.querySelectorAll('.amplitude-play-pause[data-amplitude-song-index=\"' + _config2.default.active_index + '\"]');\n\n /*\n Iterate over all of the song play pause elements\n */\n for (var i = 0; i < songPlayPauseElements.length; i++) {\n /*\n Grab the playlist attributes from the element.\n */\n var playlist = songPlayPauseElements[i].getAttribute(\"data-amplitude-playlist\");\n\n /*\n We want only the song play pause buttons, not ones scoped in a playlist.\n */\n if (playlist == null) {\n /*\n Determines what classes we should add and remove\n from the elements.\n */\n switch (state) {\n case \"playing\":\n setElementPlay(songPlayPauseElements[i]);\n break;\n case \"paused\":\n setElementPause(songPlayPauseElements[i]);\n break;\n }\n }\n }\n }\n\n /**\n * Syncs the song in playlist play pause buttons to the state of\n * the active song.\n *\n * @access public\n */\n function syncSongInPlaylist() {\n var state = _config2.default.audio.paused ? \"paused\" : \"playing\";\n\n var activePlaylistIndex = _config2.default.active_playlist != \"\" && _config2.default.active_playlist != null ? _config2.default.playlists[_config2.default.active_playlist].active_index : null;\n\n /*\n Get all of the individual song play pause buttons. These have an\n amplitude-song-index attribute. Some have amplitude-playlist which\n means they are individual songs within a playlist.\n */\n var songInPlaylistPlayPauseElements = document.querySelectorAll('.amplitude-play-pause[data-amplitude-song-index=\"' + activePlaylistIndex + '\"][data-amplitude-playlist=\"' + _config2.default.active_playlist + '\"]');\n\n /*\n Iterate over all of the individual play pause elements for songs inspect\n a playlist.\n */\n for (var i = 0; i < songInPlaylistPlayPauseElements.length; i++) {\n /*\n Determines what classes we should add and remove\n from the elements.\n */\n switch (state) {\n case \"playing\":\n setElementPlay(songInPlaylistPlayPauseElements[i]);\n break;\n case \"paused\":\n setElementPause(songInPlaylistPlayPauseElements[i]);\n break;\n }\n }\n }\n\n /**\n * Sets all of the play pause buttons to paused.\n *\n * @access public\n */\n function syncToPause() {\n /*\n Gets all of the play pause elements\n */\n var playPauseElements = document.querySelectorAll(\".amplitude-play-pause\");\n\n /*\n Sets all of the elements to pause\n */\n for (var i = 0; i < playPauseElements.length; i++) {\n setElementPause(playPauseElements[i]);\n }\n }\n\n /**\n * Sets an element to be playing by removing the 'amplitude-paused' class\n * and adding the 'amplitude-playing' class\n *\n * @access public\n * @param {element} element \t- The element getting the playing class added.\n */\n function setElementPlay(element) {\n element.classList.add(\"amplitude-playing\");\n element.classList.remove(\"amplitude-paused\");\n }\n\n /**\n * Sets an element to be paused by adding the 'amplitude-paused' class\n * and removing the 'amplitude-playing' class\n *\n * @access public\n * @param {element} element \t- The element getting the paused class added.\n */\n function setElementPause(element) {\n element.classList.remove(\"amplitude-playing\");\n element.classList.add(\"amplitude-paused\");\n }\n\n /**\n * Returns the public facing methods\n */\n return {\n sync: sync,\n syncGlobal: syncGlobal,\n syncPlaylist: syncPlaylist,\n syncSong: syncSong,\n syncSongInPlaylist: syncSongInPlaylist,\n syncToPause: syncToPause\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = PlayPauseElements;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _callbacks = __webpack_require__(7);\n\nvar _callbacks2 = _interopRequireDefault(_callbacks);\n\nvar _checks = __webpack_require__(5);\n\nvar _checks2 = _interopRequireDefault(_checks);\n\nvar _playPauseElements = __webpack_require__(2);\n\nvar _playPauseElements2 = _interopRequireDefault(_playPauseElements);\n\nvar _songSliderElements = __webpack_require__(14);\n\nvar _songSliderElements2 = _interopRequireDefault(_songSliderElements);\n\nvar _songPlayedProgressElements = __webpack_require__(20);\n\nvar _songPlayedProgressElements2 = _interopRequireDefault(_songPlayedProgressElements);\n\nvar _timeElements = __webpack_require__(15);\n\nvar _timeElements2 = _interopRequireDefault(_timeElements);\n\nvar _metaDataElements = __webpack_require__(8);\n\nvar _metaDataElements2 = _interopRequireDefault(_metaDataElements);\n\nvar _containerElements = __webpack_require__(49);\n\nvar _containerElements2 = _interopRequireDefault(_containerElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Audio Navigation Utility.\n *\n * @module utilities/AudioNavigation\n */\n\n\n/**\n * Meta Data Elements Module\n *\n * @module visual/MetaDataElements\n */\n\n\n/**\n * Imports the Song Played Progress Elements Module\n *\n * @module visual/SongPlayedProgressElements\n */\n\n\n/**\n * Imports the Play Pause Elements Module\n *\n * @module visual/PlayPauseElements\n */\n\n\n/**\n * Imports the Callbacks Module\n *\n * @module utilities/Callbacks\n */\n/**\n * Imports the config module\n * @module config\n */\nvar AudioNavigation = function () {\n /**\n * Sets the next song\n *\n * @access public\n * @param {boolean} [songEnded=false] If the song ended, this is set to true\n * so we take into effect the repeat setting.\n */\n function setNext() {\n var songEnded = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n /*\n Initializes the next index variable. This will be the\n index of the song that is next.\n */\n var nextIndex = null;\n var nextSong = {};\n\n /*\n Ensure we don't loop in the playlist if config.repeat is not true\n */\n var endOfList = false;\n\n /*\n Determines if we are repeating the song or not. If we are repeating,\n the next song will be the same song index.\n */\n if (_config2.default.repeat_song) {\n /*\n If the playlist is shuffled, get the now playing index.\n */\n if (_config2.default.shuffle_on) {\n nextIndex = _config2.default.shuffle_list[_config2.default.active_index].index;\n nextSong = _config2.default.shuffle_list[nextIndex];\n } else {\n nextIndex = _config2.default.active_index;\n nextSong = _config2.default.songs[nextIndex];\n }\n } else {\n /*\n If the shuffle is on, we use the shuffled list of\n songs to determine our next song.\n */\n if (_config2.default.shuffle_on) {\n /*\n If the active shuffle index + 1 is less than the length, then\n we use the next shuffle otherwise we go to the beginning\n of the shuffle list.\n */\n if (parseInt(_config2.default.active_index) + 1 < _config2.default.shuffle_list.length) {\n /*\n Set the next index to be the index of the song in the shuffle list.\n */\n nextIndex = parseInt(_config2.default.active_index) + 1;\n } else {\n nextIndex = 0;\n endOfList = true;\n }\n\n nextSong = _config2.default.shuffle_list[nextIndex];\n } else {\n /*\n If the active index + 1 is less than the length of the songs, then\n we use the next song otherwise we go to the beginning of the\n song list.\n */\n if (parseInt(_config2.default.active_index) + 1 < _config2.default.songs.length) {\n nextIndex = parseInt(_config2.default.active_index) + 1;\n } else {\n nextIndex = 0;\n endOfList = true;\n }\n\n /*\n Sets the next index.\n */\n nextSong = _config2.default.songs[nextIndex];\n }\n }\n\n /*\n Change the song after the next button has been pressed.\n */\n changeSong(nextSong, nextIndex);\n\n /*\n \tIf it's the end of the list and repeat is not on, do nothing.\n */\n if (endOfList && !_config2.default.repeat) {} else {\n /*\n If the song has ended and repeat is on, play the song.\n */\n if (!(songEnded && !_config2.default.repeat && endOfList)) {\n _core2.default.play();\n }\n }\n\n /*\n Sync the play pause elements and run the\n after next callback.\n */\n _playPauseElements2.default.sync();\n _callbacks2.default.run(\"next\");\n\n /*\n If we repeated the song, run the repeat song callback.\n */\n if (_config2.default.repeat_song) {\n _callbacks2.default.run(\"song_repeated\");\n }\n }\n\n /**\n * Sets the next song in a playlist\n *\n * @param {string} playlist - The playlist being shuffled\n * @param {boolean} [songEnded=false] - If the song ended, this is set to true\n * so we take into effect the repeat setting.\n */\n function setNextPlaylist(playlist) {\n var songEnded = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n /*\n Initializes the next index\n */\n var nextIndex = null;\n var nextSong = {};\n\n /*\n Ensure we don't loop in the playlist if config.repeat is not true\n */\n var endOfList = false;\n\n /*\n If we are repeating the song, then we just start the song over.\n */\n if (_config2.default.repeat_song) {\n /*\n If the playlist is shuffled, get the now playing index.\n */\n if (_config2.default.playlists[playlist].shuffle) {\n nextIndex = _config2.default.playlists[playlist].active_index;\n nextSong = _config2.default.playlists[playlist].shuffle_list[nextIndex];\n } else {\n nextIndex = _config2.default.playlists[playlist].active_index;\n nextSong = _config2.default.playlists[playlist].songs[nextIndex];\n }\n } else {\n /*\n If the playlist is shuffled we get the next index of the playlist.\n */\n if (_config2.default.playlists[playlist].shuffle) {\n /*\n If the active shuffle index + 1 is less than the length of the shuffle list,\n then we use the next shuffle otherwise we go to the beginning of the shuffle list.\n */\n if (parseInt(_config2.default.playlists[playlist].active_index) + 1 < _config2.default.playlists[playlist].shuffle_list.length) {\n /*\n Set the next index to be the index of the song in the shuffle list.\n */\n nextIndex = _config2.default.playlists[playlist].active_index + 1;\n } else {\n nextIndex = 0;\n endOfList = true;\n }\n\n nextSong = _config2.default.playlists[playlist].shuffle_list[nextIndex];\n } else {\n /*\n If the active index +1 is less than the length of the songs in the playlist,\n then we use the next song otherwise we go to the beginning of the playlist.\n */\n if (parseInt(_config2.default.playlists[playlist].active_index) + 1 < _config2.default.playlists[playlist].songs.length) {\n nextIndex = parseInt(_config2.default.playlists[playlist].active_index) + 1;\n } else {\n nextIndex = 0;\n endOfList = true;\n }\n\n /*\n Sets the next song.\n */\n nextSong = _config2.default.playlists[playlist].songs[nextIndex];\n }\n }\n\n /*\n Sets the active playlist to the playlist we are on.\n */\n setActivePlaylist(playlist);\n\n /*\n Change the song within the playlist.\n */\n changeSongPlaylist(playlist, nextSong, nextIndex);\n\n /*\n If it's the end of the playlist and we aren't repeating, do nothing.\n */\n if (endOfList && !_config2.default.repeat) {} else {\n if (!(songEnded && !_config2.default.repeat && endOfList)) {\n _core2.default.play();\n }\n }\n\n /*\n Sync the play pause buttons.\n */\n _playPauseElements2.default.sync();\n _callbacks2.default.run(\"next\");\n\n /*\n Repeat the song.\n */\n if (_config2.default.repeat_song) {\n _callbacks2.default.run(\"song_repeated\");\n }\n }\n\n /**\n * Sets the previous song on the global songs array.\n *\n * @access private\n */\n function setPrevious() {\n /*\n Initializes the previous index\n */\n var previousIndex = null;\n var previousSong = {};\n\n /*\n If we are repeating the song, then we just start the song over.\n */\n if (_config2.default.repeat_song) {\n /*\n If the config is shuffled, get the now playing index.\n */\n if (_config2.default.shuffle_on) {\n previousIndex = _config2.default.active_index;\n previousSong = _config2.default.shuffle_list[previousIndex];\n } else {\n previousIndex = _config2.default.active_index;\n previousSong = _config2.default.songs[previousIndex];\n }\n } else {\n /*\n Get the previous index. If the previous index will be less than 0, get the\n last song of the array and continue.\n */\n if (parseInt(_config2.default.active_index) - 1 >= 0) {\n previousIndex = parseInt(_config2.default.active_index - 1);\n } else {\n previousIndex = parseInt(_config2.default.songs.length - 1);\n }\n\n /*\n If the config is shuffled, we grab the song from the shuffle list\n */\n if (_config2.default.shuffle_on) {\n /*\n Grab song from the shuffle list\n */\n previousSong = _config2.default.shuffle_list[previousIndex];\n } else {\n /*\n Grab song from the songs array\n */\n previousSong = _config2.default.songs[previousIndex];\n }\n }\n /*\n Change the song after the next button has been pressed.\n */\n changeSong(previousSong, previousIndex);\n\n /*\n Play the newest song.\n */\n _core2.default.play();\n\n /*\n Sync the play pause elements and run the\n after next callback.\n */\n _playPauseElements2.default.sync();\n _callbacks2.default.run(\"prev\");\n\n /*\n If we repeated the song, run the repeat song callback.\n */\n if (_config2.default.repeat_song) {\n _callbacks2.default.run(\"song_repeated\");\n }\n }\n\n /**\n * Sets the previous playlist song.\n *\n * @access private\n *\n * @prop {string} playlist - The playlist we are navigating in.\n */\n function setPreviousPlaylist(playlist) {\n /*\n Initializes the previous index\n */\n var previousIndex = null;\n var previousSong = {};\n\n /*\n If we are repeating the song, then we just start the song over.\n */\n if (_config2.default.repeat_song) {\n /*\n If the playlist is shuffled, get the now playing index.\n */\n if (_config2.default.playlists[playlist].shuffle) {\n previousIndex = _config2.default.playlists[playlist].active_index;\n previousSong = _config2.default.playlists[playlist].shuffle_list[previousIndex];\n } else {\n previousIndex = _config2.default.playlists[playlist].active_index;\n previousSong = _config2.default.playlists[playlist].songs[previousIndex];\n }\n } else {\n /*\n Get the previous index. If the previous index will be less than 0, get the\n last song of the array and continue.\n */\n if (parseInt(_config2.default.playlists[playlist].active_index) - 1 >= 0) {\n previousIndex = parseInt(_config2.default.playlists[playlist].active_index - 1);\n } else {\n previousIndex = parseInt(_config2.default.playlists[playlist].songs.length - 1);\n }\n\n /*\n If the playlist is shuffled, we grab the song from the shuffle list\n */\n if (_config2.default.playlists[playlist].shuffle) {\n /*\n Grab song from the shuffle list\n */\n previousSong = _config2.default.playlists[playlist].shuffle_list[previousIndex];\n } else {\n /*\n Grab song from the songs array\n */\n previousSong = _config2.default.playlists[playlist].songs[previousIndex];\n }\n }\n\n /*\n Sets the active playlist to the playlist we are on.\n */\n setActivePlaylist(playlist);\n\n /*\n Change the song within the playlist.\n */\n changeSongPlaylist(playlist, previousSong, previousIndex);\n\n /*\n Plays the song\n */\n _core2.default.play();\n\n /*\n Sync the play pause buttons.\n */\n _playPauseElements2.default.sync();\n _callbacks2.default.run(\"prev\");\n\n /*\n Repeat the song.\n */\n if (_config2.default.repeat_song) {\n _callbacks2.default.run(\"song_repeated\");\n }\n }\n\n /**\n * Change song in the songs array.\n *\n * @access private\n * @prop {object} song - The song we are changing to.\n * @prop {number} index - The index we are changing to.\n */\n function changeSong(song, index) {\n /*\n Prepare the song change.\n */\n prepareSongChange(song);\n\n /*\n Change the song.\n */\n _config2.default.audio.src = song.url;\n _config2.default.active_metadata = song;\n _config2.default.active_album = song.album;\n\n _config2.default.active_index = parseInt(index);\n\n /*\n Set new information now that the song has changed.\n */\n afterSongChange();\n }\n\n /**\n * Handles a song change in the playlist\n *\n * @access private\n * @prop {string} playlist - The playlist we are changing the song on.\n * @prop {object} song - The song we are changing to in the playlist.\n * @prop {number} index - The inded of the song we are changing to in the playlist.\n */\n function changeSongPlaylist(playlist, song, index) {\n /*\n Prepare the song change.\n */\n prepareSongChange(song);\n\n /*\n Change the song.\n */\n _config2.default.audio.src = song.url;\n _config2.default.active_metadata = song;\n _config2.default.active_album = song.album;\n _config2.default.active_index = null;\n\n _config2.default.playlists[playlist].active_index = parseInt(index);\n\n /*\n Set new information now that the song has changed.\n */\n afterSongChange();\n }\n\n /**\n * Prepares a song change\n *\n * @access private\n * @prop {object} song - The song we change to.\n */\n function prepareSongChange(song) {\n /*\n Stop the current song.\n */\n _core2.default.stop();\n\n /*\n Sync all of the elements to a stopped song.\n */\n _playPauseElements2.default.syncToPause();\n _songSliderElements2.default.resetElements();\n _songPlayedProgressElements2.default.resetElements();\n _timeElements2.default.resetCurrentTimes();\n\n /*\n If an album changes, fire an album change.\n */\n if (_checks2.default.newAlbum(song)) {\n _callbacks2.default.run(\"album_change\");\n }\n }\n\n /**\n * Updates data on the display after a song has changed.\n *\n * @access private\n */\n function afterSongChange() {\n _metaDataElements2.default.displayMetaData();\n _containerElements2.default.setActive();\n _timeElements2.default.resetDurationTimes();\n\n /*\n Run the song change callback.\n */\n _callbacks2.default.run(\"song_change\");\n }\n\n /**\n * Sets the active playlist\n *\n * @access public\n * @param {string} playlist - The string of the playlist being set to active.\n */\n function setActivePlaylist(playlist) {\n /*\n If the active playlist is different than the playlist being set,\n we run the `playlist_changed` callback.\n */\n if (_config2.default.active_playlist != playlist) {\n _callbacks2.default.run(\"playlist_changed\");\n /*\n Set the active playlist to the playlist parameter. Only need to\n set if it's different.\n */\n _config2.default.active_playlist = playlist;\n\n if (playlist != null) {\n _config2.default.playlists[playlist].active_index = 0;\n }\n }\n }\n\n /*\n Return the publically facing methods\n */\n return {\n setNext: setNext,\n setNextPlaylist: setNextPlaylist,\n setPrevious: setPrevious,\n setPreviousPlaylist: setPreviousPlaylist,\n changeSong: changeSong,\n changeSongPlaylist: changeSongPlaylist,\n setActivePlaylist: setActivePlaylist\n };\n}();\n\n/**\n * Container Elements Module\n *\n * @module visual/ContainerElements\n */\n\n\n/**\n * Imports the Time Elements Module\n *\n * @module visual/TimeElements\n */\n\n\n/**\n * Imports the Song Slider Elements Module\n *\n * @module visual/SongSliderElements\n */\n\n\n/**\n * Imports the Checks Module\n *\n * @module utilities/Checks\n */\n\n\n/**\n * Imports the Core Module\n *\n * @module core/Core\n */\nexports.default = AudioNavigation;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles the debugging of AmplitudeJS\n * @module utilities/Debug\n */\nvar Debug = function () {\n /**\n * Writes out debug message to the console if enabled.\n *\n * Public Accessor: Debug.writeMessage( message )\n *\n * @access public\n * @param {string} message - The string that gets printed to alert the user of a debugging error.\n */\n function writeMessage(message) {\n /*\n If the user has flagged AmplitudeJS to debug, we print out a message\n to the console.\n */\n if (_config2.default.debug) {\n console.log(message);\n }\n }\n\n /*\n Returns the public facing methods\n */\n return {\n writeMessage: writeMessage\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = Debug;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Checks Module. Checks for new songs, albums, and playlists\n *\n * @module utilities/Checks\n */\nvar Checks = function () {\n /**\n * Checks to see if the new song to be played is different than the song\n * that is currently playing. To be true, the user would have selected\n * play on a new song with a new index. To be false, the user would have\n * clicked play/pause on the song that was playing.\n *\n * Public Accessor: Checks.newSong( playlist, songIndex )\n * @access public\n * @param {string} playlist - The playlist we are checking the new song for. Could be null\n * @param {number} songIndex - The index of the new song to be played.\n * @returns {boolean} True if we are setting a new song, false if we are not setting a new song.\n */\n function newSong(playlist, songIndex) {\n /*\n If the playlists don't match, then it's definitely a new song.\n */\n if (_config2.default.active_playlist != playlist) {\n return true;\n } else {\n /*\n If we aren't in a playlist, we check the active index.\n */\n if (_config2.default.active_playlist == null && playlist == null) {\n /*\n If the active indexes don't match, then it's a new song.\n */\n if (_config2.default.active_index != songIndex) {\n return true;\n } else {\n return false;\n }\n } else {\n /*\n If we are in a playlist, then we check to see if the\n new song index matches the active index.\n */\n if (_config2.default.active_playlist == playlist && _config2.default.playlists[playlist].active_index != songIndex) {\n return true;\n } else {\n return false;\n }\n }\n }\n }\n\n /**\n * Checks to see if there is a new album\n *\n * Public Accessor: Checks.newAlbum( album )\n *\n * @access public\n * @param {string} album - Checks to see if the new song will have a new album.\n * @returns {boolean} True if there is a new album, false if there is not a new ablum.\n */\n function newAlbum(album) {\n if (_config2.default.active_album != album) {\n return true;\n } else {\n return false;\n }\n }\n\n /**\n * Checks to see if there is a new playlist\n *\n * Public Accessor: Checks.newPlaylist( playlist )\n *\n * @access public\n * @param {string} playlist - The playlist passed in to check against the active playlist.\n * @returns {boolean} True if there is a new playlist, false if there is not a new playlist.\n */\n function newPlaylist(playlist) {\n if (_config2.default.active_playlist != playlist) {\n return true;\n } else {\n return false;\n }\n }\n\n /**\n * Determines if the string passed in is a URL or not\n *\n * Public Accessor: AmplitudeHelpers.isURL( url )\n *\n * @access public\n * @param {string} url - The string we are testing to see if it's a URL.\n * @returns {boolean} True if the string is a url, false if it is not.\n */\n function isURL(url) {\n /*\n Test the string against the URL pattern and return if it matches\n */\n var pattern = /(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?/;\n\n return pattern.test(url);\n }\n\n /**\n * Determines if what is passed in is an integer or not.\n *\n * Public Accessor: AmplitudeHelpers.isInt( int )\n *\n * @access public\n * @param {string|number} int - The variable we are testing to see is an integer or not.\n * @returns {boolean} If the variable is an integer or not.\n */\n function isInt(int) {\n return !isNaN(int) && parseInt(Number(int)) == int && !isNaN(parseInt(int, 10));\n }\n\n /**\n * Returns public facing methods\n */\n return {\n newSong: newSong,\n newAlbum: newAlbum,\n newPlaylist: newPlaylist,\n isURL: isURL,\n isInt: isInt\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = Checks;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles the state of the config object.\n *\n * @module utilities/ConfigState\n */\nvar ConfigState = function () {\n /**\n * Resets the config to the default state. This is called on initialize\n * to ensure the user's config is what matters.\n *\n * Public Accessor: AmplitudeHelpers.resetConfig()\n *\n * @access public\n */\n function resetConfig() {\n _config2.default.audio = new Audio();\n _config2.default.active_metadata = {};\n _config2.default.active_album = \"\";\n _config2.default.active_index = 0;\n _config2.default.active_playlist = null;\n _config2.default.playback_speed = 1.0;\n _config2.default.callbacks = {};\n _config2.default.songs = [];\n _config2.default.playlists = {};\n _config2.default.start_song = \"\";\n _config2.default.starting_playlist = \"\";\n _config2.default.starting_playlist_song = \"\";\n _config2.default.repeat = false;\n _config2.default.shuffle_list = {};\n _config2.default.shuffle_on = false;\n _config2.default.default_album_art = \"\";\n _config2.default.default_playlist_art = \"\";\n _config2.default.debug = false;\n _config2.default.volume = 0.5;\n _config2.default.pre_mute_volume = 0.5;\n _config2.default.volume_increment = 5;\n _config2.default.volume_decrement = 5;\n _config2.default.soundcloud_client = \"\";\n _config2.default.soundcloud_use_art = false;\n _config2.default.soundcloud_song_count = 0;\n _config2.default.soundcloud_songs_ready = 0;\n _config2.default.continue_next = true;\n }\n\n /**\n * Sets the state of the player.\n */\n function setPlayerState() {\n /*\n If paused and the current time is 0 the player is stopped.\n */\n if (_config2.default.audio.paused && _config2.default.audio.currentTime == 0) {\n _config2.default.player_state = \"stopped\";\n }\n\n /*\n If paused and the current time is greater than 0 the player is\n paused.\n */\n if (_config2.default.audio.paused && _config2.default.audio.currentTime > 0) {\n _config2.default.player_state = \"paused\";\n }\n\n /*\n If playing, the current state is playing.\n */\n if (!_config2.default.audio.paused) {\n _config2.default.player_state = \"playing\";\n }\n }\n\n /*\n Returns the public facing methods\n */\n return {\n resetConfig: resetConfig,\n setPlayerState: setPlayerState\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = ConfigState;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _debug = __webpack_require__(4);\n\nvar _debug2 = _interopRequireDefault(_debug);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Callback Utility\n *\n * @module utilities/callbacks\n */\n/**\n * Imports the config module\n * @module config\n */\nvar Callbacks = function () {\n /**\n * Initializes the callbacks for the player.\n */\n function initialize() {\n /*\n Event: abort\n https://www.w3schools.com/tags/av_event_abort.asp\n */\n _config2.default.audio.addEventListener(\"abort\", function () {\n run(\"abort\");\n });\n\n /*\n Event: error\n https://www.w3schools.com/tags/av_event_error.asp\n */\n _config2.default.audio.addEventListener(\"error\", function () {\n run(\"error\");\n });\n\n /*\n Event: loadeddata\n https://www.w3schools.com/tags/av_event_loadeddata.asp\n */\n _config2.default.audio.addEventListener(\"loadeddata\", function () {\n run(\"loadeddata\");\n });\n\n /*\n Event: loadedmetadata\n https://www.w3schools.com/tags/av_event_loadedmetadata.asp\n */\n _config2.default.audio.addEventListener(\"loadedmetadata\", function () {\n run(\"loadedmetadata\");\n });\n\n /*\n Event: loadstart\n https://www.w3schools.com/tags/av_event_loadstart.asp\n */\n _config2.default.audio.addEventListener(\"loadstart\", function () {\n run(\"loadstart\");\n });\n\n /*\n Event: pause\n https://www.w3schools.com/tags/av_event_pause.asp\n */\n _config2.default.audio.addEventListener(\"pause\", function () {\n run(\"pause\");\n });\n\n /*\n Event: playing\n https://www.w3schools.com/tags/av_event_playing.asp\n */\n _config2.default.audio.addEventListener(\"playing\", function () {\n run(\"playing\");\n });\n\n /*\n Event: play\n https://www.w3schools.com/tags/av_event_play.asp\n */\n _config2.default.audio.addEventListener(\"play\", function () {\n run(\"play\");\n });\n\n /*\n Event: progress\n https://www.w3schools.com/tags/av_event_progress.asp\n */\n _config2.default.audio.addEventListener(\"progress\", function () {\n run(\"progress\");\n });\n\n /*\n Event: ratechange\n https://www.w3schools.com/tags/av_event_ratechange.asp\n */\n _config2.default.audio.addEventListener(\"ratechange\", function () {\n run(\"ratechange\");\n });\n\n /*\n Event: seeked\n https://www.w3schools.com/tags/av_event_seeked.asp\n */\n _config2.default.audio.addEventListener(\"seeked\", function () {\n run(\"seeked\");\n });\n\n /*\n Event: seeking\n https://www.w3schools.com/tags/av_event_seeking.asp\n */\n _config2.default.audio.addEventListener(\"seeking\", function () {\n run(\"seeking\");\n });\n\n /*\n Event: stalled\n https://www.w3schools.com/tags/av_event_stalled.asp\n */\n _config2.default.audio.addEventListener(\"stalled\", function () {\n run(\"stalled\");\n });\n\n /*\n Event: suspend\n https://www.w3schools.com/tags/av_event_suspend.asp\n */\n _config2.default.audio.addEventListener(\"suspend\", function () {\n run(\"suspend\");\n });\n\n /*\n Event: timeupdate\n https://www.w3schools.com/tags/av_event_timeupdate.asp\n */\n _config2.default.audio.addEventListener(\"timeupdate\", function () {\n run(\"timeupdate\");\n });\n\n /*\n Event: volumechange\n https://www.w3schools.com/tags/av_event_volumechange.asp\n */\n _config2.default.audio.addEventListener(\"volumechange\", function () {\n run(\"volumechange\");\n });\n\n /*\n Event: waiting\n https://www.w3schools.com/tags/av_event_waiting.asp\n */\n _config2.default.audio.addEventListener(\"waiting\", function () {\n run(\"waiting\");\n });\n\n /*\n Event: canplay\n https://www.w3schools.com/tags/av_event_canplay.asp\n */\n _config2.default.audio.addEventListener(\"canplay\", function () {\n run(\"canplay\");\n });\n\n /*\n Event: canplaythrough\n https://www.w3schools.com/tags/av_event_canplaythrough.asp\n */\n _config2.default.audio.addEventListener(\"canplaythrough\", function () {\n run(\"canplaythrough\");\n });\n\n /*\n Event: durationchange\n https://www.w3schools.com/tags/av_event_durationchange.asp\n */\n _config2.default.audio.addEventListener(\"durationchange\", function () {\n run(\"durationchange\");\n });\n\n /*\n Event: ended\n https://www.w3schools.com/tags/av_event_ended.asp\n */\n _config2.default.audio.addEventListener(\"ended\", function () {\n run(\"ended\");\n });\n }\n\n /**\n * Runs a user defined callback method\n *\n * Public Accessor: Callbacks.run( callbackName )\n *\n * @access public\n * @param {string} callbackName - The name of the callback we are going to run.\n */\n function run(callbackName) {\n /*\n Checks to see if a user defined a callback method for the\n callback we are running.\n */\n if (_config2.default.callbacks[callbackName]) {\n /*\n Build the callback function\n */\n var callbackFunction = _config2.default.callbacks[callbackName];\n\n /*\n Write a debug message stating the callback we are running\n */\n _debug2.default.writeMessage(\"Running Callback: \" + callbackName);\n\n /*\n Run the callback function and catch any errors\n */\n try {\n callbackFunction();\n } catch (error) {\n if (error.message == \"CANCEL EVENT\") {\n throw error;\n } else {\n _debug2.default.writeMessage(\"Callback error: \" + error.message);\n }\n }\n }\n }\n\n return {\n initialize: initialize,\n run: run\n };\n}();\n\n/**\n * Imports the debug module\n * @module utilities/debug\n */\nexports.default = Callbacks;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * These methods help display the audio's meta data\n *\n * @module visual/MetaDataElements\n */\nvar MetaDataElements = function () {\n /**\n * Displays the active song's metadata. This is called after a song has\n * been changed. This method takes the active song and displays the\n * metadata. So once the new active song is set, we update all of the\n * screen elements.\n *\n * @access public\n */\n function displayMetaData() {\n /*\n Define the image meta data keys. These are managed separately\n since we aren't actually changing the inner HTML of these elements.\n */\n var imageMetaDataKeys = [\"cover_art_url\", \"station_art_url\", \"podcast_episode_cover_art_url\"];\n\n /*\n Get all of the song info elements\n */\n var songInfoElements = document.querySelectorAll(\"[data-amplitude-song-info]\");\n\n /*\n Iterate over all of the song info elements. We will either\n set these to the new values, or clear them if the active song\n doesn't have the info set.\n */\n for (var i = 0; i < songInfoElements.length; i++) {\n /*\n Get the info so we can check if the active meta data has the\n key.\n */\n var info = songInfoElements[i].getAttribute(\"data-amplitude-song-info\");\n\n /*\n Grab the playlist and song index.\n */\n var playlist = songInfoElements[i].getAttribute(\"data-amplitude-playlist\");\n var songIndex = songInfoElements[i].getAttribute(\"data-amplitude-song-index\");\n\n /*\n Ensure that we don't set any individual elements now. We set this with the\n sync meta data method. The reason we don't set them here is because\n all individual songs would get the now playing artwork. If the playlists\n match or the element is a main element meaning it doesn't\n belong to a playlist or a song, then we set the song info.\n */\n if (songIndex == null && (_config2.default.active_playlist == playlist || playlist == null && songIndex == null)) {\n /*\n If the active metadata has the key, then we set it,\n otherwise we clear it. If it's an image element then\n we default it to the default info if needed.\n */\n var val = _config2.default.active_metadata[info] != undefined ? _config2.default.active_metadata[info] : null;\n if (imageMetaDataKeys.indexOf(info) >= 0) {\n val = val || _config2.default.default_album_art;\n songInfoElements[i].setAttribute(\"src\", val);\n } else {\n val = val || \"\";\n songInfoElements[i].innerHTML = val;\n }\n }\n }\n }\n\n /**\n * Displays the playlist meta data.\n */\n function displayPlaylistMetaData() {\n /*\n Define the image meta data keys. These are managed separately\n since we aren't actually changing the inner HTML of these elements.\n */\n var imageMetaDataKeys = [\"image_url\"];\n\n /*\n Get all of the playlist info elements\n */\n var playlistInfoElements = document.querySelectorAll(\"[data-amplitude-playlist-info]\");\n\n /*\n Iterate over all of the playlist info elements. We will either\n set these to the new values, or clear them if the active song\n doesn't have the info set.\n */\n for (var i = 0; i < playlistInfoElements.length; i++) {\n /*\n Get the info so we can check if the active meta data has the\n key.\n */\n var info = playlistInfoElements[i].getAttribute(\"data-amplitude-playlist-info\");\n var playlist = playlistInfoElements[i].getAttribute(\"data-amplitude-playlist\");\n\n if (_config2.default.playlists[playlist][info] != undefined) {\n if (imageMetaDataKeys.indexOf(info) >= 0) {\n playlistInfoElements[i].setAttribute(\"src\", _config2.default.playlists[playlist][info]);\n } else {\n playlistInfoElements[i].innerHTML = _config2.default.playlists[playlist][info];\n }\n } else {\n /*\n We look for the default album art because\n the actual key didn't exist. If the default album\n art doesn't exist then we set the src attribute\n to null.\n */\n if (imageMetaDataKeys.indexOf(info) >= 0) {\n if (_config2.default.default_playlist_art != \"\") {\n playlistInfoElements[i].setAttribute(\"src\", _config2.default.default_playlist_art);\n } else {\n playlistInfoElements[i].setAttribute(\"src\", \"\");\n }\n } else {\n playlistInfoElements[i].innerHTML = \"\";\n }\n }\n }\n }\n\n /**\n * Sets the first song in the playlist. This is used to fill in the meta\n * data in the playlist\n *\n * @param {object} song \t\t\t- The song we are setting to be the first song in the playlist\n * @param {string} playlist \t- Key of the playlist we are setting the first song in\n */\n function setFirstSongInPlaylist(song, playlist) {\n /*\n Define the image meta data keys. These are managed separately\n since we aren't actually changing the inner HTML of these elements.\n */\n var imageMetaDataKeys = [\"cover_art_url\", \"station_art_url\", \"podcast_episode_cover_art_url\"];\n\n /*\n Get all of the song info elements\n */\n var songInfoElements = document.querySelectorAll('[data-amplitude-song-info][data-amplitude-playlist=\"' + playlist + '\"]');\n\n /*\n Iterate over all of the song info elements. We will either\n set these to the new values, or clear them if the active song\n doesn't have the info set.\n */\n for (var i = 0; i < songInfoElements.length; i++) {\n /*\n Get the info so we can check if the active meta data has the\n key.\n */\n var info = songInfoElements[i].getAttribute(\"data-amplitude-song-info\");\n\n /*\n Get the song info element playlist.\n */\n var elementPlaylist = songInfoElements[i].getAttribute(\"data-amplitude-playlist\");\n\n /*\n If the playlists match or the element is a main element, then\n we set the song info.\n */\n if (elementPlaylist == playlist) {\n /*\n If the active metadata has the key, then we set it,\n otherwise we clear it. If it's an image element then\n we default it to the default info if needed.\n */\n if (song[info] != undefined) {\n if (imageMetaDataKeys.indexOf(info) >= 0) {\n songInfoElements[i].setAttribute(\"src\", song[info]);\n } else {\n songInfoElements[i].innerHTML = song[info];\n }\n } else {\n /*\n We look for the default album art because\n the actual key didn't exist. If the default album\n art doesn't exist then we set the src attribute\n to null.\n */\n if (imageMetaDataKeys.indexOf(info) >= 0) {\n if (song.default_album_art != \"\") {\n songInfoElements[i].setAttribute(\"src\", song.default_album_art);\n } else {\n songInfoElements[i].setAttribute(\"src\", \"\");\n }\n } else {\n songInfoElements[i].innerHTML = \"\";\n }\n }\n }\n }\n }\n\n /**\n * Sets the meta data for songs loaded in the songs array\n */\n function syncMetaData() {\n /*\n Define the image meta data keys. These are managed separately\n since we aren't actually changing the inner HTML of these elements.\n */\n var imageMetaDataKeys = [\"cover_art_url\", \"station_art_url\", \"podcast_episode_cover_art_url\"];\n\n /*\n Get all of the song info elements\n */\n var songInfoElements = document.querySelectorAll(\"[data-amplitude-song-info]\");\n\n /*\n Iterate over all of the song info elements. We will either\n set these to the new values, or clear them if the active song\n doesn't have the info set.\n */\n for (var i = 0; i < songInfoElements.length; i++) {\n var songIndex = songInfoElements[i].getAttribute(\"data-amplitude-song-index\");\n var playlist = songInfoElements[i].getAttribute(\"data-amplitude-playlist\");\n\n if (songIndex != null && playlist == null) {\n var info = songInfoElements[i].getAttribute(\"data-amplitude-song-info\");\n\n /*\n Get the song info value referenced on the element. Depending on the type of\n element, we may need to fallback to another value when the direct value\n we want isn't found.\n i.e.\n data-amplitude-song-info=\"cover_art_url\" defaults to using the value\n of \"default_album_art\" when \"cover_art_url\" is missing on the song.\n */\n var val = _config2.default.songs[songIndex][info] != undefined ? _config2.default.songs[songIndex][info] : null;\n /*\n If it's an image meta data key, then we set the src attribute of\n the element. Otherwise we set the inner HTML of the element.\n */\n if (imageMetaDataKeys.indexOf(info) >= 0) {\n /*\n If this is an image meta data key and the individual song doesn't\n have the key, use the default_album_art\n */\n val = val || _config2.default.default_album_art;\n songInfoElements[i].setAttribute(\"src\", val);\n } else {\n songInfoElements[i].innerHTML = val;\n }\n }\n\n /*\n If the song index and playlist are not null, continue.\n */\n if (songIndex != null && playlist != null) {\n /*\n Get the info we are displaying.\n */\n var _info = songInfoElements[i].getAttribute(\"data-amplitude-song-info\");\n\n /*\n Set the meta data accordingly.\n */\n if (_config2.default.playlists[playlist].songs[songIndex][_info] != undefined) {\n if (imageMetaDataKeys.indexOf(_info) >= 0) {\n songInfoElements[i].setAttribute(\"src\", _config2.default.playlists[playlist].songs[songIndex][_info]);\n } else {\n songInfoElements[i].innerHTML = _config2.default.playlists[playlist].songs[songIndex][_info];\n }\n }\n }\n }\n\n /*\n Display the playlist meta data.\n */\n displayPlaylistMetaData();\n }\n\n /**\n * Returns publically facing methods\n */\n return {\n displayMetaData: displayMetaData,\n setFirstSongInPlaylist: setFirstSongInPlaylist,\n syncMetaData: syncMetaData,\n displayPlaylistMetaData: displayPlaylistMetaData\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = MetaDataElements;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 9 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles all of the visual syncing to the state of the config for the repeat\n * elements.\n *\n * @module visual/RepeatElements\n */\nvar RepeatElements = function () {\n /**\n * Syncs repeat for all of the repeat buttons. Users\n * can apply styles to the 'amplitude-repeat-on' and\n * 'amplitude-repeat-off' classes. They represent the state\n * of the player.\n */\n function syncRepeat() {\n /*\n Gets all of the repeat classes\n */\n var repeatClasses = document.getElementsByClassName(\"amplitude-repeat\");\n\n /*\n Iterate over all of the repeat classes. If repeat is on,\n then add the 'amplitude-repeat-on' class and remove the\n 'amplitude-repeat-off' class. If it's off, then do the\n opposite.\n */\n for (var i = 0; i < repeatClasses.length; i++) {\n if (_config2.default.repeat) {\n repeatClasses[i].classList.add(\"amplitude-repeat-on\");\n repeatClasses[i].classList.remove(\"amplitude-repeat-off\");\n } else {\n repeatClasses[i].classList.remove(\"amplitude-repeat-on\");\n repeatClasses[i].classList.add(\"amplitude-repeat-off\");\n }\n }\n }\n\n /**\n * Syncs repeat for all of the playlist repeat buttons. Users\n * can apply styles to the `amplitude-repeat-on` and `amplitude-repeat-off`\n * classes. They repreent the state of the playlist in the player.\n */\n function syncRepeatPlaylist(playlist) {\n /*\n Gets all of the repeat buttons.\n */\n var repeatButtons = document.getElementsByClassName(\"amplitude-repeat\");\n\n /*\n Iterate over all of the repeat buttons\n */\n for (var i = 0; i < repeatButtons.length; i++) {\n /*\n Ensure that the repeat button belongs to matches the\n playlist we are syncing the state for.\n */\n if (repeatButtons[i].getAttribute(\"data-amplitude-playlist\") == playlist) {\n /*\n If the state of the playlist is shuffled on, true, then\n we add the 'amplitude-repeat-on' class and remove the\n 'amplitude-repeat-off' class. If the player is not shuffled\n then we do the opposite.\n */\n if (_config2.default.playlists[playlist].repeat) {\n repeatButtons[i].classList.add(\"amplitude-repeat-on\");\n repeatButtons[i].classList.remove(\"amplitude-repeat-off\");\n } else {\n repeatButtons[i].classList.add(\"amplitude-repeat-off\");\n repeatButtons[i].classList.remove(\"amplitude-repeat-on\");\n }\n }\n }\n }\n\n /**\n * Syncs repeat for all of the repeat song buttons. Users\n * can apply styles to the 'amplitude-repeat-song-on' and\n * 'amplitude-repeat-song-off' classes. They represent the state\n * of the player.\n */\n function syncRepeatSong() {\n /*\n Gets all of the repeat song classes\n */\n var repeatSongClasses = document.getElementsByClassName(\"amplitude-repeat-song\");\n\n /*\n Iterate over all of the repeat song classes. If repeat is on,\n then add the 'amplitude-repeat-song-on' class and remove the\n 'amplitude-repeat-song-off' class. If it's off, then do the\n opposite.\n */\n for (var i = 0; i < repeatSongClasses.length; i++) {\n if (_config2.default.repeat_song) {\n repeatSongClasses[i].classList.add(\"amplitude-repeat-song-on\");\n repeatSongClasses[i].classList.remove(\"amplitude-repeat-song-off\");\n } else {\n repeatSongClasses[i].classList.remove(\"amplitude-repeat-song-on\");\n repeatSongClasses[i].classList.add(\"amplitude-repeat-song-off\");\n }\n }\n }\n\n /*\n Returns the publically available methods.\n */\n return {\n syncRepeat: syncRepeat,\n syncRepeatPlaylist: syncRepeatPlaylist,\n syncRepeatSong: syncRepeatSong\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = RepeatElements;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 10 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n/**\n * Handles the visual state for all of the mute elements.\n *\n * @module visual/MuteElements\n */\nvar MuteElements = function () {\n /**\n * Syncs mute for all of the mute buttons. This represents the\n * state of the player if it's muted or not.\n *\n * @access public\n * @param {string} state \t- The muted state of the player.\n */\n function setMuted(state) {\n /*\n Get all of the mute buttons.\n */\n var muteClasses = document.getElementsByClassName(\"amplitude-mute\");\n\n /*\n Iterate over all of the mute classes. If the state of the player\n is not-muted then we add the amplitude-not-muted classe and remove\n the amplitude muted class otherwise we do the opposite.\n */\n for (var i = 0; i < muteClasses.length; i++) {\n if (!state) {\n muteClasses[i].classList.add(\"amplitude-not-muted\");\n muteClasses[i].classList.remove(\"amplitude-muted\");\n } else {\n muteClasses[i].classList.remove(\"amplitude-not-muted\");\n muteClasses[i].classList.add(\"amplitude-muted\");\n }\n }\n }\n\n return {\n setMuted: setMuted\n };\n}();\n\nexports.default = MuteElements;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 11 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Keeps the volume slider elements in sync.\n * @module visual/VolumeSliderElements\n */\nvar VolumeSliderElements = function () {\n /**\n * Visually syncs the volume sliders so they are all the same if there\n * are more than one.\n *\n * @access public\n */\n function sync() {\n var volumeSliders = document.getElementsByClassName(\"amplitude-volume-slider\");\n\n /*\n Iterates over all of the volume sliders for the song, setting the value\n to the config value.\n */\n for (var i = 0; i < volumeSliders.length; i++) {\n volumeSliders[i].value = _config2.default.audio.volume * 100;\n }\n }\n\n /**\n * Returns the public facing methods\n */\n return {\n sync: sync\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = VolumeSliderElements;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 12 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Repeater utility. Handles setting the repeat for all scenarios.\n *\n * @module utilities/Repeater\n */\nvar Repeater = function () {\n /**\n * Sets the state of the repeat for a song.\n *\n * @access public\n * @param {boolean} repeat - A boolean representing whether the repeat should be on or off\n */\n function setRepeat(repeat) {\n /*\n Set the global repeat to be toggled\n */\n _config2.default.repeat = repeat;\n }\n\n /**\n * Sets the state of the repeat for a playlist.\n *\n * @access public\n * @param {boolean} repeat - A boolean representing whether the repeat should be on or off\n * @param {string} playlist - The key of the playlist for repeating\n */\n function setRepeatPlaylist(repeat, playlist) {\n /*\n Set the playlist repeat to be toggled.\n */\n _config2.default.playlists[playlist].repeat = repeat;\n }\n\n /**\n * Sets the state of the repeat song\n *\n * @access public\n * @param {boolean} repeat - A boolean representing whether the repeat shoudl be on or off for the song.\n */\n function setRepeatSong(repeat) {\n _config2.default.repeat_song = repeat;\n }\n\n /*\n Returns the public facing methods\n */\n return {\n setRepeat: setRepeat,\n setRepeatPlaylist: setRepeatPlaylist,\n setRepeatSong: setRepeatSong\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = Repeater;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 13 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Shuffle Module. Handles all of the shuffling functionality for\n * AmplitudeJS\n *\n * @module utilities/Shuffler\n */\nvar Shuffler = function () {\n /**\n * Sets the shuffle state globally\n *\n * @access public\n * @param {boolean} shuffle - True when we are shuffling, false when we turn it off.\n */\n function setShuffle(shuffle) {\n _config2.default.shuffle_on = shuffle;\n\n if (shuffle) {\n shuffleSongs();\n } else {\n _config2.default.shuffle_list = [];\n }\n }\n\n /**\n * Toggles the shuffle status globally.\n *\n * @access public\n */\n function toggleShuffle() {\n /*\n If shuffle is on, we toggle it off. If shuffle is off, we\n toggle on.\n */\n if (_config2.default.shuffle_on) {\n _config2.default.shuffle_on = false;\n _config2.default.shuffle_list = [];\n } else {\n _config2.default.shuffle_on = true;\n shuffleSongs();\n }\n }\n\n /**\n * Sets the shuffle state for a playlist\n *\n * @access public\n * @param {string} playlist The key of the playlist we are shuffling.\n * @param {boolean} shuffle True when we are shuffling the playlist, false when we turn off shuffle.\n */\n function setShufflePlaylist(playlist, shuffle) {\n _config2.default.playlists[playlist].shuffle = shuffle;\n\n if (_config2.default.playlists[playlist].shuffle) {\n shufflePlaylistSongs(playlist);\n } else {\n _config2.default.playlists[playlist].shuffle_list = [];\n }\n }\n\n /**\n * Sets the shuffle state for a playlist\n *\n * @access public\n * @param {string} playlist The key of the playlist we are shuffling.\n */\n function toggleShufflePlaylist(playlist) {\n /*\n If the playlist shuffled is on, we toggle it off. If the\n playlist shuffled is off, we toggle it on.\n */\n if (_config2.default.playlists[playlist].shuffle) {\n _config2.default.playlists[playlist].shuffle = false;\n _config2.default.playlists[playlist].shuffle_list = [];\n } else {\n _config2.default.playlists[playlist].shuffle = true;\n shufflePlaylistSongs(playlist);\n }\n }\n\n /**\n * Shuffles individual songs in the config\n * Based off of: http://www.codinghorror.com/blog/2007/12/the-danger-of-naivete.html\n *\n * Public Accessor: Shuffle.shuffleSongs()\n *\n * @access public\n */\n function shuffleSongs() {\n /*\n Builds a temporary array with the length of the config.\n */\n var shuffleTemp = new Array(_config2.default.songs.length);\n\n /*\n Set the temporary array equal to the songs array.\n */\n for (var i = 0; i < _config2.default.songs.length; i++) {\n shuffleTemp[i] = _config2.default.songs[i];\n }\n\n /*\n Iterate ove rthe songs and generate random numbers to\n swap the indexes of the shuffle array.\n */\n for (var _i = _config2.default.songs.length - 1; _i > 0; _i--) {\n var randNum = Math.floor(Math.random() * _config2.default.songs.length + 1);\n shuffleSwap(shuffleTemp, _i, randNum - 1);\n }\n\n /*\n Set the shuffle list to the shuffle temp.\n */\n _config2.default.shuffle_list = shuffleTemp;\n }\n\n /**\n * Shuffle songs in a playlist\n *\n * Public Accessor: Shuffle.shufflePlaylistSongs( playlist )\n *\n * @access public\n * @param {string} playlist - The playlist we are shuffling.\n */\n function shufflePlaylistSongs(playlist) {\n /*\n Builds a temporary array with the length of the playlist songs.\n */\n var shuffleTemp = new Array(_config2.default.playlists[playlist].songs.length);\n\n /*\n Set the temporary array equal to the playlist array.\n */\n for (var i = 0; i < _config2.default.playlists[playlist].songs.length; i++) {\n shuffleTemp[i] = _config2.default.playlists[playlist].songs[i];\n }\n\n /*\n Iterate ove rthe songs and generate random numbers to\n swap the indexes of the shuffle array.\n */\n for (var _i2 = _config2.default.playlists[playlist].songs.length - 1; _i2 > 0; _i2--) {\n var randNum = Math.floor(Math.random() * _config2.default.playlists[playlist].songs.length + 1);\n shuffleSwap(shuffleTemp, _i2, randNum - 1);\n }\n\n /*\n Set the shuffle list to the shuffle temp.\n */\n _config2.default.playlists[playlist].shuffle_list = shuffleTemp;\n }\n\n /**\n * Swaps and randomizes the song shuffle.\n *\n * @access private\n * @param {object} shuffleList \t- The list of songs that is going to be shuffled\n * @param {number} original \t\t- The original index of he song in the songs array\n * @param {number} random \t\t\t- The randomized index that will be the new index of the song in the shuffle array.\n */\n function shuffleSwap(shuffleList, original, random) {\n var temp = shuffleList[original];\n shuffleList[original] = shuffleList[random];\n shuffleList[random] = temp;\n }\n\n /**\n * Returns public facing methods\n */\n return {\n setShuffle: setShuffle,\n toggleShuffle: toggleShuffle,\n setShufflePlaylist: setShufflePlaylist,\n toggleShufflePlaylist: toggleShufflePlaylist,\n shuffleSongs: shuffleSongs,\n shufflePlaylistSongs: shufflePlaylistSongs\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = Shuffler;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 14 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Defines the visual representation of AmplitudeJS song slider elements.\n * @module visual/SongSliderElements\n */\nvar SongSliderElements = function () {\n /**\n * Syncs all of the song slider elements.\n *\n * @access public\n * @param {number} location \t- The location of the song as a percentage.\n * @param {string} playlist \t- The playlist we are setting the song slider for.\n * @param {number} songIndex \t- The index of the song we are adjusting the song slider for.\n */\n function sync(location, playlist, songIndex) {\n syncMain(location);\n syncPlaylist(location, playlist);\n syncSong(location, songIndex);\n syncSongInPlaylist(location, playlist);\n }\n\n /**\n * Syncs the main slider location\n *\n * @access public\n * @param {number} location \t- The location of the song as a percentage.\n */\n function syncMain(location) {\n /*\n Ensure we have a location that's a number\n */\n location = !isNaN(location) ? location : 0;\n\n /*\n Gets the main song sliders\n */\n var mainSongSliders = document.querySelectorAll(\".amplitude-song-slider\");\n\n /*\n Iterates over all of the main sliders and sets the value to the\n percentage of the song played.\n */\n for (var i = 0; i < mainSongSliders.length; i++) {\n /*\n Grab the playlist and song attributes from the element.\n */\n var playlist = mainSongSliders[i].getAttribute(\"data-amplitude-playlist\");\n var song = mainSongSliders[i].getAttribute(\"data-amplitude-song-index\");\n\n /*\n This method is responsible for only the global elements,\n so we make sure there are no playlist or songs defined on\n the element.\n */\n if (playlist == null && song == null) {\n mainSongSliders[i].value = location;\n }\n }\n }\n\n /**\n * Syncs playlist song slider locations\n *\n * @access public\n * @param {number} location \t- The location of the song as a percentage.\n * @param {string} playlist \t- The playlist we are setting the song slider for.\n */\n function syncPlaylist(location, playlist) {\n /*\n Ensure we have a location that's a number\n */\n location = !isNaN(location) ? location : 0;\n\n /*\n Gets the playlist song sliders\n */\n var playlistSongSliders = document.querySelectorAll('.amplitude-song-slider[data-amplitude-playlist=\"' + playlist + '\"]');\n\n /*\n Iterates over all of the playlist sliders and sets the value to the\n percentage of the song played.\n */\n for (var i = 0; i < playlistSongSliders.length; i++) {\n /*\n Grab the playlist and song attributes from the element.\n */\n var playlistAttribute = playlistSongSliders[i].getAttribute(\"data-amplitude-playlist\");\n var songAttribute = playlistSongSliders[i].getAttribute(\"data-amplitude-song-index\");\n\n /*\n This method is responsible for only the playlist elements,\n so we make sure the playlist attribute matches what is passed\n in.\n */\n if (playlistAttribute == playlist && songAttribute == null) {\n playlistSongSliders[i].value = location;\n }\n }\n }\n\n /**\n * Syncs individual song slider locations\n *\n * @access public\n * @param {number} location \t- The location of the song as a percentage.\n * @param {number} songIndex \t- The index of the song we are adjusting the song slider for.\n */\n function syncSong(location, songIndex) {\n /*\n We only want to sync song sliders if the playlist is null.\n */\n if (_config2.default.active_playlist == null) {\n /*\n Ensure we have a location that's a number\n */\n location = !isNaN(location) ? location : 0;\n\n /*\n Gets the individual song sliders\n */\n var songSliders = document.querySelectorAll('.amplitude-song-slider[data-amplitude-song-index=\"' + songIndex + '\"]');\n\n /*\n Iterates over all of the individual song sliders and sets the value\n to the percentage of the song played.\n */\n for (var i = 0; i < songSliders.length; i++) {\n /*\n Grab the playlist and song attributes from the element.\n */\n var playlistAttribute = songSliders[i].getAttribute(\"data-amplitude-playlist\");\n var songAttribute = songSliders[i].getAttribute(\"data-amplitude-song-index\");\n\n /*\n This method is responsible for only the playlist elements,\n so we make sure the playlist attribute matches what is passed\n in.\n */\n if (playlistAttribute == null && songAttribute == songIndex) {\n songSliders[i].value = location;\n }\n }\n }\n }\n\n /**\n * Syncs individual song slider locations\n *\n * @access public\n * @param {number} location \t- The location of the song as a percentage.\n * @param {string} playlist \t- The playlist we are setting the song slider for.\n */\n function syncSongInPlaylist(location, playlist) {\n /*\n Ensure we have a location that's a number\n */\n location = !isNaN(location) ? location : 0;\n\n var activePlaylistIndex = _config2.default.active_playlist != \"\" && _config2.default.active_playlist != null ? _config2.default.playlists[_config2.default.active_playlist].active_index : null;\n\n /*\n Gets the song in playlist sliders\n */\n var songInPlaylistSliders = document.querySelectorAll('.amplitude-song-slider[data-amplitude-playlist=\"' + playlist + '\"][data-amplitude-song-index=\"' + activePlaylistIndex + '\"]');\n\n /*\n Iterates over all of the song in playlist sliders and sets the value\n to the percentage of the song played.\n */\n for (var i = 0; i < songInPlaylistSliders.length; i++) {\n songInPlaylistSliders[i].value = location;\n }\n }\n\n /**\n * Visually syncs the song sliders back to 0. This usually happens when\n * a song has changed, we ensure that all song sliders get reset.\n *\n * @access public\n */\n function resetElements() {\n var songSliders = document.getElementsByClassName(\"amplitude-song-slider\");\n\n /*\n Iterate over all of the song sliders and set them to\n 0 essentially resetting them.\n */\n for (var i = 0; i < songSliders.length; i++) {\n songSliders[i].value = 0;\n }\n }\n\n /**\n * Returns the public facing methods\n */\n return {\n sync: sync,\n syncMain: syncMain,\n syncPlaylist: syncPlaylist,\n syncSong: syncSong,\n syncSongInPlaylist: syncSongInPlaylist,\n resetElements: resetElements\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = SongSliderElements;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 15 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _currentTimeElements = __webpack_require__(53);\n\nvar _currentTimeElements2 = _interopRequireDefault(_currentTimeElements);\n\nvar _currentHourElements = __webpack_require__(50);\n\nvar _currentHourElements2 = _interopRequireDefault(_currentHourElements);\n\nvar _currentMinuteElements = __webpack_require__(51);\n\nvar _currentMinuteElements2 = _interopRequireDefault(_currentMinuteElements);\n\nvar _currentSecondElements = __webpack_require__(52);\n\nvar _currentSecondElements2 = _interopRequireDefault(_currentSecondElements);\n\nvar _durationCountDownTimeElements = __webpack_require__(54);\n\nvar _durationCountDownTimeElements2 = _interopRequireDefault(_durationCountDownTimeElements);\n\nvar _durationHourElements = __webpack_require__(55);\n\nvar _durationHourElements2 = _interopRequireDefault(_durationHourElements);\n\nvar _durationMinuteElements = __webpack_require__(56);\n\nvar _durationMinuteElements2 = _interopRequireDefault(_durationMinuteElements);\n\nvar _durationSecondElements = __webpack_require__(57);\n\nvar _durationSecondElements2 = _interopRequireDefault(_durationSecondElements);\n\nvar _durationTimeElements = __webpack_require__(58);\n\nvar _durationTimeElements2 = _interopRequireDefault(_durationTimeElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Time Elements Interface. This allows us to update all of the sub time elements\n * through one central point.\n * @module visual/TimeElements\n */\n\n\n/**\n * Imports the AmplitudeJS Duration Second Elements\n * @module visual/time/DurationSecondElements\n */\n\n\n/**\n * Imports the AmplitudeJS Duration Hour Elements\n * @module visual/time/DurationHourElements\n */\n\n\n/**\n * Imports the AmplitudeJS Current Second Elements\n * @module visual/time/CurrentTimeElements\n */\n\n\n/**\n * Imports the AmplitudeJS Current Hour Elements\n * @module visual/time/CurrentHourElements\n */\nvar TimeElements = function () {\n /**\n * Resets the current times.\n */\n function resetCurrentTimes() {\n _currentTimeElements2.default.resetTimes();\n _currentHourElements2.default.resetTimes();\n _currentMinuteElements2.default.resetTimes();\n _currentSecondElements2.default.resetTimes();\n }\n\n /**\n * Syncs the current time elements to the time provided.\n *\n * @param {Object} currentTime - An object representing the current time of the audio.\n */\n function syncCurrentTimes(currentTime) {\n _currentTimeElements2.default.sync(currentTime);\n _currentHourElements2.default.sync(currentTime.hours);\n _currentMinuteElements2.default.sync(currentTime.minutes);\n _currentSecondElements2.default.sync(currentTime.seconds);\n }\n\n /**\n * Resets the duration times.\n */\n function resetDurationTimes() {\n _durationCountDownTimeElements2.default.resetTimes();\n _durationHourElements2.default.resetTimes();\n _durationMinuteElements2.default.resetTimes();\n _durationSecondElements2.default.resetTimes();\n _durationTimeElements2.default.resetTimes();\n }\n\n /**\n * Syncs the duration times to the times provided.\n *\n * @param {Object} currentTime - An object representing the current time of the audio.\n * @param {Object} songDuration - An object representing the duration of the audio\n */\n function syncDurationTimes(currentTime, songDuration) {\n _durationCountDownTimeElements2.default.sync(currentTime, songDuration);\n _durationTimeElements2.default.sync(songDuration);\n _durationHourElements2.default.sync(songDuration.hours);\n _durationMinuteElements2.default.sync(songDuration.minutes);\n _durationSecondElements2.default.sync(songDuration.seconds);\n }\n\n /**\n * Returns the publically accessible methods.\n */\n return {\n resetCurrentTimes: resetCurrentTimes,\n syncCurrentTimes: syncCurrentTimes,\n resetDurationTimes: resetDurationTimes,\n syncDurationTimes: syncDurationTimes\n };\n}();\n\n/**\n * Imports the AmplitudeJS Duration Time Elements\n * @module visual/time/DurationTimeElements\n */\n\n\n/**\n * Imports the AmplitudeJS Duration Minute Elements\n * @module visual/time/DurationMinuteElements\n */\n\n\n/**\n * Imports the AmplitudeJS Duration Count Down Time Elements\n * @module visual/time/DurationCountDownTimeElements\n */\n\n\n/**\n * Imports the AmplitudeJS Current Minute Elements\n * @module visual/time/CurrentMinuteElements\n */\n/**\n * Imports the AmplitudeJS Current Time\n * @module visual/time/CurrentTimeElements\n */\nexports.default = TimeElements;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 16 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _debug = __webpack_require__(4);\n\nvar _debug2 = _interopRequireDefault(_debug);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles the visualizations elements.\n *\n * @module Visualizations\n */\n/**\n * Imports the config module\n * @module config\n */\nvar Visualizations = function () {\n /**\n * Runs all of the visualizations on the screen.\n */\n function run() {\n /*\n Get all of the visualization elements on the page\n */\n var visualizationElements = document.querySelectorAll(\".amplitude-visualization\");\n\n /*\n If the web audio API is available, we display the visualizations.\n */\n if (_config2.default.web_audio_api_available) {\n /*\n If the visualization has not started, there are visualizations available,\n and we have at least one visualization element, then we continue.\n */\n if (Object.keys(_config2.default.visualizations.available).length > 0 && visualizationElements.length > 0) {\n /*\n Iterate over all of the visualizations on the page and activate the\n ones we need.\n */\n for (var i = 0; i < visualizationElements.length; i++) {\n /*\n Grab the playlist and song attributes from the visualization to\n determine which one we run.\n */\n var playlist = visualizationElements[i].getAttribute(\"data-amplitude-playlist\");\n var song = visualizationElements[i].getAttribute(\"data-amplitude-song-index\");\n\n /*\n If the playlist and song are null, it's a global visualization element.\n */\n if (playlist == null && song == null) {\n runGlobalVisualization(visualizationElements[i]);\n }\n\n /*\n if the playlist is not null and the song is null it's a playlist visualization\n element.\n */\n if (playlist != null && song == null) {\n runPlaylistVisualization(visualizationElements[i], playlist);\n }\n\n /*\n If the playlist is null and the song is not null it's a song visualization element.\n */\n if (playlist == null && song != null) {\n runSongVisualization(visualizationElements[i], song);\n }\n\n /*\n If the playlist and song are not null then it's a song in playlist visualization\n element.\n */\n if (playlist != null && song != null) {\n runSongInPlaylistVisualization(visualizationElements[i], playlist, song);\n }\n }\n }\n } else {\n displayBackups();\n }\n }\n\n /**\n * Runs a global visualization\n *\n * @param {Node} element The container element that handles the visualization.\n */\n function runGlobalVisualization(element) {\n /*\n Gets the global visualization index and the active song visualization indexes\n so we know which visualization to use. The song will override the global\n */\n var globalVisualizationIndex = _config2.default.visualization;\n var activeSongVisualizationIndex = _config2.default.active_index != null ? _config2.default.songs[_config2.default.active_index].visualization : _config2.default.playlists[_config2.default.active_playlist].songs[_config2.default.playlists[_config2.default.active_playlist].active_index].visualization;\n\n /*\n If the active song visualization is defined and the visualization exists,\n use that visualization.\n */\n if (activeSongVisualizationIndex != undefined && _config2.default.visualizations.available[activeSongVisualizationIndex] != undefined) {\n addToActiveVisualizations(activeSongVisualizationIndex, element);\n\n /*\n If the user defined a global visualization, use that one.\n */\n } else if (globalVisualizationIndex != undefined && _config2.default.visualizations.available[globalVisualizationIndex] != undefined) {\n addToActiveVisualizations(globalVisualizationIndex, element);\n\n /*\n If the user didn't define a global visualization, use the first visualization\n registered if there is one.\n */\n } else {\n /*\n Grab the first registered visualization. If it exists, use that one.\n */\n var firstVisualization = Object.keys(_config2.default.visualizations.available).length > 0 ? Object.keys(_config2.default.visualizations.available)[0] : null;\n\n if (firstVisualization != null) {\n addToActiveVisualizations(firstVisualization, element);\n }\n }\n }\n\n /**\n * Run a specific playlist visualization.\n *\n * @param {Node} element The container element that handles the visualization.\n * @param {string} playlist The key of the playlist we are running the visualization for.\n */\n function runPlaylistVisualization(element, playlist) {\n /*\n If the playlist is equal to the active playlist, then we continue.\n */\n if (playlist == _config2.default.active_playlist) {\n /*\n Checks if the song has a visualization and that visualization exists,\n run that visualization.\n */\n var activeSongVisualizationIndex = _config2.default.playlists[_config2.default.active_playlist].songs[_config2.default.playlists[_config2.default.active_playlist].active_index].visualization;\n var activePlaylistVisualizationIndex = _config2.default.playlists[_config2.default.active_playlist].visualization;\n var globalVisualizationIndex = _config2.default.visualization;\n\n /*\n If the actual song has a visualization, we run that.\n */\n if (activeSongVisualizationIndex != undefined && _config2.default.visualizations.available[activeSongVisualizationIndex] != undefined) {\n addToActiveVisualizations(activeSongVisualizationIndex, element);\n\n /*\n If the actual playlist has a visualization, run that.\n */\n } else if (activePlaylistVisualizationIndex != undefined && _config2.default.visualizations.available[activePlaylistVisualizationIndex] != undefined) {\n addToActiveVisualizations(activePlaylistVisualizationIndex, element);\n\n /*\n If a global visualization is defined, run that.\n */\n } else if (globalVisualizationIndex != undefined && _config2.default.visualizations.available[globalVisualizationIndex] != undefined) {\n addToActiveVisualizations(globalVisualizationIndex, element);\n } else {\n /*\n Grab the first registered visualization. If it exists, use that one.\n */\n var firstVisualization = Object.keys(_config2.default.visualizations.available).length > 0 ? Object.keys(_config2.default.visualizations.available)[0] : null;\n\n if (firstVisualization != null) {\n addToActiveVisualizations(firstVisualization, element);\n }\n }\n }\n }\n\n /**\n * Run a song specific visualization.\n *\n * @param {Node} element The container element that handles the visualization.\n * @param {string} song The song index that we are running the visualization for.\n */\n function runSongVisualization(element, song) {\n /*\n If the song is equal to the active song, then we continue.\n */\n if (song == _config2.default.active_index) {\n /*\n Get the indexes of the song\n */\n var activeSongVisualizationIndex = _config2.default.songs[_config2.default.active_index].visualization;\n var globalVisualizationIndex = _config2.default.visualization;\n\n /*\n If the song has a visualization, run that.\n */\n if (activeSongVisualizationIndex != undefined && _config2.default.visualizations.available[activeSongVisualizationIndex] != undefined) {\n addToActiveVisualizations(activeSongVisualizationIndex, element);\n\n /*\n If the global visualization is set, use that.\n */\n } else if (globalVisualizationIndex != undefined && _config2.default.visualizations.available[globalVisualizationIndex] != undefined) {\n addToActiveVisualizations(globalVisualizationIndex, element);\n } else {\n /*\n Grab the first registered visualization. If it exists, use that one.\n */\n var firstVisualization = Object.keys(_config2.default.visualizations.available).length > 0 ? Object.keys(_config2.default.visualizations.available)[0] : null;\n\n if (firstVisualization != null) {\n addToActiveVisualizations(firstVisualization, element);\n }\n }\n }\n }\n\n /**\n * Run a song in playlist visualization.\n *\n * @param {Node} element - The element containing the visualization.\n * @param {string} playlist - The string of the playlist key.\n * @param {index} song - The index of the song in the playlist.\n */\n function runSongInPlaylistVisualization(element, playlist, song) {\n /*\n If the playlist is the same as the active playlist and the active\n index of the song is the same as the song, then we continue.\n */\n if (playlist == _config2.default.active_playlist && _config2.default.playlists[playlist].active_index == song) {\n /*\n Checks if the song has a visualization and that visualization exists,\n run that visualization.\n */\n var activeSongVisualizationIndex = _config2.default.playlists[_config2.default.active_playlist].songs[_config2.default.playlists[_config2.default.active_playlist].active_index].visualization;\n var activePlaylistVisualizationIndex = _config2.default.playlists[_config2.default.active_playlist].visualization;\n var globalVisualizationIndex = _config2.default.visualization;\n\n /*\n If the active song has a visualization, we use that.\n */\n if (activeSongVisualizationIndex != undefined && _config2.default.visualizations.available[activeSongVisualizationIndex] != undefined) {\n addToActiveVisualizations(activeSongVisualizationIndex, element);\n\n /*\n If the active playlist has a visualization, we use that.\n */\n } else if (activePlaylistVisualizationIndex != undefined && _config2.default.visualizations.available[activePlaylistVisualizationIndex] != undefined) {\n addToActiveVisualizations(activePlaylistVisualizationIndex, element);\n\n /*\n If the global visualization has been set, we use that.\n */\n } else if (globalVisualizationIndex != undefined && _config2.default.visualizations.available[globalVisualizationIndex] != undefined) {\n addToActiveVisualizations(globalVisualizationIndex, element);\n } else {\n /*\n Grab the first registered visualization. If it exists, use that one.\n */\n var firstVisualization = Object.keys(_config2.default.visualizations.available).length > 0 ? Object.keys(_config2.default.visualizations.available)[0] : null;\n\n if (firstVisualization != null) {\n addToActiveVisualizations(firstVisualization, element);\n }\n }\n }\n }\n\n /**\n * Add a visualization to the array of active visualizations.\n *\n * @param {string} key - The key of the active visualization.\n * @param {Node} element - The element that the visualization will be applied to.\n */\n function addToActiveVisualizations(key, element) {\n var visualization = new _config2.default.visualizations.available[key][\"object\"]();\n visualization.setPreferences(_config2.default.visualizations.available[key][\"preferences\"]);\n visualization.startVisualization(element);\n _config2.default.visualizations.active.push(visualization);\n }\n\n /**\n * Stops all active visualizations.\n */\n function stop() {\n /*\n Iterates over all of the visualizations and stop the visualization.\n */\n for (var i = 0; i < _config2.default.visualizations.active.length; i++) {\n _config2.default.visualizations.active[i].stopVisualization();\n }\n\n /*\n Clear the active visualizations.\n */\n _config2.default.visualizations.active = [];\n }\n\n /**\n * Registers any visualization we can use.\n *\n * @param {object} visualization The visualization object itself\n * @param {object} preferences User preferences overrides.\n */\n function register(visualization, preferences) {\n /*\n Initialize the new visualization.\n */\n var newVisualization = new visualization();\n\n /*\n Adds the visualization to the global config so it knows\n it can be used when playing songs.\n getID is a public function for getting a visualization's id.\n It becomes the key to access the visualization.\n */\n _config2.default.visualizations.available[newVisualization.getID()] = new Array();\n _config2.default.visualizations.available[newVisualization.getID()][\"object\"] = visualization;\n _config2.default.visualizations.available[newVisualization.getID()][\"preferences\"] = preferences;\n }\n\n /**\n * Displays the backups for the visualizations.\n */\n function displayBackups() {\n /*\n Get all of the visualization elements on the page\n */\n var visualizationElements = document.querySelectorAll(\".amplitude-visualization\");\n\n if (visualizationElements.length > 0) {\n for (var x = 0; x < visualizationElements.length; x++) {\n /*\n Grab the playlist and song attributes from the visualization to\n determine which one we run.\n */\n var playlist = visualizationElements[x].getAttribute(\"data-amplitude-playlist\");\n var song = visualizationElements[x].getAttribute(\"data-amplitude-song-index\");\n\n /*\n If the playlist and song are null, it's a global visualization element.\n */\n if (playlist == null && song == null) {\n displayGlobalBackup(visualizationElements[x]);\n }\n\n /*\n if the playlist is not null and the song is null it's a playlist visualization\n element.\n */\n if (playlist != null && song == null) {\n displayPlaylistBackup(visualizationElements[x], playlist);\n }\n\n /*\n If the playlist is null and the song is not null it's a song visualization element.\n */\n if (playlist == null && song != null) {\n displaySongBackup(visualizationElements[x], song);\n }\n\n /*\n If the playlist and song are not null then it's a song in playlist visualization\n element.\n */\n if (playlist != null && song != null) {\n displaySongInPlaylistBackup(visualizationElements[x], playlist, song);\n }\n }\n }\n }\n\n /**\n * Displays the global backup which is the cover art of the image in the\n * visualization container.\n *\n * @param {node} element - The element we are adding the background image to.\n */\n function displayGlobalBackup(element) {\n element.style.backgroundImage = \"url(\" + _config2.default.active_metadata.cover_art_url + \")\";\n }\n\n /**\n * Displays the playlist backup which is the cover art of the image in the\n * visualization container.\n *\n * @param {node} element - The element we are adding the background image to.\n */\n function displayPlaylistBackup(element, playlist) {\n if (_config2.default.active_playlist == playlist) {\n element.style.backgroundImage = \"url(\" + _config2.default.active_metadata.cover_art_url + \")\";\n }\n }\n\n /**\n * Displays the song backup which is the cover art of the image in the\n * visualization container.\n *\n * @param {node} element - The element we are adding the background image to.\n */\n function displaySongBackup(element, song) {\n if (_config2.default.active_index == song) {\n element.style.backgroundImage = \"url(\" + _config2.default.active_metadata.cover_art_url + \")\";\n }\n }\n\n /**\n * Displays the song in playlist backup which is the cover art of the image in the\n * visualization container.\n *\n * @param {node} element - The element we are adding the background image to.\n */\n function displaySongInPlaylistBackup(element, playlist, song) {\n if (_config2.default.active_playlist == playlist && _config2.default.playlists[active_playlist].active_index == song) {\n element.style.backgroundImage = \"url(\" + _config2.default.active_metadata.cover_art_url + \")\";\n }\n }\n\n /*\n Returns the public facing methods\n */\n return {\n run: run,\n stop: stop,\n register: register\n };\n}();\n\n/**\n * Imports the debug module\n * @module utilities/Debug\n */\nexports.default = Visualizations;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 17 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _init = __webpack_require__(21);\n\nvar _init2 = _interopRequireDefault(_init);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * These helpers wrap around the basic methods of the Soundcloud API\n * and get the information we need from SoundCloud to make the songs\n * streamable through Amplitude\n *\n * @module soundcloud/SoundCloud\n */\n/**\n * Imports the config module\n * @module config\n */\nvar SoundCloud = function () {\n /**\n * Defines the temporary user config used while we configure soundcloud\n * @type {object}\n */\n var tempUserConfig = {};\n\n /**\n * Loads the soundcloud SDK for use with Amplitude so the user doesn't have\n * to load it themselves.\n * With help from: http://stackoverflow.com/questions/950087/include-a-javascript-file-in-another-javascript-file\n *\n * @access public\n * @param {object} userConfig \t- The config defined by the user for AmplitudeJS\n */\n function loadSoundCloud(userConfig) {\n /*\n Sets the temporary config to the config passed by the user so we can make changes\n and not break the actual config.\n */\n tempUserConfig = userConfig;\n\n /*\n Gets the head tag for the document and create a script element.\n */\n var head = document.getElementsByTagName(\"head\")[0];\n var script = document.createElement(\"script\");\n\n script.type = \"text/javascript\";\n\n /*\n URL to the remote soundcloud SDK\n */\n script.src = \"https://connect.soundcloud.com/sdk.js\";\n script.onreadystatechange = initSoundcloud;\n script.onload = initSoundcloud;\n\n /*\n Add the script to the head of the document.\n */\n head.appendChild(script);\n }\n\n /**\n * Initializes soundcloud with the key provided.\n *\n * @access private\n */\n function initSoundcloud() {\n /*\n Calls the SoundCloud initialize function\n from their API and sends it the client_id\n that the user passed in.\n */\n SC.initialize({\n client_id: _config2.default.soundcloud_client\n });\n\n /*\n Gets the streamable URLs to run through Amplitue. This is\n VERY important since Amplitude can't stream the copy and pasted\n link from the SoundCloud page, but can resolve the streaming\n URLs from the link.\n */\n getStreamableURLs();\n }\n\n /**\n * Gets the streamable URL from the URL provided for\n * all of the soundcloud links. This will loop through\n * and set all of the information for the soundcloud\n * urls.\n *\n * @access private\n */\n function getStreamableURLs() {\n /*\n Define the regex to find the soundcloud URLs\n */\n var soundcloud_regex = /^https?:\\/\\/(soundcloud.com|snd.sc)\\/(.*)$/;\n\n for (var i = 0; i < _config2.default.songs.length; i++) {\n /*\n If the URL matches soundcloud, we grab\n that url and get the streamable link\n if there is one.\n */\n if (_config2.default.songs[i].url.match(soundcloud_regex)) {\n _config2.default.soundcloud_song_count++;\n resolveStreamable(_config2.default.songs[i].url, i);\n }\n }\n }\n\n /**\n * Resolves an individual streamable URL.\n *\n * @param {string} url - The URL of the SoundCloud song to get the streamable URL from.\n * @param {string} playlist - The playlist we are getting the streamable URL for.\n * @param {Integer} index - The index of the song in the playlist or the songs array.\n * @param {boolean} addToShuffleList - Whether we add to the shuffle list for the songs or playlist.\n *\n */\n function resolveIndividualStreamableURL(url, playlist, index) {\n var addToShuffleList = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;\n\n SC.get(\"/resolve/?url=\" + url, function (sound) {\n /*\n If streamable we get the url and bind the client ID to the end\n so Amplitude can just stream the song normally. We then overwrite\n the url the user provided with the streamable URL.\n */\n if (sound.streamable) {\n if (playlist != null) {\n _config2.default.playlists[playlist].songs[index].url = sound.stream_url + \"?client_id=\" + _config2.default.soundcloud_client;\n\n if (addToShuffleList) {\n _config2.default.playlists[playlist].shuffle_list[index].url = sound.stream_url + \"?client_id=\" + _config2.default.soundcloud_client;\n }\n /*\n If the user want's to use soundcloud art, we overwrite the\n cover_art_url with the soundcloud artwork url.\n */\n if (_config2.default.soundcloud_use_art) {\n _config2.default.playlists[playlist].songs[index].cover_art_url = sound.artwork_url;\n\n if (addToShuffleList) {\n _config2.default.playlists[playlist].shuffle_list[index].cover_art_url = sound.artwork_url;\n }\n }\n\n /*\n Grab the extra metadata from soundcloud and bind it to the\n song. The user can get this through the public function:\n getActiveSongMetadata\n */\n _config2.default.playlists[playlist].songs[index].soundcloud_data = sound;\n\n if (addToShuffleList) {\n _config2.default.playlists[playlist].shuffle_list[index].soundcloud_data = sound;\n }\n } else {\n _config2.default.songs[index].url = sound.stream_url + \"?client_id=\" + _config2.default.soundcloud_client;\n\n if (addToShuffleList) {\n _config2.default.shuffle_list[index].stream_url + \"?client_id=\" + _config2.default.soundcloud_client;\n }\n\n /*\n If the user want's to use soundcloud art, we overwrite the\n cover_art_url with the soundcloud artwork url.\n */\n if (_config2.default.soundcloud_use_art) {\n _config2.default.songs[index].cover_art_url = sound.artwork_url;\n\n if (addToShuffleList) {\n _config2.default.shuffle_list[index].cover_art_url = sound.artwork_url;\n }\n }\n\n /*\n Grab the extra metadata from soundcloud and bind it to the\n song. The user can get this through the public function:\n getActiveSongMetadata\n */\n _config2.default.songs[index].soundcloud_data = sound;\n\n if (addToShuffleList) {\n _config2.default.shuffle_list[index].soundcloud_data = sound;\n }\n }\n } else {\n if (playlist != null) {\n AmplitudeHelpers.writeDebugMessage(_config2.default.playlists[playlist].songs[index].name + \" by \" + _config2.default.playlists[playlist].songs[index].artist + \" is not streamable by the Soundcloud API\");\n } else {\n /*\n If not streamable, then we print a message to the user stating\n that the song with name X and artist X is not streamable. This\n gets printed ONLY if they have debug turned on.\n */\n AmplitudeHelpers.writeDebugMessage(_config2.default.songs[index].name + \" by \" + _config2.default.songs[index].artist + \" is not streamable by the Soundcloud API\");\n }\n }\n });\n }\n\n /**\n * Due to Soundcloud SDK being asynchronous, we need to scope the\n * index of the song in another function. The privateGetSoundcloudStreamableURLs\n * function does the actual iteration and scoping.\n *\n * @access private\n * @param {string} url \t\t- URL of the soundcloud song\n * @param {number} index \t- The index of the soundcloud song in the songs array.\n */\n function resolveStreamable(url, index) {\n SC.get(\"/resolve/?url=\" + url, function (sound) {\n /*\n If streamable we get the url and bind the client ID to the end\n so Amplitude can just stream the song normally. We then overwrite\n the url the user provided with the streamable URL.\n */\n if (sound.streamable) {\n _config2.default.songs[index].url = sound.stream_url + \"?client_id=\" + _config2.default.soundcloud_client;\n\n /*\n If the user want's to use soundcloud art, we overwrite the\n cover_art_url with the soundcloud artwork url.\n */\n if (_config2.default.soundcloud_use_art) {\n _config2.default.songs[index].cover_art_url = sound.artwork_url;\n }\n\n /*\n Grab the extra metadata from soundcloud and bind it to the\n song. The user can get this through the public function:\n getActiveSongMetadata\n */\n _config2.default.songs[index].soundcloud_data = sound;\n } else {\n /*\n If not streamable, then we print a message to the user stating\n that the song with name X and artist X is not streamable. This\n gets printed ONLY if they have debug turned on.\n */\n AmplitudeHelpers.writeDebugMessage(_config2.default.songs[index].name + \" by \" + _config2.default.songs[index].artist + \" is not streamable by the Soundcloud API\");\n }\n /*\n Increments the song ready counter.\n */\n _config2.default.soundcloud_songs_ready++;\n\n /*\n When all songs are accounted for, then amplitude is ready\n to rock and we set the rest of the config.\n */\n if (_config2.default.soundcloud_songs_ready == _config2.default.soundcloud_song_count) {\n _init2.default.setConfig(tempUserConfig);\n }\n });\n }\n\n /**\n * Determines if a given URL is a SoundCloud URL.\n *\n * @param {string} url - The URL to test if it's a SoundCloud URL.\n */\n function isSoundCloudURL(url) {\n var soundcloud_regex = /^https?:\\/\\/(soundcloud.com|snd.sc)\\/(.*)$/;\n\n return url.match(soundcloud_regex);\n }\n\n /*\n Returns the publically accessible methods\n */\n return {\n loadSoundCloud: loadSoundCloud,\n resolveIndividualStreamableURL: resolveIndividualStreamableURL,\n isSoundCloudURL: isSoundCloudURL\n };\n}();\n\n/**\n * Imports the initializer\n * @module init/AmplitudeInitializer\n */\nexports.default = SoundCloud;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 18 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Defines the Playback Speed Visual Elements Handler\n * @module visual/PlaybackSpeedElements\n */\nvar PlaybackSpeedElements = function () {\n /**\n * Sets all of the visual playback speed buttons to have the right class\n * to display the background image that represents the current playback\n * speed.\n *\n * @access public\n */\n function sync() {\n /*\n Gets all of the playback speed classes.\n */\n var playbackSpeedClasses = document.getElementsByClassName(\"amplitude-playback-speed\");\n\n /*\n Iterates over all of the playback speed classes\n applying the right speed class for visual purposes.\n */\n for (var i = 0; i < playbackSpeedClasses.length; i++) {\n /*\n Removes all of the old playback speed classes.\n */\n playbackSpeedClasses[i].classList.remove(\"amplitude-playback-speed-10\");\n playbackSpeedClasses[i].classList.remove(\"amplitude-playback-speed-15\");\n playbackSpeedClasses[i].classList.remove(\"amplitude-playback-speed-20\");\n\n /*\n Switch the current playback speed and apply the appropriate\n speed class.\n */\n switch (_config2.default.playback_speed) {\n case 1:\n playbackSpeedClasses[i].classList.add(\"amplitude-playback-speed-10\");\n break;\n case 1.5:\n playbackSpeedClasses[i].classList.add(\"amplitude-playback-speed-15\");\n break;\n case 2:\n playbackSpeedClasses[i].classList.add(\"amplitude-playback-speed-20\");\n break;\n }\n }\n }\n\n /**\n * Returns the public facing methods\n */\n return {\n sync: sync\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = PlaybackSpeedElements;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 19 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles all of the shuffle elements\n * @module visual/ShuffleElements\n */\nvar ShuffleElements = function () {\n /**\n * Syncs the global shuffle button visual state.\n *\n * @access public\n */\n function syncMain() {\n /*\n Gets the shuffle buttons.\n */\n var shuffleButtons = document.getElementsByClassName(\"amplitude-shuffle\");\n\n /*\n Iterate over all of the shuffle buttons.\n */\n for (var i = 0; i < shuffleButtons.length; i++) {\n /*\n Ensure the shuffle button doesn't belong to a playlist. We have\n a separate method for that.\n */\n if (shuffleButtons[i].getAttribute(\"data-amplitude-playlist\") == null) {\n /*\n If the state of the player is shuffled on, true, then\n we add the 'amplitude-shuffle-on' class and remove the\n 'amplitude-shuffle-off' class. If the player is not shuffled\n then we do the opposite.\n */\n if (_config2.default.shuffle_on) {\n shuffleButtons[i].classList.add(\"amplitude-shuffle-on\");\n shuffleButtons[i].classList.remove(\"amplitude-shuffle-off\");\n } else {\n shuffleButtons[i].classList.add(\"amplitude-shuffle-off\");\n shuffleButtons[i].classList.remove(\"amplitude-shuffle-on\");\n }\n }\n }\n }\n\n /**\n * Syncs the playlist shuffle button visual state.\n *\n * @access public\n * @param {string} playlist - The playlist string the shuffle button belongs to.\n */\n function syncPlaylist(playlist) {\n /*\n Gets all of the shuffle buttons.\n */\n var shuffleButtons = document.querySelectorAll('.amplitude-shuffle[data-amplitude-playlist=\"' + playlist + '\"]');\n\n /*\n Iterate over all of the shuffle buttons\n */\n for (var i = 0; i < shuffleButtons.length; i++) {\n /*\n If the state of the playlist is shuffled on, true, then\n we add the 'amplitude-shuffle-on' class and remove the\n 'amplitude-shuffle-off' class. If the player is not shuffled\n then we do the opposite.\n */\n if (_config2.default.playlists[playlist].shuffle) {\n shuffleButtons[i].classList.add(\"amplitude-shuffle-on\");\n shuffleButtons[i].classList.remove(\"amplitude-shuffle-off\");\n } else {\n shuffleButtons[i].classList.add(\"amplitude-shuffle-off\");\n shuffleButtons[i].classList.remove(\"amplitude-shuffle-on\");\n }\n }\n }\n\n /**\n * Returns public facing methods\n */\n return {\n syncMain: syncMain,\n syncPlaylist: syncPlaylist\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = ShuffleElements;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 20 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles the syncing of the song played progress elements.\n *\n * @module visual/SongPlayedProgressElements\n */\nvar SongPlayedProgressElements = function () {\n /**\n * Syncs the song played progress bars. These are HTML5 progress elements.\n *\n * @access private\n * @param {number} songPlayedPercentage \t- The percentage of the song that has been played.\n */\n function sync(songPlayedPercentage) {\n syncGlobal(songPlayedPercentage);\n syncPlaylist(songPlayedPercentage);\n syncSong(songPlayedPercentage);\n syncSongInPlaylist(songPlayedPercentage);\n }\n\n /**\n * Sync how much has been played with a progress bar. This is the global progress bar.\n *\n * @access private\n * @param {number} songPlayedPercentage \t- The percent of the song completed.\n */\n function syncGlobal(percentage) {\n /*\n Ensure that the song completion percentage is a number\n */\n if (!isNaN(percentage)) {\n /*\n Get all of the song progress bars\n */\n var songPlayedProgressBars = document.querySelectorAll(\".amplitude-song-played-progress\");\n\n for (var i = 0; i < songPlayedProgressBars.length; i++) {\n var playlist = songPlayedProgressBars[i].getAttribute(\"data-amplitude-playlist\");\n var songIndex = songPlayedProgressBars[i].getAttribute(\"data-amplitude-song-index\");\n\n if (playlist == null && songIndex == null) {\n var max = songPlayedProgressBars[i].max;\n\n songPlayedProgressBars[i].value = percentage / 100 * max;\n }\n }\n }\n }\n\n /**\n * Sync how much has been played with a progress bar. This is the playlist progress bar.\n *\n * @access public\n * @param {number} songPlayedPercentage \t- The percent of the song completed.\n */\n function syncPlaylist(percentage) {\n /*\n Ensure that the song completion percentage is a number\n */\n if (!isNaN(percentage)) {\n /*\n Get all of the song progress bars\n */\n var songPlayedProgressBars = document.querySelectorAll('.amplitude-song-played-progress[data-amplitude-playlist=\"' + _config2.default.active_playlist + '\"]');\n\n for (var i = 0; i < songPlayedProgressBars.length; i++) {\n var song = songPlayedProgressBars[i].getAttribute(\"data-amplitude-song-index\");\n\n if (song == null) {\n var max = songPlayedProgressBars[i].max;\n\n songPlayedProgressBars[i].value = percentage / 100 * max;\n }\n }\n }\n }\n\n /**\n * Sync how much has been played with a progress bar. This is for an individual song.\n *\n * @access private\n * @param {number} songPlayedPercentage \t- The percent of the song completed.\n */\n function syncSong(percentage) {\n if (_config2.default.active_playlist == null) {\n /*\n Ensure that the song completion percentage is a number\n */\n if (!isNaN(percentage)) {\n /*\n Get all of the song progress bars\n */\n var songPlayedProgressBars = document.querySelectorAll('.amplitude-song-played-progress[data-amplitude-song-index=\"' + _config2.default.active_index + '\"]');\n\n for (var i = 0; i < songPlayedProgressBars.length; i++) {\n var playlist = songPlayedProgressBars[i].getAttribute(\"data-amplitude-playlist\");\n\n if (playlist == null) {\n var max = songPlayedProgressBars[i].max;\n\n songPlayedProgressBars[i].value = percentage / 100 * max;\n }\n }\n }\n }\n }\n\n /**\n * Sync how much has been played with a progress bar. This is for an individual song in playlist.\n *\n * @access private\n * @param {number} songPlayedPercentage \t- The percent of the song completed.\n */\n function syncSongInPlaylist(percentage) {\n /*\n Ensure that the song completion percentage is a number\n */\n if (!isNaN(percentage)) {\n var activePlaylistIndex = _config2.default.active_playlist != \"\" && _config2.default.active_playlist != null ? _config2.default.playlists[_config2.default.active_playlist].active_index : null;\n\n /*\n Get all of the song progress bars\n */\n var songPlayedProgressBars = document.querySelectorAll('.amplitude-song-played-progress[data-amplitude-playlist=\"' + _config2.default.active_playlist + '\"][data-amplitude-song-index=\"' + activePlaylistIndex + '\"]');\n\n /*\n Iterates over all of the song played progress elements\n and sets them accordingly.\n */\n for (var i = 0; i < songPlayedProgressBars.length; i++) {\n var playlist = songPlayedProgressBars[i].getAttribute(\"data-amplitude-playlist\");\n var songIndex = songPlayedProgressBars[i].getAttribute(\"data-amplitude-song-index\");\n\n if (playlist != null && songIndex != null) {\n var max = songPlayedProgressBars[i].max;\n\n songPlayedProgressBars[i].value = percentage / 100 * max;\n }\n }\n }\n }\n\n /**\n * Sets all of the song played progress bars to 0\n *\n * @access public\n */\n function resetElements() {\n var songPlayedProgressBars = document.getElementsByClassName(\"amplitude-song-played-progress\");\n\n for (var i = 0; i < songPlayedProgressBars.length; i++) {\n songPlayedProgressBars[i].value = 0;\n }\n }\n\n return {\n sync: sync,\n resetElements: resetElements\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = SongPlayedProgressElements;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 21 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; /**\n * Imports the config module\n * @module config\n */\n\n\n/**\n * AmplitudeJS Core Module\n * @module core/Core\n */\n\n\n/**\n * AmplitudeJS SoundCloud Module\n * @module soundcloud/SoundCloud\n */\n\n\n/**\n * Imports the utilities used by the main module.\n */\n/**\n * AmplitudeJS Config State Module\n * @module utilities/ConfigState\n */\n\n\n/**\n * AmplitudeJS Debug Module\n * @module utilities/Debug\n */\n\n\n/**\n * AmplitudeJS Checks Module\n * @module utilities/Checks\n */\n\n\n/**\n * AmplitudeJS Shuffler Module\n * @module utilities/Shuffler\n */\n\n\n/**\n * AmplitudeJS Events Module\n * @module events/Events\n */\n\n\n/**\n * AmplitudeJS FX Module\n * @module fx/Fx\n */\n\n\n/**\n * AmplitudeJS Visualizations Module\n * @module fx/Visualizations\n */\n\n\n/**\n * AmplitudeJS WaveForm Module\n * @module fx/WaveForm\n */\n\n\n/**\n * AmplitudeJS Audio Navigation Module.\n * @module utilities/AudioNavigation\n */\n\n\n/**\n * AmplitudeJS Callbacks Module\n * @module utilities/Callbacks\n */\n\n\n/**\n * AmplitudeJS Playlists Initializer Module\n * @module init/Playlists\n */\n\n\n/**\n * Imports the AmplitudeJS Shuffle Elements\n * @module visual/ShuffleElements\n */\n\n\n/**\n * Imports the AmplitudeJS Mute Elements\n * @module visual/MuteElements\n */\n\n\n/**\n * Imports the AmplitudeJS Volume Slider\n * @module visual/VolumeSliderElements\n */\n\n\n/**\n * Imports the AmplitudeJS Time Elements\n * @module visual/TimeElements\n */\n\n\n/**\n * Imports the AmplitudeJS Play/Pause Elements Module.\n * @module visual/PlayPauseElements\n */\n\n\n/**\n * Imports the AmplitudeJS MetaData Elements Module.\n * @module visual/MetaDataElements\n */\n\n\n/**\n * Imports the AmplitudeJS PlaybackSpeedElements Module.\n * @module visual/PlayBackSpeedElements\n */\n\n\n/**\n * Imports the AmplitudeJS Repeat Element\n * @module visual/RepeatElements\n */\n\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _soundcloud = __webpack_require__(17);\n\nvar _soundcloud2 = _interopRequireDefault(_soundcloud);\n\nvar _configState = __webpack_require__(6);\n\nvar _configState2 = _interopRequireDefault(_configState);\n\nvar _debug = __webpack_require__(4);\n\nvar _debug2 = _interopRequireDefault(_debug);\n\nvar _checks = __webpack_require__(5);\n\nvar _checks2 = _interopRequireDefault(_checks);\n\nvar _shuffler = __webpack_require__(13);\n\nvar _shuffler2 = _interopRequireDefault(_shuffler);\n\nvar _events = __webpack_require__(26);\n\nvar _events2 = _interopRequireDefault(_events);\n\nvar _fx = __webpack_require__(46);\n\nvar _fx2 = _interopRequireDefault(_fx);\n\nvar _visualizations = __webpack_require__(16);\n\nvar _visualizations2 = _interopRequireDefault(_visualizations);\n\nvar _waveform = __webpack_require__(22);\n\nvar _waveform2 = _interopRequireDefault(_waveform);\n\nvar _audioNavigation = __webpack_require__(3);\n\nvar _audioNavigation2 = _interopRequireDefault(_audioNavigation);\n\nvar _callbacks = __webpack_require__(7);\n\nvar _callbacks2 = _interopRequireDefault(_callbacks);\n\nvar _playlists = __webpack_require__(48);\n\nvar _playlists2 = _interopRequireDefault(_playlists);\n\nvar _shuffleElements = __webpack_require__(19);\n\nvar _shuffleElements2 = _interopRequireDefault(_shuffleElements);\n\nvar _muteElements = __webpack_require__(10);\n\nvar _muteElements2 = _interopRequireDefault(_muteElements);\n\nvar _volumeSliderElements = __webpack_require__(11);\n\nvar _volumeSliderElements2 = _interopRequireDefault(_volumeSliderElements);\n\nvar _timeElements = __webpack_require__(15);\n\nvar _timeElements2 = _interopRequireDefault(_timeElements);\n\nvar _playPauseElements = __webpack_require__(2);\n\nvar _playPauseElements2 = _interopRequireDefault(_playPauseElements);\n\nvar _metaDataElements = __webpack_require__(8);\n\nvar _metaDataElements2 = _interopRequireDefault(_metaDataElements);\n\nvar _playbackSpeedElements = __webpack_require__(18);\n\nvar _playbackSpeedElements2 = _interopRequireDefault(_playbackSpeedElements);\n\nvar _repeatElements = __webpack_require__(9);\n\nvar _repeatElements2 = _interopRequireDefault(_repeatElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Initializer Module. Helps with the handling of all of the\n * initialization for AmplitudeJS.\n *\n * @module init/Initializer\n */\nvar Initializer = function () {\n /**\n * The main init function. The user will call this through\n * Amplitude.init({}) and pass in their settings.\n *\n * Public Accessor: Amplitude.init( user_config_json )\n * @access public\n * @param {object} userConfig - A JSON object of user defined values that help configure and initialize AmplitudeJS.\n */\n function initialize(userConfig) {\n var ready = false;\n\n /*\n Reset the config on init so we have a clean slate. This is if the\n user has to re-init.\n */\n _configState2.default.resetConfig();\n\n /*\n Initialize event handlers on init. This will clear any old\n event handlers on the amplitude element and re-bind what is\n necessary.\n */\n _events2.default.initialize();\n\n /*\n Initialize the callbacks we listen to for the audio object.\n */\n _callbacks2.default.initialize();\n\n /*\n Initializes debugging right away so we can use it for the rest\n of the configuration.\n */\n _config2.default.debug = userConfig.debug != undefined ? userConfig.debug : false;\n\n /*\n Set default artwork, if specified.\n */\n setArt(userConfig);\n\n /*\n Checks to see if the user has songs defined.\n */\n if (userConfig.songs) {\n /*\n Checks to see if the user has some songs in the songs array.\n */\n if (userConfig.songs.length != 0) {\n /*\n Copies over the user defined songs. and prepares\n Amplitude for the rest of the configuration.\n */\n _config2.default.songs = userConfig.songs;\n /*\n Flag amplitude as ready.\n */\n ready = true;\n } else {\n _debug2.default.writeMessage(\"Please add some songs, to your songs object!\");\n }\n } else {\n _debug2.default.writeMessage(\"Please provide a songs object for AmplitudeJS to run!\");\n }\n\n /*\n Initializes the audio context. In this method it checks to see if the\n user wants to use visualizations or not before proceeding.\n */\n if (_fx2.default.webAudioAPIAvailable()) {\n if (_fx2.default.determineUsingAnyFX()) {\n /*\n Configure the Web Audio API If It's available.\n */\n _fx2.default.configureWebAudioAPI();\n\n /*\n Activates the audio context after an event for the user.\n */\n document.documentElement.addEventListener(\"mousedown\", function () {\n if (_config2.default.context.state !== 'running') {\n _config2.default.context.resume();\n }\n });\n\n document.documentElement.addEventListener(\"keydown\", function () {\n if (_config2.default.context.state !== 'running') {\n _config2.default.context.resume();\n }\n });\n\n document.documentElement.addEventListener(\"keyup\", function () {\n if (_config2.default.context.state !== 'running') {\n _config2.default.context.resume();\n }\n });\n\n /*\n Set the user waveform settings if provided.\n */\n if (userConfig.waveforms != undefined && userConfig.waveforms.sample_rate != undefined) {\n _config2.default.waveforms.sample_rate = userConfig.waveforms.sample_rate;\n }\n\n /*\n Initialize the waveform.\n */\n _waveform2.default.init();\n\n /*\n If the user is registering visualizations on init,\n we set them right away.\n */\n if (userConfig.visualizations != undefined && userConfig.visualizations.length > 0) {\n /*\n Iterate over all of the visualizations and\n register them in our player.\n */\n for (var i = 0; i < userConfig.visualizations.length; i++) {\n _visualizations2.default.register(userConfig.visualizations[i].object, userConfig.visualizations[i].params);\n }\n }\n }\n } else {\n _debug2.default.writeMessage(\"The Web Audio API is not available on this platform. We are using your defined backups!\");\n }\n\n /*\n Initialize default live settings\n */\n initializeDefaultLiveSettings();\n\n /*\n Initialize default song indexes\n */\n initializeDefaultSongIndexes();\n\n /*\n When the preliminary config is ready, we are ready to proceed.\n */\n if (ready) {\n /*\n Copies over the soundcloud information to the global config\n which will determine where we go from there.\n */\n _config2.default.soundcloud_client = userConfig.soundcloud_client != undefined ? userConfig.soundcloud_client : \"\";\n\n /*\n Checks if we want to use the art loaded from soundcloud.\n */\n _config2.default.soundcloud_use_art = userConfig.soundcloud_use_art != undefined ? userConfig.soundcloud_use_art : \"\";\n\n /*\n If the user provides a soundcloud client then we assume that\n there are URLs in their songs that will reference SoundCloud.\n We then copy over the user config they provided to the\n temp_user_config so we don't mess up the global or their configs\n and load the soundcloud information.\n */\n var tempUserConfig = {};\n\n /*\n If there's a soundcloud_client key set, we load the SoundCloud data\n for all of the songs in the array.\n */\n if (_config2.default.soundcloud_client != \"\") {\n tempUserConfig = userConfig;\n\n /*\n Load up SoundCloud for use with AmplitudeJS.\n */\n _soundcloud2.default.loadSoundCloud(tempUserConfig);\n } else {\n /*\n The user is not using Soundcloud with Amplitude at this point\n so we just finish the configuration with the users's preferences.\n */\n setConfig(userConfig);\n }\n }\n\n /*\n Debug out what was initialized with AmplitudeJS.\n */\n _debug2.default.writeMessage(\"Initialized With: \");\n _debug2.default.writeMessage(_config2.default);\n }\n\n /**\n * Rebinds all of the elements in the display.\n *\n * Public Accessor: Amplitude.rebindDisplay()\n * @access public\n */\n function rebindDisplay() {\n _events2.default.initialize();\n _metaDataElements2.default.displayMetaData();\n }\n\n /**\n * Finishes the initalization of the config. Takes all of the user defined\n * parameters and makes sure they override the defaults. The important\n * config information is assigned in the publicInit() function.\n *\n * This function can be called from 2 different locations:\n * \t1. Right away on init after the important settings are defined.\n *\n * \t2. After all of the Soundcloud URLs are resolved properly and\n *\t \tsoundcloud is configured. We will need the proper URLs from Soundcloud\n * \t\tto stream through Amplitude so we get those right away before we\n * \t\tset the information and the active song\n *\n * @access public\n * @param {object} userConfig - A JSON object of user defined values that help configure and initialize AmplitudeJS.\n */\n function setConfig(userConfig) {\n /*\n Checks if the user has any playlists defined. If they do\n we have to initialize the functionality for the playlists.\n */\n if (userConfig.playlists && countPlaylists(userConfig.playlists) > 0) {\n _playlists2.default.initialize(userConfig.playlists);\n }\n\n /*\n Check to see if the user entered a start song\n */\n if (userConfig.start_song != undefined && userConfig.starting_playlist) {\n /*\n Ensure what has been entered is an integer.\n */\n if (_checks2.default.isInt(userConfig.start_song)) {\n _audioNavigation2.default.changeSong(_config2.default.songs[userConfig.start_song], userConfig.start_song);\n } else {\n _debug2.default.writeMessage(\"You must enter an integer index for the start song.\");\n }\n } else {\n _audioNavigation2.default.changeSong(_config2.default.songs[0], 0);\n }\n\n /*\n If the shuffle is on by default, shuffle the songs and\n switch to the shuffled song.\n */\n if (userConfig.shuffle_on != undefined && userConfig.shuffle_on) {\n _config2.default.shuffle_on = true;\n _shuffler2.default.shuffleSongs();\n\n _audioNavigation2.default.changeSong(_config2.default.shuffle_list[0], 0);\n }\n\n /*\n Allows the user to set whether they want to continue to the next song\n when the current song finishes or not. In any scenario that's not a playlist,\n contining to the next song may not be desired.\n */\n _config2.default.continue_next = userConfig.continue_next != undefined ? userConfig.continue_next : true;\n\n /*\n If the user defined a playback speed, we copy over their\n preference here, otherwise we default to normal playback\n speed of 1.0.\n */\n _config2.default.playback_speed = userConfig.playback_speed != undefined ? userConfig.playback_speed : 1.0;\n\n /*\n Sets the audio playback speed.\n */\n _core2.default.setPlaybackSpeed(_config2.default.playback_speed);\n\n /*\n If the user wants the song to be pre-loaded for instant\n playback, they set it to true. By default it's set to just\n load the metadata.\n */\n _config2.default.audio.preload = userConfig.preload != undefined ? userConfig.preload : \"auto\";\n\n /*\n Initializes the user defined callbacks. This should be a JSON\n object that contains a key->value store of the callback name\n and the name of the function the user needs to call.\n */\n _config2.default.callbacks = userConfig.callbacks != undefined ? userConfig.callbacks : {};\n\n /*\n Initializes the user defined key bindings. This should be a JSON\n object that contains a key->value store of the key event number\n pressed and the method to be run.\n */\n _config2.default.bindings = userConfig.bindings != undefined ? userConfig.bindings : {};\n\n /*\n The user can define a starting volume in a range of 0-100 with\n 0 being muted and 100 being the loudest. After the config is set\n Amplitude sets the active song's volume to the volume defined\n by the user.\n */\n _config2.default.volume = userConfig.volume != undefined ? userConfig.volume : 50;\n\n /*\n Sets the delay between songs if the user has it set. This should be in MS.\n */\n _config2.default.delay = userConfig.delay != undefined ? userConfig.delay : 0;\n\n /*\n The user can set the volume increment and decrement values between 1 and 100\n for when the volume up or down button is pressed. The default is an increase\n or decrease of 5.\n */\n _config2.default.volume_increment = userConfig.volume_increment != undefined ? userConfig.volume_increment : 5;\n\n _config2.default.volume_decrement = userConfig.volume_decrement != undefined ? userConfig.volume_decrement : 5;\n\n /*\n Set the volume to what is defined in the config. The user can define this,\n so we should set it up that way.\n */\n _core2.default.setVolume(_config2.default.volume);\n\n /*\n Set default artwork, if specified\n */\n setArt(userConfig);\n\n /*\n Initialize the visual elements\n */\n initializeElements();\n\n /*\n If the user has selected a starting playlist, we need to set the starting playlist\n and sync the visuals\n */\n if (userConfig.starting_playlist != undefined && userConfig.starting_playlist != \"\") {\n /*\n Set the active playlist to the starting playlist by the user\n */\n _config2.default.active_playlist = userConfig.starting_playlist;\n\n /*\n Check if the user defined a song to start with in the playlist.\n */\n if (userConfig.starting_playlist_song != undefined && userConfig.starting_playlist_song != \"\") {\n /*\n Ensure the song is a valid index.\n */\n if (_typeof(userConfig.playlists[userConfig.starting_playlist].songs[parseInt(userConfig.starting_playlist_song)]) != undefined) {\n /*\n Set the player to the song defined by the user.\n */\n _audioNavigation2.default.changeSongPlaylist(_config2.default.active_playlist, userConfig.playlists[userConfig.starting_playlist].songs[parseInt(userConfig.starting_playlist_song)], parseInt(userConfig.starting_playlist_song));\n } else {\n /*\n Set the player to the first song in the playlist\n */\n _audioNavigation2.default.changeSongPlaylist(_config2.default.active_playlist, userConfig.playlists[userConfig.starting_playlist].songs[0], 0);\n /*\n Debug that the song index doesn't exist\n */\n _debug2.default.writeMessage(\"The index of \" + userConfig.starting_playlist_song + \" does not exist in the playlist \" + userConfig.starting_playlist);\n }\n } else {\n /*\n Set the player to the first song in the playlist\n */\n _audioNavigation2.default.changeSong(_config2.default.active_playlist, userConfig.playlists[userConfig.starting_playlist].songs[0], 0);\n }\n\n /*\n Sync the main and song play pause buttons.\n */\n _playPauseElements2.default.sync();\n }\n\n /*\n Run after init callback\n */\n _callbacks2.default.run(\"initialized\");\n }\n\n /**\n * Sets the default_album_art and default_playlist_art from the\n * user supplied configuration.\n *\n * @access public\n * @param {object} userConfig - A JSON object of user defined values that help configure and initialize AmplitudeJS.\n */\n function setArt(userConfig) {\n /*\n If the user defines default album art, this image will display if the active\n song doesn't have album art defined.\n */\n if (userConfig.default_album_art != undefined) {\n _config2.default.default_album_art = userConfig.default_album_art;\n } else {\n _config2.default.default_album_art = \"\";\n }\n\n /*\n If the user defines default playlist art, this image will display if the user\n tries to set up a playlist meta data image tag but doesn't have one defined.\n */\n if (userConfig.default_playlist_art != undefined) {\n _config2.default.default_playlist_art = userConfig.default_playlist_art;\n } else {\n _config2.default.default_playlist_art = \"\";\n }\n }\n\n /**\n * Initializes all of the elements on the page to the default starting point\n * to build from there.\n *\n * @access private\n */\n function initializeElements() {\n /*\n Visually sync the shuffle statuses\n */\n _shuffleElements2.default.syncMain();\n\n /*\n Sync Mute Elements.\n */\n _muteElements2.default.setMuted(_config2.default.volume == 0 ? true : false);\n\n /*\n Sync Volume Slider Elements\n */\n _volumeSliderElements2.default.sync();\n\n /*\n Syncs all of the playback speed elements.\n */\n _playbackSpeedElements2.default.sync();\n\n /*\n Syncs all of the visual time elements to 00.\n */\n _timeElements2.default.resetCurrentTimes();\n\n /*\n Sets all of the play pause buttons to pause.\n */\n _playPauseElements2.default.syncToPause();\n\n /*\n Sets the meta data for the songs automatically.\n */\n _metaDataElements2.default.syncMetaData();\n\n /*\n Sets the repeat buttons automatically.\n */\n _repeatElements2.default.syncRepeatSong();\n }\n\n /**\n * Counts the number of playlists the user has configured. This ensures\n * that the user has at least 1 playlist so we can validate the songs\n * defined in the playlist are correct and they didn't enter an invalid\n * ID.\n *\n * @access private\n * @param {object} playlists \t-\n */\n function countPlaylists(playlists) {\n /*\n Initialize the placeholders to iterate through the playlists\n and find out how many we have to account for.\n */\n var size = 0,\n key = void 0;\n\n /*\n Iterate over playlists and if the user has the playlist defined,\n increment the size of playlists.\n */\n for (key in playlists) {\n if (playlists.hasOwnProperty(key)) {\n size++;\n }\n }\n\n /*\n Debug how many playlists are in the config.\n */\n _debug2.default.writeMessage(\"You have \" + size + \" playlist(s) in your config\");\n\n /*\n Return the number of playlists in the config.\n */\n return size;\n }\n\n /**\n * Intializes the default live settings for all of the songs.\n *\n * @access private\n */\n function initializeDefaultLiveSettings() {\n for (var i = 0; i < _config2.default.songs.length; i++) {\n if (_config2.default.songs[i].live == undefined) {\n _config2.default.songs[i].live = false;\n }\n }\n }\n\n /** \n * Initializes the index of the song in the songs array so\n * we can reference it if needed\n * \n * @access private\n */\n function initializeDefaultSongIndexes() {\n for (var i = 0; i < _config2.default.songs.length; i++) {\n _config2.default.songs[i].index = i;\n }\n }\n\n /*\n Returns the publicly accessible methods\n */\n return {\n initialize: initialize,\n setConfig: setConfig,\n rebindDisplay: rebindDisplay\n };\n}();\n\nexports.default = Initializer;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 22 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Builds a waveform for the current audio.\n * Help from: https://robots.thoughtbot.com/javascript-audio-api\n * https://stackoverflow.com/questions/21347833/html-svg-not-drawing-works-in-other-pages\n */\nvar WaveForm = function () {\n /*\n Initialize the local variables used in the Waveform.\n */\n var buffer = \"\";\n var sampleRate = _config2.default.waveforms.sample_rate;\n var peaks = \"\";\n\n function init() {\n /*\n Grabs all of the waveform elements on the page.\n */\n var waveforms = document.querySelectorAll(\".amplitude-wave-form\");\n\n /*\n If there are waveforms, we iterate over them and set them up to display\n properly.\n */\n if (waveforms.length > 0) {\n /*\n Iterate over all of the waveforms and build the SVG parts.\n */\n for (var i = 0; i < waveforms.length; i++) {\n /*\n Clear the inner HTML of the element if we are replacing the waveform.\n */\n waveforms[i].innerHTML = \"\";\n\n /*\n Inserts an SVG into the element.\n */\n var svg = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\n svg.setAttribute(\"viewBox\", \"0 -1 \" + sampleRate + \" 2\");\n svg.setAttribute(\"preserveAspectRatio\", \"none\");\n\n /*\n Add a g component to the SVG\n */\n var g = document.createElementNS(\"http://www.w3.org/2000/svg\", \"g\");\n svg.appendChild(g);\n\n /*\n Add a path component to the g\n */\n var path = document.createElementNS(\"http://www.w3.org/2000/svg\", \"path\");\n path.setAttribute(\"d\", \"\");\n path.setAttribute(\"id\", \"waveform\");\n\n g.appendChild(path);\n\n /*\n Append the SVG to the waveform.\n */\n waveforms[i].appendChild(svg);\n }\n }\n }\n\n /**\n * Builds each waveform for the page.\n */\n function build() {\n if (_config2.default.web_audio_api_available) {\n /*\n If we don't have the wave form built, we need to build the waveform by loading\n the src with an array buffer.\n */\n if (_config2.default.waveforms.built[Math.abs(_config2.default.audio.src.split(\"\").reduce(function (a, b) {\n a = (a << 5) - a + b.charCodeAt(0);\n return a & a;\n }, 0))] == undefined) {\n /*\n Initializes a new XML Http Request.\n */\n var req = new XMLHttpRequest();\n\n /*\n Opens the src parameter for the audio file to read in.\n */\n req.open(\"GET\", _config2.default.audio.src, true);\n req.responseType = \"arraybuffer\";\n\n /*\n When the ready state changes, check to see if we can render the\n wave form.\n */\n req.onreadystatechange = function (e) {\n /*\n When the request is complete, then we begin decoding the\n audio to build the waveform.\n */\n if (req.readyState == 4) {\n /*\n If the status is 200 means the response is a success and\n we decode the audio data.\n */\n if (req.status == 200) {\n /*\n Decode the audio data and process the waveform.\n */\n _config2.default.context.decodeAudioData(req.response, function (bufferedAudio) {\n /*\n Set the buffer to the audio returned.\n */\n buffer = bufferedAudio;\n\n /*\n Get the peaks in the audio.\n */\n peaks = getPeaks(sampleRate, buffer);\n\n /*\n Build the SVG\n */\n process(sampleRate, buffer, peaks);\n });\n }\n }\n };\n req.send();\n } else {\n /*\n If we already have a waveform, we grab the waveform that\n was created for the song and display it. We do a simple hash\n of the song URL so it's already unique.\n */\n displayWaveForms(_config2.default.waveforms.built[Math.abs(_config2.default.audio.src.split(\"\").reduce(function (a, b) {\n a = (a << 5) - a + b.charCodeAt(0);\n return a & a;\n }, 0))]);\n }\n }\n }\n\n /**\n * Processes the audio and generates the waveform.\n *\n * @param {sampleRate} sampleRate - The rate we should sample the audio.\n * @param {arraybuffer} buffer - The Web Audio API\n * @param {array} peaks - The peaks in the audio.\n */\n function process(sampleRate, buffer, peaks) {\n /*\n If we have a buffer, we find the peaks in the audio.\n */\n if (buffer) {\n /*\n Get the total peaks in the song.\n */\n var totalPeaks = peaks.length;\n\n /*\n Figure out the depth of the peak.\n */\n var d = \"\";\n for (var peakNumber = 0; peakNumber < totalPeaks; peakNumber++) {\n if (peakNumber % 2 === 0) {\n d += \" M\" + ~~(peakNumber / 2) + \", \" + peaks.shift();\n } else {\n d += \" L\" + ~~(peakNumber / 2) + \", \" + peaks.shift();\n }\n }\n\n /*\n Add the waveform to the built waveforms array.\n */\n _config2.default.waveforms.built[Math.abs(_config2.default.audio.src.split(\"\").reduce(function (a, b) {\n a = (a << 5) - a + b.charCodeAt(0);\n return a & a;\n }, 0))] = d;\n\n /*\n Display the waveform.\n */\n displayWaveForms(_config2.default.waveforms.built[Math.abs(_config2.default.audio.src.split(\"\").reduce(function (a, b) {\n a = (a << 5) - a + b.charCodeAt(0);\n return a & a;\n }, 0))]);\n }\n }\n\n /**\n * Get the peaks of the audio for the waveform.\n *\n * @param {number} length - The sample size of the audio.\n * @param {array} buffer - The array buffer used to find the peaks in the audio.\n */\n function getPeaks(length, buffer) {\n /*\n Set the parameters needed to build the SVG.\n */\n var sampleSize = buffer.length / length;\n var sampleStep = ~~(sampleSize / 10) || 1;\n var numberOfChannels = buffer.numberOfChannels;\n var mergedPeaks = [];\n\n /*\n Iterate over the channels and find the peaks.\n */\n for (var channelNumber = 0; channelNumber < numberOfChannels; channelNumber++) {\n /*\n Initialize the peaks array and set the channel data to what\n the buffer has in its channel data.\n */\n var _peaks = [];\n var channelData = buffer.getChannelData(channelNumber);\n\n /*\n Iterate over peaks with respect to the sample size.\n */\n for (var peakNumber = 0; peakNumber < length; peakNumber++) {\n /*\n Gt the start and end peak.\n */\n var start = ~~(peakNumber * sampleSize);\n var end = ~~(start + sampleSize);\n\n /*\n Set min and max to the channel data first peak.\n */\n var min = channelData[0];\n var max = channelData[0];\n\n /*\n Iterate over the parts of the song starting to the\n ending to display the waveform.\n */\n for (var sampleIndex = start; sampleIndex < end; sampleIndex += sampleStep) {\n var value = channelData[sampleIndex];\n\n if (value > max) {\n max = value;\n }\n if (value < min) {\n min = value;\n }\n }\n\n /*\n Set the max and min for the peak.\n */\n _peaks[2 * peakNumber] = max;\n _peaks[2 * peakNumber + 1] = min;\n\n /*\n Merge the peaks\n */\n if (channelNumber === 0 || max > mergedPeaks[2 * peakNumber]) {\n mergedPeaks[2 * peakNumber] = max;\n }\n\n if (channelNumber === 0 || min < mergedPeaks[2 * peakNumber + 1]) {\n mergedPeaks[2 * peakNumber + 1] = min;\n }\n }\n }\n\n /*\n Returns the merged peaks.\n */\n return mergedPeaks;\n }\n\n /**\n * Displays all of the waveforms necessary.\n *\n * @param {path} svg - The drawing of the waveform.\n */\n function displayWaveForms(svg) {\n var waveformElements = document.querySelectorAll(\".amplitude-wave-form\");\n\n /*\n Iterate over all of the waveform elements and\n display the waveform.\n */\n for (var i = 0; i < waveformElements.length; i++) {\n /*\n Get the playlist attribute of the waveform element.\n */\n var playlist = waveformElements[i].getAttribute(\"data-amplitude-playlist\");\n\n /*\n Get the song index attribute of the waveform element.\n */\n var song = waveformElements[i].getAttribute(\"data-amplitude-song-index\");\n\n /*\n If the playlist is null and the song is null it's a global element.\n */\n if (playlist == null && song == null) {\n displayGlobalWaveform(waveformElements[i], svg);\n }\n\n /*\n If the playlist is defined but the song is null it's a playlist element.\n */\n if (playlist != null && song == null) {\n displayPlaylistWaveform(waveformElements[i], svg, playlist);\n }\n\n /*\n If the playlist is not defined and the song is not null it's a song\n element.\n */\n if (playlist == null && song != null) {\n displaySongWaveform(waveformElements[i], svg, song);\n }\n\n /*\n If the playlist and song are defined it's a song in the playlist element.\n */\n if (playlist != null && song != null) {\n displaySongInPlaylistWaveform(waveformElements[i], svg, playlist, song);\n }\n }\n }\n\n /**\n * Displays a global wave form.\n *\n * @param {Node} element - Element to display the waveform in.\n * @param {SVG} svg - The waveform path.\n */\n function displayGlobalWaveform(element, svg) {\n var waveformPath = element.querySelector(\"svg g path\");\n\n waveformPath.setAttribute(\"d\", svg);\n }\n\n /**\n * Displays a playlist wave form.\n *\n * @param {Node} element - Element to display the waveform in.\n * @param {SVG} svg - The waveform path.\n * @param {string} playlist - The playlist we are displaying the waveform for.\n */\n function displayPlaylistWaveform(element, svg, playlist) {\n /*\n Ensure the playlist is the active playlist.\n */\n if (_config2.default.active_playlist == playlist) {\n var waveformPath = element.querySelector(\"svg g path\");\n\n waveformPath.setAttribute(\"d\", svg);\n }\n }\n\n /**\n * Displays a song wave form.\n *\n * @param {Node} element - Element to display the waveform in.\n * @param {SVG} svg - The waveform path.\n * @param {Integer} song - The index of the song we are displaying the\n * waveform for.\n */\n function displaySongWaveform(element, svg, song) {\n /*\n Ensure it's the active song being displayed.\n */\n if (_config2.default.active_index == song) {\n var waveformPath = element.querySelector(\"svg g path\");\n\n waveformPath.setAttribute(\"d\", svg);\n }\n }\n\n /**\n * Displays a song in playlist waveform.\n *\n * @param {Node} element - Element to display the waveform in.\n * @param {SVG} svg - The waveform path.\n * @param {String} playlist - The playlist the waveform is in.\n * @param {Integer} song - The index of the song we are displaying the waveform for.\n */\n function displaySongInPlaylistWaveform(element, svg, playlist, song) {\n /*\n Ensure it's the active song in the active playlist.\n */\n if (_config2.default.active_playlist == playlist && _config2.default.playlists[_config2.default.active_playlist].active_index == song) {\n var waveformPath = element.querySelector(\"svg g path\");\n\n waveformPath.setAttribute(\"d\", svg);\n }\n }\n\n /**\n * Determines if the user is using waveforms\n */\n function determineIfUsingWaveforms() {\n var waveforms = document.querySelectorAll(\".amplitude-wave-form\");\n\n if (waveforms.length > 0) {\n return true;\n } else {\n return false;\n }\n }\n\n /*\n Return the public methods.\n */\n return {\n init: init,\n build: build,\n determineIfUsingWaveforms: determineIfUsingWaveforms\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = WaveForm;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 23 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * The utility to handle the computation of time in AmplitudeJS.\n * @module utilities/Time\n */\nvar Time = function () {\n /**\n * Computes the current song time. Breaks down where the song is into\n * hours, minutes, seconds and formats it to be displayed to the user.\n *\n * @access public\n */\n function computeCurrentTimes() {\n /*\n Initialize the current time object that will be returned.\n */\n var currentTime = {};\n\n /*\n Computes the current seconds for the song.\n */\n var currentSeconds = (Math.floor(_config2.default.audio.currentTime % 60) < 10 ? \"0\" : \"\") + Math.floor(_config2.default.audio.currentTime % 60);\n\n /*\n Computes the current minutes for the song.\n */\n var currentMinutes = Math.floor(_config2.default.audio.currentTime / 60);\n\n /*\n Initialize the current hours variable.\n */\n var currentHours = \"00\";\n\n /*\n If the current minutes is less than 10, we add a leading 0.\n */\n if (currentMinutes < 10) {\n currentMinutes = \"0\" + currentMinutes;\n }\n\n /*\n If the user is more than 60 minutes into the song, then\n we extract the hours.\n */\n if (currentMinutes >= 60) {\n currentHours = Math.floor(currentMinutes / 60);\n currentMinutes = currentMinutes % 60;\n\n /*\n If the user is less than 10 minutes in, we append the\n additional 0 to the minutes.\n */\n if (currentMinutes < 10) {\n currentMinutes = \"0\" + currentMinutes;\n }\n }\n\n /*\n Build a clean current time object and send back the appropriate information.\n */\n currentTime.seconds = currentSeconds;\n currentTime.minutes = currentMinutes;\n currentTime.hours = currentHours;\n\n return currentTime;\n }\n\n /**\n * Computes the current song duration. Breaks down where the song is into\n * hours, minutes, seconds and formats it to be displayed to the user.\n *\n * @access public\n */\n function computeSongDuration() {\n /*\n Initialize the song duration object that will be returned.\n */\n var songDuration = {};\n\n /*\n Computes the duration of the song's seconds.\n */\n var songDurationSeconds = (Math.floor(_config2.default.audio.duration % 60) < 10 ? \"0\" : \"\") + Math.floor(_config2.default.audio.duration % 60);\n\n /*\n Computes the duration of the song's minutes.\n */\n var songDurationMinutes = Math.floor(_config2.default.audio.duration / 60);\n\n /*\n Initialize the hours duration variable.\n */\n var songDurationHours = \"00\";\n\n /*\n If the song duration minutes is less than 10, we add a leading 0.\n */\n if (songDurationMinutes < 10) {\n songDurationMinutes = \"0\" + songDurationMinutes;\n }\n\n /*\n If there is more than 60 minutes in the song, then we\n extract the hours.\n */\n if (songDurationMinutes >= 60) {\n songDurationHours = Math.floor(songDurationMinutes / 60);\n songDurationMinutes = songDurationMinutes % 60;\n\n /*\n If the song duration minutes is less than 10 we append\n the additional 0.\n */\n if (songDurationMinutes < 10) {\n songDurationMinutes = \"0\" + songDurationMinutes;\n }\n }\n\n /*\n Build a clean song duration object and send back the appropriate information.\n */\n songDuration.seconds = isNaN(songDurationSeconds) ? \"00\" : songDurationSeconds;\n songDuration.minutes = isNaN(songDurationMinutes) ? \"00\" : songDurationMinutes;\n songDuration.hours = isNaN(songDurationHours) ? \"00\" : songDurationHours.toString();\n\n return songDuration;\n }\n\n /**\n * Computes the song completion percentage.\n *\n * @access public\n */\n function computeSongCompletionPercentage() {\n return _config2.default.audio.currentTime / _config2.default.audio.duration * 100;\n }\n\n /**\n * Sets the current time for the audio.\n *\n * @access public\n */\n function setCurrentTime(time) {\n /*\n If the song is not live, we can set the current time.\n */\n if (!_config2.default.active_metadata.live) {\n /*\n Makes sure the number is finite to set the time.\n */\n if (isFinite(time)) {\n _config2.default.audio.currentTime = time;\n }\n }\n }\n\n /**\n * Defines what is returned by the module\n */\n return {\n computeCurrentTimes: computeCurrentTimes,\n computeSongDuration: computeSongDuration,\n computeSongCompletionPercentage: computeSongCompletionPercentage,\n setCurrentTime: setCurrentTime\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = Time;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 24 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Visual Handler for Buffered Progress Elements\n *\n * @module visual/BufferedProgressElements\n */\nvar BufferedProgressElements = function () {\n /**\n * Syncs the buffered progress bars to the current percentage in the config\n *\n * @access public\n */\n function sync() {\n syncGlobal();\n syncPlaylist();\n syncSong();\n syncSongInPlaylist();\n }\n\n /**\n * Sync the global song buffered progress elements.\n */\n function syncGlobal() {\n /*\n Gets all of the song buffered progress bars.\n */\n var songBufferedProgressBars = document.getElementsByClassName(\"amplitude-buffered-progress\");\n\n /*\n Iterate over all of the song buffered progress bar and\n set them to 0 which is like re-setting them.\n */\n for (var i = 0; i < songBufferedProgressBars.length; i++) {\n var playlist = songBufferedProgressBars[i].getAttribute(\"data-amplitude-playlist\");\n var song = songBufferedProgressBars[i].getAttribute(\"data-amplitude-song-index\");\n\n if (playlist == null && song == null) {\n songBufferedProgressBars[i].value = parseFloat(parseFloat(_config2.default.buffered) / 100);\n }\n }\n }\n\n /**\n * Sync the playlist song buffered progress elements.\n */\n function syncPlaylist() {\n /*\n Gets all of the song buffered progress bars.\n */\n var songBufferedProgressBarsPlaylist = document.querySelectorAll('.amplitude-buffered-progress[data-amplitude-playlist=\"' + _config2.default.active_playlist + '\"]');\n\n /*\n Iterate over all of the song buffered progress bar and\n set them to 0 which is like re-setting them.\n */\n for (var i = 0; i < songBufferedProgressBarsPlaylist.length; i++) {\n var song = songBufferedProgressBarsPlaylist[i].getAttribute(\"data-amplitude-song-index\");\n\n if (song == null) {\n songBufferedProgressBarsPlaylist[i].value = parseFloat(parseFloat(_config2.default.buffered) / 100);\n }\n }\n }\n\n /**\n * Sync the song song buffered progress elements.\n */\n function syncSong() {\n /*\n Gets all of the song buffered progress bars.\n */\n var songBufferedProgressBarsSongs = document.querySelectorAll('.amplitude-buffered-progress[data-amplitude-song-index=\"' + _config2.default.active_index + '\"]');\n\n /*\n Iterate over all of the song buffered progress bar and\n set them to 0 which is like re-setting them.\n */\n for (var i = 0; i < songBufferedProgressBarsSongs.length; i++) {\n var playlist = songBufferedProgressBarsSongs[i].getAttribute(\"data-amplitude-playlist\");\n\n if (playlist == null) {\n songBufferedProgressBarsSongs[i].value = parseFloat(parseFloat(_config2.default.buffered) / 100);\n }\n }\n }\n\n /**\n * Sync the song in playlist song buffered progress elements.\n */\n function syncSongInPlaylist() {\n var activePlaylistIndex = _config2.default.active_playlist != null && _config2.default.active_playlist != \"\" ? _config2.default.playlists[_config2.default.active_playlist].active_index : null;\n\n /*\n Gets all of the song buffered progress bars.\n */\n var songBufferedProgressBarsSongsInPlaylist = document.querySelectorAll('.amplitude-buffered-progress[data-amplitude-song-index=\"' + activePlaylistIndex + '\"][data-amplitude-playlist=\"' + _config2.default.active_playlist + '\"]');\n\n /*\n Iterate over all of the song buffered progress bar and\n set them to 0 which is like re-setting them.\n */\n for (var i = 0; i < songBufferedProgressBarsSongsInPlaylist.length; i++) {\n songBufferedProgressBarsSongsInPlaylist[i].value = parseFloat(parseFloat(_config2.default.buffered) / 100);\n }\n }\n\n /**\n * Sets all of the song buffered progress bars to 0\n *\n * @access public\n */\n function reset() {\n /*\n Gets all of the song buffered progress bars.\n */\n var songBufferedProgressBars = document.getElementsByClassName(\"amplitude-buffered-progress\");\n\n /*\n Iterate over all of the song buffered progress bar and\n set them to 0 which is like re-setting them.\n */\n for (var i = 0; i < songBufferedProgressBars.length; i++) {\n songBufferedProgressBars[i].value = 0;\n }\n }\n\n /**\n * Returns the public facing methods\n */\n return {\n sync: sync,\n reset: reset\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = BufferedProgressElements;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 25 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _audioNavigation = __webpack_require__(3);\n\nvar _audioNavigation2 = _interopRequireDefault(_audioNavigation);\n\nvar _callbacks = __webpack_require__(7);\n\nvar _callbacks2 = _interopRequireDefault(_callbacks);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _playPauseElements = __webpack_require__(2);\n\nvar _playPauseElements2 = _interopRequireDefault(_playPauseElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Ended Module. Handles the ended event on the audio.\n *\n * @module events/Ended\n */\n\n\n/**\n * Imports the AmplitudeJS Core Methods\n * @module core/Core\n */\n\n\n/**\n * Imports the Audio Navigation Utility\n * @module utilities/AudioNavigation\n */\nvar Ended = function () {\n /**\n * When the song has ended, handles what to do next\n *\n * HANDLER FOR: ended\n *\n * @access public\n */\n function handle() {\n /*\n Sets the time out for song ended. This determines if\n we should go to the next song or delay between songs.\n */\n setTimeout(function () {\n /*\n If we continue next, we should move to the next song in the playlist.\n */\n if (_config2.default.continue_next) {\n /*\n If the active playlist is not set, we set the\n next song that's in the songs array.\n */\n if (_config2.default.active_playlist == \"\" || _config2.default.active_playlist == null) {\n _audioNavigation2.default.setNext(true);\n } else {\n _audioNavigation2.default.setNextPlaylist(_config2.default.active_playlist, true);\n }\n } else {\n if (!_config2.default.is_touch_moving) {\n /*\n Stops the active song.\n */\n AmplitudeCore.stop();\n\n /*\n Sync the play pause elements.\n */\n _playPauseElements2.default.sync();\n }\n }\n }, _config2.default.delay);\n }\n\n /*\n Returns the public facing methods.\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the AmplitudeJS Play Pause Elements\n * @module visual/PlayPauseElements\n */\n\n\n/**\n * Imports the Callback Utility\n * @module utilities/callbacks\n */\n/**\n * Imports the config module\n * @module config\n */\nexports.default = Ended;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 26 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _keydown = __webpack_require__(27);\n\nvar _keydown2 = _interopRequireDefault(_keydown);\n\nvar _timeUpdate = __webpack_require__(42);\n\nvar _timeUpdate2 = _interopRequireDefault(_timeUpdate);\n\nvar _ended = __webpack_require__(25);\n\nvar _ended2 = _interopRequireDefault(_ended);\n\nvar _progress = __webpack_require__(35);\n\nvar _progress2 = _interopRequireDefault(_progress);\n\nvar _play = __webpack_require__(31);\n\nvar _play2 = _interopRequireDefault(_play);\n\nvar _pause = __webpack_require__(30);\n\nvar _pause2 = _interopRequireDefault(_pause);\n\nvar _playPause = __webpack_require__(32);\n\nvar _playPause2 = _interopRequireDefault(_playPause);\n\nvar _stop = __webpack_require__(41);\n\nvar _stop2 = _interopRequireDefault(_stop);\n\nvar _mute = __webpack_require__(28);\n\nvar _mute2 = _interopRequireDefault(_mute);\n\nvar _volumeUp = __webpack_require__(45);\n\nvar _volumeUp2 = _interopRequireDefault(_volumeUp);\n\nvar _volumeDown = __webpack_require__(43);\n\nvar _volumeDown2 = _interopRequireDefault(_volumeDown);\n\nvar _songSlider = __webpack_require__(40);\n\nvar _songSlider2 = _interopRequireDefault(_songSlider);\n\nvar _volumeSlider = __webpack_require__(44);\n\nvar _volumeSlider2 = _interopRequireDefault(_volumeSlider);\n\nvar _next = __webpack_require__(29);\n\nvar _next2 = _interopRequireDefault(_next);\n\nvar _prev = __webpack_require__(34);\n\nvar _prev2 = _interopRequireDefault(_prev);\n\nvar _repeat = __webpack_require__(36);\n\nvar _repeat2 = _interopRequireDefault(_repeat);\n\nvar _repeatSong = __webpack_require__(37);\n\nvar _repeatSong2 = _interopRequireDefault(_repeatSong);\n\nvar _playbackSpeed = __webpack_require__(33);\n\nvar _playbackSpeed2 = _interopRequireDefault(_playbackSpeed);\n\nvar _shuffle = __webpack_require__(38);\n\nvar _shuffle2 = _interopRequireDefault(_shuffle);\n\nvar _skipTo = __webpack_require__(39);\n\nvar _skipTo2 = _interopRequireDefault(_skipTo);\n\nvar _waveform = __webpack_require__(22);\n\nvar _waveform2 = _interopRequireDefault(_waveform);\n\nvar _debug = __webpack_require__(4);\n\nvar _debug2 = _interopRequireDefault(_debug);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Events Module. Handles all of the events we listen to in\n * AmplitudeJS.\n *\n * @module events/Events\n */\n\n\n/**\n * Imports all of the handler objects used by the events.\n */\nvar Events = function () {\n /**\n * Initializes the handlers for the events listened to by Amplitude\n *\n * @access public\n */\n function initialize() {\n /*\n Write out debug message\n */\n _debug2.default.writeMessage(\"Beginning initialization of event handlers..\");\n\n /*\n Sets flag that the screen is moving and not a tap\n */\n document.addEventListener(\"touchmove\", function () {\n _config2.default.is_touch_moving = true;\n });\n\n /*\n On touch end if it was a touch move event, set moving to\n false\n */\n document.addEventListener(\"touchend\", function () {\n if (_config2.default.is_touch_moving) {\n _config2.default.is_touch_moving = false;\n }\n });\n\n /*\n On time update for the audio element, update visual displays that\n represent the time on either a visualized element or time display.\n */\n bindTimeUpdate();\n\n /*\n Binds key down event handlers for matching key codes to functions.\n */\n bindKeyDownEventHandlers();\n\n /*\n When the audio element has ended playing, we handle the song\n ending. In a single song or multiple modular song instance,\n this just synchronizes the visuals for time and song time\n visualization, but for a playlist it determines whether\n it should play the next song or not.\n */\n bindSongEnded();\n\n /*\n Binds progress event so we can see how much of the song is loaded.\n */\n bindProgress();\n\n /*\n Binds 'amplitude-play' event handlers\n */\n bindPlay();\n\n /*\n Binds 'amplitude-pause' event handlers.\n */\n bindPause();\n\n /*\n Binds 'amplitude-play-pause' event handlers.\n */\n bindPlayPause();\n\n /*\n Binds 'amplitude-stop' event handlers.\n */\n bindStop();\n\n /*\n Binds 'amplitude-mute' event handlers.\n */\n bindMute();\n\n /*\n Binds 'amplitude-volume-up' event handlers\n */\n bindVolumeUp();\n\n /*\n Binds 'amplitude-volume-down' event handlers\n */\n bindVolumeDown();\n\n /*\n Binds 'amplitude-song-slider' event handlers\n */\n bindSongSlider();\n\n /*\n Binds 'amplitude-volume-slider' event handlers.\n */\n bindVolumeSlider();\n\n /*\n Binds 'amplitude-next' event handlers.\n */\n bindNext();\n\n /*\n Binds 'amplitude-prev' event handlers.\n */\n bindPrev();\n\n /*\n Binds 'amplitude-shuffle' event handlers.\n */\n bindShuffle();\n\n /*\n Binds 'amplitude-repeat' event handlers.\n */\n bindRepeat();\n\n /*\n Binds 'amplitude-repeat-song' event handlers.\n */\n bindRepeatSong();\n\n /*\n Binds 'amplitude-playback-speed' event handlers.\n */\n bindPlaybackSpeed();\n\n /*\n Binds 'amplitude-skip-to' event handlers.\n */\n bindSkipTo();\n\n /*\n Binds `canplaythrough` event to build the waveform.\n */\n bindCanPlayThrough();\n }\n\n /**\n * On time update for the audio element, update visual displays that\n * represent the time on either a visualized element or time display.\n *\n * @access private\n */\n function bindTimeUpdate() {\n /*\n Bind for time update\n */\n _config2.default.audio.removeEventListener(\"timeupdate\", _timeUpdate2.default.handle);\n _config2.default.audio.addEventListener(\"timeupdate\", _timeUpdate2.default.handle);\n\n /*\n Bind for duration change\n */\n _config2.default.audio.removeEventListener(\"durationchange\", _timeUpdate2.default.handle);\n _config2.default.audio.addEventListener(\"durationchange\", _timeUpdate2.default.handle);\n }\n\n /**\n * On keydown, we listen to what key got pressed so we can map the key to\n * a function. This allows the user to map pause and play, next, etc. to key\n * presses.\n *\n * @access private\n */\n function bindKeyDownEventHandlers() {\n document.removeEventListener(\"keydown\", _keydown2.default.handle);\n document.addEventListener(\"keydown\", _keydown2.default.handle);\n }\n\n /**\n * When the audio element has ended playing, we handle the song\n * ending. In a single song or multiple modular song instance,\n * this just synchronizes the visuals for time and song time\n * visualization, but for a playlist it determines whether\n * it should play the next song or not.\n *\n * @access private\n */\n function bindSongEnded() {\n _config2.default.audio.removeEventListener(\"ended\", _ended2.default.handle);\n _config2.default.audio.addEventListener(\"ended\", _ended2.default.handle);\n }\n\n /**\n * As the audio is loaded, the progress event gets fired. We bind into this\n * to grab the buffered percentage of the song. We can then add more elements\n * to show the buffered amount.\n *\n * @access private\n */\n function bindProgress() {\n _config2.default.audio.removeEventListener(\"progress\", _progress2.default.handle);\n _config2.default.audio.addEventListener(\"progress\", _progress2.default.handle);\n }\n\n /**\n * Binds click and touchend events for AmplitudeJS play buttons\n *\n * @access private\n */\n function bindPlay() {\n /*\n Gets all of the elements with the class amplitude-play\n */\n var play_classes = document.getElementsByClassName(\"amplitude-play\");\n\n /*\n Iterates over all of the play classes and binds the event interaction\n method to the element. If the browser is mobile, then the event is touchend\n otherwise it is click.\n */\n for (var i = 0; i < play_classes.length; i++) {\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n play_classes[i].removeEventListener(\"touchend\", _play2.default.handle);\n play_classes[i].addEventListener(\"touchend\", _play2.default.handle);\n } else {\n play_classes[i].removeEventListener(\"click\", _play2.default.handle);\n play_classes[i].addEventListener(\"click\", _play2.default.handle);\n }\n }\n }\n\n /**\n * Binds click and touchend events for AmplitudeJS pause buttons.\n *\n * @access private\n */\n function bindPause() {\n /*\n Gets all of the elements with the class amplitude-pause\n */\n var pause_classes = document.getElementsByClassName(\"amplitude-pause\");\n\n /*\n Iterates over all of the pause classes and binds the event interaction\n method to the element. If the browser is mobile, then the event is touchend\n otherwise it is click.\n */\n for (var i = 0; i < pause_classes.length; i++) {\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n pause_classes[i].removeEventListener(\"touchend\", _pause2.default.handle);\n pause_classes[i].addEventListener(\"touchend\", _pause2.default.handle);\n } else {\n pause_classes[i].removeEventListener(\"click\", _pause2.default.handle);\n pause_classes[i].addEventListener(\"click\", _pause2.default.handle);\n }\n }\n }\n\n /**\n * Binds click and touchend events for AmplitudeJS play pause buttons\n *\n * @access private\n */\n function bindPlayPause() {\n /*\n Gets all of the elements with the class amplitude-play-pause\n */\n var play_pause_classes = document.getElementsByClassName(\"amplitude-play-pause\");\n\n /*\n Iterates over all of the play/pause classes and binds the event interaction\n method to the element. If the browser is mobile, then the event is touchend\n otherwise it is click.\n */\n for (var i = 0; i < play_pause_classes.length; i++) {\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n play_pause_classes[i].removeEventListener(\"touchend\", _playPause2.default.handle);\n play_pause_classes[i].addEventListener(\"touchend\", _playPause2.default.handle);\n } else {\n play_pause_classes[i].removeEventListener(\"click\", _playPause2.default.handle);\n play_pause_classes[i].addEventListener(\"click\", _playPause2.default.handle);\n }\n }\n }\n\n /**\n * Binds click and touchend events for AmplitudeJS stop buttons\n *\n * @access private\n */\n function bindStop() {\n /*\n Gets all of the elements with the class amplitude-stop\n */\n var stop_classes = document.getElementsByClassName(\"amplitude-stop\");\n\n /*\n Iterates over all of the stop classes and binds the event interaction\n method to the element. If the browser is mobile, then the event is touchend\n otherwise it is click.\n */\n for (var i = 0; i < stop_classes.length; i++) {\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n stop_classes[i].removeEventListener(\"touchend\", _stop2.default.handle);\n stop_classes[i].addEventListener(\"touchend\", _stop2.default.handle);\n } else {\n stop_classes[i].removeEventListener(\"click\", _stop2.default.handle);\n stop_classes[i].addEventListener(\"click\", _stop2.default.handle);\n }\n }\n }\n\n /**\n * Binds click and touchend events for AmplitudeJS mute buttons\n *\n * @access private\n */\n function bindMute() {\n /*\n Gets all of the elements with the class amplitue-mute\n */\n var mute_classes = document.getElementsByClassName(\"amplitude-mute\");\n\n /*\n Iterates over all of the mute classes and binds the event interaction\n method to the element. If the browser is mobile, then the event is touchend\n otherwise it is click.\n */\n for (var i = 0; i < mute_classes.length; i++) {\n /*\n WARNING: If iOS, we don't do anything because iOS does not allow the\n volume to be adjusted through anything except the buttons on the side of\n the device.\n */\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n /*\n Checks for an iOS device and displays an error message if debugging\n is turned on.\n */\n if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {\n _debug2.default.writeMessage(\"iOS does NOT allow volume to be set through javascript: https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW4\");\n } else {\n mute_classes[i].removeEventListener(\"touchend\", _mute2.default.handle);\n mute_classes[i].addEventListener(\"touchend\", _mute2.default.handle);\n }\n } else {\n mute_classes[i].removeEventListener(\"click\", _mute2.default.handle);\n mute_classes[i].addEventListener(\"click\", _mute2.default.handle);\n }\n }\n }\n\n /**\n * Binds click and touchend events for AmplitudeJS Volume Up Buttons\n *\n * @access private\n */\n function bindVolumeUp() {\n /*\n Gets all of the elements with the class amplitude-volume-up\n */\n var volume_up_classes = document.getElementsByClassName(\"amplitude-volume-up\");\n\n /*\n Iterates over all of the volume up classes and binds the event interaction\n methods to the element. If the browser is mobile, then the event is touchend\n otherwise it is click.\n */\n for (var i = 0; i < volume_up_classes.length; i++) {\n /*\n WARNING: If iOS, we don't do anything because iOS does not allow the\n volume to be adjusted through anything except the buttons on the side of\n the device.\n */\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n /*\n Checks for an iOS device and displays an error message if debugging\n is turned on.\n */\n if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {\n _debug2.default.writeMessage(\"iOS does NOT allow volume to be set through javascript: https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW4\");\n } else {\n volume_up_classes[i].removeEventListener(\"touchend\", _volumeUp2.default.handle);\n volume_up_classes[i].addEventListener(\"touchend\", _volumeUp2.default.handle);\n }\n } else {\n volume_up_classes[i].removeEventListener(\"click\", _volumeUp2.default.handle);\n volume_up_classes[i].addEventListener(\"click\", _volumeUp2.default.handle);\n }\n }\n }\n\n /**\n * Binds click and touchend events for AmplitudeJS Volume Down Buttons\n *\n * @access private\n */\n function bindVolumeDown() {\n /*\n Gets all of the elements with the class amplitude-volume-down\n */\n var volume_down_classes = document.getElementsByClassName(\"amplitude-volume-down\");\n\n /*\n Iterates over all of the volume down classes and binds the event interaction\n methods to the element. If the browser is mobile, then the event is touchend\n otherwise it is click.\n */\n for (var i = 0; i < volume_down_classes.length; i++) {\n /*\n WARNING: If iOS, we don't do anything because iOS does not allow the\n volume to be adjusted through anything except the buttons on the side of\n the device.\n */\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n /*\n Checks for an iOS device and displays an error message if debugging\n is turned on.\n */\n if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {\n _debug2.default.writeMessage(\"iOS does NOT allow volume to be set through javascript: https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW4\");\n } else {\n volume_down_classes[i].removeEventListener(\"touchend\", _volumeDown2.default.handle);\n volume_down_classes[i].addEventListener(\"touchend\", _volumeDown2.default.handle);\n }\n } else {\n volume_down_classes[i].removeEventListener(\"click\", _volumeDown2.default.handle);\n volume_down_classes[i].addEventListener(\"click\", _volumeDown2.default.handle);\n }\n }\n }\n\n /**\n * Binds change and input events for AmplitudeJS Song Slider Inputs\n *\n * @access private\n */\n function bindSongSlider() {\n /*\n Gets browser so if we need to apply overrides, like we usually\n have to do for anything cool in IE, we can do that.\n */\n var ua = window.navigator.userAgent;\n var msie = ua.indexOf(\"MSIE \");\n\n /*\n Gets all of the elements with the class amplitude-song-slider\n */\n var song_sliders = document.getElementsByClassName(\"amplitude-song-slider\");\n\n /*\n Iterates over all of the song slider classes and binds the event interaction\n methods to the element. If the browser is IE we listen to the change event\n where if it is anything else, it's the input method.\n */\n for (var i = 0; i < song_sliders.length; i++) {\n if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\\:11\\./)) {\n song_sliders[i].removeEventListener(\"change\", _songSlider2.default.handle);\n song_sliders[i].addEventListener(\"change\", _songSlider2.default.handle);\n } else {\n song_sliders[i].removeEventListener(\"input\", _songSlider2.default.handle);\n song_sliders[i].addEventListener(\"input\", _songSlider2.default.handle);\n }\n }\n }\n\n /**\n * Binds change and input events fro AmplitudeJS Volume Slider inputs\n *\n * @access private\n */\n function bindVolumeSlider() {\n /*\n Gets browser so if we need to apply overrides, like we usually\n have to do for anything cool in IE, we can do that.\n */\n var ua = window.navigator.userAgent;\n var msie = ua.indexOf(\"MSIE \");\n\n /*\n Gets all of the elements with the class amplitude-volume-slider\n */\n var volume_sliders = document.getElementsByClassName(\"amplitude-volume-slider\");\n\n /*\n Iterates over all of the volume slider classes and binds the event interaction\n methods to the element. If the browser is IE we listen to the change event\n where if it is anything else, it's the input method.\n */\n for (var i = 0; i < volume_sliders.length; i++) {\n /*\n WARNING: If iOS, we don't do anything because iOS does not allow the\n volume to be adjusted through anything except the buttons on the side of\n the device.\n */\n if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {\n _debug2.default.writeMessage(\"iOS does NOT allow volume to be set through javascript: https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW4\");\n } else {\n if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\\:11\\./)) {\n volume_sliders[i].removeEventListener(\"change\", _volumeSlider2.default.handle);\n volume_sliders[i].addEventListener(\"change\", _volumeSlider2.default.handle);\n } else {\n volume_sliders[i].removeEventListener(\"input\", _volumeSlider2.default.handle);\n volume_sliders[i].addEventListener(\"input\", _volumeSlider2.default.handle);\n }\n }\n }\n }\n\n /**\n * Binds click and touchend events fro AmplitudeJS Next buttons\n *\n * @access private\n */\n function bindNext() {\n /*\n Gets all of the elements with the class amplitude-next\n */\n var next_classes = document.getElementsByClassName(\"amplitude-next\");\n\n /*\n Iterates over all of the next classes and binds the event interaction\n methods to the element. If the browser is mobile, then the event is touchend\n otherwise it is click.\n */\n for (var i = 0; i < next_classes.length; i++) {\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n next_classes[i].removeEventListener(\"touchend\", _next2.default.handle);\n next_classes[i].addEventListener(\"touchend\", _next2.default.handle);\n } else {\n next_classes[i].removeEventListener(\"click\", _next2.default.handle);\n next_classes[i].addEventListener(\"click\", _next2.default.handle);\n }\n }\n }\n\n /**\n * Binds click and touchend events for AmplitudeJS prev buttons.\n *\n * @access private\n */\n function bindPrev() {\n /*\n Gets all of the elements with the class amplitude-prev\n */\n var prev_classes = document.getElementsByClassName(\"amplitude-prev\");\n\n /*\n Iterates over all of the prev classes and binds the event interaction\n methods to the element. If the browser is mobile, then the event is touchend\n otherwise it is click.\n */\n for (var i = 0; i < prev_classes.length; i++) {\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n prev_classes[i].removeEventListener(\"touchend\", _prev2.default.handle);\n prev_classes[i].addEventListener(\"touchend\", _prev2.default.handle);\n } else {\n prev_classes[i].removeEventListener(\"click\", _prev2.default.handle);\n prev_classes[i].addEventListener(\"click\", _prev2.default.handle);\n }\n }\n }\n\n /**\n * Binds click and touchend events for AmplitudeJS shuffle buttons.\n *\n * @access private\n */\n function bindShuffle() {\n /*\n Gets all of the elements with the class amplitude-shuffle\n */\n var shuffle_classes = document.getElementsByClassName(\"amplitude-shuffle\");\n\n /*\n Iterates over all of the shuffle classes and binds the event interaction\n methods to the element. If the browser is mobile, then the event is touchend\n otherwise it is click.\n */\n for (var i = 0; i < shuffle_classes.length; i++) {\n /*\n Since we are re-binding everything we remove any classes that signify\n a state of the shuffle control.\n */\n shuffle_classes[i].classList.remove(\"amplitude-shuffle-on\");\n shuffle_classes[i].classList.add(\"amplitude-shuffle-off\");\n\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n shuffle_classes[i].removeEventListener(\"touchend\", _shuffle2.default.handle);\n shuffle_classes[i].addEventListener(\"touchend\", _shuffle2.default.handle);\n } else {\n shuffle_classes[i].removeEventListener(\"click\", _shuffle2.default.handle);\n shuffle_classes[i].addEventListener(\"click\", _shuffle2.default.handle);\n }\n }\n }\n\n /**\n * Binds click and touchend events for AmplitudeJS repeat buttons.\n *\n * @access private\n */\n function bindRepeat() {\n /*\n Gets all of the elements with the class amplitude-repeat\n */\n var repeat_classes = document.getElementsByClassName(\"amplitude-repeat\");\n\n /*\n Iterates over all of the repeat classes and binds the event interaction\n methods to the element. If the browser is mobile, then the event is touchend\n otherwise it is click.\n */\n for (var i = 0; i < repeat_classes.length; i++) {\n /*\n Since we are re-binding everything we remove any classes that signify\n a state of the repeat control.\n */\n repeat_classes[i].classList.remove(\"amplitude-repeat-on\");\n repeat_classes[i].classList.add(\"amplitude-repeat-off\");\n\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n repeat_classes[i].removeEventListener(\"touchend\", _repeat2.default.handle);\n repeat_classes[i].addEventListener(\"touchend\", _repeat2.default.handle);\n } else {\n repeat_classes[i].removeEventListener(\"click\", _repeat2.default.handle);\n repeat_classes[i].addEventListener(\"click\", _repeat2.default.handle);\n }\n }\n }\n\n /**\n * Binds click and touchend events for AmplitudeJS repeat song buttons.\n *\n * @access private\n */\n function bindRepeatSong() {\n /*\n Gets all of the elements with the class amplitude-repeat-song\n */\n var repeat_song_classes = document.getElementsByClassName(\"amplitude-repeat-song\");\n\n /*\n Iterates over all of the repeat song classes and binds the event interaction\n methods to the element. If the browser is mobile, then the event is touchend\n otherwise it is click.\n */\n for (var i = 0; i < repeat_song_classes.length; i++) {\n /*\n Since we are re-binding everything we remove any classes that signify\n a state of the repeat control.\n */\n repeat_song_classes[i].classList.remove(\"amplitude-repeat-on\");\n repeat_song_classes[i].classList.add(\"amplitude-repeat-off\");\n\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n repeat_song_classes[i].removeEventListener(\"touchend\", _repeatSong2.default.handle);\n repeat_song_classes[i].addEventListener(\"touchend\", _repeatSong2.default.handle);\n } else {\n repeat_song_classes[i].removeEventListener(\"click\", _repeatSong2.default.handle);\n repeat_song_classes[i].addEventListener(\"click\", _repeatSong2.default.handle);\n }\n }\n }\n\n /**\n * Binds click and touchend events for AmplitudeJS playback speed buttons\n *\n * @access private\n */\n function bindPlaybackSpeed() {\n /*\n Gets all of the elements with the class amplitude-playback-speed\n */\n var playback_speed_classes = document.getElementsByClassName(\"amplitude-playback-speed\");\n\n /*\n Iterates over all of the playback speed classes and binds the event interaction\n methods to the element. If the browser is mobile, then the event is touchend\n otherwise it is click.\n */\n for (var i = 0; i < playback_speed_classes.length; i++) {\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n playback_speed_classes[i].removeEventListener(\"touchend\", _playbackSpeed2.default.handle);\n playback_speed_classes[i].addEventListener(\"touchend\", _playbackSpeed2.default.handle);\n } else {\n playback_speed_classes[i].removeEventListener(\"click\", _playbackSpeed2.default.handle);\n playback_speed_classes[i].addEventListener(\"click\", _playbackSpeed2.default.handle);\n }\n }\n }\n\n /**\n * Binds click and touchend events for AmplitudeJS skip to buttons.\n *\n * @access private\n */\n function bindSkipTo() {\n /*\n Gets all of the skip to elements with the class 'amplitude-skip-to'\n */\n var skipToClasses = document.getElementsByClassName(\"amplitude-skip-to\");\n\n /*\n Iterates over all of the skip to classes and binds the event interaction\n methods to the element. If the browser is mobile, then the event is touchend\n otherwise it's a click.\n */\n for (var i = 0; i < skipToClasses.length; i++) {\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\n skipToClasses[i].removeEventListener(\"touchend\", _skipTo2.default.handle);\n skipToClasses[i].addEventListener(\"touchend\", _skipTo2.default.handle);\n } else {\n skipToClasses[i].removeEventListener(\"click\", _skipTo2.default.handle);\n skipToClasses[i].addEventListener(\"click\", _skipTo2.default.handle);\n }\n }\n }\n\n /**\n * Binds can play through to a song.\n *\n * @access private\n */\n function bindCanPlayThrough() {\n if (_waveform2.default.determineIfUsingWaveforms()) {\n _config2.default.audio.removeEventListener(\"canplaythrough\", _waveform2.default.build);\n _config2.default.audio.addEventListener(\"canplaythrough\", _waveform2.default.build);\n }\n }\n\n /*\n Returns the public facing functions.\n */\n return {\n initialize: initialize\n };\n}();\n\n/**\n * Imports the utility classes used by the evnets.\n */\n/*\n\tImport the necessary classes and config to use\n\twith the events.\n*/\nexports.default = Events;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 27 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _shuffler = __webpack_require__(13);\n\nvar _shuffler2 = _interopRequireDefault(_shuffler);\n\nvar _repeater = __webpack_require__(12);\n\nvar _repeater2 = _interopRequireDefault(_repeater);\n\nvar _audioNavigation = __webpack_require__(3);\n\nvar _audioNavigation2 = _interopRequireDefault(_audioNavigation);\n\nvar _repeatElements = __webpack_require__(9);\n\nvar _repeatElements2 = _interopRequireDefault(_repeatElements);\n\nvar _playPauseElements = __webpack_require__(2);\n\nvar _playPauseElements2 = _interopRequireDefault(_playPauseElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Key Down event handler\n *\n * @module events/KeyDown\n */\n\n\n/**\n * Imports the Repeat Elements Visual Handler\n * @module visual/RepeatElements\n */\n\n\n/**\n * Imports the Repeater Utility\n * @module utilities/Repeater\n */\n\n\n/**\n * Imports the core of AmplitudeJS\n * @module core/Core\n */\nvar KeyDown = function () {\n /**\n * When the keydown event is fired, we determine which function should be run\n * based on what was passed in.\n *\n * HANDLER FOR: keydown\n *\n * @access public\n * @prop {object} event The event object being passed in.\n */\n function handle(event) {\n runKeyEvent(event.which);\n }\n\n /**\n * Runs an event on key down\n *\n * @access public\n * @param {number} key \t- The key code the event is bound to.\n */\n function runKeyEvent(key) {\n /*\n Checks to see if the user bound an event to the code pressed.\n */\n if (_config2.default.bindings[key] != undefined) {\n /*\n Determine which event should be run if bound.\n */\n switch (_config2.default.bindings[key]) {\n /*\n Fires a play pause event.\n */\n case \"play_pause\":\n runPlayPauseKeyDownEvent();\n break;\n\n /*\n Fires a next event.\n */\n case \"next\":\n runNextKeyDownEvent();\n break;\n\n /*\n Fires a previous event.\n */\n case \"prev\":\n runPrevKeyDownEvent();\n break;\n\n /*\n Fires a stop event.\n */\n case \"stop\":\n runStopKeyDownEvent();\n break;\n\n /*\n Fires a shuffle event.\n */\n case \"shuffle\":\n runShuffleKeyDownEvent();\n break;\n\n /*\n Fires a repeat event.\n */\n case \"repeat\":\n runRepeatKeyDownEvent();\n break;\n }\n }\n }\n\n /**\n * Runs the play pause method for key down.\n */\n function runPlayPauseKeyDownEvent() {\n /*\n If the song is paused, we play the song. If the song is playing,\n we pause the song.\n */\n if (_config2.default.audio.paused) {\n _core2.default.play();\n } else {\n _core2.default.pause();\n }\n\n /*\n Now we sync all the elements to match the state of the audio.\n We don't need to do any checks on new songs or changed playlists\n in the global since it's whatever song is playing.\n */\n _playPauseElements2.default.sync();\n }\n\n /**\n * Runs the next method for key down.\n */\n function runNextKeyDownEvent() {\n /*\n Check to see if the current state of the player\n is in playlist mode or not playlist mode.\n */\n if (_config2.default.active_playlist == \"\" || _config2.default.active_playlist == null) {\n _audioNavigation2.default.setNext();\n } else {\n _audioNavigation2.default.setNextPlaylist(_config2.default.active_playlist);\n }\n }\n\n /**\n * Runs the previous method for key down.\n */\n function runPrevKeyDownEvent() {\n /*\n Check to see if the current playlist has been set\n or null and set the previous song.\n */\n if (_config2.default.active_playlist == \"\" || _config2.default.active_playlist == null) {\n _audioNavigation2.default.setPrevious();\n } else {\n _audioNavigation2.default.setPreviousPlaylist(_config2.default.active_playlist);\n }\n }\n\n /**\n * Runs the stop method for key down.\n */\n function runStopKeyDownEvent() {\n /*\n Syncs all of the play pause elements to pause.\n */\n _playPauseElements2.default.syncToPause();\n\n /*\n Stops the active song.\n */\n _core2.default.stop();\n }\n\n /**\n * Runs the shuffle method for key down.\n */\n function runShuffleKeyDownEvent() {\n /*\n Check to see if the current playlist has been set\n or null and set the previous song.\n */\n if (_config2.default.active_playlist == \"\" || _config2.default.active_playlist == null) {\n _shuffler2.default.toggleShuffle();\n } else {\n _shuffler2.default.toggleShufflePlaylist(_config2.default.active_playlist);\n }\n }\n\n /**\n * Run the repeat method for key down.\n */\n function runRepeatKeyDownEvent() {\n /*\n Toggles the repeat\n */\n _repeater2.default.setRepeat(!_config2.default.repeat);\n\n /*\n Visually sync repeat\n */\n _repeatElements2.default.syncRepeat();\n }\n\n /**\n * Returns the public methods for the handler.\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the Play Pause Elements Visual Handler\n * @module visual/PlayPauseElements\n */\n\n\n/**\n * Imports the Audio Navigation Utility\n * @module utilities/AudioNavigation\n */\n\n\n/**\n * Imports the Shuffle Utility\n * @module utilities/Shuffle\n */\n/**\n * Imports the config module\n * @module config\n */\nexports.default = KeyDown;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 28 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _muteElements = __webpack_require__(10);\n\nvar _muteElements2 = _interopRequireDefault(_muteElements);\n\nvar _volumeSliderElements = __webpack_require__(11);\n\nvar _volumeSliderElements2 = _interopRequireDefault(_volumeSliderElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles all events for a mute event.\n * @module events/Mute\n */\n\n\n/**\n * Imports the AmplitudeJS Visual Mute Elements\n * @module visual/MuteElements\n */\n/**\n * Imports the config to use the values\n */\nvar Mute = function () {\n /**\n * Handles an event for a mute element\n *\n * HANDLER FOR: class=\"amplitude-mute\"\n *\n * @access public\n */\n function handle() {\n /*\n We don't fire this if the user is touching the screen and it's moving.\n This could lead to a mis-fire\n */\n if (!_config2.default.is_touch_moving) {\n /*\n If the current volume in the config is 0, we set the volume to the\n pre_mute level. This means that the audio is already muted and\n needs to be restored to the pre_mute level.\n Otherwise, we set pre_mute volume to the current volume\n and set the config volume to 0, muting the audio.\n */\n if (_config2.default.volume == 0) {\n _core2.default.setVolume(_config2.default.pre_mute_volume);\n } else {\n _config2.default.pre_mute_volume = _config2.default.volume;\n _core2.default.setVolume(0);\n }\n\n /*\n Sync Mute Elements.\n */\n _muteElements2.default.setMuted(_config2.default.volume == 0 ? true : false);\n\n /*\n Syncs the volume sliders so the visuals align up with the functionality.\n If the volume is at 0, then the sliders should represent that so the user\n has the right starting point.\n */\n _volumeSliderElements2.default.sync();\n }\n }\n\n /**\n * Returns the public facing methods\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the AmplitudeJS Visual Volume Slider Elements\n * @module visual/VolumeSliderElements\n */\n\n\n/**\n * Imports the AmplitudeJS Core Methods\n * @module core/core\n */\nexports.default = Mute;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 29 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _playPauseElements = __webpack_require__(2);\n\nvar _playPauseElements2 = _interopRequireDefault(_playPauseElements);\n\nvar _callbacks = __webpack_require__(7);\n\nvar _callbacks2 = _interopRequireDefault(_callbacks);\n\nvar _audioNavigation = __webpack_require__(3);\n\nvar _audioNavigation2 = _interopRequireDefault(_audioNavigation);\n\nvar _debug = __webpack_require__(4);\n\nvar _debug2 = _interopRequireDefault(_debug);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Next Event Handler\n *\n * @module events/Next\n */\n\n\n/**\n * Imports the Amplitude Audio Navigation Utility\n * @module utilities/AudioNavigation\n */\n\n\n/**\n * Imports the Play Pause Elements Module.\n * @module visual/PlayPauseElements\n */\n/**\n * Imports the config module\n * @module config\n */\nvar Next = function () {\n /**\n * Handles an event on the next button\n *\n * HANDLER FOR: class=\"amplitude-next\"\n *\n * GLOBAL: class=\"amplitude-next\"\n * PLAYLIST: class=\"amplitude-next\" amplitude-playlist=\"playlist_key\"\n *\n * @access public\n */\n function handle() {\n /*\n We don't fire this if the user is touching the screen and it's moving.\n This could lead to a mis-fire\n */\n if (!_config2.default.is_touch_moving) {\n /*\n Gets the playlist attribute from the element.\n */\n var playlist = this.getAttribute(\"data-amplitude-playlist\");\n\n /*\n If the playlist is null, we handle the global next.\n */\n if (playlist == null) {\n handleGlobalNext();\n }\n\n /*\n If the playlist is set, we handle the playlist next.\n */\n if (playlist != null) {\n handlePlaylistNext(playlist);\n }\n }\n }\n\n /**\n * Handles an event on a global enxt button.\n *\n * @access private\n */\n function handleGlobalNext() {\n /*\n Check to see if the current state of the player\n is in playlist mode or not playlist mode. If we are in playlist mode,\n we set next on the playlist.\n */\n if (_config2.default.active_playlist == \"\" || _config2.default.active_playlist == null) {\n _audioNavigation2.default.setNext();\n } else {\n _audioNavigation2.default.setNextPlaylist(_config2.default.active_playlist);\n }\n }\n\n /**\n * Handles an event on a next playlist button.\n *\n * @access private\n * @prop {string} playlist - The playlist we are handling the next for.\n */\n function handlePlaylistNext(playlist) {\n /*\n Ensure the playlist is the same as the active playlist. To get to change\n the scope to a new playlist, you need to play that playlist.\n */\n if (playlist == _config2.default.active_playlist) {\n _audioNavigation2.default.setNextPlaylist(playlist);\n } else {\n _debug2.default.writeMessage(\"You can not go to the next song on a playlist that is not being played!\");\n }\n }\n\n /*\n Returns the public facing methods.\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * AmplitudeJS Debug Module\n * @module utilities/Debug\n */\n\n\n/**\n * Imports the Callbacks Module\n * @module utilities/Callbacks\n */\n\n\n/**\n * Imports the AmplitudeJS Core module.\n * @module core/core\n */\nexports.default = Next;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 30 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _configState = __webpack_require__(6);\n\nvar _configState2 = _interopRequireDefault(_configState);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _playPauseElements = __webpack_require__(2);\n\nvar _playPauseElements2 = _interopRequireDefault(_playPauseElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles all of the pause events\n * @module events/Pause\n */\n\n\n/**\n * Imports the AmplitudeJS Core Methods\n * @module core/Core\n */\n/**\n * Imports the config module\n * @module config\n */\nvar Pause = function () {\n /**\n * Handles an event on a pause button\n *\n * HANDLER FOR: class=\"amplitude-pause\"\n *\n * GLOBAL: class=\"amplitude-pause\"\n * PLAYLIST: class=\"amplitude-pause\" amplitude-playlist=\"playlist_key\"\n * SONG: class=\"amplitude-pause\" amplitude-song-index=\"song_index\"\n * SONG IN PLAYLIST: class=\"amplitude-pause\" amplitude-playlist=\"playlist-key\" amplitude-song-index=\"playlist_index\"\n *\n * @access public\n */\n function handle() {\n /*\n If the touch is moving, we do not want to accidentally touch the play\n pause element and fire an event.\n */\n if (!_config2.default.is_touch_moving) {\n /*\n Gets the attribute for song index so we can check if\n there is a need to change the song. In some scenarios\n there might be multiple pause classes on the page. In that\n case it is possible the user could click a different pause\n class.\n */\n var songIndexAttribute = this.getAttribute(\"data-amplitude-song-index\");\n var playlistAttribute = this.getAttribute(\"data-amplitude-playlist\");\n\n /*\n Handle a global pause button.\n */\n if (playlistAttribute == null && songIndexAttribute == null) {\n handleGlobalPause();\n }\n\n /*\n Handle a playlist pause button.\n */\n if (playlistAttribute != null && songIndexAttribute == null) {\n handlePlaylistPause(playlistAttribute);\n }\n\n /*\n Handle a song pause button.\n */\n if (playlistAttribute == null && songIndexAttribute != null) {\n handleSongPause(songIndexAttribute);\n }\n\n /*\n Handle a song in playlist pause button.\n */\n if (playlistAttribute != null && songIndexAttribute != null) {\n handleSongInPlaylistPause(playlistAttribute, songIndexAttribute);\n }\n\n _configState2.default.setPlayerState();\n }\n }\n\n /**\n * Handles global pause button which pauses whatever song is\n * active.\n *\n * @access private\n */\n function handleGlobalPause() {\n /*\n Pauses the song.\n */\n _core2.default.pause();\n\n /*\n Sync the play pause elements.\n */\n _playPauseElements2.default.sync();\n }\n\n /**\n * Handles the playlist pause.\n *\n * @access private\n * @param {string} playlist The playlist the pause button belongs to.\n */\n function handlePlaylistPause(playlist) {\n /*\n Checks to see if the active playlist is the same\n */\n if (_config2.default.active_playlist == playlist) {\n /*\n Pauses the song.\n */\n _core2.default.pause();\n\n /*\n Sync the play pause elements.\n */\n _playPauseElements2.default.sync();\n }\n }\n\n /**\n * Handles the song pause.\n *\n * @access private\n * @param {integer} song The song the pause button belongs to.\n */\n function handleSongPause(song) {\n /*\n Checks to see if the active playlist is null and the song matches\n the active index.\n */\n if ((_config2.default.active_playlist == \"\" || _config2.default.active_playlist == null) && _config2.default.active_index == song) {\n /*\n Pauses the song.\n */\n _core2.default.pause();\n\n /*\n Sync the play pause elements.\n */\n _playPauseElements2.default.sync();\n }\n }\n\n /**\n * Handles the song in playlist pause.\n *\n * @access private\n * @param {string} playlist The playlist the pause button belongs to.\n * @param {integer} song The song the pause button belongs to.\n */\n function handleSongInPlaylistPause(playlist, song) {\n /*\n Checks to see if the active song matches the song and the\n active playlist matches the playlist. This means the pause button is\n for the song in the playlist.\n */\n if (_config2.default.active_playlist == playlist && _config2.default.playlists[playlist].active_index == song) {\n /*\n Pauses the song.\n */\n _core2.default.pause();\n\n /*\n Sync the play pause elements.\n */\n _playPauseElements2.default.sync();\n }\n }\n\n /*\n Returns the public facing elements\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the AmplitudeJS Play Pause Elements\n * @module visual/PlayPauseElements\n */\n\n\n/**\n * Imports the ConfigState module.\n * @module utilities/ConfigState\n */\nexports.default = Pause;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 31 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _configState = __webpack_require__(6);\n\nvar _configState2 = _interopRequireDefault(_configState);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _checks = __webpack_require__(5);\n\nvar _checks2 = _interopRequireDefault(_checks);\n\nvar _audioNavigation = __webpack_require__(3);\n\nvar _audioNavigation2 = _interopRequireDefault(_audioNavigation);\n\nvar _playPauseElements = __webpack_require__(2);\n\nvar _playPauseElements2 = _interopRequireDefault(_playPauseElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles all of the play events\n * @module events/Play\n */\n\n\n/**\n * Imports the AmplitudeJS Audio Navigation Utility\n * @module utilities/AudioNavigation\n */\n\n\n/**\n * Imports the AmplitudeJS Core Methods\n * @module core/Core\n */\n/**\n * Imports the config module\n * @module config\n */\nvar Play = function () {\n /**\n * Handles an event on a play button in Amplitude.\n *\n * HANDLER FOR: class=\"amplitude-play\"\n *\n * GLOBAL: class=\"amplitude-play\"\n * PLAYLIST: class=\"amplitude-play\" amplitude-playlist=\"playlist_key\"\n * SONG: class=\"amplitude-play\" amplitude-song-index=\"song_index\"\n * SONG IN PLAYLIST: class=\"amplitude-play\" amplitude-playlist=\"playlist-key\" amplitude-song-index=\"playlist_index\"\n *\n * @access public\n */\n function handle() {\n /*\n If the touch is moving, we do not want to accidentally touch the play\n pause element and fire an event.\n */\n if (!_config2.default.is_touch_moving) {\n /*\n Gets the attribute for song index so we can check if\n there is a need to change the song. In some scenarios\n there might be multiple play classes on the page. In that\n case it is possible the user could click a different play\n class and change the song.\n */\n var songIndexAttribute = this.getAttribute(\"data-amplitude-song-index\");\n var playlistAttribute = this.getAttribute(\"data-amplitude-playlist\");\n\n /*\n Handle a global play button.\n */\n if (playlistAttribute == null && songIndexAttribute == null) {\n handleGlobalPlay();\n }\n\n /*\n Handle a playlist play button.\n */\n if (playlistAttribute != null && songIndexAttribute == null) {\n handlePlaylistPlay(playlistAttribute);\n }\n\n /*\n Handle a song play button.\n */\n if (playlistAttribute == null && songIndexAttribute != null) {\n handleSongPlay(songIndexAttribute);\n }\n\n /*\n Handle a song in playlist play button.\n */\n if (playlistAttribute != null && songIndexAttribute != null) {\n handleSongInPlaylistPlay(playlistAttribute, songIndexAttribute);\n }\n\n _configState2.default.setPlayerState();\n }\n }\n\n /**\n * Handles global play button which plays whatever song is\n * active.\n *\n * @access private\n */\n function handleGlobalPlay() {\n /*\n Plays the song\n */\n _core2.default.play();\n\n /*\n Sync the play pause elements.\n */\n _playPauseElements2.default.sync();\n }\n\n /**\n * Handle the playlist play.\n *\n * @access private\n * @param {string} playlist The playlist the play button belongs to.\n */\n function handlePlaylistPlay(playlist) {\n /*\n Checks if we have a new playlist.\n */\n if (_checks2.default.newPlaylist(playlist)) {\n /*\n Sets the active playlist to what belongs to the playlist.\n */\n _audioNavigation2.default.setActivePlaylist(playlist);\n\n /*\n Play first song in the playlist since we just\n switched playlists, we start from the first song.\n If the user has shuffle on for the playlist, then\n we go from the first song in the shuffle playlist array.\n */\n if (_config2.default.playlists[playlist].shuffle) {\n _audioNavigation2.default.changeSongPlaylist(playlist, _config2.default.playlists[playlist].shuffle_list[0], 0);\n } else {\n _audioNavigation2.default.changeSongPlaylist(playlist, _config2.default.playlists[playlist].songs[0], 0);\n }\n }\n\n /*\n Plays the song.\n */\n _core2.default.play();\n\n /*\n Syncs the play pause elements since they are dependent upon this state\n of the player.\n */\n _playPauseElements2.default.sync();\n }\n\n /**\n * Handles the song play button.\n *\n * @access private\n * @param {integer} song The index of the song we are playing.\n */\n function handleSongPlay(song) {\n /*\n There can be multiple playlists on the page and there can be\n multiple songs on the page AND there can be songs in multiple\n playlists, so we have some checking to do.\n */\n\n /*\n Check to see if the playlist has changed. Essentially, if we are moving\n out of a playlist context.\n */\n if (_checks2.default.newPlaylist(null)) {\n /*\n We've moved out of the playlist context, so we set the active playlist\n to null\n */\n _audioNavigation2.default.setActivePlaylist(null);\n\n /*\n We then change the song to the index selected.\n */\n _audioNavigation2.default.changeSong(_config2.default.songs[song], song);\n }\n\n /*\n Check to see if the song has changed. If it has,\n set the active song. If it was in a playlist, the\n song wouldn't change here, since we already set the\n song when we checked for a playlist.\n */\n if (_checks2.default.newSong(null, song)) {\n /*\n The song selected is different, so we change the\n song.\n */\n _audioNavigation2.default.changeSong(_config2.default.songs[song], song);\n }\n\n /*\n Plays the song\n */\n _core2.default.play();\n\n /*\n Syncs the play pause elements since they are dependent upon this state\n of the player.\n */\n _playPauseElements2.default.sync();\n }\n\n /**\n * Handles the song in playlist play.\n *\n * @access private\n * @param {string} playlist The playlist the play button belongs to.\n * @param {integer} song The song the play button belongs to.\n */\n function handleSongInPlaylistPlay(playlist, song) {\n /*\n There can be multiple playlists on the page and there can be\n multiple songs on the page AND there can be songs in multiple\n playlists, so we have some checking to do.\n */\n\n /*\n Check to see if the playlist has changed. Essentially, if we are moving\n out of a playlist context.\n */\n if (_checks2.default.newPlaylist(playlist)) {\n /*\n We've moved out of the playlist context, so we set the active playlist\n to null\n */\n _audioNavigation2.default.setActivePlaylist(playlist);\n\n /*\n We then change the song to the index selected.\n */\n _audioNavigation2.default.changeSongPlaylist(playlist, _config2.default.playlists[playlist].songs[song], song);\n }\n\n /*\n Check to see if the song has changed. If it has,\n set the active song. If it was in a playlist, the\n song wouldn't change here, since we already set the\n song when we checked for a playlist.\n */\n if (_checks2.default.newSong(playlist, song)) {\n /*\n The song selected is different, so we change the\n song.\n */\n _audioNavigation2.default.changeSongPlaylist(playlist, _config2.default.playlists[playlist].songs[song], song);\n }\n\n /*\n Plays the song\n */\n _core2.default.play();\n\n /*\n Now we sync all the elements to match the state of the audio.\n We don't need to do any checks on new songs or changed playlists\n in the global since it's whatever song is playing.\n */\n _playPauseElements2.default.sync();\n }\n\n /*\n Returns the public facing elements\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the AmplitudeJS Play Pause Elements\n * @module visual/PlayPauseElements\n */\n\n\n/**\n * Imports the AmplitudeJS Checks Utility\n * @module utilities/Checks\n */\n\n\n/**\n * Imports the config state utility.\n * @module utilities/ConfigState\n */\nexports.default = Play;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 32 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _configState = __webpack_require__(6);\n\nvar _configState2 = _interopRequireDefault(_configState);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _checks = __webpack_require__(5);\n\nvar _checks2 = _interopRequireDefault(_checks);\n\nvar _audioNavigation = __webpack_require__(3);\n\nvar _audioNavigation2 = _interopRequireDefault(_audioNavigation);\n\nvar _playPauseElements = __webpack_require__(2);\n\nvar _playPauseElements2 = _interopRequireDefault(_playPauseElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles all of the play pause events\n * @module events/PlayPause\n */\n\n\n/**\n * Imports the AmplitudeJS Audio Navigation Utility\n * @module utilities/AudioNavigation\n */\n\n\n/**\n * Imports the AmplitudeJS Core Methods\n * @module core/Core\n */\n/**\n * Imports the config module\n * @module config\n */\nvar PlayPause = function () {\n /**\n * Handles an event on a play/pause button\n *\n * HANDLER FOR: class=\"amplitude-play-pause\"\n *\n * GLOBAL: class=\"amplitude-play-pause\"\n * PLAYLIST: class=\"amplitude-play-pause\" amplitude-playlist=\"playlist_key\"\n * SONG: class=\"amplitude-play-pause\" amplitude-song-index=\"song_index\"\n * SONG IN PLAYLIST: class=\"amplitude-play-pause\" amplitude-playlist=\"playlist-key\" amplitude-song-index=\"playlist_index\"\n *\n * @access public\n */\n function handle() {\n /*\n If the touch is moving, we do not want to accidentally touch the play\n pause element and fire an event.\n */\n if (!_config2.default.is_touch_moving) {\n /*\n Get the playlist and song from the element. It's alright if these\n are null.\n */\n var playlist = this.getAttribute(\"data-amplitude-playlist\");\n var song = this.getAttribute(\"data-amplitude-song-index\");\n\n /*\n Handle a global play pause button\n */\n if (playlist == null && song == null) {\n handleGlobalPlayPause();\n }\n\n /*\n Handle a playlist play pause button\n */\n if (playlist != null && song == null) {\n handlePlaylistPlayPause(playlist);\n }\n\n /*\n Handle a song play pause button\n */\n if (playlist == null && song != null) {\n handleSongPlayPause(song);\n }\n\n /*\n Handle a song in playlist play pause button\n */\n if (playlist != null && song != null) {\n handleSongInPlaylistPlayPause(playlist, song);\n }\n\n _configState2.default.setPlayerState();\n }\n }\n\n /**\n * Sets the main play pause buttons to the current state of the song.\n * @access private\n */\n function handleGlobalPlayPause() {\n /*\n If the song is paused, we play the song. If the song is playing,\n we pause the song.\n */\n if (_config2.default.audio.paused) {\n _core2.default.play();\n } else {\n _core2.default.pause();\n }\n\n /*\n Now we sync all the elements to match the state of the audio.\n We don't need to do any checks on new songs or changed playlists\n in the global since it's whatever song is playing.\n */\n _playPauseElements2.default.sync();\n }\n\n /**\n * Sets the playlist main play pause buttons to the current state of the song.\n * @access private\n * @param {string} playlist The playlist the main play pause button controls\n */\n function handlePlaylistPlayPause(playlist) {\n /*\n The only thing that can change when you click a playlist\n play pause is the playlist. Main play pauses have no change\n in song, song play pauses can change playlist and song.\n */\n if (_checks2.default.newPlaylist(playlist)) {\n /*\n If there's a new playlist, then we set the new playlist.\n */\n _audioNavigation2.default.setActivePlaylist(playlist);\n\n /*\n Play first song in the playlist since we just\n switched playlists, we start from the first song.\n If the user has shuffle on for the playlist, then\n we go from the first song in the shuffle playlist array.\n */\n if (_config2.default.playlists[playlist].shuffle) {\n _audioNavigation2.default.changeSongPlaylist(playlist, _config2.default.playlists[playlist].shuffle_list[0], 0);\n } else {\n _audioNavigation2.default.changeSongPlaylist(playlist, _config2.default.playlists[playlist].songs[0], 0);\n }\n }\n\n /*\n If the song is paused, we play the song. If the song is playing,\n we pause the song.\n */\n if (_config2.default.audio.paused) {\n _core2.default.play();\n } else {\n _core2.default.pause();\n }\n\n /*\n Now we sync all the elements to match the state of the audio.\n We don't need to do any checks on new songs or changed playlists\n in the global since it's whatever song is playing.\n */\n _playPauseElements2.default.sync();\n }\n\n /**\n * Sets the playlist main play pause buttons to the current state of the song.\n * @access private\n * @param {string} song The index of the song being played/paused\n */\n function handleSongPlayPause(song) {\n /*\n There can be multiple playlists on the page and there can be\n multiple songs on the page AND there can be songs in multiple\n playlists, so we have some checking to do.\n */\n\n /*\n Check to see if the playlist has changed. Essentially, if we are moving\n out of a playlist context.\n */\n if (_checks2.default.newPlaylist(null)) {\n /*\n We've moved out of the playlist context, so we set the active playlist\n to null\n */\n _audioNavigation2.default.setActivePlaylist(null);\n\n /*\n We then change the song to the index selected.\n */\n _audioNavigation2.default.changeSong(_config2.default.songs[song], song);\n }\n\n /*\n Check to see if the song has changed. If it has,\n set the active song. If it was in a playlist, the\n song wouldn't change here, since we already set the\n song when we checked for a playlist.\n */\n if (_checks2.default.newSong(null, song)) {\n /*\n The song selected is different, so we change the\n song.\n */\n _audioNavigation2.default.changeSong(_config2.default.songs[song], song);\n }\n\n /*\n If the song is paused, we play the song. If the song is playing,\n we pause the song.\n */\n if (_config2.default.audio.paused) {\n _core2.default.play();\n } else {\n _core2.default.pause();\n }\n\n /*\n Now we sync all the elements to match the state of the audio.\n We don't need to do any checks on new songs or changed playlists\n in the global since it's whatever song is playing.\n */\n _playPauseElements2.default.sync();\n }\n\n /**\n * Sets the song in playlist play pause buttons to the current\n * state of the song.\n * @access private\n * @param {string} playlist The playlist the song is a part of\n * @param {number} song The index of the song being played/paused\n */\n function handleSongInPlaylistPlayPause(playlist, song) {\n /*\n There can be multiple playlists on the page and there can be\n multiple songs on the page AND there can be songs in multiple\n playlists, so we have some checking to do.\n */\n\n /*\n Check to see if the playlist has changed. Essentially, if we are moving\n out of a playlist context.\n */\n if (_checks2.default.newPlaylist(playlist)) {\n /*\n We've moved out of the playlist context, so we set the active playlist\n to null\n */\n _audioNavigation2.default.setActivePlaylist(playlist);\n\n /*\n We then change the song to the index selected.\n */\n _audioNavigation2.default.changeSongPlaylist(playlist, _config2.default.playlists[playlist].songs[song], song);\n }\n\n /*\n Check to see if the song has changed. If it has,\n set the active song. If it was in a playlist, the\n song wouldn't change here, since we already set the\n song when we checked for a playlist.\n */\n if (_checks2.default.newSong(playlist, song)) {\n /*\n The song selected is different, so we change the\n song.\n */\n _audioNavigation2.default.changeSongPlaylist(playlist, _config2.default.playlists[playlist].songs[song], song);\n }\n\n /*\n If the song is paused, we play the song. If the song is playing,\n we pause the song.\n */\n if (_config2.default.audio.paused) {\n _core2.default.play();\n } else {\n _core2.default.pause();\n }\n\n /*\n Now we sync all the elements to match the state of the audio.\n We don't need to do any checks on new songs or changed playlists\n in the global since it's whatever song is playing.\n */\n _playPauseElements2.default.sync();\n }\n\n /**\n * Returns the public facing methods\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the AmplitudeJS Play Pause Elements\n * @module visual/PlayPauseElements\n */\n\n\n/**\n * Imports the AmplitudeJS Checks Utility\n * @module utilities/Checks\n */\n\n\n/**\n * Import the config state utility.\n * @module utilities/configState\n */\nexports.default = PlayPause;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 33 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _playbackSpeedElements = __webpack_require__(18);\n\nvar _playbackSpeedElements2 = _interopRequireDefault(_playbackSpeedElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Playback Speed Event Handler\n *\n * @module events/PlaybackSpeed\n */\n\n\n/**\n * Imports the Amplitude Core module\n * @module core/Core\n */\nvar PlaybackSpeed = function () {\n /**\n * Handles an event on the playback speed button\n *\n * HANDLER FOR: class=\"amplitude-playback-speed\"\n *\n * @access public\n */\n function handle() {\n if (!_config2.default.is_touch_moving) {\n /*\n We increment the speed by .5 everytime we click\n the button to change the playback speed. Once we are\n actively playing back at 2, we start back at 1 which\n is normal speed.\n */\n switch (_config2.default.playback_speed) {\n case 1:\n _core2.default.setPlaybackSpeed(1.5);\n break;\n case 1.5:\n _core2.default.setPlaybackSpeed(2);\n break;\n case 2:\n _core2.default.setPlaybackSpeed(1);\n break;\n }\n\n /*\n Visually sync the playback speed.\n */\n _playbackSpeedElements2.default.sync();\n }\n }\n\n /*\n Returns public facing methods\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the Playback Speed Visual Elements\n * @module visual/PlaybackSpeedElements\n */\n/**\n * Imports the config module\n * @module config\n */\nexports.default = PlaybackSpeed;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 34 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _audioNavigation = __webpack_require__(3);\n\nvar _audioNavigation2 = _interopRequireDefault(_audioNavigation);\n\nvar _debug = __webpack_require__(4);\n\nvar _debug2 = _interopRequireDefault(_debug);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Prev Event Handler\n *\n * @module events/Prev\n */\n\n\n/**\n * Imports the Amplitude Audio Navigation Utility\n * @module utilities/AudioNavigation\n */\nvar Prev = function () {\n /**\n * Handles an event on the previous button\n *\n * HANDLER FOR: class=\"amplitude-prev\"\n *\n * GLOBAL: class=\"amplitude-prev\"\n * PLAYLIST: class=\"amplitude-prev\" amplitude-playlist=\"playlist_key\"\n *\n * @access public\n */\n function handle() {\n /*\n We don't fire this if the user is touching the screen and it's moving.\n This could lead to a mis-fire\n */\n if (!_config2.default.is_touch_moving) {\n /*\n Gets the playlist attribute from the element.\n */\n var playlist = this.getAttribute(\"data-amplitude-playlist\");\n\n /*\n If the playlist is null, we handle the global prev.\n */\n if (playlist == null) {\n handleGlobalPrev();\n }\n\n /*\n If the playlist is set, we handle the playlist prev.\n */\n if (playlist != null) {\n handlePlaylistPrev(playlist);\n }\n }\n }\n\n /**\n * Handles an event on a global previous button.\n *\n * @access private\n */\n function handleGlobalPrev() {\n /*\n Check to see if the current state of the player\n is in playlist mode or not playlist mode. If we are in playlist mode,\n we set prev on the playlist.\n */\n if (_config2.default.active_playlist == \"\" || _config2.default.active_playlist == null) {\n _audioNavigation2.default.setPrevious();\n } else {\n _audioNavigation2.default.setPreviousPlaylist(_config2.default.active_playlist);\n }\n }\n\n /**\n * Handles an event on a previous playlist button.\n *\n * @access private\n * @prop {string} playlist - The playlist we are handling the previous for.\n */\n function handlePlaylistPrev(playlist) {\n /*\n Ensure the playlist is the same as the active playlist. To get to change\n the scope to a new playlist, you need to play that playlist.\n */\n if (playlist == _config2.default.active_playlist) {\n _audioNavigation2.default.setPreviousPlaylist(_config2.default.active_playlist);\n } else {\n _debug2.default.writeMessage(\"You can not go to the previous song on a playlist that is not being played!\");\n }\n }\n\n /*\n Returns the public facing methods.\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * AmplitudeJS Debug Module\n * @module utilities/Debug\n */\n/**\n * Imports the config module\n * @module config\n */\nexports.default = Prev;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 35 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _bufferedProgressElements = __webpack_require__(24);\n\nvar _bufferedProgressElements2 = _interopRequireDefault(_bufferedProgressElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Event Handler for progress\n *\n * @module events/Progress\n */\n/**\n * Imports the config module\n * @module config\n */\nvar Progress = function () {\n /**\n * As the song is buffered, we can display the buffered percentage in\n * a progress bar.\n *\n * HANDLER FOR: progress\n *\n * @access public\n */\n function handle() {\n /*\n Help from: http://jsbin.com/badimipi/1/edit?html,js,output\n */\n if (_config2.default.audio.buffered.length - 1 >= 0) {\n var bufferedEnd = _config2.default.audio.buffered.end(_config2.default.audio.buffered.length - 1);\n var duration = _config2.default.audio.duration;\n\n /*\n Set the computed song buffered value to the config.\n */\n _config2.default.buffered = bufferedEnd / duration * 100;\n }\n\n /*\n Sync the buffered progress bars.\n */\n _bufferedProgressElements2.default.sync();\n }\n\n /**\n * Returns the public facing methods\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the BufferedProgressElements visual handler\n * @module visual/bufferedProgressElements.js\n */\nexports.default = Progress;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 36 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _repeater = __webpack_require__(12);\n\nvar _repeater2 = _interopRequireDefault(_repeater);\n\nvar _repeatElements = __webpack_require__(9);\n\nvar _repeatElements2 = _interopRequireDefault(_repeatElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Repeat Event Handler\n *\n * @module events/Repeat\n */\n\n\n/**\n * Imports the repeater utility module.\n * @module utilities/Repeater\n */\nvar Repeat = function () {\n /**\n * Handles an event on the repeat button\n *\n * HANDLER FOR: class=\"amplitude-repeat\"\n *\n * GLOBAL: class=\"amplitude-repeat\"\n * PLAYLIST: class=\"amplitude-repeat\" amplitude-playlist=\"playlist_key\"\n *\n * @access public\n */\n function handle() {\n /*\n We don't fire this if the user is touching the screen and it's moving.\n This could lead to a mis-fire\n */\n if (!_config2.default.is_touch_moving) {\n /*\n Gets the playlist attribute from the element.\n */\n var playlist = this.getAttribute(\"data-amplitude-playlist\");\n\n /*\n If the playlist is null, we handle the global repeat.\n */\n if (playlist == null) {\n handleGlobalRepeat();\n }\n\n /*\n If the playlist is set, we handle the playlist repeat.\n */\n if (playlist != null) {\n handlePlaylistRepeat(playlist);\n }\n }\n }\n\n /**\n * Handles an event on a global repeat button.\n *\n * @access private\n */\n function handleGlobalRepeat() {\n /*\n Sets repeat to the opposite of what it was set to\n */\n _repeater2.default.setRepeat(!_config2.default.repeat);\n\n /*\n Visually sync repeat\n */\n _repeatElements2.default.syncRepeat();\n }\n\n /**\n * Handles an event on a playlist repeat button.\n *\n * @access private\n * @prop {string} playlist - The playlist we are handling the repeat store.\n */\n function handlePlaylistRepeat(playlist) {\n /*\n Sets repeat to the opposite of what it was set to for the playlist.\n */\n _repeater2.default.setRepeatPlaylist(!_config2.default.playlists[playlist].repeat, playlist);\n\n /*\n Visually sync playlist repeat\n */\n _repeatElements2.default.syncRepeatPlaylist(playlist);\n }\n\n /*\n Returns the public facing methods.\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the visual repeat elements module\n * @module visual/RepeatElements\n */\n/**\n * Imports the config module\n * @module config\n */\nexports.default = Repeat;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 37 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _repeater = __webpack_require__(12);\n\nvar _repeater2 = _interopRequireDefault(_repeater);\n\nvar _repeatElements = __webpack_require__(9);\n\nvar _repeatElements2 = _interopRequireDefault(_repeatElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles an event on the Amplitude Repeat Song.\n *\n * @module events/RepeatSong\n */\n\n\n/**\n * Imports the repeat utility\n * @module utilities/Repeater\n */\nvar RepeatSong = function () {\n /**\n * Handles an event on the repeat song button\n *\n * HANDLER FOR: 'amplitude-repeat-song'\n *\n * @access public\n */\n function handle() {\n /*\n If the touch is moving, we do not want to accidentally touch the play\n pause element and fire an event.\n */\n if (!_config2.default.is_touch_moving) {\n /*\n Sets repeat song to the opposite of what it was set to\n */\n _repeater2.default.setRepeatSong(!_config2.default.repeat_song);\n\n /*\n Visually sync repeat song\n */\n _repeatElements2.default.syncRepeatSong();\n }\n }\n\n /**\n * Returns the public facing methods\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the AmplitudeJS Repeat Element\n * @module visual/RepeatElements\n */\n/**\n * Imports the config module\n * @module config\n */\nexports.default = RepeatSong;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 38 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _shuffler = __webpack_require__(13);\n\nvar _shuffler2 = _interopRequireDefault(_shuffler);\n\nvar _shuffleElements = __webpack_require__(19);\n\nvar _shuffleElements2 = _interopRequireDefault(_shuffleElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles all of the shuffle events\n * @module events/Shuffle\n */\n\n\n/**\n * Imports the shuffler utility\n * @module utilities/Shuffler\n */\nvar Shuffle = function () {\n /**\n * Handles an event on the shuffle button\n *\n * HANDLER FOR: class=\"amplitude-shuffle\"\n *\n * GLOBAL: class=\"amplitude-shuffle\"\n * PLAYLIST: class=\"amplitude-shuffle\" amplitude-playlist=\"playlist_key\"\n *\n * @access public\n */\n function handle() {\n /*\n If the touch is moving, we do not want to accidentally touch the play\n pause element and fire an event.\n */\n if (!_config2.default.is_touch_moving) {\n /*\n Get the playlist attribute\n */\n var playlist = this.getAttribute(\"data-amplitude-playlist\");\n\n /*\n Check to see if the shuffle button belongs to a playlist\n */\n if (playlist == null) {\n handleGlobalShuffle();\n } else {\n handlePlaylistShuffle(playlist);\n }\n }\n }\n\n /**\n * Handles the event on the global shuffle button.\n */\n function handleGlobalShuffle() {\n /*\n Either shuffles or removes shuffle on the global state.\n */\n _shuffler2.default.toggleShuffle();\n\n /*\n Visualize the shuffle state change.\n */\n _shuffleElements2.default.syncMain(_config2.default.shuffle_on);\n }\n\n /**\n * Handles the event on the playlist shuffle button.\n *\n * @param {string} playlist - The playlist string the shuffle button belongs to.\n */\n function handlePlaylistShuffle(playlist) {\n /*\n Either shuffles or removes shuffle on the playlist state.\n */\n _shuffler2.default.toggleShufflePlaylist(playlist);\n\n /*\n Visually sync the playlist shuffle statuses.\n */\n _shuffleElements2.default.syncPlaylist(playlist);\n }\n\n /**\n * Returns public facing methods\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the visual shuffle elements\n * @module visual/ShuffleElements\n */\n/**\n * Imports the config module\n * @module config\n */\nexports.default = Shuffle;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 39 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _debug = __webpack_require__(4);\n\nvar _debug2 = _interopRequireDefault(_debug);\n\nvar _audioNavigation = __webpack_require__(3);\n\nvar _audioNavigation2 = _interopRequireDefault(_audioNavigation);\n\nvar _checks = __webpack_require__(5);\n\nvar _checks2 = _interopRequireDefault(_checks);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _playPauseElements = __webpack_require__(2);\n\nvar _playPauseElements2 = _interopRequireDefault(_playPauseElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles the skip to event.\n *\n * @module events/SkipTo\n */\n\n\n/**\n * Imports the AmplitudeJS Core Methods\n * @module core/Core\n */\n\n\n/**\n * Imports the AmplitudeJS Audio Navigation Utility\n * @module utilities/AudioNavigation\n */\n/**\n * Imports the config module\n * @module config\n */\nvar SkipTo = function () {\n /**\n * Handles an event on a skip to button.\n *\n * HANDLER FOR: class=\"amplitude-skip-to\"\n *\n * GLOBAL: class=\"amplitude-skip-to\" amplitude-song-index=\"song_index\" amplitude-location=\"seconds\"\n * PLAYLIST: class=\"amplitude-skip-to\" amplitude-playlist=\"playlist_key\" amplitude-song-index=\"song_index\" amplitude-location=\"seconds\"\n *\n * @access public\n */\n function handle() {\n /*\n If the touch is moving, we do not want to accidentally touch the play\n pause element and fire an event.\n */\n if (!_config2.default.is_touch_moving) {\n /*\n Extracts the needed attributes from the element.\n */\n var playlist = this.getAttribute(\"data-amplitude-playlist\");\n var songIndex = this.getAttribute(\"data-amplitude-song-index\");\n var location = this.getAttribute(\"data-amplitude-location\");\n\n /*\n If the location is null, write a message. We can't skip to a location\n that is null\n */\n if (location == null) {\n _debug2.default.writeMessage(\"You must add an 'data-amplitude-location' attribute in seconds to your 'amplitude-skip-to' element.\");\n }\n\n /*\n If the song index is null, write a debug message. We can't skip to a location\n of a null song.\n */\n if (songIndex == null) {\n _debug2.default.writeMessage(\"You must add an 'data-amplitude-song-index' attribute to your 'amplitude-skip-to' element.\");\n }\n\n /*\n If the location and song index are set, continue.\n */\n if (location != null && songIndex != null) {\n /*\n Determines if the skip to button is in the scope of a playlist.\n */\n if (playlist == null) {\n handleSkipToSong(parseInt(songIndex), parseInt(location));\n } else {\n handleSkipToPlaylist(playlist, parseInt(songIndex), parseInt(location));\n }\n }\n }\n }\n\n /**\n * Handles the skipping to a specific song\n *\n * @access private\n * @param {string} songIndex - The index of the song being skipped to\n * @param {number} location - The seconds location of the song in the playlist.\n */\n function handleSkipToSong(songIndex, location) {\n /*\n Changes the song to where it's being skipped and then\n play the song.\n */\n _audioNavigation2.default.changeSong(_config2.default.songs[songIndex], songIndex);\n _core2.default.play();\n\n /*\n Syncs all of the play pause buttons now that we've skipped.\n */\n _playPauseElements2.default.syncGlobal();\n _playPauseElements2.default.syncSong();\n\n /*\n Skip to the location in the song.\n */\n _core2.default.skipToLocation(location);\n }\n\n /**\n * Handles the skipping to a song that's in a playlist.\n *\n * @access private\n * @param {string} playlist - The playlist being skipped to\n * @param {string} songIndex - The index of the song in the playlist\n * @param {number} location - The seconds location of the song in the playlist.\n */\n function handleSkipToPlaylist(playlist, songIndex, location) {\n /*\n Checks if we are skipping to a new playlist\n */\n if (_checks2.default.newPlaylist(playlist)) {\n _audioNavigation2.default.setActivePlaylist(playlist);\n }\n\n /*\n Changes the song to where it's being skipped and then\n play the song.\n */\n _audioNavigation2.default.changeSongPlaylist(playlist, _config2.default.playlists[playlist].songs[songIndex], songIndex);\n _core2.default.play();\n\n /*\n Sync all of the play pause elements.\n */\n _playPauseElements2.default.syncGlobal();\n _playPauseElements2.default.syncPlaylist();\n _playPauseElements2.default.syncSong();\n\n /*\n Skip to the location in the song.\n */\n _core2.default.skipToLocation(location);\n }\n\n /**\n * Return public facing methods\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the AmplitudeJS play pause elements.\n * @module visual/PlayPauseElements\n */\n\n\n/**\n * Imports the AmplitudeJS Checks Utility\n * @module utilities/Checks\n */\n\n\n/**\n * Imports AmplitudeJS Debug Utility\n * @module utilities/debug\n */\nexports.default = SkipTo;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 40 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _time = __webpack_require__(23);\n\nvar _time2 = _interopRequireDefault(_time);\n\nvar _songSliderElements = __webpack_require__(14);\n\nvar _songSliderElements2 = _interopRequireDefault(_songSliderElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles the song slider to event.\n *\n * @module events/SongSlider\n */\n\n\n/**\n * Imports the time utility\n * @module utilities/Time\n */\nvar SongSlider = function () {\n /**\n * Handles a song slider element.\n *\n * HANDLER FOR: class=\"amplitude-song-slider\"\n *\n * GLOBAL: class=\"amplitude-song-slider\"\n * PLAYLIST: class=\"amplitude-song-slider\" amplitude-playlist=\"playlist_key\"\n * SONG: class=\"amplitude-song-slider\" amplitude-song-index=\"song_index\"\n * SONG IN PLAYLIST: class=\"amplitude-song-slider\" amplitude-playlist=\"playlist_key\" amplitude-song-index=\"song_index\"\n *\n * @access public\n */\n function handle() {\n /*\n Gets the percentage of the song we will be setting the location for.\n */\n var locationPercentage = this.value;\n\n /*\n Computes the time in seconds for the current song.\n */\n var computedTime = _config2.default.audio.duration * (locationPercentage / 100);\n\n /*\n Gets the attributes for playlist and index for the element.\n */\n var playlist = this.getAttribute(\"data-amplitude-playlist\");\n var song = this.getAttribute(\"data-amplitude-song-index\");\n\n /*\n If no playlist or song is defined, then it's a global song slider.\n */\n if (playlist == null && song == null) {\n handleGlobalSongSlider(computedTime, locationPercentage);\n }\n\n /*\n If a playlist but no song is defined, then it's playlist slider.\n */\n if (playlist != null && song == null) {\n handlePlaylistSongSlider(computedTime, locationPercentage, playlist);\n }\n\n /*\n If no playlist but a song is defined, then it's a song slider.\n */\n if (playlist == null && song != null) {\n handleSongSongSlider(computedTime, locationPercentage, song);\n }\n\n /*\n If playlist and song are defined then it's a song in a playlist\n slider.\n */\n if (playlist != null && song != null) {\n handleSongInPlaylistSongSlider(computedTime, locationPercentage, playlist, song);\n }\n }\n\n /**\n * Handles a change on a global audio slider\n *\n * @access private\n * @param {integer} computedTime - The time we will set the audio to.\n * @param {float} locationPercentage - The percent through the song.\n */\n function handleGlobalSongSlider(computedTime, locationPercentage) {\n /*\n If the active song is not live, set the current time and adjust the slider.\n */\n if (!_config2.default.active_metadata.live) {\n _time2.default.setCurrentTime(computedTime);\n\n /*\n Sync song slider elements.\n */\n _songSliderElements2.default.sync(locationPercentage, _config2.default.active_playlist, _config2.default.active_index);\n }\n }\n\n /**\n * Handles a change on a playlist audio slider\n *\n * @access private\n * @param {integer} computedTime - The time we will set the audio to.\n * @param {float} locationPercentage - The percent through the song.\n * @param {string} playlist = The playlist the song slider belongs to.\n */\n function handlePlaylistSongSlider(computedTime, locationPercentage, playlist) {\n /*\n We don't want to song slide a playlist that's not the\n active placylist.\n */\n if (_config2.default.active_playlist == playlist) {\n /*\n If the active song is not live, set the current time\n */\n if (!_config2.default.active_metadata.live) {\n _time2.default.setCurrentTime(computedTime);\n\n /*\n Sync song slider elements.\n */\n _songSliderElements2.default.sync(locationPercentage, playlist, _config2.default.active_index);\n }\n }\n }\n\n /**\n * Handles a change on a song audio slider\n *\n * @access private\n * @param {integer} computedTime - The time we will set the audio to.\n * @param {float} locationPercentage - The percent through the song.\n * @param {integer} songIndex = The song being navigated.\n */\n function handleSongSongSlider(computedTime, locationPercentage, songIndex) {\n /*\n We only want to move the slider if the active song is the\n same as the song being selected.\n */\n if (_config2.default.active_index == songIndex && _config2.default.active_playlist == null) {\n /*\n If the active song is not live, set the current time\n */\n if (!_config2.default.active_metadata.live) {\n _time2.default.setCurrentTime(computedTime);\n\n /*\n Sync song slider elements.\n */\n _songSliderElements2.default.sync(locationPercentage, _config2.default.active_playlist, songIndex);\n }\n }\n }\n\n /**\n * Handles a change on a song audio slider\n *\n * @access private\n * @param {integer} computedTime - The time we will set the audio to.\n * @param {float} locationPercentage - The percent through the song.\n * @param {integer} playlist = The playlist the song belongs to.\n * @param {integer} songIndex = The song being navigated.\n */\n function handleSongInPlaylistSongSlider(computedTime, locationPercentage, playlist, songIndex) {\n /*\n We only want to move the slider if the active song is the\n same as the song being selected and the active playlist is the same\n as the playlist selected.\n */\n if (_config2.default.playlists[playlist].active_index == songIndex && _config2.default.active_playlist == playlist) {\n /*\n If the active song is not live, set the current time\n */\n if (!_config2.default.active_metadata.live) {\n _time2.default.setCurrentTime(computedTime);\n\n /*\n Sync song slider elements.\n */\n _songSliderElements2.default.sync(locationPercentage, playlist, songIndex);\n }\n }\n }\n\n /*\n Return public facing methods\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the song slider elements.\n * @module visual/SongSliderElements\n */\n/**\n * Imports the config module\n * @module config\n */\nexports.default = SongSlider;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 41 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _configState = __webpack_require__(6);\n\nvar _configState2 = _interopRequireDefault(_configState);\n\nvar _playPauseElements = __webpack_require__(2);\n\nvar _playPauseElements2 = _interopRequireDefault(_playPauseElements);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles all of the stop events\n * @module events/Stop\n */\n\n\n/**\n * Imports the AmplitudeJS Play Pause Elements\n * @module visual/PlayPauseElements\n */\n/**\n * Imports the config module\n * @module config\n */\nvar Stop = function () {\n /**\n * Handles an event on a stop element.\n *\n * HANDLER FOR: class=\"amplitude-stop\"\n *\n * @access public\n */\n function handle() {\n /*\n If touch is not moving, we run. We don't want to accidentally press\n stop if touch is moving.\n */\n if (!_config2.default.is_touch_moving) {\n /*\n Sets all of the play/pause buttons to pause\n */\n _playPauseElements2.default.syncToPause();\n\n /*\n Stops the active song.\n */\n _core2.default.stop();\n\n /*\n Set the state of the player.\n */\n _configState2.default.setPlayerState();\n }\n }\n\n /**\n * Returns public facing methods\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the AmplitudeJS Core Methods\n * @module core/Core\n */\n\n\n/**\n * Imports the config state module.\n * @module utilities/configState\n */\nexports.default = Stop;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 42 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _bufferedProgressElements = __webpack_require__(24);\n\nvar _bufferedProgressElements2 = _interopRequireDefault(_bufferedProgressElements);\n\nvar _timeElements = __webpack_require__(15);\n\nvar _timeElements2 = _interopRequireDefault(_timeElements);\n\nvar _songSliderElements = __webpack_require__(14);\n\nvar _songSliderElements2 = _interopRequireDefault(_songSliderElements);\n\nvar _songPlayedProgressElements = __webpack_require__(20);\n\nvar _songPlayedProgressElements2 = _interopRequireDefault(_songPlayedProgressElements);\n\nvar _time = __webpack_require__(23);\n\nvar _time2 = _interopRequireDefault(_time);\n\nvar _callbacks = __webpack_require__(7);\n\nvar _callbacks2 = _interopRequireDefault(_callbacks);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS Event Handler for Time Update\n *\n * @module events/TimeUpdate\n */\n\n\n/**\n * Imports the Time utility class\n * @module utilities/Time\n */\n\n\n/**\n * Imports the Song Slider Elements visual class.\n * @module visual/songSliderElements\n */\n\n\n/**\n * Imports the Buffered Progress Elements visual class\n * @module visual/bufferedProgressElements\n */\nvar TimeUpdate = function () {\n /**\n * When the time updates on the active song, we sync the current time displays\n *\n * HANDLER FOR: timeupdate\n *\n * @access public\n */\n function handle() {\n /*\n Computes the buffered time.\n */\n computeBufferedTime();\n\n /*\n Sync the buffered progress elements.\n */\n _bufferedProgressElements2.default.sync();\n\n /*\n Updates the current time information.\n */\n updateTimeInformation();\n\n /*\n Run time callbacks\n */\n runTimeCallbacks();\n }\n\n /**\n * Computes the buffered time\n */\n function computeBufferedTime() {\n /*\n Help from: http://jsbin.com/badimipi/1/edit?html,js,output\n */\n if (_config2.default.audio.buffered.length - 1 >= 0) {\n var bufferedEnd = _config2.default.audio.buffered.end(_config2.default.audio.buffered.length - 1);\n var duration = _config2.default.audio.duration;\n\n _config2.default.buffered = bufferedEnd / duration * 100;\n }\n }\n\n /**\n * Updates the current time information.\n * @access private\n */\n function updateTimeInformation() {\n /*\n If the current song is not live, then\n we can update the time information. Otherwise the\n current time updates wouldn't mean much since the time\n is infinite.\n */\n if (!_config2.default.active_metadata.live) {\n /*\n Compute the current time\n */\n var currentTime = _time2.default.computeCurrentTimes();\n\n /*\n Compute the song completion percentage\n */\n var songCompletionPercentage = _time2.default.computeSongCompletionPercentage();\n\n /*\n Computes the song duration\n */\n var songDuration = _time2.default.computeSongDuration();\n\n /*\n Sync the current time elements with the current\n location of the song and the song duration elements with\n the duration of the song.\n */\n _timeElements2.default.syncCurrentTimes(currentTime);\n\n /*\n Sync the song slider elements.\n */\n _songSliderElements2.default.sync(songCompletionPercentage, _config2.default.active_playlist, _config2.default.active_index);\n\n /*\n Sync the song played progress elements.\n */\n _songPlayedProgressElements2.default.sync(songCompletionPercentage);\n\n /*\n Sync the duration time elements.\n */\n _timeElements2.default.syncDurationTimes(currentTime, songDuration);\n }\n }\n\n /**\n * Runs a callback at a certain time in the song.\n */\n function runTimeCallbacks() {\n /*\n Gets the current seconds into the song.\n */\n var currentSeconds = Math.floor(_config2.default.audio.currentTime);\n\n /*\n Checks to see if there is a callback at the certain seconds into the song.\n */\n if (_config2.default.active_metadata.time_callbacks != undefined && _config2.default.active_metadata.time_callbacks[currentSeconds] != undefined) {\n /*\n Checks to see if the callback has been run. Since the time updates more than\n one second, we don't want the callback to run X times.\n */\n if (!_config2.default.active_metadata.time_callbacks[currentSeconds].run) {\n _config2.default.active_metadata.time_callbacks[currentSeconds].run = true;\n _config2.default.active_metadata.time_callbacks[currentSeconds]();\n }\n } else {\n /*\n Iterate over all of the callbacks for a song. If the song has one, we flag\n the run as false. This occurs because we have passed the active second for\n the callback, so we flag it as not run. It will either run again if the user\n seeks back or not run in the future.\n */\n for (var seconds in _config2.default.active_metadata.time_callbacks) {\n if (_config2.default.active_metadata.time_callbacks.hasOwnProperty(seconds)) {\n _config2.default.active_metadata.time_callbacks[seconds].run = false;\n }\n }\n }\n }\n /**\n * Returns public functions\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the Callback utility class\n * @module utilities/Callbacks\n */\n\n\n/**\n * Imports the Song Played Progress Elements visual class.\n * @module visual/songPlayedProgressElements\n */\n\n\n/**\n * Imports the Time Elements visual class.\n * @module visual/timeElements\n */\n/**\n * Imports the config module\n * @module config\n */\nexports.default = TimeUpdate;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 43 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _muteElements = __webpack_require__(10);\n\nvar _muteElements2 = _interopRequireDefault(_muteElements);\n\nvar _volumeSliderElements = __webpack_require__(11);\n\nvar _volumeSliderElements2 = _interopRequireDefault(_volumeSliderElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles all events for a volume down event.\n * @module events/VolumeDown\n */\n\n\n/**\n * Imports the AmplitudeJS Visual Mute Elements\n * @module visual/MuteElements\n */\n/**\n * Imports the config to use the values\n */\nvar VolumeDown = function () {\n /**\n * Handles a click on a volume down element.\n *\n * HANDLER FOR: class=\"amplitude-volume-down\"\n *\n * @access public\n */\n function handle() {\n /*\n We don't fire this if the user is touching the screen and it's moving.\n This could lead to a mis-fire\n */\n if (!_config2.default.is_touch_moving) {\n /*\n The volume range is from 0 to 1 for an audio element. We make this\n a base of 100 for ease of working with.\n If the new value is less than 100, we use the new calculated\n value which gets converted to the proper unit for the audio element.\n If the new value is greater than 100, we set the volume to 1 which\n is the max for the audio element.\n */\n var volume = null;\n\n if (_config2.default.volume - _config2.default.volume_increment > 0) {\n volume = _config2.default.volume - _config2.default.volume_increment;\n } else {\n volume = 0;\n }\n\n /*\n Calls the core function to set the volume to the computed value\n based on the user's intent.\n */\n _core2.default.setVolume(volume);\n\n /*\n Sync Mute Elements.\n */\n _muteElements2.default.setMuted(_config2.default.volume == 0 ? true : false);\n\n /*\n Sync Volume Slider Elements\n */\n _volumeSliderElements2.default.sync();\n }\n }\n\n /**\n * Returns the public facing methods\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the AmplitudeJS Visual Volume Slider Elements\n * @module visual/VolumeSliderElements\n */\n\n\n/**\n * Imports the AmplitudeJS Core Methods\n * @module core/core\n */\nexports.default = VolumeDown;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 44 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _muteElements = __webpack_require__(10);\n\nvar _muteElements2 = _interopRequireDefault(_muteElements);\n\nvar _volumeSliderElements = __webpack_require__(11);\n\nvar _volumeSliderElements2 = _interopRequireDefault(_volumeSliderElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles all events for a volume up event.\n * @module events/VolumeSlider\n */\n\n\n/**\n * Imports the AmplitudeJS Visual Mute Elements\n * @module visual/MuteElements\n */\n/**\n * Imports the config to use the values\n */\nvar VolumeSlider = function () {\n /**\n * Handles a change on the volume slider\n *\n * HANDLER FOR: class=\"amplitude-volume-slider\"\n *\n * @access public\n */\n function handle() {\n /*\n Calls the core function to set the volume to the computed value\n based on the user's intent.\n */\n _core2.default.setVolume(this.value);\n\n /*\n Sync Mute Elements.\n */\n _muteElements2.default.setMuted(_config2.default.volume == 0 ? true : false);\n\n /*\n Sync the volume slider locations\n */\n _volumeSliderElements2.default.sync();\n }\n\n /**\n * Returns the public facing methods\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the AmplitudeJS Visual Volume Slider Elements\n * @module visual/VolumeSliderElements\n */\n\n\n/**\n * Imports the AmplitudeJS Core Methods\n * @module core/core\n */\nexports.default = VolumeSlider;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 45 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _muteElements = __webpack_require__(10);\n\nvar _muteElements2 = _interopRequireDefault(_muteElements);\n\nvar _volumeSliderElements = __webpack_require__(11);\n\nvar _volumeSliderElements2 = _interopRequireDefault(_volumeSliderElements);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Handles all events for a volume up event.\n * @module events/VolumeUp\n */\n\n\n/**\n * Imports the AmplitudeJS Visual Mute Elements\n * @module visual/MuteElements\n */\n/**\n * Imports the config to use the values\n */\nvar VolumeUp = function () {\n /**\n * Handles a click on a volume up element.\n *\n * HANDLER FOR: class=\"amplitude-volume-up\"\n *\n * @access public\n */\n function handle() {\n /*\n We don't fire this if the user is touching the screen and it's moving.\n This could lead to a mis-fire\n */\n if (!_config2.default.is_touch_moving) {\n /*\n The volume range is from 0 to 1 for an audio element. We make this\n a base of 100 for ease of working with.\n If the new value is less than 100, we use the new calculated\n value which gets converted to the proper unit for the audio element.\n If the new value is greater than 100, we set the volume to 1 which\n is the max for the audio element.\n */\n var volume = null;\n\n if (_config2.default.volume + _config2.default.volume_increment <= 100) {\n volume = _config2.default.volume + _config2.default.volume_increment;\n } else {\n volume = 100;\n }\n\n /*\n Calls the core function to set the volume to the computed value\n based on the user's intent.\n */\n _core2.default.setVolume(volume);\n\n /*\n Sync Mute Elements.\n */\n _muteElements2.default.setMuted(_config2.default.volume == 0 ? true : false);\n\n /*\n Sync Volume Slider Elements\n */\n _volumeSliderElements2.default.sync();\n }\n }\n\n /**\n * Returns the public facing methods\n */\n return {\n handle: handle\n };\n}();\n\n/**\n * Imports the AmplitudeJS Visual Volume Slider Elements\n * @module visual/VolumeSliderElements\n */\n\n\n/**\n * Imports the AmplitudeJS Core Methods\n * @module core/core\n */\nexports.default = VolumeUp;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 46 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * AmplitudeJS FX Module. Helps with configuring and setting up visualizations\n * and any other features of the Web Audio API that Amplitude takes advantage\n * of.\n *\n * @module fx/FX\n */\nvar Fx = function () {\n /**\n * Configures the Web Audio API to work with AmplitudeJS\n */\n function configureWebAudioAPI() {\n /*\n Gets the context for the browser. If this is null, the Web Audio\n API is unavailable.\n */\n var browserContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.oAudioContext || window.msAudioContext;\n\n /*\n If we have a context, the Web Audio API is available and we can continue,\n otherwise, we alert the user if they have debug turned on.\n */\n if (browserContext) {\n /*\n Web Audio API is available, set the context in our config.\n */\n _config2.default.context = new browserContext();\n\n /*\n Create an analyzer that we will use in the context.\n */\n _config2.default.analyser = _config2.default.context.createAnalyser();\n\n /*\n Set cross origin to anonymous so we have a better chance of being able\n to use the power of the Web Audio API.\n */\n _config2.default.audio.crossOrigin = \"anonymous\";\n\n /*\n Bind the source to the Javascript Audio Element.\n */\n _config2.default.source = _config2.default.context.createMediaElementSource(_config2.default.audio);\n\n /*\n Connect the analyser to the source\n */\n _config2.default.source.connect(_config2.default.analyser);\n\n /*\n Connect the context destination to the analyser.\n */\n _config2.default.analyser.connect(_config2.default.context.destination);\n } else {\n AmplitudeHelpers.writeDebugMessage(\"Web Audio API is unavailable! We will set any of your visualizations with your back up definition!\");\n }\n }\n\n /**\n * Determines if the web audio API is available or not.\n */\n function webAudioAPIAvailable() {\n /*\n Gets the context for the browser. If this is null, the Web Audio\n API is unavailable.\n */\n var browserContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.oAudioContext || window.msAudioContext;\n _config2.default.web_audio_api_available = false;\n\n /*\n Determines if the Web Audio API is available or not.\n */\n if (browserContext) {\n /*\n Set the flag in the config that the Web Audio API is available\n */\n _config2.default.web_audio_api_available = true;\n return true;\n } else {\n /*\n Set the flag in the config that the Web Audio API is not available\n */\n _config2.default.web_audio_api_available = false;\n return false;\n }\n }\n\n /**\n * Determines if the user is using any of the web audio API features.\n */\n function determineUsingAnyFX() {\n var waveforms = document.querySelectorAll(\".amplitude-wave-form\");\n var visualizationElements = document.querySelectorAll(\".amplitude-visualization\");\n\n if (waveforms.length > 0 || visualizationElements.length > 0) {\n return true;\n } else {\n return false;\n }\n }\n\n /*\n Returns the publicly accessible methods\n */\n return {\n configureWebAudioAPI: configureWebAudioAPI,\n webAudioAPIAvailable: webAudioAPIAvailable,\n determineUsingAnyFX: determineUsingAnyFX\n };\n}(); /**\n * Imports the config module\n * @module config\n */\nexports.default = Fx;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 47 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _init = __webpack_require__(21);\n\nvar _init2 = _interopRequireDefault(_init);\n\nvar _config = __webpack_require__(0);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _core = __webpack_require__(1);\n\nvar _core2 = _interopRequireDefault(_core);\n\nvar _shuffler = __webpack_require__(13);\n\nvar _shuffler2 = _interopRequireDefault(_shuffler);\n\nvar _configState = __webpack_require__(6);\n\nvar _configState2 = _interopRequireDefault(_configState);\n\nvar _audioNavigation = __webpack_require__(3);\n\nvar _audioNavigation2 = _interopRequireDefault(_audioNavigation);\n\nvar _repeater = __webpack_require__(12);\n\nvar _repeater2 = _interopRequireDefault(_repeater);\n\nvar _checks = __webpack_require__(5);\n\nvar _checks2 = _interopRequireDefault(_checks);\n\nvar _visualizations = __webpack_require__(16);\n\nvar _visualizations2 = _interopRequireDefault(_visualizations);\n\nvar _shuffleElements = __webpack_require__(19);\n\nvar _shuffleElements2 = _interopRequireDefault(_shuffleElements);\n\nvar _repeatElements = __webpack_require__(9);\n\nvar _repeatElements2 = _interopRequireDefault(_repeatElements);\n\nvar _songSliderElements = __webpack_require__(14);\n\nvar _songSliderElements2 = _interopRequireDefault(_songSliderElements);\n\nvar _songPlayedProgressElements = __webpack_require__(20);\n\nvar _songPlayedProgressElements2 = _interopRequireDefault(_songPlayedProgressElements);\n\nvar _timeElements = __webpack_require__(15);\n\nvar _timeElements2 = _interopRequireDefault(_timeElements);\n\nvar _playPauseElements = __webpack_require__(2);\n\nvar _playPauseElements2 = _interopRequireDefault(_playPauseElements);\n\nvar _metaDataElements = __webpack_require__(8);\n\nvar _metaDataElements2 = _interopRequireDefault(_metaDataElements);\n\nvar _playbackSpeedElements = __webpack_require__(18);\n\nvar _playbackSpeedElements2 = _interopRequireDefault(_playbackSpeedElements);\n\nvar _debug = __webpack_require__(4);\n\nvar _debug2 = _interopRequireDefault(_debug);\n\nvar _soundcloud = __webpack_require__(17);\n\nvar _soundcloud2 = _interopRequireDefault(_soundcloud);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Amplitude should just be an interface to the public functions.\n * Everything else should be handled by other objects\n *\n * @module Amplitude\n */\n\n\n/**\n * Meta Data Elements\n * @module visual/MetaDataElements\n */\n\n\n/**\n * Time Elements\n * @module visual/TimeElements\n */\n\n\n/**\n * Song Slider Elements\n * @module visual/SongSliderElements\n */\n\n\n/****************************************************\n * Elements\n ****************************************************/\n/**\n * Visual Shuffle Elements\n * @module visual/ShuffleElements\n */\n\n\n/**\n * Imports the checks\n * @module utilities/Checks\n */\n\n\n/**\n * Imports the audio navigation\n * @module utilities/AudioNavigation\n */\n\n\n/****************************************************\n * Utilities\n ****************************************************/\n/**\n * Shuffler Module\n * @module utilities/Shuffler\n */\n\n\n/****************************************************\n * Config\n ****************************************************/\n/**\n * Imports the config module\n * @module config\n */\nvar Amplitude = function () {\n /**\n * The main init function. The user will call this through\n * Amplitude.init({}) and pass in their settings.\n *\n * Public Accessor: Amplitude.init( user_config_json );\n *\n * @access public\n * @param {object} userConfig \t- A JSON object of user defined values that helps configure and initialize AmplitudeJS.\n */\n function init(userConfig) {\n _init2.default.initialize(userConfig);\n }\n\n /**\n * Returns the current config for AmplitudeJS\n */\n function getConfig() {\n return _config2.default;\n }\n\n /**\n * Binds new elements that were added to the page.\n *\n * Public Accessor: Amplitude.bindNewElements()\n *\n * @access public\n */\n function bindNewElements() {\n _init2.default.rebindDisplay();\n }\n\n /**\n * Returns the active playlist.\n *\n * Public Accessor: Amplitude.getActivePlaylist()\n *\n * @access public\n */\n function getActivePlaylist() {\n return _config2.default.active_playlist;\n }\n\n /**\n * Returns the current playback speed.\n *\n * Public Accessor: Amplitude.getPlaybackSpeed()\n *\n * @access public\n */\n function getPlaybackSpeed() {\n return _config2.default.playback_speed;\n }\n\n /**\n * Sets the playback speed\n * \n * Public Accessor: Amplitude.setPlaybackSpeed( speed )\n * \n * @access public\n */\n function setPlaybackSpeed(speed) {\n /*\n Increments are set in .5 We only accept values\n 1, 1.5, 2\n 1 -> Regular Speed\n 1.5 -> 50% faster\n 2 -> Twice as fast\n */\n _core2.default.setPlaybackSpeed(speed);\n\n /*\n Visually sync the playback speed.\n */\n _playbackSpeedElements2.default.sync();\n }\n\n /**\n * Gets the repeat state of the player.\n *\n * Public Accessor: Amplitude.getRepeat()\n *\n * @access public\n */\n function getRepeat() {\n return _config2.default.repeat;\n }\n\n /**\n * Gets the repeat state for a playlist\n *\n * Public Accessor: Amplitude.getRepeatPlaylist()\n *\n * @access public\n */\n function getRepeatPlaylist(playlistKey) {\n return _config2.default.playlists[playlistKey].repeat;\n }\n\n /**\n * Returns the shuffle state of the player.\n *\n * Public Accessor: Amplitude.getShuffle()\n *\n * @access public\n */\n function getShuffle() {\n return _config2.default.shuffle_on;\n }\n\n /**\n * Returns the shuffle state of the playlist.\n *\n * Public Accessor: Amplitude.getShufflePlaylist( playlist )\n *\n * @access public\n * @param {string} playlist \t- The key representing the playlist ID to see if it's shuffled or not.\n */\n function getShufflePlaylist(playlist) {\n return _config2.default.playlists[playlist].shuffle;\n }\n\n /**\n * Sets the shuffle state for the player.\n *\n * Public Accessor: Amplitude.setShuffle()\n *\n * @param {boolean} shuffle \t- True when we are shuffling the songs, false when we turn off shuffle.\n *\n * @access public\n */\n function setShuffle(shuffle) {\n _shuffler2.default.setShuffle(shuffle);\n\n _shuffleElements2.default.syncMain();\n }\n\n /**\n * Sets the shuffle state for the playlist\n *\n * Public Accessor: Amplitude.setShufflePlaylist( playlist )\n *\n * @access public\n * @param {string} playlist \t- The key representing the playlist ID to to shuffle the playlist.\n * @param {boolean} shuffle \t- True when we are shuffling the playlist, false when we turn off shuffle.\n */\n function setShufflePlaylist(playlist, shuffle) {\n _shuffler2.default.setShufflePlaylist(playlist, shuffle);\n\n _shuffleElements2.default.syncMain();\n _shuffleElements2.default.syncPlaylist(playlist);\n }\n\n /**\n * Sets the repeat state for the player.\n *\n * Public Accessor: Amplitude.setRepeat()\n *\n * @access public\n * @param {boolean} repeatState \t- The state you want the repeat song to be in.\n */\n function setRepeat(repeatState) {\n _repeater2.default.setRepeat(repeatState);\n _repeatElements2.default.syncRepeat();\n }\n\n /**\n * Sets the repeat state for a playlist.\n *\n * Public Accessor: Amplitude.setRepeatPlaylist( playlistKey )\n *\n * @access public\n * @param {string} playlist \t- The key representing the playlist ID to to shuffle the playlist.\n * @param {boolean} repeatState - The state you want the repeat playlist to be in.\n */\n function setRepeatPlaylist(playlist, repeatState) {\n _repeater2.default.setRepeatPlaylist(repeatState, playlist);\n _repeatElements2.default.syncRepeatPlaylist(playlist);\n }\n\n /**\n * Sets the repeat state for the song.\n *\n * Public Accessor: Amplitude.setRepeatSong()\n *\n * @access public\n * @param {boolean} repeatState \t- The state you want the repeat song status to be in.\n */\n function setRepeatSong(repeatState) {\n if (!_config2.default.is_touch_moving) {\n /*\n Sets repeat to the opposite of what it was set to\n */\n _repeater2.default.setRepeatSong(!_config2.default.repeat_song);\n\n /*\n Visually sync repeat song\n */\n _repeatElements2.default.syncRepeatSong();\n }\n }\n\n /**\n * Gets the default album art for the player\n *\n * Public Accessor: Amplitude.getDefaultAlbumArt()\n *\n * @access public\n */\n function getDefaultAlbumArt() {\n return _config2.default.default_album_art;\n }\n\n /**\n * Gets the default playlist art for the playlists\n *\n * Public Accessor: Amplitude.getDefaultPlaylistArt()\n *\n * @access public\n */\n function getDefaultPlaylistArt() {\n return _config2.default.default_playlist_art;\n }\n\n /**\n * Sets the default album art for the player\n *\n * Public Accessor: Amplitude.setDefaultAlbumArt( url )\n *\n * @access public\n * @param {string} url \t- A string representing the URL of the new default album art.\n */\n function setDefaultAlbumArt(url) {\n _config2.default.default_album_art = url;\n }\n\n /**\n * Sets the default playlist art for the player\n *\n * Public Accessor: Amplitude.setDefaultPlaylistArt( url )\n *\n * @access public\n * @param {string} url - A string representing the URL of the new default playlist art.\n */\n function setDefaultPlaylistArt(url) {\n _config2.default.default_plalist_art = url;\n }\n\n /**\n * Allows the user to get the percentage of the song played.\n *\n * Public Accessor: Amplitude.getSongPlayedPercentage();\n *\n * @access public\n */\n function getSongPlayedPercentage() {\n /*\n Returns the percentage of the song played.\n */\n return _config2.default.audio.currentTime / _config2.default.audio.duration * 100;\n }\n\n /**\n * Allows the user to get the amount of seconds the song has played.\n *\n * Public Accessor: Amplitude.getSongPlayed();\n *\n * @access public\n */\n function getSongPlayedSeconds() {\n /*\n Returns the amount of seconds the song has played.\n */\n return _config2.default.audio.currentTime;\n }\n\n /**\n * Allows the user to get the duration of the current song\n *\n * Public Accessor: Amplitude.getSongPlayed();\n *\n * @access public\n */\n function getSongDuration() {\n /*\n Returns the duration of the current song\n */\n return _config2.default.audio.duration;\n }\n\n /**\n * Allows the user to set how far into the song they want to be. This is\n * helpful for implementing custom range sliders. Only works on the current song.\n *\n * Public Accessor: Amplitude.setSongPlayedPercentage( float );\n *\n * @access public\n * @param {number} percentage \t- The percentage of the song played\n */\n function setSongPlayedPercentage(percentage) {\n /*\n Ensures the percentage is a number and is between 0 and 100.\n */\n if (typeof percentage == \"number\" && percentage > 0 && percentage < 100) {\n /*\n Sets the current time of the song to the percentage.\n */\n _config2.default.audio.currentTime = _config2.default.audio.duration * (percentage / 100);\n }\n }\n\n /**\n * Allows the user to turn on debugging.\n *\n * Public Accessor: Amplitude.setDebug( bool );\n *\n * @access public\n * @param {boolean} state \t\t- Turns debugging on and off.\n */\n function setDebug(state) {\n /*\n Sets the global config debug on or off.\n */\n _config2.default.debug = state;\n }\n\n /**\n * Returns the active song meta data for the user to do what is\n * needed.\n *\n * Public Accessor: Amplitude.getActiveSongMetadata();\n *\n * @access public\n * @returns {object} JSON Object with the active song information\n */\n function getActiveSongMetadata() {\n return _config2.default.active_metadata;\n }\n\n /**\n * Returns the active playlist meta data for the for the user to use.\n *\n * Public Accessor: Amplitude.getActivePlaylistMetadata();\n *\n * @access public\n * @returns {object} JSON representation for the active playlist\n */\n function getActivePlaylistMetadata() {\n return _config2.default.playlists[_config2.default.active_playlist];\n }\n\n /**\n * Returns a song in the songs array at that index\n *\n * Public Accessor: Amplitude.getSongAtIndex( song_index )\n *\n * @access public\n * @param {number} index \t- The integer for the index of the song in the songs array.\n * @returns {object} JSON representation for the song at a specific index.\n */\n function getSongAtIndex(index) {\n return _config2.default.songs[index];\n }\n\n /**\n * Returns a song at a playlist index\n *\n * Public Accessor: Amplitude.getSongAtPlaylistIndex( playlist, index\n *\n * @access public\n * @param {number} index \t\t\t- The integer for the index of the song in the playlist.\n * @param {string} playlist\t\t- The key of the playlist we are getting the song at the index for\n * @returns {object} JSON representation for the song at a specific index.\n */\n function getSongAtPlaylistIndex(playlist, index) {\n var song = _config2.default.playlists[playlist].songs[index];\n\n return song;\n }\n\n /**\n * Adds a song to the end of the config array. This will allow Amplitude\n * to play the song in a playlist type setting.\n *\n * Public Accessor: Amplitude.addSong( song_json )\n *\n * @access public\n * @param {object} song \t- JSON representation of a song.\n * @returns {number} New index of the song.\n */\n function addSong(song) {\n /*\n Ensures we have a songs array to push to.\n */\n if (_config2.default.songs == undefined) {\n _config2.default.songs = [];\n }\n\n _config2.default.songs.push(song);\n\n if (_config2.default.shuffle_on) {\n _config2.default.shuffle_list.push(song);\n }\n\n if (_soundcloud2.default.isSoundCloudURL(song.url)) {\n _soundcloud2.default.resolveIndividualStreamableURL(song.url, null, _config2.default.songs.length - 1, _config2.default.shuffle_on);\n }\n\n return _config2.default.songs.length - 1;\n }\n\n /**\n * Adds a song to a playlist. This will allow Amplitude to play the song in the\n * playlist\n *\n * Public Accessor: Amplitude.addSongToPlaylist( song_json, playlist_key )\n *\n * @access public\n * @param {object} song \t\t\t- JSON representation of a song.\n * @param {string} playlist\t\t- Playlist we are adding the song to.\n * @returns {mixed} New index of song in playlist or null if no playlist exists\n */\n function addSongToPlaylist(song, playlist) {\n if (_config2.default.playlists[playlist] != undefined) {\n _config2.default.playlists[playlist].songs.push(song);\n\n if (_config2.default.playlists[playlist].shuffle) {\n _config2.default.playlists[playlist].shuffle_list.push(song);\n }\n\n if (_soundcloud2.default.isSoundCloudURL(song.url)) {\n _soundcloud2.default.resolveIndividualStreamableURL(song.url, playlist, _config2.default.playlists[playlist].songs.length - 1, _config2.default.playlists[playlist].shuffle);\n }\n\n return _config2.default.playlists[playlist].songs.length - 1;\n } else {\n _debug2.default.writeMessage(\"Playlist doesn't exist!\");\n return null;\n }\n }\n\n /**\n * Adds a playlist to Amplitude.\n *\n * @param {string} key - The key of the playlist we are adding.\n * @param {object} data - The data relating to the playlist\n * @param {array} songs - The songs to add to the playlist\n */\n function addPlaylist(key, data, songs) {\n /*\n Ensures the playlist is not already defined.\n */\n if (_config2.default.playlists[key] == undefined) {\n /*\n Initialize the new playlist object.\n */\n _config2.default.playlists[key] = {};\n\n /*\n Define the ignored keys that we don't want to copy over.\n */\n var ignoredKeys = [\"repeat\", \"shuffle\", \"shuffle_list\", \"songs\", \"src\"];\n\n /*\n Iterate over all of the keys defined by the user and\n set them on the playlist.\n */\n for (var dataKey in data) {\n if (ignoredKeys.indexOf(dataKey) < 0) {\n _config2.default.playlists[key][dataKey] = data[dataKey];\n }\n }\n\n /*\n Initialize the default parameters for the playlist and set the songs.\n */\n _config2.default.playlists[key].songs = songs;\n _config2.default.playlists[key].active_index = null;\n _config2.default.playlists[key].repeat = false;\n _config2.default.playlists[key].shuffle = false;\n _config2.default.playlists[key].shuffle_list = [];\n\n return _config2.default.playlists[key];\n } else {\n _debug2.default.writeMessage(\"A playlist already exists with that key!\");\n return null;\n }\n }\n\n /**\n * Removes a song from the song array\n *\n * Public Accessor: Amplitude.removeSong( index )\n *\n * @access public\n * @param {integer} index - Index of the song being removed\n * @returns {boolean} True if removed false if not.\n */\n function removeSong(index) {\n _config2.default.songs.splice(index, 1);\n }\n\n /**\n * Removes a song from the playlist\n *\n * Public Accessor: Amplitude.removeSongFromPlaylist( index, playlist )\n *\n * @access public\n * @param {integer} index \t\t\t- Index of the song being removed from the playlist.\n * @param {string} playlist\t\t\t- Playlist we are removing the song from.\n * @returns {boolean} True if removed false if not.\n */\n function removeSongFromPlaylist(index, playlist) {\n if (_config2.default.playlists[playlist] != undefined) {\n _config2.default.playlists[playlist].songs.splice(index, 1);\n }\n }\n\n /**\n * When you pass a song object it plays that song right awawy. It sets\n * the active song in the config to the song you pass in and synchronizes\n * the visuals.\n *\n * Public Accessor: Amplitude.playNow( song )\n *\n * @access public\n * @param {object} song \t- JSON representation of a song.\n */\n function playNow(song) {\n /*\n Makes sure the song object has a URL associated with it\n or there will be nothing to play.\n */\n if (song.url) {\n _config2.default.audio.src = song.url;\n _config2.default.active_metadata = song;\n _config2.default.active_album = song.album;\n } else {\n /*\n Write error message since the song passed in doesn't\n have a URL.\n */\n _debug2.default.writeMessage(\"The song needs to have a URL!\");\n }\n\n /*\n Plays the song.\n */\n _core2.default.play();\n\n /*\n Sets the main song control status visual\n */\n _playPauseElements2.default.sync();\n\n /*\n Update the song meta data\n */\n _metaDataElements2.default.displayMetaData();\n\n /*\n Reset the song sliders, song progress bar info, and\n reset times. This ensures everything stays in sync.\n */\n _songSliderElements2.default.resetElements();\n\n /*\n Reset the song played progress elements.\n */\n _songPlayedProgressElements2.default.resetElements();\n\n /*\n Reset all of the current time elements.\n */\n _timeElements2.default.resetCurrentTimes();\n\n /*\n Reset all of the duration time elements.\n */\n _timeElements2.default.resetDurationTimes();\n\n /*\n Sets the state of the player.\n */\n _configState2.default.setPlayerState();\n }\n\n /**\n * Plays a song at the index passed in from the songs array.\n *\n * Public Accessor: Amplitude.playSongAtIndex( index )\n *\n * @access public\n * @param {number} index \t- The number representing the song in the songs array.\n */\n function playSongAtIndex(index) {\n /*\n Stop the current song.\n */\n _core2.default.stop();\n\n /*\n Determine if there is a new playlist, if so set the active playlist and change the song.\n */\n if (_checks2.default.newPlaylist(null)) {\n _audioNavigation2.default.setActivePlaylist(null);\n\n _audioNavigation2.default.changeSong(_config2.default.songs[index], index);\n }\n\n /*\n Check if the song is new. If so, change the song.\n */\n if (_checks2.default.newSong(null, index)) {\n _audioNavigation2.default.changeSong(_config2.default.songs[index], index);\n }\n\n /*\n Play the song\n */\n _core2.default.play();\n\n /*\n Sets the state of the player.\n */\n _configState2.default.setPlayerState();\n\n /*\n Sync all of the play pause buttons.\n */\n _playPauseElements2.default.sync();\n }\n\n /**\n * Plays a song at the index passed in for the playlist provided. The index passed\n * in should be the index of the song in the playlist and not the songs array.\n *\n * @access public\n * @param {number} index \t\t- The number representing the song in the playlist array.\n * @param {string} playlist - The key string representing the playlist we are playing the song from.\n *\n */\n function playPlaylistSongAtIndex(index, playlist) {\n _core2.default.stop();\n\n /*\n Determine if there is a new playlist, if so set the active playlist and change the song.\n */\n if (_checks2.default.newPlaylist(playlist)) {\n _audioNavigation2.default.setActivePlaylist(playlist);\n\n _audioNavigation2.default.changeSongPlaylist(playlist, _config2.default.playlists[playlist].songs[index], index);\n }\n\n /*\n Check if the song is new. If so, change the song.\n */\n if (_checks2.default.newSong(playlist, index)) {\n _audioNavigation2.default.changeSongPlaylist(playlist, _config2.default.playlists[playlist].songs[index], index);\n }\n\n /*\n Sync all of the play pause buttons.\n */\n _playPauseElements2.default.sync();\n\n /*\n Play the song\n */\n _core2.default.play();\n\n /*\n Set the state of the player\n */\n _configState2.default.setPlayerState();\n }\n\n /**\n * Allows the user to play whatever the active song is directly\n * through Javascript. Normally ALL of Amplitude functions that access\n * the core features are called through event handlers.\n *\n * Public Accessor: Amplitude.play();\n *\n * @access public\n */\n function play() {\n _core2.default.play();\n\n _configState2.default.setPlayerState();\n }\n\n /**\n * Allows the user to pause whatever the active song is directly\n * through Javascript. Normally ALL of Amplitude functions that access\n * the core features are called through event handlers.\n *\n * Public Accessor: Amplitude.pause();\n *\n * @access public\n */\n function pause() {\n _core2.default.pause();\n\n _configState2.default.setPlayerState();\n }\n\n /**\n * Returns the audio object used to play the audio\n *\n * Public Accessor: Amplitude.getAudio();\n *\n * @access public\n */\n function getAudio() {\n return _config2.default.audio;\n }\n\n /**\n * Returns the Web Audio API ANalyser used for visualizations.\n *\n * Public Accessor: Amplitude.getAnalyser()\n *\n * @access public\n */\n function getAnalyser() {\n return _config2.default.analyser;\n }\n\n /**\n * Plays the next song either in the playlist or globally.\n *\n * Public Accessor: Amplitude.next( playlist );\n *\n * @access public\n * @param {string} [playlist = null \t- The playlist key\n */\n function next() {\n var playlist = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n\n var nextData = {};\n /*\n If the playlist is empty or null, then we check the active\n playlist\n */\n if (playlist == \"\" || playlist == null) {\n /*\n If the active playlist is null, then we set the next global\n song or we set the next in the playlist.\n */\n if (_config2.default.active_playlist == null || _config2.default.active_playlist == \"\") {\n _audioNavigation2.default.setNext();\n } else {\n _audioNavigation2.default.setNextPlaylist(_config2.default.active_playlist);\n }\n } else {\n _audioNavigation2.default.setNextPlaylist(playlist);\n }\n }\n\n /**\n * Plays the prev song either in the playlist or globally.\n *\n * Public Accessor: Amplitude.prev( playlist );\n *\n * @access public\n * @param {string} [playlist = null] \t- The playlist key\n */\n function prev() {\n var playlist = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n\n var prevData = {};\n\n /*\n If the playlist is empty or null, then we check the active\n playlist\n */\n if (playlist == \"\" || playlist == null) {\n /*\n If the active playlist is null, then we set the prev global\n song or we set the prev in the playlist.\n */\n if (_config2.default.active_playlist == null || _config2.default.active_playlist == \"\") {\n _audioNavigation2.default.setPrevious();\n } else {\n _audioNavigation2.default.setPreviousPlaylist(_config2.default.active_playlist);\n }\n } else {\n _audioNavigation2.default.setPreviousPlaylist(playlist);\n }\n }\n\n /**\n * Gets all of the songs in the songs array\n *\n * Public Accessor: Amplitude.getSongs( );\n *\n * @access public\n */\n function getSongs() {\n return _config2.default.songs;\n }\n\n /**\n * Gets all of the songs in a playlist\n *\n * Public Accessor: Amplitude.getSongsInPlaylist( playlist );\n *\n * @access public\n * @param {string} playlist \t- The playlist key\n */\n function getSongsInPlaylist(playlist) {\n return _config2.default.playlists[playlist].songs;\n }\n\n /**\n * Get current state of songs. If shuffled, this will return the shuffled\n * songs.\n *\n * Public Accessor: Amplitude.getSongsState();\n *\n * @access public\n */\n function getSongsState() {\n if (_config2.default.shuffle_on) {\n return _config2.default.shuffle_list;\n } else {\n return _config2.default.songs;\n }\n }\n\n /**\n * Get current state of songs in playlist. If shuffled, this will return the\n * shuffled songs.\n *\n * Public Accessor: Amplitude.getSongsStatePlaylist( playlist );\n *\n * @access public\n * @param {string} playlist \t- The playlist key\n */\n function getSongsStatePlaylist(playlist) {\n if (_config2.default.playlists[playlist].shuffle) {\n return _config2.default.playlists[playlist].shuffle_list;\n } else {\n return _config2.default.playlists[playlist].songs;\n }\n }\n\n /**\n * Gets the active index of the player\n *\n * Public Accessor: Amplitude.getActiveIndex()\n *\n * @access public\n */\n function getActiveIndex() {\n return parseInt(_config2.default.active_index);\n }\n\n /**\n * Get the version of AmplitudeJS\n *\n * Public Accessor: Amplitude.getVersion()\n *\n * @access public\n */\n function getVersion() {\n return _config2.default.version;\n }\n\n /**\n * Get the buffered amount for the current song\n *\n * Public Accessor: Amplitude.getBuffered()\n *\n * @access public\n */\n function getBuffered() {\n return _config2.default.buffered;\n }\n\n /**\n * Skip to a certain location in a selected song.\n *\n * Public Accessor: Amplitude.getBuffered()\n *\n * @access public\n * @param {number} seconds \t\t\t\t\t\t- The amount of seconds we should skip to in the song.\n * @param {number} songIndex \t\t\t\t\t- The index of the song in the songs array.\n * @param {string} [playlist = null]\t- The playlist the song we are skipping to belogns to.\n */\n function skipTo(seconds, songIndex) {\n var playlist = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n\n seconds = parseInt(seconds);\n\n if (playlist != null) {\n /*\n Checks if we are skipping to a new playlist\n */\n if (_checks2.default.newPlaylist(playlist)) {\n _audioNavigation2.default.setActivePlaylist(playlist);\n }\n\n /*\n Changes the song to where it's being skipped and then\n play the song.\n */\n _audioNavigation2.default.changeSongPlaylist(playlist, _config2.default.playlists[playlist].songs[songIndex], songIndex);\n _core2.default.play();\n\n /*\n Sync all of the play pause elements.\n */\n _playPauseElements2.default.syncGlobal();\n _playPauseElements2.default.syncPlaylist();\n _playPauseElements2.default.syncSong();\n\n /*\n Skip to the location in the song.\n */\n _core2.default.skipToLocation(seconds);\n } else {\n /*\n Changes the song to where it's being skipped and then\n play the song.\n */\n _audioNavigation2.default.changeSong(_config2.default.songs[songIndex], songIndex);\n _core2.default.play();\n\n /*\n Syncs all of the play pause buttons now that we've skipped.\n */\n _playPauseElements2.default.syncGlobal();\n _playPauseElements2.default.syncSong();\n\n /*\n Skip to the location in the song.\n */\n _core2.default.skipToLocation(seconds);\n }\n }\n\n /**\n * Sets the meta data for a song in the songs array. This will set any\n * meta data for a song besides the URL. The URL could cause issues if the\n * song was playing.\n *\n * Public Accessor: Amplitude.setSongMetaData()\n *\n * @access public\n * @param {number} index\t\t\t\t\t- The index of the song in the songs array.\n * @param {object} metaData \t\t\t- The object containing the meta data we are updating.\n * @param {string} playlist - The playlist we are updating the song meta data for.\n */\n function setSongMetaData(index, metaData) {\n var playlist = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n\n /*\n Update the meta data for a song in a playlist.\n */\n if (playlist != \"\" && playlist != null && _config2.default.playlists[playlist] != undefined) {\n /*\n Set all of the defined meta data properties\n */\n for (var key in metaData) {\n if (metaData.hasOwnProperty(key)) {\n if (key != \"url\" && key != \"URL\" && key != \"live\" && key != \"LIVE\") {\n _config2.default.playlists[playlist].songs[index][key] = metaData[key];\n }\n }\n }\n } else {\n /*\n Update the meta data for a song.\n */\n for (var key in metaData) {\n if (metaData.hasOwnProperty(key)) {\n if (key != \"url\" && key != \"URL\" && key != \"live\" && key != \"LIVE\") {\n _config2.default.songs[index][key] = metaData[key];\n }\n }\n }\n }\n\n /*\n Display the updates on the screen.\n */\n _metaDataElements2.default.displayMetaData();\n _metaDataElements2.default.syncMetaData();\n }\n\n function setPlaylistMetaData(playlist, metaData) {\n if (_config2.default.playlists[playlist] != undefined) {\n /*\n These are the ignored keys that we won't be worrying about displaying.\n Every other key in the playlist object can be displayed.\n */\n var ignoredKeys = [\"repeat\", \"shuffle\", \"shuffle_list\", \"songs\", \"src\"];\n\n for (var key in metaData) {\n if (metaData.hasOwnProperty(key)) {\n if (ignoredKeys.indexOf(key) < 0) {\n _config2.default.playlists[playlist][key] = metaData[key];\n }\n }\n }\n\n _metaDataElements2.default.displayPlaylistMetaData();\n } else {\n _debug2.default.writeMessage(\"You must provide a valid playlist key!\");\n }\n }\n\n /**\n * Sets the delay between the songs when they are finished.\n *\n * Public Accessor: Amplitude.setDelay()\n *\n * @access public\n * @param {number} delay \t- The millisecond delay time between songs\n */\n function setDelay(time) {\n _config2.default.delay = time;\n }\n\n /**\n * Returns the current delay between songs.\n *\n * Public Accessor: Amplitude.getDelay()\n *\n * @access public\n */\n function getDelay() {\n return _config2.default.delay;\n }\n\n /**\n * Returns the state of the player.\n *\n * Public Accessor: Amplitude.getPlayerState();\n */\n function getPlayerState() {\n return _config2.default.player_state;\n }\n\n /**\n * Registers a visualization and sets that visualization's\n * preferences. When creating a visualization, you can set certain\n * preferences that the user can overwrite similar to Amplitude.\n * Public Accessor: Amplitude.registerVisualization( visualization, preferences )\n *\n * @param {object} visualzation A visualization object that gets registered\n * with Amplitude\n *\n * @param {object} preferences A JSON object of preferences relating to the\n * visualization\n */\n function registerVisualization(visualization, preferences) {\n _visualizations2.default.register(visualization, preferences);\n }\n\n /**\n * Set the visualization for the playlist\n *\n * @param {string} playlist - The playlist we are setting the visualization for.\n * @param {string} visualizationKey - The key of the visualization we are adding to the playlist.\n */\n function setPlaylistVisualization(playlist, visualizationKey) {\n if (_config2.default.playlists[playlist] != undefined) {\n if (_config2.default.visualizations.available[visualizationKey] != undefined) {\n _config2.default.playlists[playlist].visualization = visualizationKey;\n } else {\n _debug2.default.writeMessage(\"A visualization does not exist for the key provided.\");\n }\n } else {\n _debug2.default.writeMessage(\"The playlist for the key provided does not exist\");\n }\n }\n\n /**\n * Set a visualization for the song.\n *\n * @param {number} songIndex - The index of the song in the songs array we are setting the visualization for.\n * @param {string} visualizationKey - The key of the visualization we are adding to the playlist.\n */\n function setSongVisualization(songIndex, visualizationKey) {\n if (_config2.default.songs[songIndex]) {\n if (_config2.default.visualizations.available[visualizationKey] != undefined) {\n _config2.default.songs[songIndex].visualization = visualizationKey;\n } else {\n _debug2.default.writeMessage(\"A visualization does not exist for the key provided.\");\n }\n } else {\n _debug2.default.writeMessage(\"A song at that index is undefined\");\n }\n }\n\n /**\n * Set song in playlist visualization.\n *\n * @param {string} playlist - The playlist we are setting the song visualization for.\n * @param {number} songIndex - The index we are setting the visualization for.\n * @param {strong} visualizationKey - The key of the visualization we are adding to the song in the playlist.\n */\n function setSongInPlaylistVisualization(playlist, songIndex, visualizationKey) {\n if (_config2.default.playlists[playlist].songs[songIndex] != undefined) {\n if (_config2.default.visualizations.available[visualizationKey] != undefined) {\n _config2.default.playlists[playlist].songs[songIndex].visualization = visualizationKey;\n } else {\n _debug2.default.writeMessage(\"A visualization does not exist for the key provided.\");\n }\n } else {\n _debug2.default.writeMessage(\"The song in the playlist at that key is not defined\");\n }\n }\n\n /**\n * Sets the global visualization default.\n */\n function setGlobalVisualization(visualizationKey) {\n if (_config2.default.visualizations.available[visualizationKey] != undefined) {\n _config2.default.visualization = visualizationKey;\n } else {\n _debug2.default.writeMessage(\"A visualization does not exist for the key provided.\");\n }\n }\n\n /**\n * Sets the active volume.\n * @param {number} volumeLevel - A number between 1 and 100 as a percentage of\n * min to max for a volume level.\n */\n function setVolume(volumeLevel) {\n _core2.default.setVolume(volumeLevel);\n }\n\n /**\n * Gets the active volume.\n */\n function getVolume() {\n return _config2.default.volume;\n }\n\n /*\n Returns all of the publically accesible methods.\n */\n return {\n init: init,\n getConfig: getConfig,\n bindNewElements: bindNewElements,\n getActivePlaylist: getActivePlaylist,\n getPlaybackSpeed: getPlaybackSpeed,\n setPlaybackSpeed: setPlaybackSpeed,\n getRepeat: getRepeat,\n getRepeatPlaylist: getRepeatPlaylist,\n getShuffle: getShuffle,\n getShufflePlaylist: getShufflePlaylist,\n setShuffle: setShuffle,\n setShufflePlaylist: setShufflePlaylist,\n setRepeat: setRepeat,\n setRepeatSong: setRepeatSong,\n setRepeatPlaylist: setRepeatPlaylist,\n getDefaultAlbumArt: getDefaultAlbumArt,\n setDefaultAlbumArt: setDefaultAlbumArt,\n getDefaultPlaylistArt: getDefaultPlaylistArt,\n setDefaultPlaylistArt: setDefaultPlaylistArt,\n getSongPlayedPercentage: getSongPlayedPercentage,\n setSongPlayedPercentage: setSongPlayedPercentage,\n getSongPlayedSeconds: getSongPlayedSeconds,\n getSongDuration: getSongDuration,\n setDebug: setDebug,\n getActiveSongMetadata: getActiveSongMetadata,\n getActivePlaylistMetadata: getActivePlaylistMetadata,\n getSongAtIndex: getSongAtIndex,\n getSongAtPlaylistIndex: getSongAtPlaylistIndex,\n addSong: addSong,\n addSongToPlaylist: addSongToPlaylist,\n removeSong: removeSong,\n removeSongFromPlaylist: removeSongFromPlaylist,\n playNow: playNow,\n playSongAtIndex: playSongAtIndex,\n playPlaylistSongAtIndex: playPlaylistSongAtIndex,\n play: play,\n pause: pause,\n getAudio: getAudio,\n getAnalyser: getAnalyser,\n next: next,\n prev: prev,\n getSongs: getSongs,\n getSongsInPlaylist: getSongsInPlaylist,\n getSongsState: getSongsState,\n getSongsStatePlaylist: getSongsStatePlaylist,\n getActiveIndex: getActiveIndex,\n getVersion: getVersion,\n getBuffered: getBuffered,\n skipTo: skipTo,\n setSongMetaData: setSongMetaData,\n setPlaylistMetaData: setPlaylistMetaData,\n setDelay: setDelay,\n getDelay: getDelay,\n getPlayerState: getPlayerState,\n addPlaylist: addPlaylist,\n registerVisualization: registerVisualization,\n setPlaylistVisualization: setPlaylistVisualization,\n setSongVisualization: setSongVisualization,\n setSongInPlaylistVisualization: setSongInPlaylistVisualization,\n setGlobalVisualization: setGlobalVisualization,\n getVolume: getVolume,\n setVolume: setVolume\n };\n}();\n\n/** \n * Playback Speed Elements\n * @module visual/PlaybackSpeedElements\n */\n\n\n/**\n * Play Pause Elements\n * @module visual/PlayPauseElements\n */\n\n\n/**\n * Song Played Progress Elements\n * @module visual/SongPlayedProgressElements\n */\n\n\n/**\n * Visual Repeat Elements\n * @module visual/RepeatElements\n */\n\n\n/****************************************************\n * FX Modules\n ****************************************************/\n/**\n * Imports the visualizations module\n * @module fx/Visualizations\n */\n\n\n/**\n * Repeater Module\n *\n * @module utilities/Repeater\n */\n\n\n/**\n * Imports the config state module.\n * @module ConfigState\n */\n\n\n/****************************************************\n * Core\n ****************************************************/\n/**\n * AmplitudeJS Core Module\n *\n * @module core/Core\n */\n/**\n * @name \t\tAmplitude.js\n * @author \tDan Pastori (521 Dimensions) ';\n\n\t\t\t\t\t// hide if video\n\t\t\t\t\tif (self.options.type != 'video') {\n\t\t\t\t\t\tbuild_markup += '
';\n\t\t\t\n\t\t\t// If type is image AND outer_controls is true: add gallery next and previous controls.\n\t\t\tif (self.options.type == 'image' && self.options.outer_controls === true) {\n\t\t\t\tbuild_markup += self.scope.prev_btn + self.scope.next_btn;\n\t\t\t}\n\n\t\t\t// close off modaal-wrapper\n\t\t\tbuild_markup +=\t'';\n\t\t\t\t\t}\n\n\t\t\t\t\t// add the guts of the content\n\t\t\t\t\tbuild_markup +=\t'
';\n\t\t\t\t\t}\n\n\t\t\t// close off modaal-inner-wrapper\n\t\t\tbuild_markup +=\t'';\n\n\t\t\t\t\t\t\t// If it's inline type, we want to clone content instead of dropping it straight in\n\t\t\t\t\t\t\tif (self.options.type == 'inline') {\n\t\t\t\t\t\t\t\tbuild_markup += '';\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t// Drop in the content if it's not inline\n\t\t\t\t\t\t\t\tbuild_markup +=\tcontent;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t// close wrap_class\n\t\t\t\t\tbuild_markup += '
' + self.scope.close_btn;\n\n\t\t\t\t\t// hide if video\n\t\t\t\t\tif (self.options.type != 'video') {\n\t\t\t\t\t\tbuild_markup += '' + self.options.loading_content + '
' );\n\n\t\t\t// ID exists, is not empty null or undefined.\n\t\t\tif ( id != '' && id !== null && id !== undefined ) {\n\t\t\t\t// set up oembed url\n\t\t\t\tvar ig_url = 'https://api.instagram.com/oembed?url=http://instagr.am/p/' + id + '/';\n\n\t\t\t\t$.ajax({\n\t\t\t\t\turl: ig_url,\n\t\t\t\t\tdataType: \"jsonp\",\n\t\t\t\t\tcache: false,\n\t\t\t\t\tsuccess: function (data) {\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Create temp dom element from which we'll clone into the modaal instance. This is required to bypass the unusual small thumb issue instagram oembed was serving up\n\t\t\t\t\t\tself.dom.append('' + data.html + '
');\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Check if it has loaded once before.\n\t\t\t\t\t\t// This is to stop the Embeds.process from throwing and error the first time it's being loaded.\n\t\t\t\t\t\t// private_options are individual to a modaal_scope so will not work across multiple scopes when checking if true, only that one item.\n\t\t\t\t\t\tif ( self.dom.attr('data-igloaded') ) {\n\t\t\t\t\t\t\twindow.instgrm.Embeds.process();\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// first time it's loaded, let's set a new private option to use next time it's opened.\n\t\t\t\t\t\t\tself.dom.attr('data-igloaded', 'true');\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// now set location for new content\n\t\t\t\t\t\t// timeout is required as well to bypass the unusual small thumb issue instagram oembed was serving up\n\t\t\t\t\t\tvar target = '#' + self.scope.id + ' .modaal-content-container';\n\t\t\t\t\t\tif ( $(target).length > 0) {\n\t\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\t\t$('#temp-ig').contents().clone().appendTo( target );\n\t\t\t\t\t\t\t\t$('#temp-ig').remove();\n\t\t\t\t\t\t\t}, 1000);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t},\n\t\t\t\t\terror: function() {\n\t\t\t\t\t\tcontent = error_msg;\n\n\t\t\t\t\t\t// now set location for new content\n\t\t\t\t\t\tvar target = $('#' + self.scope.id + ' .modaal-content-container');\n\t\t\t\t\t\tif ( target.length > 0) {\n\t\t\t\t\t\t\ttarget.removeClass( self.options.loading_class ).addClass( self.options.ajax_error_class );\n\t\t\t\t\t\t\ttarget.html(content);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t} else {\n\t\t\t\tcontent = error_msg;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\n\t\t// Fetch Ajax Data\n\t\t// ----------------------------------------------------------------\n\t\tfetch_ajax : function(url) {\n\t\t\tvar self = this;\n\t\t\tvar content = '';\n\n\t\t\t// If no accessible title, set it to 'Dialog Window'\n\t\t\tif ( self.options.accessible_title == null ) {\n\t\t\t\tself.options.accessible_title = 'Dialog Window'\n\t\t\t}\n\n\t\t\tif ( self.xhr !== null ){\n\t\t\t\tself.xhr.abort();\n\t\t\t\tself.xhr = null;\n\t\t\t}\n\n\t\t\tself.build_modal('' + self.options.loading_content + '
' );\n\n\t\t\tself.xhr = $.ajax(url, {\n\t\t\t\tsuccess: function(data) {\n\t\t\t\t\t// content fetch is successful so push it into markup\n\t\t\t\t\tvar target = $('#' + self.scope.id).find('.modaal-content-container');\n\t\t\t\t\tif ( target.length > 0){\n\t\t\t\t\t\ttarget.removeClass( self.options.loading_class );\n\t\t\t\t\t\ttarget.html( data );\n\n\t\t\t\t\t\tself.options.ajax_success.call(self, target);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\terror: function( xhr ) {\n\t\t\t\t\t// There were some errors so return an error message\n\t\t\t\t\tif ( xhr.statusText == 'abort' ){\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tvar target = $('#' + self.scope.id + ' .modaal-content-container');\n\t\t\t\t\tif ( target.length > 0){\n\t\t\t\t\t\ttarget.removeClass( self.options.loading_class ).addClass( self.options.ajax_error_class );\n\t\t\t\t\t\ttarget.html( 'Content could not be loaded. Please check the source and try again.' );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\n\t\t// Create Confirm Modal\n\t\t// ----------------------------------------------------------------\n\t\tcreate_confirm : function() {\n\t\t\tvar self = this;\n\t\t\tvar content;\n\n\t\t\tcontent = '' +\n\t\t\t\t\t'
' +\n\t\t\t\t'';\n\n\t\t\t// now push content into markup\n\t\t\tself.build_modal(content);\n\t\t},\n\n\t\t// Create Image/Gallery Modal\n\t\t// ----------------------------------------------------------------\n\t\tcreate_image : function() {\n\t\t\tvar self = this;\n\t\t\tvar content;\n\n\t\t\tvar modaal_image_markup = '';\n\t\t\tvar gallery_total;\n\t\t\t\n\t\t\t// If has group attribute\n\t\t\tif ( self.$elem.is('[data-group]') || self.$elem.is('[rel]') ) {\n\n\t\t\t\t// find gallery groups\n\t\t\t\tvar use_group = self.$elem.is('[data-group]');\n\t\t\t\tvar gallery_group = use_group ? self.$elem.attr('data-group') : self.$elem.attr('rel');\n\t\t\t\tvar gallery_group_items = use_group ? $('[data-group=\"' + gallery_group + '\"]') : $('[rel=\"' + gallery_group + '\"]');\n\n\t\t\t\t// remove any previous active attribute to any in the group\n\t\t\t\tgallery_group_items.removeAttr('data-gallery-active', 'is_active');\n\t\t\t\t// add active attribute to the item clicked\n\t\t\t\tself.$elem.attr('data-gallery-active', 'is_active');\n\n\t\t\t\t// how many in the grouping are there (-1 to connect with each function starting with 0)\n\t\t\t\tgallery_total = gallery_group_items.length - 1;\n\n\t\t\t\t// prepare array for gallery data\n\t\t\t\tvar gallery = [];\n\n\t\t\t\t// start preparing markup\n\t\t\t\tmodaal_image_markup = '' + self.options.confirm_title + '
' +\n\t\t\t\t\t'' + self.options.confirm_content + '
' +\n\t\t\t\t\t\t'' +\n\t\t\t\t\t\t\t'' +\n\t\t\t\t\t\t\t'' +\n\t\t\t\t\t\t'
' +\n\t\t\t\t\t'';\n\n\t\t\t\t// loop each grouping item and push it into our gallery array\n\t\t\t\tgallery_group_items.each(function(i, item) {\n\t\t\t\t\t// setup default content\n\t\t\t\t\tvar img_src = '';\n\t\t\t\t\tvar img_alt = '';\n\t\t\t\t\tvar img_description = '';\n\t\t\t\t\tvar img_active = false;\n\t\t\t\t\tvar img_src_error = false;\n\n\t\t\t\t\tvar data_modaal_desc = item.getAttribute('data-modaal-desc');\n\t\t\t\t\tvar data_item_active = item.getAttribute('data-gallery-active');\n\n\t\t\t\t\t// if item has inline custom source, use that instead of href. Fall back to href if available.\n\t\t\t\t\tif ( $(item).attr('data-modaal-content-source') ) {\n\t\t\t\t\t\timg_src = $(item).attr('data-modaal-content-source');\n\t\t\t\t\t} else if ( $(item).attr('href') ) {\n\t\t\t\t\t\timg_src = $(item).attr('href');\n\t\t\t\t\t} else if ( $(item).attr('src') ) {\n\t\t\t\t\t\timg_src = $(item).attr('src');\n\t\t\t\t\t} else {\n\t\t\t\t\t\timg_src = 'trigger requires href or data-modaal-content-source attribute';\n\t\t\t\t\t\timg_src_error = true;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Does it have a modaal description\n\t\t\t\t\tif ( data_modaal_desc != '' && data_modaal_desc !== null && data_modaal_desc !== undefined ) {\n\t\t\t\t\t\timg_alt = data_modaal_desc;\n\t\t\t\t\t\timg_description = '![\"](\"')
';\n\n\t\t\t\t\t// for each item build up the markup\n\t\t\t\t\tmodaal_image_markup += '
';\n\n\t\t\t\t// Add next and previous buttons if outside\n\t\t\t\tif (self.options.outer_controls != true) {\n\t\t\t\t\tmodaal_image_markup += self.scope.prev_btn + self.scope.next_btn;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// This is only a single gallery item so let's grab the necessary values\n\n\t\t\t\t// define the source, check if content_source option exists, and use that or fall back to href.\n\t\t\t\tvar this_img_src;\n\t\t\t\tvar img_src_error = false;\n\t\t\t\tif ( self.$elem.attr('data-modaal-content-source') ) {\n\t\t\t\t\tthis_img_src = self.$elem.attr('data-modaal-content-source');\n\t\t\t\t} else if ( self.$elem.attr('href') ) {\n\t\t\t\t\tthis_img_src = self.$elem.attr('href');\n\t\t\t\t} else if ( self.$elem.attr('src') ) {\n\t\t\t\t\tthis_img_src = self.$elem.attr('src');\n\t\t\t\t} else {\n\t\t\t\t\tthis_img_src = 'trigger requires href or data-modaal-content-source attribute';\n\t\t\t\t\timg_src_error = true;\n\t\t\t\t}\n\n\t\t\t\tvar this_img_alt_txt = '';\n\t\t\t\tvar this_img_alt = '';\n\t\t\t\tvar aria_label = '';\n\n\t\t\t\tif ( self.$elem.attr('data-modaal-desc') ) {\n\t\t\t\t\taria_label = self.$elem.attr('data-modaal-desc');\n\t\t\t\t\tthis_img_alt_txt = self.$elem.attr('data-modaal-desc');\n\t\t\t\t\tthis_img_alt = 'Image ' + (i+1) + ' - ' + data_modaal_desc.replace(//g, \">\") + '
'\n\t\t\t\t\t} else {\n\t\t\t\t\t\timg_description = 'Image ' + (i+1) + '
';\n\t\t\t\t\t}\n\n\t\t\t\t\t// is it the active item\n\t\t\t\t\tif ( data_item_active ) {\n\t\t\t\t\t\timg_active = true\n\t\t\t\t\t}\n\n\t\t\t\t\t// set new object for values we want\n\t\t\t\t\tvar gallery_item = {\n\t\t\t\t\t\t'url': img_src,\n\t\t\t\t\t\t'alt': img_alt,\n\t\t\t\t\t\t'rawdesc': data_modaal_desc,\n\t\t\t\t\t\t'desc': img_description,\n\t\t\t\t\t\t'active': img_active,\n\t\t\t\t\t\t'src_error': img_src_error\n\t\t\t\t\t};\n\n\t\t\t\t\t// push object into gallery array\n\t\t\t\t\tgallery.push( gallery_item );\n\t\t\t\t});\n\n\t\t\t\t// now loop through all items in the gallery and build up the markup\n\t\t\t\tfor (var i = 0; i < gallery.length; i++) {\n\t\t\t\t\t// Set default active class, then check if array item active is true and update string for class\n\t\t\t\t\tvar is_active = '';\n\t\t\t\t\tvar aria_label = gallery[i].rawdesc ? 'Image: ' + gallery[i].rawdesc : 'Image ' + i + ' no description';\n\n\t\t\t\t\tif ( gallery[i].active ) {\n\t\t\t\t\t\tis_active = ' ' + self.private_options.active_class;\n\t\t\t\t\t}\n\n\t\t\t\t\t// if gallery item has source error, output message rather than undefined image\n\t\t\t\t\tvar image_output = gallery[i].src_error ? gallery[i].url : '' +\n\t\t\t\t\t\timage_output + gallery[i].desc +\n\t\t\t\t\t'
';\n\t\t\t\t}\n\n\t\t\t\t// Close off the markup for the gallery\n\t\t\t\tmodaal_image_markup += 'Image - ' + this_img_alt_txt.replace(//g, \">\") + '
';\n\t\t\t\t} else {\n\t\t\t\t\taria_label = \"Image with no description\";\n\t\t\t\t}\n\n\t\t\t\t// if image item has source error, output message rather than undefined image\n\t\t\t\tvar image_output = img_src_error ? this_img_src : '' +\n\t\t\t\t\timage_output + this_img_alt +\n\t\t\t\t'
';\n\t\t\t}\n\n\t\t\t// Update content variable\n\t\t\tcontent = modaal_image_markup;\n\n\t\t\t// now push content into markup\n\t\t\tself.build_modal(content);\n\n\t\t\t// setup next & prev buttons\n\t\t\tif ( $('.modaal-gallery-item.is_active').is('.gallery-item-0') ) {\n\t\t\t\t$('.modaal-gallery-prev').hide();\n\t\t\t}\n\t\t\tif ( $('.modaal-gallery-item.is_active').is('.gallery-item-' + gallery_total) ) {\n\t\t\t\t$('.modaal-gallery-next').hide();\n\t\t\t}\n\t\t},\n\n\t\t// Gallery Change Image\n\t\t// ----------------------------------------------------------------\n\t\tgallery_update : function(direction) {\n\t\t\tvar self = this;\n\t\t\tvar this_gallery = $('#' + self.scope.id);\n\t\t\tvar this_gallery_item = this_gallery.find('.modaal-gallery-item');\n\t\t\tvar this_gallery_total = this_gallery_item.length - 1;\n\n\t\t\t// if single item, don't proceed\n\t\t\tif ( this_gallery_total == 0 ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tvar prev_btn = this_gallery.find('.modaal-gallery-prev'),\n\t\t\t\tnext_btn = this_gallery.find('.modaal-gallery-next');\n\n\t\t\tvar duration = 250;\n\n\t\t\tvar new_img_w = 0,\n\t\t\t\tnew_img_h = 0;\n\n\t\t\t// CB: Before image change\n\t\t\tvar current_item = this_gallery.find( '.modaal-gallery-item.' + self.private_options.active_class ),\n\t\t\t\tincoming_item = ( direction == 'next' ? current_item.next( '.modaal-gallery-item' ) : current_item.prev( '.modaal-gallery-item' ) );\n\t\t\tself.options.before_image_change.call(self, current_item, incoming_item);\n\n\t\t\t// stop change if at start of end\n\t\t\tif ( direction == 'prev' && this_gallery.find('.gallery-item-0').hasClass('is_active') ) {\n\t\t\t\treturn false;\n\t\t\t} else if ( direction == 'next' && this_gallery.find('.gallery-item-' + this_gallery_total).hasClass('is_active') ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\n\t\t\t// lock dimensions\n\t\t\tcurrent_item.stop().animate({\n\t\t\t\topacity: 0\n\t\t\t}, duration, function(){\n\t\t\t\t// Move to appropriate image\n\t\t\t\tincoming_item.addClass('is_next').css({\n\t\t\t\t\t'position': 'absolute',\n\t\t\t\t\t'display': 'block',\n\t\t\t\t\t'opacity': 0\n\t\t\t\t});\n\n\t\t\t\t// Collect doc width\n\t\t\t\tvar doc_width = $(document).width();\n\t\t\t\tvar width_threshold = doc_width > 1140 ? 280 : 50;\n\n\t\t\t\t// start toggle to 'is_next'\n\t\t\t\tnew_img_w = this_gallery.find('.modaal-gallery-item.is_next').width();\n\t\t\t\tnew_img_h = this_gallery.find('.modaal-gallery-item.is_next').height();\n\n\t\t\t\tvar new_natural_w = this_gallery.find('.modaal-gallery-item.is_next img').prop('naturalWidth');\n\t\t\t\tvar new_natural_h = this_gallery.find('.modaal-gallery-item.is_next img').prop('naturalHeight');\n\n\t\t\t\t// if new image is wider than doc width\n\t\t\t\tif ( new_natural_w > (doc_width - width_threshold) ) {\n\t\t\t\t\t// set new width just below doc width\n\t\t\t\t\tnew_img_w = doc_width - width_threshold;\n\n\t\t\t\t\t// Set temp widths so we can calulate the correct height;\n\t\t\t\t\tthis_gallery.find('.modaal-gallery-item.is_next').css({ 'width': new_img_w });\n\t\t\t\t\tthis_gallery.find('.modaal-gallery-item.is_next img').css({ 'width': new_img_w });\n\n\t\t\t\t\t// Set new height variable\n\t\t\t\t\tnew_img_h = this_gallery.find('.modaal-gallery-item.is_next').find('img').height();\n\t\t\t\t} else {\n\t\t\t\t\t// new img is not wider than screen, so let's set the new dimensions\n\t\t\t\t\tnew_img_w = new_natural_w;\n\t\t\t\t\tnew_img_h = new_natural_h;\n\t\t\t\t}\n\n\t\t\t\t// resize gallery region\n\t\t\t\tthis_gallery.find('.modaal-gallery-item-wrap').stop().animate({\n\t\t\t\t\t'width': new_img_w,\n\t\t\t\t\t'height': new_img_h\n\t\t\t\t}, duration, function() {\n\t\t\t\t\t// hide old active image\n\t\t\t\t\tcurrent_item.removeClass(self.private_options.active_class + ' ' + self.options.gallery_active_class).removeAttr('style');\n\t\t\t\t\tcurrent_item.find('img').removeAttr('style');\n\n\t\t\t\t\t// show new image\n\t\t\t\t\tincoming_item.addClass(self.private_options.active_class + ' ' + self.options.gallery_active_class).removeClass('is_next').css('position','');\n\n\t\t\t\t\t// animate in new image (now has the normal is_active class\n\t\t\t\t\tincoming_item.stop().animate({\n\t\t\t\t\t\topacity: 1\n\t\t\t\t\t}, duration, function(){\n\t\t\t\t\t\t$(this).removeAttr('style').css({\n\t\t\t\t\t\t\t'width': '100%'\n\t\t\t\t\t\t});\n\t\t\t\t\t\t$(this).find('img').css('width', '100%');\n\n\t\t\t\t\t\t// remove dimension lock\n\t\t\t\t\t\tthis_gallery.find('.modaal-gallery-item-wrap').removeAttr('style');\n\n\t\t\t\t\t\t// CB: After image change\n\t\t\t\t\t\tself.options.after_image_change.call( self, incoming_item );\n\t\t\t\t\t});\n\n\t\t\t\t\t// Focus on the new gallery item\n\t\t\t\t\tthis_gallery.find('.modaal-gallery-item').removeAttr('tabindex');\n\t\t\t\t\tthis_gallery.find('.modaal-gallery-item.' + self.private_options.active_class + '').attr('tabindex', '0').focus();\n\n\t\t\t\t\t// hide/show next/prev\n\t\t\t\t\tif ( this_gallery.find('.modaal-gallery-item.' + self.private_options.active_class).is('.gallery-item-0') ) {\n\t\t\t\t\t\tprev_btn.stop().animate({\n\t\t\t\t\t\t\topacity: 0\n\t\t\t\t\t\t}, 150, function(){\n\t\t\t\t\t\t\t$(this).hide();\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tprev_btn.stop().css({\n\t\t\t\t\t\t\t'display': 'block',\n\t\t\t\t\t\t\t'opacity': prev_btn.css('opacity')\n\t\t\t\t\t\t}).animate({\n\t\t\t\t\t\t\topacity: 1\n\t\t\t\t\t\t}, 150);\n\t\t\t\t\t}\n\t\t\t\t\tif ( this_gallery.find('.modaal-gallery-item.' + self.private_options.active_class).is('.gallery-item-' + this_gallery_total) ) {\n\t\t\t\t\t\tnext_btn.stop().animate({\n\t\t\t\t\t\t\topacity: 0\n\t\t\t\t\t\t}, 150, function(){\n\t\t\t\t\t\t\t$(this).hide();\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnext_btn.stop().css({\n\t\t\t\t\t\t\t'display': 'block',\n\t\t\t\t\t\t\t'opacity': prev_btn.css('opacity')\n\t\t\t\t\t\t}).animate({\n\t\t\t\t\t\t\topacity: 1\n\t\t\t\t\t\t}, 150);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t},\n\n\t\t// Create Video Modal\n\t\t// ----------------------------------------------------------------\n\t\tcreate_video : function(url) {\n\t\t\tvar self = this;\n\t\t\tvar content;\n\n\t\t\t// video markup\n\t\t\tcontent = '';\n\n\t\t\t// now push content into markup\n\t\t\tself.build_modal('' + content + '
');\n\t\t},\n\n\t\t// Create iFrame Modal\n\t\t// ----------------------------------------------------------------\n\t\tcreate_iframe : function(url) {\n\t\t\tvar self = this;\n\t\t\tvar content;\n\n\t\t\tif ( self.options.width !== null || self.options.width !== undefined || self.options.height !== null || self.options.height !== undefined ) {\n\t\t\t\t// video markup\n\t\t\t\tcontent = '';\n\t\t\t} else {\n\t\t\t\tcontent = 'Please specify a width and height for your iframe
';\n\t\t\t}\n\n\t\t\t// now push content into markup\n\t\t\tself.build_modal(content);\n\t\t},\n\n\t\t// Open Modaal\n\t\t// ----------------------------------------------------------------\n\t\tmodaal_open : function() {\n\t\t\tvar self = this;\n\t\t\tvar modal_wrapper = $( '#' + self.scope.id );\n\t\t\tvar animation_type = self.options.animation;\n\n\t\t\tif (animation_type === 'none' ){\n\t\t\t\tmodal_wrapper.removeClass('modaal-start_none');\n\t\t\t\tself.options.after_open.call(self, modal_wrapper);\n\t\t\t}\n\n\t\t\t// Open with fade\n\t\t\tif (animation_type === 'fade') {\n\t\t\t\tmodal_wrapper.removeClass('modaal-start_fade');\n\t\t\t}\n\n\t\t\t// Open with slide down\n\t\t\tif (animation_type === 'slide-down') {\n\t\t\t\tmodal_wrapper.removeClass('modaal-start_slide_down');\n\t\t\t}\n\n\t\t\tvar focusTarget = modal_wrapper;\n\n\t\t\t// Switch focusTarget tabindex (switch from other modal if exists)\n\t\t\t$('.modaal-wrapper *[tabindex=0]').removeAttr('tabindex');\n\n\t\t\tif ( self.options.type == 'image' ) {\n\t\t\t\tfocusTarget = $('#' + self.scope.id).find('.modaal-gallery-item.' + self.private_options.active_class);\n\n\t\t\t} else if ( modal_wrapper.find('.modaal-iframe-elem').length ) {\n\t\t\t\tfocusTarget = modal_wrapper.find('.modaal-iframe-elem');\n\n\t\t\t} else if ( modal_wrapper.find('.modaal-video-wrap').length ) {\n\t\t\t\tfocusTarget = modal_wrapper.find('.modaal-video-wrap');\n\n\t\t\t} else {\n\t\t\t\tfocusTarget = modal_wrapper.find('.modaal-focus');\n\n\t\t\t}\n\n\t\t\t// now set the focus\n\t\t\tfocusTarget.attr('tabindex', '0').focus();\n\n\t\t\t// Run after_open\n\t\t\tif (animation_type !== 'none') {\n\t\t\t\t// CB: after_open\n\t\t\t\tsetTimeout(function() {\n\t\t\t\t\tself.options.after_open.call(self, modal_wrapper)\n\t\t\t\t}, self.options.after_callback_delay);\n\t\t\t}\n\t\t},\n\n\t\t// Close Modal\n\t\t// ----------------------------------------------------------------\n\t\tmodaal_close : function() {\n\t\t\tvar self = this;\n\t\t\tvar modal_wrapper = $( '#' + self.scope.id );\n\n\t\t\t// CB: before_close\n\t\t\tself.options.before_close.call(self, modal_wrapper);\n\n\t\t\tif (self.xhr !== null){\n\t\t\t\tself.xhr.abort();\n\t\t\t\tself.xhr = null;\n\t\t\t}\n\n\t\t\t// Now we close the modal\n\t\t\tif (self.options.animation === 'none' ){\n\t\t\t\tmodal_wrapper.addClass('modaal-start_none');\n\t\t\t}\n\n\t\t\t// Close with fade\n\t\t\tif (self.options.animation === 'fade') {\n\t\t\t\tmodal_wrapper.addClass('modaal-start_fade');\n\t\t\t}\n\n\t\t\t// Close with slide up (using initial slide down)\n\t\t\tif (self.options.animation === 'slide-down') {\n\t\t\t\tmodal_wrapper.addClass('modaal-start_slide_down');\n\t\t\t}\n\n\t\t\t// CB: after_close and remove\n\t\t\tsetTimeout(function() {\n\t\t\t\t// clone inline content back to origin place\n\t\t\t\tif (self.options.type == 'inline') {\n\t\t\t\t\t$('#' + self.scope.id + ' .modaal-content-container').contents().detach().appendTo( self.scope.source )\n\t\t\t\t}\n\t\t\t\t// remove markup from dom\n\t\t\t\tmodal_wrapper.remove();\n\t\t\t\t// CB: after_close\n\t\t\t\tself.options.after_close.call(self);\n\t\t\t\t// scope is now closed\n\t\t\t\tself.scope.is_open = false;\n\n\t\t\t}, self.options.after_callback_delay);\n\n\t\t\t// Call overlay hide\n\t\t\tself.modaal_overlay('hide');\n\n\t\t\t// Roll back to last focus state before modal open. If was closed programmatically, this might not be set\n\t\t\tif (self.lastFocus != null) {\n\t\t\t\tself.lastFocus.focus();\n\t\t\t}\n\t\t},\n\n\t\t// Overlay control (accepts action for show or hide)\n\t\t// ----------------------------------------------------------------\n\t\tmodaal_overlay : function(action) {\n\t\t\tvar self = this;\n\n\t\t\tif (action == 'show') {\n\t\t\t\t// Modal is open so update scope\n\t\t\t\tself.scope.is_open = true;\n\n\t\t\t\t// set body to overflow hidden if background_scroll is false\n\t\t\t\tif (! self.options.background_scroll) {\n\t\t\t\t\tself.dom.addClass('modaal-noscroll');\n\t\t\t\t}\n\n\t\t\t\t// append modaal overlay\n\t\t\t\tif ($('#' + self.scope.id + '_overlay').length < 1) {\n\t\t\t\t\tself.dom.append('');\n\t\t\t\t}\n\n\t\t\t\t// now show\n\t\t\t\t$('#' + self.scope.id + '_overlay').css('background', self.options.background).stop().animate({\n\t\t\t\t\topacity: self.options.overlay_opacity\n\t\t\t\t}, self.options.animation_speed, function(){\n\t\t\t\t\t// now open the modal\n\t\t\t\t\tself.modaal_open();\n\t\t\t\t});\n\n\t\t\t} else if (action == 'hide') {\n\n\t\t\t\t// now hide the overlay\n\t\t\t\t$('#' + self.scope.id + '_overlay').stop().animate({\n\t\t\t\t\topacity: 0\n\t\t\t\t}, self.options.animation_speed, function(){\n\t\t\t\t\t// remove overlay from dom\n\t\t\t\t\t$(this).remove();\n\n\t\t\t\t\t// remove body overflow lock\n\t\t\t\t\tself.dom.removeClass('modaal-noscroll');\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\n\t\t// Check if is touch\n\t\t// ----------------------------------------------------------------\n\t\tis_touch : function() {\n\t\t\treturn 'ontouchstart' in window || navigator.maxTouchPoints;\n\t\t}\n\t};\n\n\t// Define default object to store\n\tvar modaal_existing_selectors = [];\n\n\t// Declare the modaal jQuery method\n\t// ------------------------------------------------------------\n\t$.fn.modaal = function(options) {\n\t\treturn this.each(function (i) {\n\t\t\tvar existing_modaal = $(this).data('modaal');\n\n\t\t\tif ( existing_modaal ){\n\t\t\t\t// Checking for string value, used for methods\n\t\t\t\tif (typeof(options) == 'string'){\n\t\t\t\t\tswitch (options) {\n\t\t\t\t\t\tcase 'open':\n \t\t\t\t\t\t\t// create the modal\n \t\t\t\t\t\t\texisting_modaal.create_modaal(existing_modaal);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'close':\n\t\t\t\t\t\t\texisting_modaal.modaal_close();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Not a string, so let's setup the modal ready to use\n\t\t\t\tvar modaal = Object.create(Modaal);\n\t\t\t\tmodaal.init(options, this);\n\t\t\t\t$.data(this, \"modaal\", modaal);\n\n\t\t\t\t// push this select into existing selectors array which is referenced during modaal_dom_observer\n\t\t\t\tmodaal_existing_selectors.push({\n\t\t\t\t\t'element': $(this).attr('class'),\n\t\t\t\t\t'options': options\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\t// Default options\n\t// ------------------------------------------------------------\n\t$.fn.modaal.options = {\n\n\t\t//General\n\t\ttype: 'inline',\n\t\tcontent_source: null,\n\t\tanimation: 'fade',\n\t\tanimation_speed: 300,\n\t\tafter_callback_delay: 350,\n\t\tis_locked: false,\n\t\thide_close: false,\n\t\tbackground: '#000',\n\t\toverlay_opacity: '0.8',\n\t\toverlay_close: true,\n\t\taccessible_title: 'Dialog Window',\n\t\tstart_open: false,\n\t\tfullscreen: false,\n\t\tcustom_class: '',\n\t\tbackground_scroll: false,\n\t\tshould_open: true,\n\t\tclose_text: 'Close',\n\t\tclose_aria_label: 'Close (Press escape to close)',\n\t\twidth: null,\n\t\theight: null,\n\n\t\t//Events\n\t\tbefore_open: function(){},\n\t\tafter_open: function(){},\n\t\tbefore_close: function(){},\n\t\tafter_close: function(){},\n\t\tsource: function( element, src ){\n\t\t\treturn src;\n\t\t},\n\n\t\t//Confirm Modal\n\t\tconfirm_button_text: 'Confirm', // text on confirm button\n\t\tconfirm_cancel_button_text: 'Cancel',\n\t\tconfirm_title: 'Confirm Title', // title for confirm modal\n\t\tconfirm_content: 'This is the default confirm dialog content. Replace me through the options
', // html for confirm message\n\t\tconfirm_callback: function() {},\n\t\tconfirm_cancel_callback: function() {},\n\n\n\t\t//Gallery Modal\n\t\tgallery_active_class: 'gallery_active_item',\n\t\touter_controls:\tfalse,\n\t\tbefore_image_change: function( current_item, incoming_item ) {},\n\t\tafter_image_change: function( current_item ) {},\n\n\t\t//Ajax Modal\n\t\tloading_content: modaal_loading_spinner,\n\t\tloading_class: 'is_loading',\n\t\tajax_error_class: 'modaal-error',\n\t\tajax_success: function(){},\n\n\t\t//Instagram\n\t\tinstagram_id: null\n\t};\n\n\t// Check and Set Inline Options\n\t// ------------------------------------------------------------\n\tfunction modaal_inline_options(self) {\n\n\t\t// new empty options\n\t\tvar options = {};\n\t\tvar inline_options = false;\n\n\t\t// option: type\n\t\tif ( self.attr('data-modaal-type') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.type = self.attr('data-modaal-type');\n\t\t}\n\n\t\t// option: type\n\t\tif ( self.attr('data-modaal-content-source') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.content_source = self.attr('data-modaal-content-source');\n\t\t}\n\n\t\t// option: animation\n\t\tif ( self.attr('data-modaal-animation') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.animation = self.attr('data-modaal-animation');\n\t\t}\n\n\t\t// option: animation_speed\n\t\tif ( self.attr('data-modaal-animation-speed') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.animation_speed = self.attr('data-modaal-animation-speed');\n\t\t}\n\n\t\t// option: after_callback_delay\n\t\tif ( self.attr('data-modaal-after-callback-delay') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.after_callback_delay = self.attr('data-modaal-after-callback-delay');\n\t\t}\n\n\t\t// option: is_locked\n\t\tif ( self.attr('data-modaal-is-locked') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.is_locked = (self.attr('data-modaal-is-locked') === 'true' ? true : false);\n\t\t}\n\n\t\t// option: hide_close\n\t\tif ( self.attr('data-modaal-hide-close') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.hide_close = (self.attr('data-modaal-hide-close') === 'true' ? true : false);\n\t\t}\n\n\t\t// option: background\n\t\tif ( self.attr('data-modaal-background') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.background = self.attr('data-modaal-background');\n\t\t}\n\n\t\t// option: overlay_opacity\n\t\tif ( self.attr('data-modaal-overlay-opacity') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.overlay_opacity = self.attr('data-modaal-overlay-opacity');\n\t\t}\n\n\t\t// option: overlay_close\n\t\tif ( self.attr('data-modaal-overlay-close') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.overlay_close = (self.attr('data-modaal-overlay-close') === 'false' ? false : true);\n\t\t}\n\n\t\t// option: accessible_title\n\t\tif ( self.attr('data-modaal-accessible-title') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.accessible_title = self.attr('data-modaal-accessible-title');\n\t\t}\n\n\t\t// option: start_open\n\t\tif ( self.attr('data-modaal-start-open') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.start_open = (self.attr('data-modaal-start-open') === 'true' ? true : false);\n\t\t}\n\n\t\t// option: fullscreen\n\t\tif ( self.attr('data-modaal-fullscreen') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.fullscreen = (self.attr('data-modaal-fullscreen') === 'true' ? true : false);\n\t\t}\n\n\t\t// option: custom_class\n\t\tif ( self.attr('data-modaal-custom-class') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.custom_class = self.attr('data-modaal-custom-class');\n\t\t}\n\n\t\t// option: close_text\n\t\tif ( self.attr('data-modaal-close-text') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.close_text = self.attr('data-modaal-close-text');\n\t\t}\n\n\t\t// option: close_aria_label\n\t\tif ( self.attr('data-modaal-close-aria-label') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.close_aria_label = self.attr('data-modaal-close-aria-label');\n\t\t}\n\n\t\t// option: background_scroll\n\t\tif ( self.attr('data-modaal-background-scroll') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.background_scroll = (self.attr('data-modaal-background-scroll') === 'true' ? true : false);\n\t\t}\n\n\t\t// option: width\n\t\tif ( self.attr('data-modaal-width') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.width = parseInt( self.attr('data-modaal-width') );\n\t\t}\n\n\t\t// option: height\n\t\tif ( self.attr('data-modaal-height') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.height = parseInt( self.attr('data-modaal-height') );\n\t\t}\n\n\t\t// option: confirm_button_text\n\t\tif ( self.attr('data-modaal-confirm-button-text') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.confirm_button_text = self.attr('data-modaal-confirm-button-text');\n\t\t}\n\n\t\t// option: confirm_cancel_button_text\n\t\tif ( self.attr('data-modaal-confirm-cancel-button-text') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.confirm_cancel_button_text = self.attr('data-modaal-confirm-cancel-button-text');\n\t\t}\n\n\t\t// option: confirm_title\n\t\tif ( self.attr('data-modaal-confirm-title') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.confirm_title = self.attr('data-modaal-confirm-title');\n\t\t}\n\n\t\t// option: confirm_content\n\t\tif ( self.attr('data-modaal-confirm-content') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.confirm_content = self.attr('data-modaal-confirm-content');\n\t\t}\n\n\t\t// option: gallery_active_class\n\t\tif ( self.attr('data-modaal-gallery-active-class') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.gallery_active_class = self.attr('data-modaal-gallery-active-class');\n\t\t}\n\n\t\t// option: loading_content\n\t\tif ( self.attr('data-modaal-loading-content') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.loading_content = self.attr('data-modaal-loading-content');\n\t\t}\n\n\t\t// option: loading_class\n\t\tif ( self.attr('data-modaal-loading-class') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.loading_class = self.attr('data-modaal-loading-class');\n\t\t}\n\n\t\t// option: ajax_error_class\n\t\tif ( self.attr('data-modaal-ajax-error-class') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.ajax_error_class = self.attr('data-modaal-ajax-error-class');\n\t\t}\n\n\t\t// option: start_open\n\t\tif ( self.attr('data-modaal-instagram-id') ) {\n\t\t\tinline_options = true;\n\t\t\toptions.instagram_id = self.attr('data-modaal-instagram-id');\n\t\t}\n\n\t\t// now set it up for the trigger, but only if inline_options is true\n\t\tif ( inline_options ) {\n\t\t\tself.modaal(options);\n\t\t}\n\t};\n\n\t// On body load (or now, if already loaded), init any modaals defined inline\n\t// Ensure this is done after $.fn.modaal and default options are declared\n\t// ----------------------------------------------------------------\n\t$(function(){\n\n\t\tvar single_modaal = $('.modaal');\n\n\t\t// Check for existing modaal elements\n\t\tif ( single_modaal.length ) {\n\t\t\tsingle_modaal.each(function() {\n\t\t\t\tvar self = $(this);\n\t\t\t\tmodaal_inline_options(self);\n\t\t\t});\n\t\t}\n\n\t\t// Obvserve DOM mutations for newly added triggers\n\t\tvar modaal_dom_observer = new MutationObserver(function(mutations) {\n\t\t\tmutations.forEach(function(mutation) {\n\t\t\t\tif (mutation.addedNodes && mutation.addedNodes.length > 0) {\n\t\t\t\t\t// element added to DOM\n\t\t\t\t\tvar findElement = [].some.call(mutation.addedNodes, function(el) {\n\t\t\t\t\t\tvar elm = $(el);\n\t\t\t\t\t\tif ( elm.is('a') || elm.is('button') ) {\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif ( elm.hasClass('modaal') ) {\n\t\t\t\t\t\t\t\t// is inline Modaal, initialise options\n\t\t\t\t\t\t\t\tmodaal_inline_options(elm);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t// is not inline modaal. Check for existing selector\n\t\t\t\t\t\t\t\tmodaal_existing_selectors.forEach(function(modaalSelector) {\n\t\t\t\t\t\t\t\t\tif ( modaalSelector.element == elm.attr('class') ) {\n\t\t\t\t\t\t\t\t\t\t$(elm).modaal( modaalSelector.options );\n\t\t\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\tvar observer_config = {\n\t\t\tsubtree: true,\n\t\t\tattributes: true,\n\t\t\tchildList: true,\n\t\t\tcharacterData: true\n\t\t};\n\n\t\t// pass in the target node, as well as the observer options\n\t\tsetTimeout(function() {\n\t\t\tmodaal_dom_observer.observe(document.body, observer_config);\n\t\t}, 500);\n\n\t});\n\n} ( jQuery, window, document ) );","import $ from 'jquery';\r\nimport * as CONST from '../utils/constants';\r\nimport Util from '../utils/ui';\r\nimport 'bootstrap';\r\nimport 'bootstrap-select';\r\n\r\nclass DropDown {\r\n constructor() {\r\n }\r\n\r\n init() {\r\n this.bindEvents();\r\n }\r\n\r\n\tbindEvents() {\r\n if ($('.js-select').length) {\r\n $('.js-select').each((index, element) => {\r\n let settings = {\r\n mobile: true,\r\n liveSearchPlaceholder: 'Type to search',\r\n dropupAuto: false,\r\n size: '7'\r\n };\r\n\r\n if ($(element).data('custom-mobile')) {\r\n settings.mobile = false;\r\n }\r\n\r\n $(element).selectpicker(settings);\r\n });\r\n \r\n // Dropdown to anchor\r\n $('.js-select-anchor').on('changed.bs.select', (e, clickedIndex, isSelected, previousValue) => {\r\n const selection = e.target.selectedOptions[0].value;\r\n\r\n if (selection.length > 0) {\r\n $('html, body').animate({\r\n scrollTop: ($(`#${selection}`).offset().top - 100)\r\n }, 2500);\r\n\r\n if (!$(`#${selection}`).hasClass('active')) {\r\n $(`#${selection}`).click();\r\n }\r\n }\r\n });\r\n\r\n $('.js-select-anchor').on('shown.bs.select', (e) => {\r\n const previousQuery = $('.filter-option-inner-inner').text();\r\n if (previousQuery !== 'Type to search') {\r\n $('.bs-searchbox input').val(previousQuery);\r\n }\r\n $('.bs-searchbox input').focus();\r\n\r\n document.addEventListener('keydown', (event) => {\r\n const parent = $('.dropdown-menu div.inner');\r\n const active = $('ul.dropdown-menu .active');\r\n\r\n if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\r\n parent.scrollTop(parent.scrollTop() + (active.position().top - parent.position().top) - (parent.height() / 2) + (active.height() / 2));\r\n }\r\n });\r\n });\r\n //---/ End dropdown to anchor\r\n }\r\n\r\n if ($('.editing-form-control-nested-control>select').length) {\r\n $('.editing-form-control-nested-control>select').each((index, element) => {\r\n let settings = {\r\n mobile: true,\r\n liveSearchPlaceholder: 'Type to search',\r\n dropupAuto: false,\r\n size: '7'\r\n };\r\n\r\n if ($(element).data('custom-mobile')) {\r\n settings.mobile = false;\r\n }\r\n\r\n $(element).selectpicker(settings);\r\n });\r\n \r\n // Dropdown to anchor\r\n $('.js-select-anchor').on('changed.bs.select', (e, clickedIndex, isSelected, previousValue) => {\r\n const selection = e.target.selectedOptions[0].value;\r\n\r\n if (selection.length > 0) {\r\n $('html, body').animate({\r\n scrollTop: ($(`#${selection}`).offset().top - 100)\r\n }, 1000);\r\n\r\n if (!$(`#${selection}`).hasClass('active')) {\r\n $(`#${selection}`).click();\r\n }\r\n }\r\n });\r\n\r\n $('.js-select-anchor').on('shown.bs.select', (e) => {\r\n const previousQuery = $('.filter-option-inner-inner').text();\r\n if (previousQuery !== 'Type to search') {\r\n $('.bs-searchbox input').val(previousQuery);\r\n }\r\n $('.bs-searchbox input').focus();\r\n\r\n document.addEventListener('keydown', (event) => {\r\n const parent = $('.dropdown-menu div.inner');\r\n const active = $('ul.dropdown-menu .active');\r\n\r\n if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\r\n parent.scrollTop(parent.scrollTop() + (active.position().top - parent.position().top) - (parent.height() / 2) + (active.height() / 2));\r\n }\r\n });\r\n });\r\n //---/ End dropdown to anchor\r\n }\r\n }\r\n}\r\n\r\nexport default DropDown;\r\n\r\n$(() => {\r\n\tconst dropdown = new DropDown();\r\n\tdropdown.init();\r\n});","/*\n _ _ _ _\n ___| (_) ___| | __ (_)___\n/ __| | |/ __| |/ / | / __|\n\\__ \\ | | (__| < _ | \\__ \\\n|___/_|_|\\___|_|\\_(_)/ |___/\n |__/\n\n Version: 1.8.1\n Author: Ken Wheeler\n Website: http://kenwheeler.github.io\n Docs: http://kenwheeler.github.io/slick\n Repo: http://github.com/kenwheeler/slick\n Issues: http://github.com/kenwheeler/slick/issues\n\n */\n/* global window, document, define, jQuery, setInterval, clearInterval */\n;(function(factory) {\n 'use strict';\n if (typeof define === 'function' && define.amd) {\n define(['jquery'], factory);\n } else if (typeof exports !== 'undefined') {\n module.exports = factory(require('jquery'));\n } else {\n factory(jQuery);\n }\n\n}(function($) {\n 'use strict';\n var Slick = window.Slick || {};\n\n Slick = (function() {\n\n var instanceUid = 0;\n\n function Slick(element, settings) {\n\n var _ = this, dataSettings;\n\n _.defaults = {\n accessibility: true,\n adaptiveHeight: false,\n appendArrows: $(element),\n appendDots: $(element),\n arrows: true,\n asNavFor: null,\n prevArrow: '',\n nextArrow: '',\n autoplay: false,\n autoplaySpeed: 3000,\n centerMode: false,\n centerPadding: '50px',\n cssEase: 'ease',\n customPaging: function(slider, i) {\n return $('').text(i + 1);\n },\n dots: false,\n dotsClass: 'slick-dots',\n draggable: true,\n easing: 'linear',\n edgeFriction: 0.35,\n fade: false,\n focusOnSelect: false,\n focusOnChange: false,\n infinite: true,\n initialSlide: 0,\n lazyLoad: 'ondemand',\n mobileFirst: false,\n pauseOnHover: true,\n pauseOnFocus: true,\n pauseOnDotsHover: false,\n respondTo: 'window',\n responsive: null,\n rows: 1,\n rtl: false,\n slide: '',\n slidesPerRow: 1,\n slidesToShow: 1,\n slidesToScroll: 1,\n speed: 500,\n swipe: true,\n swipeToSlide: false,\n touchMove: true,\n touchThreshold: 5,\n useCSS: true,\n useTransform: true,\n variableWidth: false,\n vertical: false,\n verticalSwiping: false,\n waitForAnimate: true,\n zIndex: 1000\n };\n\n _.initials = {\n animating: false,\n dragging: false,\n autoPlayTimer: null,\n currentDirection: 0,\n currentLeft: null,\n currentSlide: 0,\n direction: 1,\n $dots: null,\n listWidth: null,\n listHeight: null,\n loadIndex: 0,\n $nextArrow: null,\n $prevArrow: null,\n scrolling: false,\n slideCount: null,\n slideWidth: null,\n $slideTrack: null,\n $slides: null,\n sliding: false,\n slideOffset: 0,\n swipeLeft: null,\n swiping: false,\n $list: null,\n touchObject: {},\n transformsEnabled: false,\n unslicked: false\n };\n\n $.extend(_, _.initials);\n\n _.activeBreakpoint = null;\n _.animType = null;\n _.animProp = null;\n _.breakpoints = [];\n _.breakpointSettings = [];\n _.cssTransitions = false;\n _.focussed = false;\n _.interrupted = false;\n _.hidden = 'hidden';\n _.paused = true;\n _.positionProp = null;\n _.respondTo = null;\n _.rowCount = 1;\n _.shouldClick = true;\n _.$slider = $(element);\n _.$slidesCache = null;\n _.transformType = null;\n _.transitionType = null;\n _.visibilityChange = 'visibilitychange';\n _.windowWidth = 0;\n _.windowTimer = null;\n\n dataSettings = $(element).data('slick') || {};\n\n _.options = $.extend({}, _.defaults, settings, dataSettings);\n\n _.currentSlide = _.options.initialSlide;\n\n _.originalSettings = _.options;\n\n if (typeof document.mozHidden !== 'undefined') {\n _.hidden = 'mozHidden';\n _.visibilityChange = 'mozvisibilitychange';\n } else if (typeof document.webkitHidden !== 'undefined') {\n _.hidden = 'webkitHidden';\n _.visibilityChange = 'webkitvisibilitychange';\n }\n\n _.autoPlay = $.proxy(_.autoPlay, _);\n _.autoPlayClear = $.proxy(_.autoPlayClear, _);\n _.autoPlayIterator = $.proxy(_.autoPlayIterator, _);\n _.changeSlide = $.proxy(_.changeSlide, _);\n _.clickHandler = $.proxy(_.clickHandler, _);\n _.selectHandler = $.proxy(_.selectHandler, _);\n _.setPosition = $.proxy(_.setPosition, _);\n _.swipeHandler = $.proxy(_.swipeHandler, _);\n _.dragHandler = $.proxy(_.dragHandler, _);\n _.keyHandler = $.proxy(_.keyHandler, _);\n\n _.instanceUid = instanceUid++;\n\n // A simple way to check for HTML strings\n // Strict HTML recognition (must start with <)\n // Extracted from jQuery v1.11 source\n _.htmlExpr = /^(?:\\s*(<[\\w\\W]+>)[^>]*)$/;\n\n\n _.registerBreakpoints();\n _.init(true);\n\n }\n\n return Slick;\n\n }());\n\n Slick.prototype.activateADA = function() {\n var _ = this;\n\n _.$slideTrack.find('.slick-active').attr({\n 'aria-hidden': 'false'\n }).find('a, input, button, select').attr({\n 'tabindex': '0'\n });\n\n };\n\n Slick.prototype.addSlide = Slick.prototype.slickAdd = function(markup, index, addBefore) {\n\n var _ = this;\n\n if (typeof(index) === 'boolean') {\n addBefore = index;\n index = null;\n } else if (index < 0 || (index >= _.slideCount)) {\n return false;\n }\n\n _.unload();\n\n if (typeof(index) === 'number') {\n if (index === 0 && _.$slides.length === 0) {\n $(markup).appendTo(_.$slideTrack);\n } else if (addBefore) {\n $(markup).insertBefore(_.$slides.eq(index));\n } else {\n $(markup).insertAfter(_.$slides.eq(index));\n }\n } else {\n if (addBefore === true) {\n $(markup).prependTo(_.$slideTrack);\n } else {\n $(markup).appendTo(_.$slideTrack);\n }\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slides.each(function(index, element) {\n $(element).attr('data-slick-index', index);\n });\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n\n };\n\n Slick.prototype.animateHeight = function() {\n var _ = this;\n if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.animate({\n height: targetHeight\n }, _.options.speed);\n }\n };\n\n Slick.prototype.animateSlide = function(targetLeft, callback) {\n\n var animProps = {},\n _ = this;\n\n _.animateHeight();\n\n if (_.options.rtl === true && _.options.vertical === false) {\n targetLeft = -targetLeft;\n }\n if (_.transformsEnabled === false) {\n if (_.options.vertical === false) {\n _.$slideTrack.animate({\n left: targetLeft\n }, _.options.speed, _.options.easing, callback);\n } else {\n _.$slideTrack.animate({\n top: targetLeft\n }, _.options.speed, _.options.easing, callback);\n }\n\n } else {\n\n if (_.cssTransitions === false) {\n if (_.options.rtl === true) {\n _.currentLeft = -(_.currentLeft);\n }\n $({\n animStart: _.currentLeft\n }).animate({\n animStart: targetLeft\n }, {\n duration: _.options.speed,\n easing: _.options.easing,\n step: function(now) {\n now = Math.ceil(now);\n if (_.options.vertical === false) {\n animProps[_.animType] = 'translate(' +\n now + 'px, 0px)';\n _.$slideTrack.css(animProps);\n } else {\n animProps[_.animType] = 'translate(0px,' +\n now + 'px)';\n _.$slideTrack.css(animProps);\n }\n },\n complete: function() {\n if (callback) {\n callback.call();\n }\n }\n });\n\n } else {\n\n _.applyTransition();\n targetLeft = Math.ceil(targetLeft);\n\n if (_.options.vertical === false) {\n animProps[_.animType] = 'translate3d(' + targetLeft + 'px, 0px, 0px)';\n } else {\n animProps[_.animType] = 'translate3d(0px,' + targetLeft + 'px, 0px)';\n }\n _.$slideTrack.css(animProps);\n\n if (callback) {\n setTimeout(function() {\n\n _.disableTransition();\n\n callback.call();\n }, _.options.speed);\n }\n\n }\n\n }\n\n };\n\n Slick.prototype.getNavTarget = function() {\n\n var _ = this,\n asNavFor = _.options.asNavFor;\n\n if ( asNavFor && asNavFor !== null ) {\n asNavFor = $(asNavFor).not(_.$slider);\n }\n\n return asNavFor;\n\n };\n\n Slick.prototype.asNavFor = function(index) {\n\n var _ = this,\n asNavFor = _.getNavTarget();\n\n if ( asNavFor !== null && typeof asNavFor === 'object' ) {\n asNavFor.each(function() {\n var target = $(this).slick('getSlick');\n if(!target.unslicked) {\n target.slideHandler(index, true);\n }\n });\n }\n\n };\n\n Slick.prototype.applyTransition = function(slide) {\n\n var _ = this,\n transition = {};\n\n if (_.options.fade === false) {\n transition[_.transitionType] = _.transformType + ' ' + _.options.speed + 'ms ' + _.options.cssEase;\n } else {\n transition[_.transitionType] = 'opacity ' + _.options.speed + 'ms ' + _.options.cssEase;\n }\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n\n };\n\n Slick.prototype.autoPlay = function() {\n\n var _ = this;\n\n _.autoPlayClear();\n\n if ( _.slideCount > _.options.slidesToShow ) {\n _.autoPlayTimer = setInterval( _.autoPlayIterator, _.options.autoplaySpeed );\n }\n\n };\n\n Slick.prototype.autoPlayClear = function() {\n\n var _ = this;\n\n if (_.autoPlayTimer) {\n clearInterval(_.autoPlayTimer);\n }\n\n };\n\n Slick.prototype.autoPlayIterator = function() {\n\n var _ = this,\n slideTo = _.currentSlide + _.options.slidesToScroll;\n\n if ( !_.paused && !_.interrupted && !_.focussed ) {\n\n if ( _.options.infinite === false ) {\n\n if ( _.direction === 1 && ( _.currentSlide + 1 ) === ( _.slideCount - 1 )) {\n _.direction = 0;\n }\n\n else if ( _.direction === 0 ) {\n\n slideTo = _.currentSlide - _.options.slidesToScroll;\n\n if ( _.currentSlide - 1 === 0 ) {\n _.direction = 1;\n }\n\n }\n\n }\n\n _.slideHandler( slideTo );\n\n }\n\n };\n\n Slick.prototype.buildArrows = function() {\n\n var _ = this;\n\n if (_.options.arrows === true ) {\n\n _.$prevArrow = $(_.options.prevArrow).addClass('slick-arrow');\n _.$nextArrow = $(_.options.nextArrow).addClass('slick-arrow');\n\n if( _.slideCount > _.options.slidesToShow ) {\n\n _.$prevArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex');\n _.$nextArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex');\n\n if (_.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.prependTo(_.options.appendArrows);\n }\n\n if (_.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.appendTo(_.options.appendArrows);\n }\n\n if (_.options.infinite !== true) {\n _.$prevArrow\n .addClass('slick-disabled')\n .attr('aria-disabled', 'true');\n }\n\n } else {\n\n _.$prevArrow.add( _.$nextArrow )\n\n .addClass('slick-hidden')\n .attr({\n 'aria-disabled': 'true',\n 'tabindex': '-1'\n });\n\n }\n\n }\n\n };\n\n Slick.prototype.buildDots = function() {\n\n var _ = this,\n i, dot;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$slider.addClass('slick-dotted');\n\n dot = $('').appendTo(_.$slider) :\n _.$slides.wrapAll('
').parent();\n\n _.$list = _.$slideTrack.wrap(\n '
').parent();\n _.$slideTrack.css('opacity', 0);\n\n if (_.options.centerMode === true || _.options.swipeToSlide === true) {\n _.options.slidesToScroll = 1;\n }\n\n $('img[data-lazy]', _.$slider).not('[src]').addClass('slick-loading');\n\n _.setupInfinite();\n\n _.buildArrows();\n\n _.buildDots();\n\n _.updateDots();\n\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n if (_.options.draggable === true) {\n _.$list.addClass('draggable');\n }\n\n };\n\n Slick.prototype.buildRows = function() {\n\n var _ = this, a, b, c, newSlides, numOfSlides, originalSlides,slidesPerSection;\n\n newSlides = document.createDocumentFragment();\n originalSlides = _.$slider.children();\n\n if(_.options.rows > 0) {\n\n slidesPerSection = _.options.slidesPerRow * _.options.rows;\n numOfSlides = Math.ceil(\n originalSlides.length / slidesPerSection\n );\n\n for(a = 0; a < numOfSlides; a++){\n var slide = document.createElement('div');\n for(b = 0; b < _.options.rows; b++) {\n var row = document.createElement('div');\n for(c = 0; c < _.options.slidesPerRow; c++) {\n var target = (a * slidesPerSection + ((b * _.options.slidesPerRow) + c));\n if (originalSlides.get(target)) {\n row.appendChild(originalSlides.get(target));\n }\n }\n slide.appendChild(row);\n }\n newSlides.appendChild(slide);\n }\n\n _.$slider.empty().append(newSlides);\n _.$slider.children().children().children()\n .css({\n 'width':(100 / _.options.slidesPerRow) + '%',\n 'display': 'inline-block'\n });\n\n }\n\n };\n\n Slick.prototype.checkResponsive = function(initial, forceUpdate) {\n\n var _ = this,\n breakpoint, targetBreakpoint, respondToWidth, triggerBreakpoint = false;\n var sliderWidth = _.$slider.width();\n var windowWidth = window.innerWidth || $(window).width();\n\n if (_.respondTo === 'window') {\n respondToWidth = windowWidth;\n } else if (_.respondTo === 'slider') {\n respondToWidth = sliderWidth;\n } else if (_.respondTo === 'min') {\n respondToWidth = Math.min(windowWidth, sliderWidth);\n }\n\n if ( _.options.responsive &&\n _.options.responsive.length &&\n _.options.responsive !== null) {\n\n targetBreakpoint = null;\n\n for (breakpoint in _.breakpoints) {\n if (_.breakpoints.hasOwnProperty(breakpoint)) {\n if (_.originalSettings.mobileFirst === false) {\n if (respondToWidth < _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n } else {\n if (respondToWidth > _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n }\n }\n }\n\n if (targetBreakpoint !== null) {\n if (_.activeBreakpoint !== null) {\n if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) {\n _.activeBreakpoint =\n targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n _.activeBreakpoint = targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n if (_.activeBreakpoint !== null) {\n _.activeBreakpoint = null;\n _.options = _.originalSettings;\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n triggerBreakpoint = targetBreakpoint;\n }\n }\n\n // only trigger breakpoints during an actual break. not on initialize.\n if( !initial && triggerBreakpoint !== false ) {\n _.$slider.trigger('breakpoint', [_, triggerBreakpoint]);\n }\n }\n\n };\n\n Slick.prototype.changeSlide = function(event, dontAnimate) {\n\n var _ = this,\n $target = $(event.currentTarget),\n indexOffset, slideOffset, unevenOffset;\n\n // If target is a link, prevent default action.\n if($target.is('a')) {\n event.preventDefault();\n }\n\n // If target is not the element (ie: a child), find the .\n if(!$target.is('li')) {\n $target = $target.closest('li');\n }\n\n unevenOffset = (_.slideCount % _.options.slidesToScroll !== 0);\n indexOffset = unevenOffset ? 0 : (_.slideCount - _.currentSlide) % _.options.slidesToScroll;\n\n switch (event.data.message) {\n\n case 'previous':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide - slideOffset, false, dontAnimate);\n }\n break;\n\n case 'next':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate);\n }\n break;\n\n case 'index':\n var index = event.data.index === 0 ? 0 :\n event.data.index || $target.index() * _.options.slidesToScroll;\n\n _.slideHandler(_.checkNavigable(index), false, dontAnimate);\n $target.children().trigger('focus');\n break;\n\n default:\n return;\n }\n\n };\n\n Slick.prototype.checkNavigable = function(index) {\n\n var _ = this,\n navigables, prevNavigable;\n\n navigables = _.getNavigableIndexes();\n prevNavigable = 0;\n if (index > navigables[navigables.length - 1]) {\n index = navigables[navigables.length - 1];\n } else {\n for (var n in navigables) {\n if (index < navigables[n]) {\n index = prevNavigable;\n break;\n }\n prevNavigable = navigables[n];\n }\n }\n\n return index;\n };\n\n Slick.prototype.cleanUpEvents = function() {\n\n var _ = this;\n\n if (_.options.dots && _.$dots !== null) {\n\n $('li', _.$dots)\n .off('click.slick', _.changeSlide)\n .off('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n if (_.options.accessibility === true) {\n _.$dots.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$slider.off('focus.slick blur.slick');\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow && _.$prevArrow.off('click.slick', _.changeSlide);\n _.$nextArrow && _.$nextArrow.off('click.slick', _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow && _.$prevArrow.off('keydown.slick', _.keyHandler);\n _.$nextArrow && _.$nextArrow.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$list.off('touchstart.slick mousedown.slick', _.swipeHandler);\n _.$list.off('touchmove.slick mousemove.slick', _.swipeHandler);\n _.$list.off('touchend.slick mouseup.slick', _.swipeHandler);\n _.$list.off('touchcancel.slick mouseleave.slick', _.swipeHandler);\n\n _.$list.off('click.slick', _.clickHandler);\n\n $(document).off(_.visibilityChange, _.visibility);\n\n _.cleanUpSlideEvents();\n\n if (_.options.accessibility === true) {\n _.$list.off('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().off('click.slick', _.selectHandler);\n }\n\n $(window).off('orientationchange.slick.slick-' + _.instanceUid, _.orientationChange);\n\n $(window).off('resize.slick.slick-' + _.instanceUid, _.resize);\n\n $('[draggable!=true]', _.$slideTrack).off('dragstart', _.preventDefault);\n\n $(window).off('load.slick.slick-' + _.instanceUid, _.setPosition);\n\n };\n\n Slick.prototype.cleanUpSlideEvents = function() {\n\n var _ = this;\n\n _.$list.off('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n };\n\n Slick.prototype.cleanUpRows = function() {\n\n var _ = this, originalSlides;\n\n if(_.options.rows > 0) {\n originalSlides = _.$slides.children().children();\n originalSlides.removeAttr('style');\n _.$slider.empty().append(originalSlides);\n }\n\n };\n\n Slick.prototype.clickHandler = function(event) {\n\n var _ = this;\n\n if (_.shouldClick === false) {\n event.stopImmediatePropagation();\n event.stopPropagation();\n event.preventDefault();\n }\n\n };\n\n Slick.prototype.destroy = function(refresh) {\n\n var _ = this;\n\n _.autoPlayClear();\n\n _.touchObject = {};\n\n _.cleanUpEvents();\n\n $('.slick-cloned', _.$slider).detach();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if ( _.$prevArrow && _.$prevArrow.length ) {\n\n _.$prevArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display','');\n\n if ( _.htmlExpr.test( _.options.prevArrow )) {\n _.$prevArrow.remove();\n }\n }\n\n if ( _.$nextArrow && _.$nextArrow.length ) {\n\n _.$nextArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display','');\n\n if ( _.htmlExpr.test( _.options.nextArrow )) {\n _.$nextArrow.remove();\n }\n }\n\n\n if (_.$slides) {\n\n _.$slides\n .removeClass('slick-slide slick-active slick-center slick-visible slick-current')\n .removeAttr('aria-hidden')\n .removeAttr('data-slick-index')\n .each(function(){\n $(this).attr('style', $(this).data('originalStyling'));\n });\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.detach();\n\n _.$list.detach();\n\n _.$slider.append(_.$slides);\n }\n\n _.cleanUpRows();\n\n _.$slider.removeClass('slick-slider');\n _.$slider.removeClass('slick-initialized');\n _.$slider.removeClass('slick-dotted');\n\n _.unslicked = true;\n\n if(!refresh) {\n _.$slider.trigger('destroy', [_]);\n }\n\n };\n\n Slick.prototype.disableTransition = function(slide) {\n\n var _ = this,\n transition = {};\n\n transition[_.transitionType] = '';\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n\n };\n\n Slick.prototype.fadeSlide = function(slideIndex, callback) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).css({\n zIndex: _.options.zIndex\n });\n\n _.$slides.eq(slideIndex).animate({\n opacity: 1\n }, _.options.speed, _.options.easing, callback);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 1,\n zIndex: _.options.zIndex\n });\n\n if (callback) {\n setTimeout(function() {\n\n _.disableTransition(slideIndex);\n\n callback.call();\n }, _.options.speed);\n }\n\n }\n\n };\n\n Slick.prototype.fadeSlideOut = function(slideIndex) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).animate({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n }, _.options.speed, _.options.easing);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n });\n\n }\n\n };\n\n Slick.prototype.filterSlides = Slick.prototype.slickFilter = function(filter) {\n\n var _ = this;\n\n if (filter !== null) {\n\n _.$slidesCache = _.$slides;\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.filter(filter).appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.focusHandler = function() {\n\n var _ = this;\n\n _.$slider\n .off('focus.slick blur.slick')\n .on('focus.slick blur.slick', '*', function(event) {\n\n event.stopImmediatePropagation();\n var $sf = $(this);\n\n setTimeout(function() {\n\n if( _.options.pauseOnFocus ) {\n _.focussed = $sf.is(':focus');\n _.autoPlay();\n }\n\n }, 0);\n\n });\n };\n\n Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function() {\n\n var _ = this;\n return _.currentSlide;\n\n };\n\n Slick.prototype.getDotCount = function() {\n\n var _ = this;\n\n var breakPoint = 0;\n var counter = 0;\n var pagerQty = 0;\n\n if (_.options.infinite === true) {\n if (_.slideCount <= _.options.slidesToShow) {\n ++pagerQty;\n } else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n } else if (_.options.centerMode === true) {\n pagerQty = _.slideCount;\n } else if(!_.options.asNavFor) {\n pagerQty = 1 + Math.ceil((_.slideCount - _.options.slidesToShow) / _.options.slidesToScroll);\n }else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n\n return pagerQty - 1;\n\n };\n\n Slick.prototype.getLeft = function(slideIndex) {\n\n var _ = this,\n targetLeft,\n verticalHeight,\n verticalOffset = 0,\n targetSlide,\n coef;\n\n _.slideOffset = 0;\n verticalHeight = _.$slides.first().outerHeight(true);\n\n if (_.options.infinite === true) {\n if (_.slideCount > _.options.slidesToShow) {\n _.slideOffset = (_.slideWidth * _.options.slidesToShow) * -1;\n coef = -1\n\n if (_.options.vertical === true && _.options.centerMode === true) {\n if (_.options.slidesToShow === 2) {\n coef = -1.5;\n } else if (_.options.slidesToShow === 1) {\n coef = -2\n }\n }\n verticalOffset = (verticalHeight * _.options.slidesToShow) * coef;\n }\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) {\n if (slideIndex > _.slideCount) {\n _.slideOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth) * -1;\n verticalOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight) * -1;\n } else {\n _.slideOffset = ((_.slideCount % _.options.slidesToScroll) * _.slideWidth) * -1;\n verticalOffset = ((_.slideCount % _.options.slidesToScroll) * verticalHeight) * -1;\n }\n }\n }\n } else {\n if (slideIndex + _.options.slidesToShow > _.slideCount) {\n _.slideOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * _.slideWidth;\n verticalOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * verticalHeight;\n }\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.slideOffset = 0;\n verticalOffset = 0;\n }\n\n if (_.options.centerMode === true && _.slideCount <= _.options.slidesToShow) {\n _.slideOffset = ((_.slideWidth * Math.floor(_.options.slidesToShow)) / 2) - ((_.slideWidth * _.slideCount) / 2);\n } else if (_.options.centerMode === true && _.options.infinite === true) {\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2) - _.slideWidth;\n } else if (_.options.centerMode === true) {\n _.slideOffset = 0;\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2);\n }\n\n if (_.options.vertical === false) {\n targetLeft = ((slideIndex * _.slideWidth) * -1) + _.slideOffset;\n } else {\n targetLeft = ((slideIndex * verticalHeight) * -1) + verticalOffset;\n }\n\n if (_.options.variableWidth === true) {\n\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n if (_.options.centerMode === true) {\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow + 1);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2;\n }\n }\n\n return targetLeft;\n\n };\n\n Slick.prototype.getOption = Slick.prototype.slickGetOption = function(option) {\n\n var _ = this;\n\n return _.options[option];\n\n };\n\n Slick.prototype.getNavigableIndexes = function() {\n\n var _ = this,\n breakPoint = 0,\n counter = 0,\n indexes = [],\n max;\n\n if (_.options.infinite === false) {\n max = _.slideCount;\n } else {\n breakPoint = _.options.slidesToScroll * -1;\n counter = _.options.slidesToScroll * -1;\n max = _.slideCount * 2;\n }\n\n while (breakPoint < max) {\n indexes.push(breakPoint);\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n\n return indexes;\n\n };\n\n Slick.prototype.getSlick = function() {\n\n return this;\n\n };\n\n Slick.prototype.getSlideCount = function() {\n\n var _ = this,\n slidesTraversed, swipedSlide, centerOffset;\n\n centerOffset = _.options.centerMode === true ? _.slideWidth * Math.floor(_.options.slidesToShow / 2) : 0;\n\n if (_.options.swipeToSlide === true) {\n _.$slideTrack.find('.slick-slide').each(function(index, slide) {\n if (slide.offsetLeft - centerOffset + ($(slide).outerWidth() / 2) > (_.swipeLeft * -1)) {\n swipedSlide = slide;\n return false;\n }\n });\n\n slidesTraversed = Math.abs($(swipedSlide).attr('data-slick-index') - _.currentSlide) || 1;\n\n return slidesTraversed;\n\n } else {\n return _.options.slidesToScroll;\n }\n\n };\n\n Slick.prototype.goTo = Slick.prototype.slickGoTo = function(slide, dontAnimate) {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'index',\n index: parseInt(slide)\n }\n }, dontAnimate);\n\n };\n\n Slick.prototype.init = function(creation) {\n\n var _ = this;\n\n if (!$(_.$slider).hasClass('slick-initialized')) {\n\n $(_.$slider).addClass('slick-initialized');\n\n _.buildRows();\n _.buildOut();\n _.setProps();\n _.startLoad();\n _.loadSlider();\n _.initializeEvents();\n _.updateArrows();\n _.updateDots();\n _.checkResponsive(true);\n _.focusHandler();\n\n }\n\n if (creation) {\n _.$slider.trigger('init', [_]);\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n }\n\n if ( _.options.autoplay ) {\n\n _.paused = false;\n _.autoPlay();\n\n }\n\n };\n\n Slick.prototype.initADA = function() {\n var _ = this,\n numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow),\n tabControlIndexes = _.getNavigableIndexes().filter(function(val) {\n return (val >= 0) && (val < _.slideCount);\n });\n\n _.$slides.add(_.$slideTrack.find('.slick-cloned')).attr({\n 'aria-hidden': 'true',\n 'tabindex': '-1'\n }).find('a, input, button, select').attr({\n 'tabindex': '-1'\n });\n\n if (_.$dots !== null) {\n _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function(i) {\n var slideControlIndex = tabControlIndexes.indexOf(i);\n\n $(this).attr({\n 'role': 'tabpanel',\n 'id': 'slick-slide' + _.instanceUid + i,\n 'tabindex': -1\n });\n\n if (slideControlIndex !== -1) {\n var ariaButtonControl = 'slick-slide-control' + _.instanceUid + slideControlIndex\n if ($('#' + ariaButtonControl).length) {\n $(this).attr({\n 'aria-describedby': ariaButtonControl\n });\n }\n }\n });\n\n _.$dots.attr('role', 'tablist').find('li').each(function(i) {\n var mappedSlideIndex = tabControlIndexes[i];\n\n $(this).attr({\n 'role': 'presentation'\n });\n\n $(this).find('button').first().attr({\n 'role': 'tab',\n 'id': 'slick-slide-control' + _.instanceUid + i,\n 'aria-controls': 'slick-slide' + _.instanceUid + mappedSlideIndex,\n 'aria-label': (i + 1) + ' of ' + numDotGroups,\n 'aria-selected': null,\n 'tabindex': '-1'\n });\n\n }).eq(_.currentSlide).find('button').attr({\n 'aria-selected': 'true',\n 'tabindex': '0'\n }).end();\n }\n\n for (var i=_.currentSlide, max=i+_.options.slidesToShow; i < max; i++) {\n if (_.options.focusOnChange) {\n _.$slides.eq(i).attr({'tabindex': '0'});\n } else {\n _.$slides.eq(i).removeAttr('tabindex');\n }\n }\n\n _.activateADA();\n\n };\n\n Slick.prototype.initArrowEvents = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow\n .off('click.slick')\n .on('click.slick', {\n message: 'previous'\n }, _.changeSlide);\n _.$nextArrow\n .off('click.slick')\n .on('click.slick', {\n message: 'next'\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow.on('keydown.slick', _.keyHandler);\n _.$nextArrow.on('keydown.slick', _.keyHandler);\n }\n }\n\n };\n\n Slick.prototype.initDotEvents = function() {\n\n var _ = this;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n $('li', _.$dots).on('click.slick', {\n message: 'index'\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$dots.on('keydown.slick', _.keyHandler);\n }\n }\n\n if (_.options.dots === true && _.options.pauseOnDotsHover === true && _.slideCount > _.options.slidesToShow) {\n\n $('li', _.$dots)\n .on('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initSlideEvents = function() {\n\n var _ = this;\n\n if ( _.options.pauseOnHover ) {\n\n _.$list.on('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initializeEvents = function() {\n\n var _ = this;\n\n _.initArrowEvents();\n\n _.initDotEvents();\n _.initSlideEvents();\n\n _.$list.on('touchstart.slick mousedown.slick', {\n action: 'start'\n }, _.swipeHandler);\n _.$list.on('touchmove.slick mousemove.slick', {\n action: 'move'\n }, _.swipeHandler);\n _.$list.on('touchend.slick mouseup.slick', {\n action: 'end'\n }, _.swipeHandler);\n _.$list.on('touchcancel.slick mouseleave.slick', {\n action: 'end'\n }, _.swipeHandler);\n\n _.$list.on('click.slick', _.clickHandler);\n\n $(document).on(_.visibilityChange, $.proxy(_.visibility, _));\n\n if (_.options.accessibility === true) {\n _.$list.on('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n $(window).on('orientationchange.slick.slick-' + _.instanceUid, $.proxy(_.orientationChange, _));\n\n $(window).on('resize.slick.slick-' + _.instanceUid, $.proxy(_.resize, _));\n\n $('[draggable!=true]', _.$slideTrack).on('dragstart', _.preventDefault);\n\n $(window).on('load.slick.slick-' + _.instanceUid, _.setPosition);\n $(_.setPosition);\n\n };\n\n Slick.prototype.initUI = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.show();\n _.$nextArrow.show();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.show();\n\n }\n\n };\n\n Slick.prototype.keyHandler = function(event) {\n\n var _ = this;\n //Dont slide if the cursor is inside the form fields and arrow keys are pressed\n if(!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) {\n if (event.keyCode === 37 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'next' : 'previous'\n }\n });\n } else if (event.keyCode === 39 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'previous' : 'next'\n }\n });\n }\n }\n\n };\n\n Slick.prototype.lazyLoad = function() {\n\n var _ = this,\n loadRange, cloneRange, rangeStart, rangeEnd;\n\n function loadImages(imagesScope) {\n\n $('img[data-lazy]', imagesScope).each(function() {\n\n var image = $(this),\n imageSource = $(this).attr('data-lazy'),\n imageSrcSet = $(this).attr('data-srcset'),\n imageSizes = $(this).attr('data-sizes') || _.$slider.attr('data-sizes'),\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function() {\n\n image\n .animate({ opacity: 0 }, 100, function() {\n\n if (imageSrcSet) {\n image\n .attr('srcset', imageSrcSet );\n\n if (imageSizes) {\n image\n .attr('sizes', imageSizes );\n }\n }\n\n image\n .attr('src', imageSource)\n .animate({ opacity: 1 }, 200, function() {\n image\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n });\n _.$slider.trigger('lazyLoaded', [_, image, imageSource]);\n });\n\n };\n\n imageToLoad.onerror = function() {\n\n image\n .removeAttr( 'data-lazy' )\n .removeClass( 'slick-loading' )\n .addClass( 'slick-lazyload-error' );\n\n _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n };\n\n imageToLoad.src = imageSource;\n\n });\n\n }\n\n if (_.options.centerMode === true) {\n if (_.options.infinite === true) {\n rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1);\n rangeEnd = rangeStart + _.options.slidesToShow + 2;\n } else {\n rangeStart = Math.max(0, _.currentSlide - (_.options.slidesToShow / 2 + 1));\n rangeEnd = 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide;\n }\n } else {\n rangeStart = _.options.infinite ? _.options.slidesToShow + _.currentSlide : _.currentSlide;\n rangeEnd = Math.ceil(rangeStart + _.options.slidesToShow);\n if (_.options.fade === true) {\n if (rangeStart > 0) rangeStart--;\n if (rangeEnd <= _.slideCount) rangeEnd++;\n }\n }\n\n loadRange = _.$slider.find('.slick-slide').slice(rangeStart, rangeEnd);\n\n if (_.options.lazyLoad === 'anticipated') {\n var prevSlide = rangeStart - 1,\n nextSlide = rangeEnd,\n $slides = _.$slider.find('.slick-slide');\n\n for (var i = 0; i < _.options.slidesToScroll; i++) {\n if (prevSlide < 0) prevSlide = _.slideCount - 1;\n loadRange = loadRange.add($slides.eq(prevSlide));\n loadRange = loadRange.add($slides.eq(nextSlide));\n prevSlide--;\n nextSlide++;\n }\n }\n\n loadImages(loadRange);\n\n if (_.slideCount <= _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-slide');\n loadImages(cloneRange);\n } else\n if (_.currentSlide >= _.slideCount - _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-cloned').slice(0, _.options.slidesToShow);\n loadImages(cloneRange);\n } else if (_.currentSlide === 0) {\n cloneRange = _.$slider.find('.slick-cloned').slice(_.options.slidesToShow * -1);\n loadImages(cloneRange);\n }\n\n };\n\n Slick.prototype.loadSlider = function() {\n\n var _ = this;\n\n _.setPosition();\n\n _.$slideTrack.css({\n opacity: 1\n });\n\n _.$slider.removeClass('slick-loading');\n\n _.initUI();\n\n if (_.options.lazyLoad === 'progressive') {\n _.progressiveLazyLoad();\n }\n\n };\n\n Slick.prototype.next = Slick.prototype.slickNext = function() {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'next'\n }\n });\n\n };\n\n Slick.prototype.orientationChange = function() {\n\n var _ = this;\n\n _.checkResponsive();\n _.setPosition();\n\n };\n\n Slick.prototype.pause = Slick.prototype.slickPause = function() {\n\n var _ = this;\n\n _.autoPlayClear();\n _.paused = true;\n\n };\n\n Slick.prototype.play = Slick.prototype.slickPlay = function() {\n\n var _ = this;\n\n _.autoPlay();\n _.options.autoplay = true;\n _.paused = false;\n _.focussed = false;\n _.interrupted = false;\n\n };\n\n Slick.prototype.postSlide = function(index) {\n\n var _ = this;\n\n if( !_.unslicked ) {\n\n _.$slider.trigger('afterChange', [_, index]);\n\n _.animating = false;\n\n if (_.slideCount > _.options.slidesToShow) {\n _.setPosition();\n }\n\n _.swipeLeft = null;\n\n if ( _.options.autoplay ) {\n _.autoPlay();\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n\n if (_.options.focusOnChange) {\n var $currentSlide = $(_.$slides.get(_.currentSlide));\n $currentSlide.attr('tabindex', 0).focus();\n }\n }\n\n }\n\n };\n\n Slick.prototype.prev = Slick.prototype.slickPrev = function() {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'previous'\n }\n });\n\n };\n\n Slick.prototype.preventDefault = function(event) {\n\n event.preventDefault();\n\n };\n\n Slick.prototype.progressiveLazyLoad = function( tryCount ) {\n\n tryCount = tryCount || 1;\n\n var _ = this,\n $imgsToLoad = $( 'img[data-lazy]', _.$slider ),\n image,\n imageSource,\n imageSrcSet,\n imageSizes,\n imageToLoad;\n\n if ( $imgsToLoad.length ) {\n\n image = $imgsToLoad.first();\n imageSource = image.attr('data-lazy');\n imageSrcSet = image.attr('data-srcset');\n imageSizes = image.attr('data-sizes') || _.$slider.attr('data-sizes');\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function() {\n\n if (imageSrcSet) {\n image\n .attr('srcset', imageSrcSet );\n\n if (imageSizes) {\n image\n .attr('sizes', imageSizes );\n }\n }\n\n image\n .attr( 'src', imageSource )\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n\n if ( _.options.adaptiveHeight === true ) {\n _.setPosition();\n }\n\n _.$slider.trigger('lazyLoaded', [ _, image, imageSource ]);\n _.progressiveLazyLoad();\n\n };\n\n imageToLoad.onerror = function() {\n\n if ( tryCount < 3 ) {\n\n /**\n * try to load the image 3 times,\n * leave a slight delay so we don't get\n * servers blocking the request.\n */\n setTimeout( function() {\n _.progressiveLazyLoad( tryCount + 1 );\n }, 500 );\n\n } else {\n\n image\n .removeAttr( 'data-lazy' )\n .removeClass( 'slick-loading' )\n .addClass( 'slick-lazyload-error' );\n\n _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n _.progressiveLazyLoad();\n\n }\n\n };\n\n imageToLoad.src = imageSource;\n\n } else {\n\n _.$slider.trigger('allImagesLoaded', [ _ ]);\n\n }\n\n };\n\n Slick.prototype.refresh = function( initializing ) {\n\n var _ = this, currentSlide, lastVisibleIndex;\n\n lastVisibleIndex = _.slideCount - _.options.slidesToShow;\n\n // in non-infinite sliders, we don't want to go past the\n // last visible index.\n if( !_.options.infinite && ( _.currentSlide > lastVisibleIndex )) {\n _.currentSlide = lastVisibleIndex;\n }\n\n // if less slides than to show, go to start.\n if ( _.slideCount <= _.options.slidesToShow ) {\n _.currentSlide = 0;\n\n }\n\n currentSlide = _.currentSlide;\n\n _.destroy(true);\n\n $.extend(_, _.initials, { currentSlide: currentSlide });\n\n _.init();\n\n if( !initializing ) {\n\n _.changeSlide({\n data: {\n message: 'index',\n index: currentSlide\n }\n }, false);\n\n }\n\n };\n\n Slick.prototype.registerBreakpoints = function() {\n\n var _ = this, breakpoint, currentBreakpoint, l,\n responsiveSettings = _.options.responsive || null;\n\n if ( $.type(responsiveSettings) === 'array' && responsiveSettings.length ) {\n\n _.respondTo = _.options.respondTo || 'window';\n\n for ( breakpoint in responsiveSettings ) {\n\n l = _.breakpoints.length-1;\n\n if (responsiveSettings.hasOwnProperty(breakpoint)) {\n currentBreakpoint = responsiveSettings[breakpoint].breakpoint;\n\n // loop through the breakpoints and cut out any existing\n // ones with the same breakpoint number, we don't want dupes.\n while( l >= 0 ) {\n if( _.breakpoints[l] && _.breakpoints[l] === currentBreakpoint ) {\n _.breakpoints.splice(l,1);\n }\n l--;\n }\n\n _.breakpoints.push(currentBreakpoint);\n _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings;\n\n }\n\n }\n\n _.breakpoints.sort(function(a, b) {\n return ( _.options.mobileFirst ) ? a-b : b-a;\n });\n\n }\n\n };\n\n Slick.prototype.reinit = function() {\n\n var _ = this;\n\n _.$slides =\n _.$slideTrack\n .children(_.options.slide)\n .addClass('slick-slide');\n\n _.slideCount = _.$slides.length;\n\n if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) {\n _.currentSlide = _.currentSlide - _.options.slidesToScroll;\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.currentSlide = 0;\n }\n\n _.registerBreakpoints();\n\n _.setProps();\n _.setupInfinite();\n _.buildArrows();\n _.updateArrows();\n _.initArrowEvents();\n _.buildDots();\n _.updateDots();\n _.initDotEvents();\n _.cleanUpSlideEvents();\n _.initSlideEvents();\n\n _.checkResponsive(false, true);\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n _.setPosition();\n _.focusHandler();\n\n _.paused = !_.options.autoplay;\n _.autoPlay();\n\n _.$slider.trigger('reInit', [_]);\n\n };\n\n Slick.prototype.resize = function() {\n\n var _ = this;\n\n if ($(window).width() !== _.windowWidth) {\n clearTimeout(_.windowDelay);\n _.windowDelay = window.setTimeout(function() {\n _.windowWidth = $(window).width();\n _.checkResponsive();\n if( !_.unslicked ) { _.setPosition(); }\n }, 50);\n }\n };\n\n Slick.prototype.removeSlide = Slick.prototype.slickRemove = function(index, removeBefore, removeAll) {\n\n var _ = this;\n\n if (typeof(index) === 'boolean') {\n removeBefore = index;\n index = removeBefore === true ? 0 : _.slideCount - 1;\n } else {\n index = removeBefore === true ? --index : index;\n }\n\n if (_.slideCount < 1 || index < 0 || index > _.slideCount - 1) {\n return false;\n }\n\n _.unload();\n\n if (removeAll === true) {\n _.$slideTrack.children().remove();\n } else {\n _.$slideTrack.children(this.options.slide).eq(index).remove();\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n\n };\n\n Slick.prototype.setCSS = function(position) {\n\n var _ = this,\n positionProps = {},\n x, y;\n\n if (_.options.rtl === true) {\n position = -position;\n }\n x = _.positionProp == 'left' ? Math.ceil(position) + 'px' : '0px';\n y = _.positionProp == 'top' ? Math.ceil(position) + 'px' : '0px';\n\n positionProps[_.positionProp] = position;\n\n if (_.transformsEnabled === false) {\n _.$slideTrack.css(positionProps);\n } else {\n positionProps = {};\n if (_.cssTransitions === false) {\n positionProps[_.animType] = 'translate(' + x + ', ' + y + ')';\n _.$slideTrack.css(positionProps);\n } else {\n positionProps[_.animType] = 'translate3d(' + x + ', ' + y + ', 0px)';\n _.$slideTrack.css(positionProps);\n }\n }\n\n };\n\n Slick.prototype.setDimensions = function() {\n\n var _ = this;\n\n if (_.options.vertical === false) {\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: ('0px ' + _.options.centerPadding)\n });\n }\n } else {\n _.$list.height(_.$slides.first().outerHeight(true) * _.options.slidesToShow);\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: (_.options.centerPadding + ' 0px')\n });\n }\n }\n\n _.listWidth = _.$list.width();\n _.listHeight = _.$list.height();\n\n\n if (_.options.vertical === false && _.options.variableWidth === false) {\n _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow);\n _.$slideTrack.width(Math.ceil((_.slideWidth * _.$slideTrack.children('.slick-slide').length)));\n\n } else if (_.options.variableWidth === true) {\n _.$slideTrack.width(5000 * _.slideCount);\n } else {\n _.slideWidth = Math.ceil(_.listWidth);\n _.$slideTrack.height(Math.ceil((_.$slides.first().outerHeight(true) * _.$slideTrack.children('.slick-slide').length)));\n }\n\n var offset = _.$slides.first().outerWidth(true) - _.$slides.first().width();\n if (_.options.variableWidth === false) _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset);\n\n };\n\n Slick.prototype.setFade = function() {\n\n var _ = this,\n targetLeft;\n\n _.$slides.each(function(index, element) {\n targetLeft = (_.slideWidth * index) * -1;\n if (_.options.rtl === true) {\n $(element).css({\n position: 'relative',\n right: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n } else {\n $(element).css({\n position: 'relative',\n left: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n }\n });\n\n _.$slides.eq(_.currentSlide).css({\n zIndex: _.options.zIndex - 1,\n opacity: 1\n });\n\n };\n\n Slick.prototype.setHeight = function() {\n\n var _ = this;\n\n if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.css('height', targetHeight);\n }\n\n };\n\n Slick.prototype.setOption =\n Slick.prototype.slickSetOption = function() {\n\n /**\n * accepts arguments in format of:\n *\n * - for changing a single option's value:\n * .slick(\"setOption\", option, value, refresh )\n *\n * - for changing a set of responsive options:\n * .slick(\"setOption\", 'responsive', [{}, ...], refresh )\n *\n * - for updating multiple values at once (not responsive)\n * .slick(\"setOption\", { 'option': value, ... }, refresh )\n */\n\n var _ = this, l, item, option, value, refresh = false, type;\n\n if( $.type( arguments[0] ) === 'object' ) {\n\n option = arguments[0];\n refresh = arguments[1];\n type = 'multiple';\n\n } else if ( $.type( arguments[0] ) === 'string' ) {\n\n option = arguments[0];\n value = arguments[1];\n refresh = arguments[2];\n\n if ( arguments[0] === 'responsive' && $.type( arguments[1] ) === 'array' ) {\n\n type = 'responsive';\n\n } else if ( typeof arguments[1] !== 'undefined' ) {\n\n type = 'single';\n\n }\n\n }\n\n if ( type === 'single' ) {\n\n _.options[option] = value;\n\n\n } else if ( type === 'multiple' ) {\n\n $.each( option , function( opt, val ) {\n\n _.options[opt] = val;\n\n });\n\n\n } else if ( type === 'responsive' ) {\n\n for ( item in value ) {\n\n if( $.type( _.options.responsive ) !== 'array' ) {\n\n _.options.responsive = [ value[item] ];\n\n } else {\n\n l = _.options.responsive.length-1;\n\n // loop through the responsive object and splice out duplicates.\n while( l >= 0 ) {\n\n if( _.options.responsive[l].breakpoint === value[item].breakpoint ) {\n\n _.options.responsive.splice(l,1);\n\n }\n\n l--;\n\n }\n\n _.options.responsive.push( value[item] );\n\n }\n\n }\n\n }\n\n if ( refresh ) {\n\n _.unload();\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.setPosition = function() {\n\n var _ = this;\n\n _.setDimensions();\n\n _.setHeight();\n\n if (_.options.fade === false) {\n _.setCSS(_.getLeft(_.currentSlide));\n } else {\n _.setFade();\n }\n\n _.$slider.trigger('setPosition', [_]);\n\n };\n\n Slick.prototype.setProps = function() {\n\n var _ = this,\n bodyStyle = document.body.style;\n\n _.positionProp = _.options.vertical === true ? 'top' : 'left';\n\n if (_.positionProp === 'top') {\n _.$slider.addClass('slick-vertical');\n } else {\n _.$slider.removeClass('slick-vertical');\n }\n\n if (bodyStyle.WebkitTransition !== undefined ||\n bodyStyle.MozTransition !== undefined ||\n bodyStyle.msTransition !== undefined) {\n if (_.options.useCSS === true) {\n _.cssTransitions = true;\n }\n }\n\n if ( _.options.fade ) {\n if ( typeof _.options.zIndex === 'number' ) {\n if( _.options.zIndex < 3 ) {\n _.options.zIndex = 3;\n }\n } else {\n _.options.zIndex = _.defaults.zIndex;\n }\n }\n\n if (bodyStyle.OTransform !== undefined) {\n _.animType = 'OTransform';\n _.transformType = '-o-transform';\n _.transitionType = 'OTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.MozTransform !== undefined) {\n _.animType = 'MozTransform';\n _.transformType = '-moz-transform';\n _.transitionType = 'MozTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.MozPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.webkitTransform !== undefined) {\n _.animType = 'webkitTransform';\n _.transformType = '-webkit-transform';\n _.transitionType = 'webkitTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.msTransform !== undefined) {\n _.animType = 'msTransform';\n _.transformType = '-ms-transform';\n _.transitionType = 'msTransition';\n if (bodyStyle.msTransform === undefined) _.animType = false;\n }\n if (bodyStyle.transform !== undefined && _.animType !== false) {\n _.animType = 'transform';\n _.transformType = 'transform';\n _.transitionType = 'transition';\n }\n _.transformsEnabled = _.options.useTransform && (_.animType !== null && _.animType !== false);\n };\n\n\n Slick.prototype.setSlideClasses = function(index) {\n\n var _ = this,\n centerOffset, allSlides, indexOffset, remainder;\n\n allSlides = _.$slider\n .find('.slick-slide')\n .removeClass('slick-active slick-center slick-current')\n .attr('aria-hidden', 'true');\n\n _.$slides\n .eq(index)\n .addClass('slick-current');\n\n if (_.options.centerMode === true) {\n\n var evenCoef = _.options.slidesToShow % 2 === 0 ? 1 : 0;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if (_.options.infinite === true) {\n\n if (index >= centerOffset && index <= (_.slideCount - 1) - centerOffset) {\n _.$slides\n .slice(index - centerOffset + evenCoef, index + centerOffset + 1)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n indexOffset = _.options.slidesToShow + index;\n allSlides\n .slice(indexOffset - centerOffset + 1 + evenCoef, indexOffset + centerOffset + 2)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n }\n\n if (index === 0) {\n\n allSlides\n .eq(allSlides.length - 1 - _.options.slidesToShow)\n .addClass('slick-center');\n\n } else if (index === _.slideCount - 1) {\n\n allSlides\n .eq(_.options.slidesToShow)\n .addClass('slick-center');\n\n }\n\n }\n\n _.$slides\n .eq(index)\n .addClass('slick-center');\n\n } else {\n\n if (index >= 0 && index <= (_.slideCount - _.options.slidesToShow)) {\n\n _.$slides\n .slice(index, index + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else if (allSlides.length <= _.options.slidesToShow) {\n\n allSlides\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n remainder = _.slideCount % _.options.slidesToShow;\n indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index;\n\n if (_.options.slidesToShow == _.options.slidesToScroll && (_.slideCount - index) < _.options.slidesToShow) {\n\n allSlides\n .slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n allSlides\n .slice(indexOffset, indexOffset + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n }\n\n }\n\n }\n\n if (_.options.lazyLoad === 'ondemand' || _.options.lazyLoad === 'anticipated') {\n _.lazyLoad();\n }\n };\n\n Slick.prototype.setupInfinite = function() {\n\n var _ = this,\n i, slideIndex, infiniteCount;\n\n if (_.options.fade === true) {\n _.options.centerMode = false;\n }\n\n if (_.options.infinite === true && _.options.fade === false) {\n\n slideIndex = null;\n\n if (_.slideCount > _.options.slidesToShow) {\n\n if (_.options.centerMode === true) {\n infiniteCount = _.options.slidesToShow + 1;\n } else {\n infiniteCount = _.options.slidesToShow;\n }\n\n for (i = _.slideCount; i > (_.slideCount -\n infiniteCount); i -= 1) {\n slideIndex = i - 1;\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\n .attr('data-slick-index', slideIndex - _.slideCount)\n .prependTo(_.$slideTrack).addClass('slick-cloned');\n }\n for (i = 0; i < infiniteCount + _.slideCount; i += 1) {\n slideIndex = i;\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\n .attr('data-slick-index', slideIndex + _.slideCount)\n .appendTo(_.$slideTrack).addClass('slick-cloned');\n }\n _.$slideTrack.find('.slick-cloned').find('[id]').each(function() {\n $(this).attr('id', '');\n });\n\n }\n\n }\n\n };\n\n Slick.prototype.interrupt = function( toggle ) {\n\n var _ = this;\n\n if( !toggle ) {\n _.autoPlay();\n }\n _.interrupted = toggle;\n\n };\n\n Slick.prototype.selectHandler = function(event) {\n\n var _ = this;\n\n var targetElement =\n $(event.target).is('.slick-slide') ?\n $(event.target) :\n $(event.target).parents('.slick-slide');\n\n var index = parseInt(targetElement.attr('data-slick-index'));\n\n if (!index) index = 0;\n\n if (_.slideCount <= _.options.slidesToShow) {\n\n _.slideHandler(index, false, true);\n return;\n\n }\n\n _.slideHandler(index);\n\n };\n\n Slick.prototype.slideHandler = function(index, sync, dontAnimate) {\n\n var targetSlide, animSlide, oldSlide, slideLeft, targetLeft = null,\n _ = this, navTarget;\n\n sync = sync || false;\n\n if (_.animating === true && _.options.waitForAnimate === true) {\n return;\n }\n\n if (_.options.fade === true && _.currentSlide === index) {\n return;\n }\n\n if (sync === false) {\n _.asNavFor(index);\n }\n\n targetSlide = index;\n targetLeft = _.getLeft(targetSlide);\n slideLeft = _.getLeft(_.currentSlide);\n\n _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft;\n\n if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function() {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n } else if (_.options.infinite === false && _.options.centerMode === true && (index < 0 || index > (_.slideCount - _.options.slidesToScroll))) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function() {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n }\n\n if ( _.options.autoplay ) {\n clearInterval(_.autoPlayTimer);\n }\n\n if (targetSlide < 0) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = _.slideCount - (_.slideCount % _.options.slidesToScroll);\n } else {\n animSlide = _.slideCount + targetSlide;\n }\n } else if (targetSlide >= _.slideCount) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = 0;\n } else {\n animSlide = targetSlide - _.slideCount;\n }\n } else {\n animSlide = targetSlide;\n }\n\n _.animating = true;\n\n _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]);\n\n oldSlide = _.currentSlide;\n _.currentSlide = animSlide;\n\n _.setSlideClasses(_.currentSlide);\n\n if ( _.options.asNavFor ) {\n\n navTarget = _.getNavTarget();\n navTarget = navTarget.slick('getSlick');\n\n if ( navTarget.slideCount <= navTarget.options.slidesToShow ) {\n navTarget.setSlideClasses(_.currentSlide);\n }\n\n }\n\n _.updateDots();\n _.updateArrows();\n\n if (_.options.fade === true) {\n if (dontAnimate !== true) {\n\n _.fadeSlideOut(oldSlide);\n\n _.fadeSlide(animSlide, function() {\n _.postSlide(animSlide);\n });\n\n } else {\n _.postSlide(animSlide);\n }\n _.animateHeight();\n return;\n }\n\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(targetLeft, function() {\n _.postSlide(animSlide);\n });\n } else {\n _.postSlide(animSlide);\n }\n\n };\n\n Slick.prototype.startLoad = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.hide();\n _.$nextArrow.hide();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.hide();\n\n }\n\n _.$slider.addClass('slick-loading');\n\n };\n\n Slick.prototype.swipeDirection = function() {\n\n var xDist, yDist, r, swipeAngle, _ = this;\n\n xDist = _.touchObject.startX - _.touchObject.curX;\n yDist = _.touchObject.startY - _.touchObject.curY;\n r = Math.atan2(yDist, xDist);\n\n swipeAngle = Math.round(r * 180 / Math.PI);\n if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n\n if ((swipeAngle <= 45) && (swipeAngle >= 0)) {\n return (_.options.rtl === false ? 'left' : 'right');\n }\n if ((swipeAngle <= 360) && (swipeAngle >= 315)) {\n return (_.options.rtl === false ? 'left' : 'right');\n }\n if ((swipeAngle >= 135) && (swipeAngle <= 225)) {\n return (_.options.rtl === false ? 'right' : 'left');\n }\n if (_.options.verticalSwiping === true) {\n if ((swipeAngle >= 35) && (swipeAngle <= 135)) {\n return 'down';\n } else {\n return 'up';\n }\n }\n\n return 'vertical';\n\n };\n\n Slick.prototype.swipeEnd = function(event) {\n\n var _ = this,\n slideCount,\n direction;\n\n _.dragging = false;\n _.swiping = false;\n\n if (_.scrolling) {\n _.scrolling = false;\n return false;\n }\n\n _.interrupted = false;\n _.shouldClick = ( _.touchObject.swipeLength > 10 ) ? false : true;\n\n if ( _.touchObject.curX === undefined ) {\n return false;\n }\n\n if ( _.touchObject.edgeHit === true ) {\n _.$slider.trigger('edge', [_, _.swipeDirection() ]);\n }\n\n if ( _.touchObject.swipeLength >= _.touchObject.minSwipe ) {\n\n direction = _.swipeDirection();\n\n switch ( direction ) {\n\n case 'left':\n case 'down':\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable( _.currentSlide + _.getSlideCount() ) :\n _.currentSlide + _.getSlideCount();\n\n _.currentDirection = 0;\n\n break;\n\n case 'right':\n case 'up':\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable( _.currentSlide - _.getSlideCount() ) :\n _.currentSlide - _.getSlideCount();\n\n _.currentDirection = 1;\n\n break;\n\n default:\n\n\n }\n\n if( direction != 'vertical' ) {\n\n _.slideHandler( slideCount );\n _.touchObject = {};\n _.$slider.trigger('swipe', [_, direction ]);\n\n }\n\n } else {\n\n if ( _.touchObject.startX !== _.touchObject.curX ) {\n\n _.slideHandler( _.currentSlide );\n _.touchObject = {};\n\n }\n\n }\n\n };\n\n Slick.prototype.swipeHandler = function(event) {\n\n var _ = this;\n\n if ((_.options.swipe === false) || ('ontouchend' in document && _.options.swipe === false)) {\n return;\n } else if (_.options.draggable === false && event.type.indexOf('mouse') !== -1) {\n return;\n }\n\n _.touchObject.fingerCount = event.originalEvent && event.originalEvent.touches !== undefined ?\n event.originalEvent.touches.length : 1;\n\n _.touchObject.minSwipe = _.listWidth / _.options\n .touchThreshold;\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.minSwipe = _.listHeight / _.options\n .touchThreshold;\n }\n\n switch (event.data.action) {\n\n case 'start':\n _.swipeStart(event);\n break;\n\n case 'move':\n _.swipeMove(event);\n break;\n\n case 'end':\n _.swipeEnd(event);\n break;\n\n }\n\n };\n\n Slick.prototype.swipeMove = function(event) {\n\n var _ = this,\n edgeWasHit = false,\n curLeft, swipeDirection, swipeLength, positionOffset, touches, verticalSwipeLength;\n\n touches = event.originalEvent !== undefined ? event.originalEvent.touches : null;\n\n if (!_.dragging || _.scrolling || touches && touches.length !== 1) {\n return false;\n }\n\n curLeft = _.getLeft(_.currentSlide);\n\n _.touchObject.curX = touches !== undefined ? touches[0].pageX : event.clientX;\n _.touchObject.curY = touches !== undefined ? touches[0].pageY : event.clientY;\n\n _.touchObject.swipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curX - _.touchObject.startX, 2)));\n\n verticalSwipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curY - _.touchObject.startY, 2)));\n\n if (!_.options.verticalSwiping && !_.swiping && verticalSwipeLength > 4) {\n _.scrolling = true;\n return false;\n }\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.swipeLength = verticalSwipeLength;\n }\n\n swipeDirection = _.swipeDirection();\n\n if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) {\n _.swiping = true;\n event.preventDefault();\n }\n\n positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1);\n if (_.options.verticalSwiping === true) {\n positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1;\n }\n\n\n swipeLength = _.touchObject.swipeLength;\n\n _.touchObject.edgeHit = false;\n\n if (_.options.infinite === false) {\n if ((_.currentSlide === 0 && swipeDirection === 'right') || (_.currentSlide >= _.getDotCount() && swipeDirection === 'left')) {\n swipeLength = _.touchObject.swipeLength * _.options.edgeFriction;\n _.touchObject.edgeHit = true;\n }\n }\n\n if (_.options.vertical === false) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n } else {\n _.swipeLeft = curLeft + (swipeLength * (_.$list.height() / _.listWidth)) * positionOffset;\n }\n if (_.options.verticalSwiping === true) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n }\n\n if (_.options.fade === true || _.options.touchMove === false) {\n return false;\n }\n\n if (_.animating === true) {\n _.swipeLeft = null;\n return false;\n }\n\n _.setCSS(_.swipeLeft);\n\n };\n\n Slick.prototype.swipeStart = function(event) {\n\n var _ = this,\n touches;\n\n _.interrupted = true;\n\n if (_.touchObject.fingerCount !== 1 || _.slideCount <= _.options.slidesToShow) {\n _.touchObject = {};\n return false;\n }\n\n if (event.originalEvent !== undefined && event.originalEvent.touches !== undefined) {\n touches = event.originalEvent.touches[0];\n }\n\n _.touchObject.startX = _.touchObject.curX = touches !== undefined ? touches.pageX : event.clientX;\n _.touchObject.startY = _.touchObject.curY = touches !== undefined ? touches.pageY : event.clientY;\n\n _.dragging = true;\n\n };\n\n Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function() {\n\n var _ = this;\n\n if (_.$slidesCache !== null) {\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.unload = function() {\n\n var _ = this;\n\n $('.slick-cloned', _.$slider).remove();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.remove();\n }\n\n if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.remove();\n }\n\n _.$slides\n .removeClass('slick-slide slick-active slick-visible slick-current')\n .attr('aria-hidden', 'true')\n .css('width', '');\n\n };\n\n Slick.prototype.unslick = function(fromBreakpoint) {\n\n var _ = this;\n _.$slider.trigger('unslick', [_, fromBreakpoint]);\n _.destroy();\n\n };\n\n Slick.prototype.updateArrows = function() {\n\n var _ = this,\n centerOffset;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if ( _.options.arrows === true &&\n _.slideCount > _.options.slidesToShow &&\n !_.options.infinite ) {\n\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n if (_.currentSlide === 0) {\n\n _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) {\n\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) {\n\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n }\n\n }\n\n };\n\n Slick.prototype.updateDots = function() {\n\n var _ = this;\n\n if (_.$dots !== null) {\n\n _.$dots\n .find('li')\n .removeClass('slick-active')\n .end();\n\n _.$dots\n .find('li')\n .eq(Math.floor(_.currentSlide / _.options.slidesToScroll))\n .addClass('slick-active');\n\n }\n\n };\n\n Slick.prototype.visibility = function() {\n\n var _ = this;\n\n if ( _.options.autoplay ) {\n\n if ( document[_.hidden] ) {\n\n _.interrupted = true;\n\n } else {\n\n _.interrupted = false;\n\n }\n\n }\n\n };\n\n $.fn.slick = function() {\n var _ = this,\n opt = arguments[0],\n args = Array.prototype.slice.call(arguments, 1),\n l = _.length,\n i,\n ret;\n for (i = 0; i < l; i++) {\n if (typeof opt == 'object' || typeof opt == 'undefined')\n _[i].slick = new Slick(_[i], opt);\n else\n ret = _[i].slick[opt].apply(_[i].slick, args);\n if (typeof ret != 'undefined') return ret;\n }\n return _;\n };\n\n}));\n","import $ from 'jquery';\r\nimport Amplitude from 'amplitudejs';\r\nimport * as CONST from '../utils/constants';\r\nimport Util from '../utils/ui';\r\n\r\nclass AudioPlayer {\r\n constructor() {}\r\n\r\n init() {\r\n\t\tthis.bindEvents();\r\n\t\tthis.initAudioPlayer();\r\n }\r\n\r\n bindEvents() { \r\n \r\n\t}\r\n\r\n\tinitAudioPlayer() {\r\n\t\tlet songs = [];\r\n\r\n\t\t$('.js-player').each((index, player) => {\r\n\t\t\tlet id = $(player).data('id');\r\n\t\t\tlet url = $(player).data('url');\r\n\t\t\tlet title = $(player).data('title');\r\n\t\t\tlet subtitle = $(player).data('subtitle');\r\n\r\n\t\t\tsongs.push({\r\n\t\t\t\tname: title,\r\n\t\t\t\talbum: subtitle,\r\n\t\t\t\turl\r\n\t\t\t});\r\n\r\n\t\t\t$(`#${id}`).on('click', (e) => {\r\n\t\t\t\tif (Amplitude.getActiveIndex() === index) {\r\n\t\t\t\t\tlet offset = e.currentTarget.getBoundingClientRect();\r\n\t\t\t\t\tlet x = e.pageX - offset.left;\r\n\r\n\t\t\t\t\tAmplitude.setSongPlayedPercentage((parseFloat(x) / parseFloat(e.currentTarget.offsetWidth)) * 100);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\t$(player).find('[data-amplitude-song-index]').each((k, v) => {\r\n\t\t\t\t$(v).attr('data-amplitude-song-index', index);\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tAmplitude.init({\r\n\t\t\tsongs\r\n\t\t});\r\n\t}\r\n}\r\n\r\nexport default AudioPlayer;\r\n\r\n$(() => {\r\n\tconst audioplayer = new AudioPlayer();\r\n\taudioplayer.init();\r\n});","import $ from 'jquery';\r\nimport * as CONST from '../utils/constants';\r\nimport Util from '../utils/ui';\r\n\r\nclass Tabs {\r\n constructor() {\r\n }\r\n\r\n init() {\r\n this.bindEvents();\r\n this.goToTab();\r\n }\r\n\r\n bindEvents() {\r\n $(document).on('click', '.tabs-item', e => {\r\n const tab = $(e.currentTarget);\r\n const tabContent = tab.attr('id');\r\n const hash = tab.attr('id');\r\n\r\n // Toggle mobile menu\r\n if (Util.getViewPort() !== CONST.ViewPort.Desktop) {\r\n this.toggleMobileMenu(e.currentTarget);\r\n }\r\n\r\n this.changeTab(`#${hash}`, false);\r\n });\r\n }\r\n\r\n toggleMobileMenu(el) {\r\n $(el).closest('ul').toggleClass('open');\r\n }\r\n\r\n changeTab(hash, updateHistory) {\r\n const tab = $(hash);\r\n const tabContent = hash.replace('#', '');\r\n\r\n if (hash.length && $('.tabs-item').length) {\r\n // Remove current active class from tab\r\n tab.siblings('.tabs-item').removeClass('tabs-item--active');\r\n\r\n // Add active class to tab\r\n tab.addClass('tabs-item--active');\r\n\r\n // Remove current active class from tab content\r\n tab.parent().next('.tabs-content').children('.tabs-content-item').removeClass('tabs-content-item--active');\r\n\r\n // Add active class to tab content\r\n $(`#content-${tabContent}`).addClass('tabs-content-item--active');\r\n\r\n // Update history\r\n if (updateHistory) {\r\n window.history.replaceState('', '', hash);\r\n }\r\n }\r\n }\r\n\r\n goToTab() {\r\n this.changeTab(document.location.hash, false);\r\n }\r\n}\r\n\r\nexport default Tabs;\r\n\r\n$(() => {\r\n\tconst tabs = new Tabs();\r\n\ttabs.init();\r\n});","import $ from 'jquery';\r\nimport Carousel from './carousel';\r\n\r\nclass PageBuilder { \r\n constructor() {\r\n\r\n }\r\n\r\n init() {\r\n this.startCarousel();\r\n }\r\n\r\n startCarousel() {\r\n const carousels = $('.carousel.carousel--page-builder');\r\n if (carousels.length > 0) {\r\n carousels.each((i, c) => {\r\n const car = new Carousel(c);\r\n car.init();\r\n });\r\n }\r\n }\r\n}\r\n\r\nexport default PageBuilder;\r\n\r\n$(() => {\r\n\tconst pagebuilder = new PageBuilder();\r\n\tpagebuilder.init();\r\n});","\r\nexport const ViewPort = {\r\n\tDesktop: 'desktop',\r\n\tTablet: 'tablet',\r\n\tMobile: 'mobile'\r\n};\r\n\r\nexport const Breakpoints = {\r\n\tDesktop: '992',\r\n\tTablet: '750'\r\n};\r\n\r\nexport const bootstrap = window.bootstrap = require('bootstrap');","export var top = 'top';\nexport var bottom = 'bottom';\nexport var right = 'right';\nexport var left = 'left';\nexport var auto = 'auto';\nexport var basePlacements = [top, bottom, right, left];\nexport var start = 'start';\nexport var end = 'end';\nexport var clippingParents = 'clippingParents';\nexport var viewport = 'viewport';\nexport var popper = 'popper';\nexport var reference = 'reference';\nexport var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {\n return acc.concat([placement + \"-\" + start, placement + \"-\" + end]);\n}, []);\nexport var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {\n return acc.concat([placement, placement + \"-\" + start, placement + \"-\" + end]);\n}, []); // modifiers that need to read the DOM\n\nexport var beforeRead = 'beforeRead';\nexport var read = 'read';\nexport var afterRead = 'afterRead'; // pure-logic modifiers\n\nexport var beforeMain = 'beforeMain';\nexport var main = 'main';\nexport var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)\n\nexport var beforeWrite = 'beforeWrite';\nexport var write = 'write';\nexport var afterWrite = 'afterWrite';\nexport var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];","export default function getNodeName(element) {\n return element ? (element.nodeName || '').toLowerCase() : null;\n}","export default function getWindow(node) {\n if (node == null) {\n return window;\n }\n\n if (node.toString() !== '[object Window]') {\n var ownerDocument = node.ownerDocument;\n return ownerDocument ? ownerDocument.defaultView || window : window;\n }\n\n return node;\n}","import getWindow from \"./getWindow.js\";\n\nfunction isElement(node) {\n var OwnElement = getWindow(node).Element;\n return node instanceof OwnElement || node instanceof Element;\n}\n\nfunction isHTMLElement(node) {\n var OwnElement = getWindow(node).HTMLElement;\n return node instanceof OwnElement || node instanceof HTMLElement;\n}\n\nfunction isShadowRoot(node) {\n // IE 11 has no ShadowRoot\n if (typeof ShadowRoot === 'undefined') {\n return false;\n }\n\n var OwnElement = getWindow(node).ShadowRoot;\n return node instanceof OwnElement || node instanceof ShadowRoot;\n}\n\nexport { isElement, isHTMLElement, isShadowRoot };","import getNodeName from \"../dom-utils/getNodeName.js\";\nimport { isHTMLElement } from \"../dom-utils/instanceOf.js\"; // This modifier takes the styles prepared by the `computeStyles` modifier\n// and applies them to the HTMLElements such as popper and arrow\n\nfunction applyStyles(_ref) {\n var state = _ref.state;\n Object.keys(state.elements).forEach(function (name) {\n var style = state.styles[name] || {};\n var attributes = state.attributes[name] || {};\n var element = state.elements[name]; // arrow is optional + virtual elements\n\n if (!isHTMLElement(element) || !getNodeName(element)) {\n return;\n } // Flow doesn't support to extend this property, but it's the most\n // effective way to apply styles to an HTMLElement\n // $FlowFixMe[cannot-write]\n\n\n Object.assign(element.style, style);\n Object.keys(attributes).forEach(function (name) {\n var value = attributes[name];\n\n if (value === false) {\n element.removeAttribute(name);\n } else {\n element.setAttribute(name, value === true ? '' : value);\n }\n });\n });\n}\n\nfunction effect(_ref2) {\n var state = _ref2.state;\n var initialStyles = {\n popper: {\n position: state.options.strategy,\n left: '0',\n top: '0',\n margin: '0'\n },\n arrow: {\n position: 'absolute'\n },\n reference: {}\n };\n Object.assign(state.elements.popper.style, initialStyles.popper);\n state.styles = initialStyles;\n\n if (state.elements.arrow) {\n Object.assign(state.elements.arrow.style, initialStyles.arrow);\n }\n\n return function () {\n Object.keys(state.elements).forEach(function (name) {\n var element = state.elements[name];\n var attributes = state.attributes[name] || {};\n var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them\n\n var style = styleProperties.reduce(function (style, property) {\n style[property] = '';\n return style;\n }, {}); // arrow is optional + virtual elements\n\n if (!isHTMLElement(element) || !getNodeName(element)) {\n return;\n }\n\n Object.assign(element.style, style);\n Object.keys(attributes).forEach(function (attribute) {\n element.removeAttribute(attribute);\n });\n });\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'applyStyles',\n enabled: true,\n phase: 'write',\n fn: applyStyles,\n effect: effect,\n requires: ['computeStyles']\n};","import { auto } from \"../enums.js\";\nexport default function getBasePlacement(placement) {\n return placement.split('-')[0];\n}","export default function getBoundingClientRect(element) {\n var rect = element.getBoundingClientRect();\n return {\n width: rect.width,\n height: rect.height,\n top: rect.top,\n right: rect.right,\n bottom: rect.bottom,\n left: rect.left,\n x: rect.left,\n y: rect.top\n };\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\"; // Returns the layout rect of an element relative to its offsetParent. Layout\n// means it doesn't take into account transforms.\n\nexport default function getLayoutRect(element) {\n var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.\n // Fixes https://github.com/popperjs/popper-core/issues/1223\n\n var width = element.offsetWidth;\n var height = element.offsetHeight;\n\n if (Math.abs(clientRect.width - width) <= 1) {\n width = clientRect.width;\n }\n\n if (Math.abs(clientRect.height - height) <= 1) {\n height = clientRect.height;\n }\n\n return {\n x: element.offsetLeft,\n y: element.offsetTop,\n width: width,\n height: height\n };\n}","import { isShadowRoot } from \"./instanceOf.js\";\nexport default function contains(parent, child) {\n var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method\n\n if (parent.contains(child)) {\n return true;\n } // then fallback to custom implementation with Shadow DOM support\n else if (rootNode && isShadowRoot(rootNode)) {\n var next = child;\n\n do {\n if (next && parent.isSameNode(next)) {\n return true;\n } // $FlowFixMe[prop-missing]: need a better way to handle this...\n\n\n next = next.parentNode || next.host;\n } while (next);\n } // Give up, the result is false\n\n\n return false;\n}","import getWindow from \"./getWindow.js\";\nexport default function getComputedStyle(element) {\n return getWindow(element).getComputedStyle(element);\n}","import getNodeName from \"./getNodeName.js\";\nexport default function isTableElement(element) {\n return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;\n}","import { isElement } from \"./instanceOf.js\";\nexport default function getDocumentElement(element) {\n // $FlowFixMe[incompatible-return]: assume body is always available\n return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]\n element.document) || window.document).documentElement;\n}","import getNodeName from \"./getNodeName.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport { isShadowRoot } from \"./instanceOf.js\";\nexport default function getParentNode(element) {\n if (getNodeName(element) === 'html') {\n return element;\n }\n\n return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle\n // $FlowFixMe[incompatible-return]\n // $FlowFixMe[prop-missing]\n element.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n element.parentNode || ( // DOM Element detected\n isShadowRoot(element) ? element.host : null) || // ShadowRoot detected\n // $FlowFixMe[incompatible-call]: HTMLElement is a Node\n getDocumentElement(element) // fallback\n\n );\n}","import getWindow from \"./getWindow.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport isTableElement from \"./isTableElement.js\";\nimport getParentNode from \"./getParentNode.js\";\n\nfunction getTrueOffsetParent(element) {\n if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837\n getComputedStyle(element).position === 'fixed') {\n return null;\n }\n\n return element.offsetParent;\n} // `.offsetParent` reports `null` for fixed elements, while absolute elements\n// return the containing block\n\n\nfunction getContainingBlock(element) {\n var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;\n var isIE = navigator.userAgent.indexOf('Trident') !== -1;\n\n if (isIE && isHTMLElement(element)) {\n // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport\n var elementCss = getComputedStyle(element);\n\n if (elementCss.position === 'fixed') {\n return null;\n }\n }\n\n var currentNode = getParentNode(element);\n\n while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {\n var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that\n // create a containing block.\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n\n if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {\n return currentNode;\n } else {\n currentNode = currentNode.parentNode;\n }\n }\n\n return null;\n} // Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\n\n\nexport default function getOffsetParent(element) {\n var window = getWindow(element);\n var offsetParent = getTrueOffsetParent(element);\n\n while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {\n offsetParent = getTrueOffsetParent(offsetParent);\n }\n\n if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static')) {\n return window;\n }\n\n return offsetParent || getContainingBlock(element) || window;\n}","export default function getMainAxisFromPlacement(placement) {\n return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}","export var max = Math.max;\nexport var min = Math.min;\nexport var round = Math.round;","import { max as mathMax, min as mathMin } from \"./math.js\";\nexport default function within(min, value, max) {\n return mathMax(min, mathMin(value, max));\n}","import getFreshSideObject from \"./getFreshSideObject.js\";\nexport default function mergePaddingObject(paddingObject) {\n return Object.assign({}, getFreshSideObject(), paddingObject);\n}","export default function getFreshSideObject() {\n return {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n };\n}","export default function expandToHashMap(value, keys) {\n return keys.reduce(function (hashMap, key) {\n hashMap[key] = value;\n return hashMap;\n }, {});\n}","import getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getLayoutRect from \"../dom-utils/getLayoutRect.js\";\nimport contains from \"../dom-utils/contains.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport getMainAxisFromPlacement from \"../utils/getMainAxisFromPlacement.js\";\nimport within from \"../utils/within.js\";\nimport mergePaddingObject from \"../utils/mergePaddingObject.js\";\nimport expandToHashMap from \"../utils/expandToHashMap.js\";\nimport { left, right, basePlacements, top, bottom } from \"../enums.js\";\nimport { isHTMLElement } from \"../dom-utils/instanceOf.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar toPaddingObject = function toPaddingObject(padding, state) {\n padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, {\n placement: state.placement\n })) : padding;\n return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n};\n\nfunction arrow(_ref) {\n var _state$modifiersData$;\n\n var state = _ref.state,\n name = _ref.name,\n options = _ref.options;\n var arrowElement = state.elements.arrow;\n var popperOffsets = state.modifiersData.popperOffsets;\n var basePlacement = getBasePlacement(state.placement);\n var axis = getMainAxisFromPlacement(basePlacement);\n var isVertical = [left, right].indexOf(basePlacement) >= 0;\n var len = isVertical ? 'height' : 'width';\n\n if (!arrowElement || !popperOffsets) {\n return;\n }\n\n var paddingObject = toPaddingObject(options.padding, state);\n var arrowRect = getLayoutRect(arrowElement);\n var minProp = axis === 'y' ? top : left;\n var maxProp = axis === 'y' ? bottom : right;\n var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len];\n var startDiff = popperOffsets[axis] - state.rects.reference[axis];\n var arrowOffsetParent = getOffsetParent(arrowElement);\n var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;\n var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is\n // outside of the popper bounds\n\n var min = paddingObject[minProp];\n var max = clientSize - arrowRect[len] - paddingObject[maxProp];\n var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;\n var offset = within(min, center, max); // Prevents breaking syntax highlighting...\n\n var axisProp = axis;\n state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);\n}\n\nfunction effect(_ref2) {\n var state = _ref2.state,\n options = _ref2.options;\n var _options$element = options.element,\n arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;\n\n if (arrowElement == null) {\n return;\n } // CSS selector\n\n\n if (typeof arrowElement === 'string') {\n arrowElement = state.elements.popper.querySelector(arrowElement);\n\n if (!arrowElement) {\n return;\n }\n }\n\n if (process.env.NODE_ENV !== \"production\") {\n if (!isHTMLElement(arrowElement)) {\n console.error(['Popper: \"arrow\" element must be an HTMLElement (not an SVGElement).', 'To use an SVG arrow, wrap it in an HTMLElement that will be used as', 'the arrow.'].join(' '));\n }\n }\n\n if (!contains(state.elements.popper, arrowElement)) {\n if (process.env.NODE_ENV !== \"production\") {\n console.error(['Popper: \"arrow\" modifier\\'s `element` must be a child of the popper', 'element.'].join(' '));\n }\n\n return;\n }\n\n state.elements.arrow = arrowElement;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'arrow',\n enabled: true,\n phase: 'main',\n fn: arrow,\n effect: effect,\n requires: ['popperOffsets'],\n requiresIfExists: ['preventOverflow']\n};","import { top, left, right, bottom } from \"../enums.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport getWindow from \"../dom-utils/getWindow.js\";\nimport getDocumentElement from \"../dom-utils/getDocumentElement.js\";\nimport getComputedStyle from \"../dom-utils/getComputedStyle.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport { round } from \"../utils/math.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar unsetSides = {\n top: 'auto',\n right: 'auto',\n bottom: 'auto',\n left: 'auto'\n}; // Round the offsets to the nearest suitable subpixel based on the DPR.\n// Zooming can change the DPR, but it seems to report a value that will\n// cleanly divide the values into the appropriate subpixels.\n\nfunction roundOffsetsByDPR(_ref) {\n var x = _ref.x,\n y = _ref.y;\n var win = window;\n var dpr = win.devicePixelRatio || 1;\n return {\n x: round(round(x * dpr) / dpr) || 0,\n y: round(round(y * dpr) / dpr) || 0\n };\n}\n\nexport function mapToStyles(_ref2) {\n var _Object$assign2;\n\n var popper = _ref2.popper,\n popperRect = _ref2.popperRect,\n placement = _ref2.placement,\n offsets = _ref2.offsets,\n position = _ref2.position,\n gpuAcceleration = _ref2.gpuAcceleration,\n adaptive = _ref2.adaptive,\n roundOffsets = _ref2.roundOffsets;\n\n var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === 'function' ? roundOffsets(offsets) : offsets,\n _ref3$x = _ref3.x,\n x = _ref3$x === void 0 ? 0 : _ref3$x,\n _ref3$y = _ref3.y,\n y = _ref3$y === void 0 ? 0 : _ref3$y;\n\n var hasX = offsets.hasOwnProperty('x');\n var hasY = offsets.hasOwnProperty('y');\n var sideX = left;\n var sideY = top;\n var win = window;\n\n if (adaptive) {\n var offsetParent = getOffsetParent(popper);\n var heightProp = 'clientHeight';\n var widthProp = 'clientWidth';\n\n if (offsetParent === getWindow(popper)) {\n offsetParent = getDocumentElement(popper);\n\n if (getComputedStyle(offsetParent).position !== 'static') {\n heightProp = 'scrollHeight';\n widthProp = 'scrollWidth';\n }\n } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it\n\n\n offsetParent = offsetParent;\n\n if (placement === top) {\n sideY = bottom; // $FlowFixMe[prop-missing]\n\n y -= offsetParent[heightProp] - popperRect.height;\n y *= gpuAcceleration ? 1 : -1;\n }\n\n if (placement === left) {\n sideX = right; // $FlowFixMe[prop-missing]\n\n x -= offsetParent[widthProp] - popperRect.width;\n x *= gpuAcceleration ? 1 : -1;\n }\n }\n\n var commonStyles = Object.assign({\n position: position\n }, adaptive && unsetSides);\n\n if (gpuAcceleration) {\n var _Object$assign;\n\n return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) < 2 ? \"translate(\" + x + \"px, \" + y + \"px)\" : \"translate3d(\" + x + \"px, \" + y + \"px, 0)\", _Object$assign));\n }\n\n return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + \"px\" : '', _Object$assign2[sideX] = hasX ? x + \"px\" : '', _Object$assign2.transform = '', _Object$assign2));\n}\n\nfunction computeStyles(_ref4) {\n var state = _ref4.state,\n options = _ref4.options;\n var _options$gpuAccelerat = options.gpuAcceleration,\n gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,\n _options$adaptive = options.adaptive,\n adaptive = _options$adaptive === void 0 ? true : _options$adaptive,\n _options$roundOffsets = options.roundOffsets,\n roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;\n\n if (process.env.NODE_ENV !== \"production\") {\n var transitionProperty = getComputedStyle(state.elements.popper).transitionProperty || '';\n\n if (adaptive && ['transform', 'top', 'right', 'bottom', 'left'].some(function (property) {\n return transitionProperty.indexOf(property) >= 0;\n })) {\n console.warn(['Popper: Detected CSS transitions on at least one of the following', 'CSS properties: \"transform\", \"top\", \"right\", \"bottom\", \"left\".', '\\n\\n', 'Disable the \"computeStyles\" modifier\\'s `adaptive` option to allow', 'for smooth transitions, or remove these properties from the CSS', 'transition declaration on the popper element if only transitioning', 'opacity or background-color for example.', '\\n\\n', 'We recommend using the popper element as a wrapper around an inner', 'element that can have any CSS property transitioned for animations.'].join(' '));\n }\n }\n\n var commonStyles = {\n placement: getBasePlacement(state.placement),\n popper: state.elements.popper,\n popperRect: state.rects.popper,\n gpuAcceleration: gpuAcceleration\n };\n\n if (state.modifiersData.popperOffsets != null) {\n state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {\n offsets: state.modifiersData.popperOffsets,\n position: state.options.strategy,\n adaptive: adaptive,\n roundOffsets: roundOffsets\n })));\n }\n\n if (state.modifiersData.arrow != null) {\n state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {\n offsets: state.modifiersData.arrow,\n position: 'absolute',\n adaptive: false,\n roundOffsets: roundOffsets\n })));\n }\n\n state.attributes.popper = Object.assign({}, state.attributes.popper, {\n 'data-popper-placement': state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'computeStyles',\n enabled: true,\n phase: 'beforeWrite',\n fn: computeStyles,\n data: {}\n};","import getWindow from \"../dom-utils/getWindow.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar passive = {\n passive: true\n};\n\nfunction effect(_ref) {\n var state = _ref.state,\n instance = _ref.instance,\n options = _ref.options;\n var _options$scroll = options.scroll,\n scroll = _options$scroll === void 0 ? true : _options$scroll,\n _options$resize = options.resize,\n resize = _options$resize === void 0 ? true : _options$resize;\n var window = getWindow(state.elements.popper);\n var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);\n\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.addEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.addEventListener('resize', instance.update, passive);\n }\n\n return function () {\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.removeEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.removeEventListener('resize', instance.update, passive);\n }\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'eventListeners',\n enabled: true,\n phase: 'write',\n fn: function fn() {},\n effect: effect,\n data: {}\n};","var hash = {\n left: 'right',\n right: 'left',\n bottom: 'top',\n top: 'bottom'\n};\nexport default function getOppositePlacement(placement) {\n return placement.replace(/left|right|bottom|top/g, function (matched) {\n return hash[matched];\n });\n}","var hash = {\n start: 'end',\n end: 'start'\n};\nexport default function getOppositeVariationPlacement(placement) {\n return placement.replace(/start|end/g, function (matched) {\n return hash[matched];\n });\n}","import getWindow from \"./getWindow.js\";\nexport default function getWindowScroll(node) {\n var win = getWindow(node);\n var scrollLeft = win.pageXOffset;\n var scrollTop = win.pageYOffset;\n return {\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n };\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getWindowScroll from \"./getWindowScroll.js\";\nexport default function getWindowScrollBarX(element) {\n // If has a CSS width greater than the viewport, then this will be\n // incorrect for RTL.\n // Popper 1 is broken in this case and never had a bug report so let's assume\n // it's not an issue. I don't think anyone ever specifies width on \n // anyway.\n // Browsers where the left scrollbar doesn't cause an issue report `0` for\n // this (e.g. Edge 2019, IE11, Safari)\n return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;\n}","import getComputedStyle from \"./getComputedStyle.js\";\nexport default function isScrollParent(element) {\n // Firefox wants us to check `-x` and `-y` variations as well\n var _getComputedStyle = getComputedStyle(element),\n overflow = _getComputedStyle.overflow,\n overflowX = _getComputedStyle.overflowX,\n overflowY = _getComputedStyle.overflowY;\n\n return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);\n}","import getScrollParent from \"./getScrollParent.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport getWindow from \"./getWindow.js\";\nimport isScrollParent from \"./isScrollParent.js\";\n/*\ngiven a DOM element, return the list of all scroll parents, up the list of ancesors\nuntil we get to the top window object. This list is what we attach scroll listeners\nto, because if any of these parent elements scroll, we'll need to re-calculate the\nreference element's position.\n*/\n\nexport default function listScrollParents(element, list) {\n var _element$ownerDocumen;\n\n if (list === void 0) {\n list = [];\n }\n\n var scrollParent = getScrollParent(element);\n var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);\n var win = getWindow(scrollParent);\n var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;\n var updatedList = list.concat(target);\n return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here\n updatedList.concat(listScrollParents(getParentNode(target)));\n}","import getParentNode from \"./getParentNode.js\";\nimport isScrollParent from \"./isScrollParent.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nexport default function getScrollParent(node) {\n if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {\n // $FlowFixMe[incompatible-return]: assume body is always available\n return node.ownerDocument.body;\n }\n\n if (isHTMLElement(node) && isScrollParent(node)) {\n return node;\n }\n\n return getScrollParent(getParentNode(node));\n}","export default function rectToClientRect(rect) {\n return Object.assign({}, rect, {\n left: rect.x,\n top: rect.y,\n right: rect.x + rect.width,\n bottom: rect.y + rect.height\n });\n}","import { viewport } from \"../enums.js\";\nimport getViewportRect from \"./getViewportRect.js\";\nimport getDocumentRect from \"./getDocumentRect.js\";\nimport listScrollParents from \"./listScrollParents.js\";\nimport getOffsetParent from \"./getOffsetParent.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isElement, isHTMLElement } from \"./instanceOf.js\";\nimport getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport contains from \"./contains.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport rectToClientRect from \"../utils/rectToClientRect.js\";\nimport { max, min } from \"../utils/math.js\";\n\nfunction getInnerBoundingClientRect(element) {\n var rect = getBoundingClientRect(element);\n rect.top = rect.top + element.clientTop;\n rect.left = rect.left + element.clientLeft;\n rect.bottom = rect.top + element.clientHeight;\n rect.right = rect.left + element.clientWidth;\n rect.width = element.clientWidth;\n rect.height = element.clientHeight;\n rect.x = rect.left;\n rect.y = rect.top;\n return rect;\n}\n\nfunction getClientRectFromMixedType(element, clippingParent) {\n return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isHTMLElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));\n} // A \"clipping parent\" is an overflowable container with the characteristic of\n// clipping (or hiding) overflowing elements with a position different from\n// `initial`\n\n\nfunction getClippingParents(element) {\n var clippingParents = listScrollParents(getParentNode(element));\n var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;\n var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;\n\n if (!isElement(clipperElement)) {\n return [];\n } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414\n\n\n return clippingParents.filter(function (clippingParent) {\n return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';\n });\n} // Gets the maximum area that the element is visible in due to any number of\n// clipping parents\n\n\nexport default function getClippingRect(element, boundary, rootBoundary) {\n var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);\n var clippingParents = [].concat(mainClippingParents, [rootBoundary]);\n var firstClippingParent = clippingParents[0];\n var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {\n var rect = getClientRectFromMixedType(element, clippingParent);\n accRect.top = max(rect.top, accRect.top);\n accRect.right = min(rect.right, accRect.right);\n accRect.bottom = min(rect.bottom, accRect.bottom);\n accRect.left = max(rect.left, accRect.left);\n return accRect;\n }, getClientRectFromMixedType(element, firstClippingParent));\n clippingRect.width = clippingRect.right - clippingRect.left;\n clippingRect.height = clippingRect.bottom - clippingRect.top;\n clippingRect.x = clippingRect.left;\n clippingRect.y = clippingRect.top;\n return clippingRect;\n}","import getWindow from \"./getWindow.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nexport default function getViewportRect(element) {\n var win = getWindow(element);\n var html = getDocumentElement(element);\n var visualViewport = win.visualViewport;\n var width = html.clientWidth;\n var height = html.clientHeight;\n var x = 0;\n var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper\n // can be obscured underneath it.\n // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even\n // if it isn't open, so if this isn't available, the popper will be detected\n // to overflow the bottom of the screen too early.\n\n if (visualViewport) {\n width = visualViewport.width;\n height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently)\n // In Chrome, it returns a value very close to 0 (+/-) but contains rounding\n // errors due to floating point numbers, so we need to check precision.\n // Safari returns a number <= 0, usually < -1 when pinch-zoomed\n // Feature detection fails in mobile emulation mode in Chrome.\n // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <\n // 0.001\n // Fallback here: \"Not Safari\" userAgent\n\n if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {\n x = visualViewport.offsetLeft;\n y = visualViewport.offsetTop;\n }\n }\n\n return {\n width: width,\n height: height,\n x: x + getWindowScrollBarX(element),\n y: y\n };\n}","import getDocumentElement from \"./getDocumentElement.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport getWindowScroll from \"./getWindowScroll.js\";\nimport { max } from \"../utils/math.js\"; // Gets the entire size of the scrollable document area, even extending outside\n// of the `` and `` rect bounds if horizontally scrollable\n\nexport default function getDocumentRect(element) {\n var _element$ownerDocumen;\n\n var html = getDocumentElement(element);\n var winScroll = getWindowScroll(element);\n var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;\n var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);\n var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);\n var x = -winScroll.scrollLeft + getWindowScrollBarX(element);\n var y = -winScroll.scrollTop;\n\n if (getComputedStyle(body || html).direction === 'rtl') {\n x += max(html.clientWidth, body ? body.clientWidth : 0) - width;\n }\n\n return {\n width: width,\n height: height,\n x: x,\n y: y\n };\n}","export default function getVariation(placement) {\n return placement.split('-')[1];\n}","import getBasePlacement from \"./getBasePlacement.js\";\nimport getVariation from \"./getVariation.js\";\nimport getMainAxisFromPlacement from \"./getMainAxisFromPlacement.js\";\nimport { top, right, bottom, left, start, end } from \"../enums.js\";\nexport default function computeOffsets(_ref) {\n var reference = _ref.reference,\n element = _ref.element,\n placement = _ref.placement;\n var basePlacement = placement ? getBasePlacement(placement) : null;\n var variation = placement ? getVariation(placement) : null;\n var commonX = reference.x + reference.width / 2 - element.width / 2;\n var commonY = reference.y + reference.height / 2 - element.height / 2;\n var offsets;\n\n switch (basePlacement) {\n case top:\n offsets = {\n x: commonX,\n y: reference.y - element.height\n };\n break;\n\n case bottom:\n offsets = {\n x: commonX,\n y: reference.y + reference.height\n };\n break;\n\n case right:\n offsets = {\n x: reference.x + reference.width,\n y: commonY\n };\n break;\n\n case left:\n offsets = {\n x: reference.x - element.width,\n y: commonY\n };\n break;\n\n default:\n offsets = {\n x: reference.x,\n y: reference.y\n };\n }\n\n var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;\n\n if (mainAxis != null) {\n var len = mainAxis === 'y' ? 'height' : 'width';\n\n switch (variation) {\n case start:\n offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);\n break;\n\n case end:\n offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);\n break;\n\n default:\n }\n }\n\n return offsets;\n}","import getBoundingClientRect from \"../dom-utils/getBoundingClientRect.js\";\nimport getClippingRect from \"../dom-utils/getClippingRect.js\";\nimport getDocumentElement from \"../dom-utils/getDocumentElement.js\";\nimport computeOffsets from \"./computeOffsets.js\";\nimport rectToClientRect from \"./rectToClientRect.js\";\nimport { clippingParents, reference, popper, bottom, top, right, basePlacements, viewport } from \"../enums.js\";\nimport { isElement } from \"../dom-utils/instanceOf.js\";\nimport mergePaddingObject from \"./mergePaddingObject.js\";\nimport expandToHashMap from \"./expandToHashMap.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport default function detectOverflow(state, options) {\n if (options === void 0) {\n options = {};\n }\n\n var _options = options,\n _options$placement = _options.placement,\n placement = _options$placement === void 0 ? state.placement : _options$placement,\n _options$boundary = _options.boundary,\n boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,\n _options$rootBoundary = _options.rootBoundary,\n rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,\n _options$elementConte = _options.elementContext,\n elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,\n _options$altBoundary = _options.altBoundary,\n altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,\n _options$padding = _options.padding,\n padding = _options$padding === void 0 ? 0 : _options$padding;\n var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n var altContext = elementContext === popper ? reference : popper;\n var referenceElement = state.elements.reference;\n var popperRect = state.rects.popper;\n var element = state.elements[altBoundary ? altContext : elementContext];\n var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);\n var referenceClientRect = getBoundingClientRect(referenceElement);\n var popperOffsets = computeOffsets({\n reference: referenceClientRect,\n element: popperRect,\n strategy: 'absolute',\n placement: placement\n });\n var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));\n var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect\n // 0 or negative = within the clipping rect\n\n var overflowOffsets = {\n top: clippingClientRect.top - elementClientRect.top + paddingObject.top,\n bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,\n left: clippingClientRect.left - elementClientRect.left + paddingObject.left,\n right: elementClientRect.right - clippingClientRect.right + paddingObject.right\n };\n var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element\n\n if (elementContext === popper && offsetData) {\n var offset = offsetData[placement];\n Object.keys(overflowOffsets).forEach(function (key) {\n var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;\n var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';\n overflowOffsets[key] += offset[axis] * multiply;\n });\n }\n\n return overflowOffsets;\n}","import getOppositePlacement from \"../utils/getOppositePlacement.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getOppositeVariationPlacement from \"../utils/getOppositeVariationPlacement.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\nimport computeAutoPlacement from \"../utils/computeAutoPlacement.js\";\nimport { bottom, top, start, right, left, auto } from \"../enums.js\";\nimport getVariation from \"../utils/getVariation.js\"; // eslint-disable-next-line import/no-unused-modules\n\nfunction getExpandedFallbackPlacements(placement) {\n if (getBasePlacement(placement) === auto) {\n return [];\n }\n\n var oppositePlacement = getOppositePlacement(placement);\n return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];\n}\n\nfunction flip(_ref) {\n var state = _ref.state,\n options = _ref.options,\n name = _ref.name;\n\n if (state.modifiersData[name]._skip) {\n return;\n }\n\n var _options$mainAxis = options.mainAxis,\n checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n _options$altAxis = options.altAxis,\n checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,\n specifiedFallbackPlacements = options.fallbackPlacements,\n padding = options.padding,\n boundary = options.boundary,\n rootBoundary = options.rootBoundary,\n altBoundary = options.altBoundary,\n _options$flipVariatio = options.flipVariations,\n flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,\n allowedAutoPlacements = options.allowedAutoPlacements;\n var preferredPlacement = state.options.placement;\n var basePlacement = getBasePlacement(preferredPlacement);\n var isBasePlacement = basePlacement === preferredPlacement;\n var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));\n var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {\n return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding,\n flipVariations: flipVariations,\n allowedAutoPlacements: allowedAutoPlacements\n }) : placement);\n }, []);\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var checksMap = new Map();\n var makeFallbackChecks = true;\n var firstFittingPlacement = placements[0];\n\n for (var i = 0; i < placements.length; i++) {\n var placement = placements[i];\n\n var _basePlacement = getBasePlacement(placement);\n\n var isStartVariation = getVariation(placement) === start;\n var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;\n var len = isVertical ? 'width' : 'height';\n var overflow = detectOverflow(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n altBoundary: altBoundary,\n padding: padding\n });\n var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;\n\n if (referenceRect[len] > popperRect[len]) {\n mainVariationSide = getOppositePlacement(mainVariationSide);\n }\n\n var altVariationSide = getOppositePlacement(mainVariationSide);\n var checks = [];\n\n if (checkMainAxis) {\n checks.push(overflow[_basePlacement] <= 0);\n }\n\n if (checkAltAxis) {\n checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);\n }\n\n if (checks.every(function (check) {\n return check;\n })) {\n firstFittingPlacement = placement;\n makeFallbackChecks = false;\n break;\n }\n\n checksMap.set(placement, checks);\n }\n\n if (makeFallbackChecks) {\n // `2` may be desired in some cases – research later\n var numberOfChecks = flipVariations ? 3 : 1;\n\n var _loop = function _loop(_i) {\n var fittingPlacement = placements.find(function (placement) {\n var checks = checksMap.get(placement);\n\n if (checks) {\n return checks.slice(0, _i).every(function (check) {\n return check;\n });\n }\n });\n\n if (fittingPlacement) {\n firstFittingPlacement = fittingPlacement;\n return \"break\";\n }\n };\n\n for (var _i = numberOfChecks; _i > 0; _i--) {\n var _ret = _loop(_i);\n\n if (_ret === \"break\") break;\n }\n }\n\n if (state.placement !== firstFittingPlacement) {\n state.modifiersData[name]._skip = true;\n state.placement = firstFittingPlacement;\n state.reset = true;\n }\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'flip',\n enabled: true,\n phase: 'main',\n fn: flip,\n requiresIfExists: ['offset'],\n data: {\n _skip: false\n }\n};","import getVariation from \"./getVariation.js\";\nimport { variationPlacements, basePlacements, placements as allPlacements } from \"../enums.js\";\nimport detectOverflow from \"./detectOverflow.js\";\nimport getBasePlacement from \"./getBasePlacement.js\";\nexport default function computeAutoPlacement(state, options) {\n if (options === void 0) {\n options = {};\n }\n\n var _options = options,\n placement = _options.placement,\n boundary = _options.boundary,\n rootBoundary = _options.rootBoundary,\n padding = _options.padding,\n flipVariations = _options.flipVariations,\n _options$allowedAutoP = _options.allowedAutoPlacements,\n allowedAutoPlacements = _options$allowedAutoP === void 0 ? allPlacements : _options$allowedAutoP;\n var variation = getVariation(placement);\n var placements = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {\n return getVariation(placement) === variation;\n }) : basePlacements;\n var allowedPlacements = placements.filter(function (placement) {\n return allowedAutoPlacements.indexOf(placement) >= 0;\n });\n\n if (allowedPlacements.length === 0) {\n allowedPlacements = placements;\n\n if (process.env.NODE_ENV !== \"production\") {\n console.error(['Popper: The `allowedAutoPlacements` option did not allow any', 'placements. Ensure the `placement` option matches the variation', 'of the allowed placements.', 'For example, \"auto\" cannot be used to allow \"bottom-start\".', 'Use \"auto-start\" instead.'].join(' '));\n }\n } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...\n\n\n var overflows = allowedPlacements.reduce(function (acc, placement) {\n acc[placement] = detectOverflow(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding\n })[getBasePlacement(placement)];\n return acc;\n }, {});\n return Object.keys(overflows).sort(function (a, b) {\n return overflows[a] - overflows[b];\n });\n}","import { top, bottom, left, right } from \"../enums.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\n\nfunction getSideOffsets(overflow, rect, preventedOffsets) {\n if (preventedOffsets === void 0) {\n preventedOffsets = {\n x: 0,\n y: 0\n };\n }\n\n return {\n top: overflow.top - rect.height - preventedOffsets.y,\n right: overflow.right - rect.width + preventedOffsets.x,\n bottom: overflow.bottom - rect.height + preventedOffsets.y,\n left: overflow.left - rect.width - preventedOffsets.x\n };\n}\n\nfunction isAnySideFullyClipped(overflow) {\n return [top, right, bottom, left].some(function (side) {\n return overflow[side] >= 0;\n });\n}\n\nfunction hide(_ref) {\n var state = _ref.state,\n name = _ref.name;\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var preventedOffsets = state.modifiersData.preventOverflow;\n var referenceOverflow = detectOverflow(state, {\n elementContext: 'reference'\n });\n var popperAltOverflow = detectOverflow(state, {\n altBoundary: true\n });\n var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);\n var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);\n var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);\n var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);\n state.modifiersData[name] = {\n referenceClippingOffsets: referenceClippingOffsets,\n popperEscapeOffsets: popperEscapeOffsets,\n isReferenceHidden: isReferenceHidden,\n hasPopperEscaped: hasPopperEscaped\n };\n state.attributes.popper = Object.assign({}, state.attributes.popper, {\n 'data-popper-reference-hidden': isReferenceHidden,\n 'data-popper-escaped': hasPopperEscaped\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'hide',\n enabled: true,\n phase: 'main',\n requiresIfExists: ['preventOverflow'],\n fn: hide\n};","import getBasePlacement from \"../utils/getBasePlacement.js\";\nimport { top, left, right, placements } from \"../enums.js\";\nexport function distanceAndSkiddingToXY(placement, rects, offset) {\n var basePlacement = getBasePlacement(placement);\n var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;\n\n var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {\n placement: placement\n })) : offset,\n skidding = _ref[0],\n distance = _ref[1];\n\n skidding = skidding || 0;\n distance = (distance || 0) * invertDistance;\n return [left, right].indexOf(basePlacement) >= 0 ? {\n x: distance,\n y: skidding\n } : {\n x: skidding,\n y: distance\n };\n}\n\nfunction offset(_ref2) {\n var state = _ref2.state,\n options = _ref2.options,\n name = _ref2.name;\n var _options$offset = options.offset,\n offset = _options$offset === void 0 ? [0, 0] : _options$offset;\n var data = placements.reduce(function (acc, placement) {\n acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);\n return acc;\n }, {});\n var _data$state$placement = data[state.placement],\n x = _data$state$placement.x,\n y = _data$state$placement.y;\n\n if (state.modifiersData.popperOffsets != null) {\n state.modifiersData.popperOffsets.x += x;\n state.modifiersData.popperOffsets.y += y;\n }\n\n state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'offset',\n enabled: true,\n phase: 'main',\n requires: ['popperOffsets'],\n fn: offset\n};","import computeOffsets from \"../utils/computeOffsets.js\";\n\nfunction popperOffsets(_ref) {\n var state = _ref.state,\n name = _ref.name;\n // Offsets are the actual position the popper needs to have to be\n // properly positioned near its reference element\n // This is the most basic placement, and will be adjusted by\n // the modifiers in the next step\n state.modifiersData[name] = computeOffsets({\n reference: state.rects.reference,\n element: state.rects.popper,\n strategy: 'absolute',\n placement: state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'popperOffsets',\n enabled: true,\n phase: 'read',\n fn: popperOffsets,\n data: {}\n};","import { top, left, right, bottom, start } from \"../enums.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getMainAxisFromPlacement from \"../utils/getMainAxisFromPlacement.js\";\nimport getAltAxis from \"../utils/getAltAxis.js\";\nimport within from \"../utils/within.js\";\nimport getLayoutRect from \"../dom-utils/getLayoutRect.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\nimport getVariation from \"../utils/getVariation.js\";\nimport getFreshSideObject from \"../utils/getFreshSideObject.js\";\nimport { max as mathMax, min as mathMin } from \"../utils/math.js\";\n\nfunction preventOverflow(_ref) {\n var state = _ref.state,\n options = _ref.options,\n name = _ref.name;\n var _options$mainAxis = options.mainAxis,\n checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n _options$altAxis = options.altAxis,\n checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,\n boundary = options.boundary,\n rootBoundary = options.rootBoundary,\n altBoundary = options.altBoundary,\n padding = options.padding,\n _options$tether = options.tether,\n tether = _options$tether === void 0 ? true : _options$tether,\n _options$tetherOffset = options.tetherOffset,\n tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;\n var overflow = detectOverflow(state, {\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding,\n altBoundary: altBoundary\n });\n var basePlacement = getBasePlacement(state.placement);\n var variation = getVariation(state.placement);\n var isBasePlacement = !variation;\n var mainAxis = getMainAxisFromPlacement(basePlacement);\n var altAxis = getAltAxis(mainAxis);\n var popperOffsets = state.modifiersData.popperOffsets;\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {\n placement: state.placement\n })) : tetherOffset;\n var data = {\n x: 0,\n y: 0\n };\n\n if (!popperOffsets) {\n return;\n }\n\n if (checkMainAxis || checkAltAxis) {\n var mainSide = mainAxis === 'y' ? top : left;\n var altSide = mainAxis === 'y' ? bottom : right;\n var len = mainAxis === 'y' ? 'height' : 'width';\n var offset = popperOffsets[mainAxis];\n var min = popperOffsets[mainAxis] + overflow[mainSide];\n var max = popperOffsets[mainAxis] - overflow[altSide];\n var additive = tether ? -popperRect[len] / 2 : 0;\n var minLen = variation === start ? referenceRect[len] : popperRect[len];\n var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go\n // outside the reference bounds\n\n var arrowElement = state.elements.arrow;\n var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {\n width: 0,\n height: 0\n };\n var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject();\n var arrowPaddingMin = arrowPaddingObject[mainSide];\n var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want\n // to include its full size in the calculation. If the reference is small\n // and near the edge of a boundary, the popper can overflow even if the\n // reference is not overflowing as well (e.g. virtual elements with no\n // width or height)\n\n var arrowLen = within(0, referenceRect[len], arrowRect[len]);\n var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - tetherOffsetValue : minLen - arrowLen - arrowPaddingMin - tetherOffsetValue;\n var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + tetherOffsetValue : maxLen + arrowLen + arrowPaddingMax + tetherOffsetValue;\n var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);\n var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;\n var offsetModifierValue = state.modifiersData.offset ? state.modifiersData.offset[state.placement][mainAxis] : 0;\n var tetherMin = popperOffsets[mainAxis] + minOffset - offsetModifierValue - clientOffset;\n var tetherMax = popperOffsets[mainAxis] + maxOffset - offsetModifierValue;\n\n if (checkMainAxis) {\n var preventedOffset = within(tether ? mathMin(min, tetherMin) : min, offset, tether ? mathMax(max, tetherMax) : max);\n popperOffsets[mainAxis] = preventedOffset;\n data[mainAxis] = preventedOffset - offset;\n }\n\n if (checkAltAxis) {\n var _mainSide = mainAxis === 'x' ? top : left;\n\n var _altSide = mainAxis === 'x' ? bottom : right;\n\n var _offset = popperOffsets[altAxis];\n\n var _min = _offset + overflow[_mainSide];\n\n var _max = _offset - overflow[_altSide];\n\n var _preventedOffset = within(tether ? mathMin(_min, tetherMin) : _min, _offset, tether ? mathMax(_max, tetherMax) : _max);\n\n popperOffsets[altAxis] = _preventedOffset;\n data[altAxis] = _preventedOffset - _offset;\n }\n }\n\n state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'preventOverflow',\n enabled: true,\n phase: 'main',\n fn: preventOverflow,\n requiresIfExists: ['offset']\n};","export default function getAltAxis(axis) {\n return axis === 'x' ? 'y' : 'x';\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getNodeScroll from \"./getNodeScroll.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport isScrollParent from \"./isScrollParent.js\"; // Returns the composite rect of an element relative to its offsetParent.\n// Composite means it takes into account transforms as well as layout.\n\nexport default function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {\n if (isFixed === void 0) {\n isFixed = false;\n }\n\n var documentElement = getDocumentElement(offsetParent);\n var rect = getBoundingClientRect(elementOrVirtualElement);\n var isOffsetParentAnElement = isHTMLElement(offsetParent);\n var scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n var offsets = {\n x: 0,\n y: 0\n };\n\n if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078\n isScrollParent(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n\n if (isHTMLElement(offsetParent)) {\n offsets = getBoundingClientRect(offsetParent);\n offsets.x += offsetParent.clientLeft;\n offsets.y += offsetParent.clientTop;\n } else if (documentElement) {\n offsets.x = getWindowScrollBarX(documentElement);\n }\n }\n\n return {\n x: rect.left + scroll.scrollLeft - offsets.x,\n y: rect.top + scroll.scrollTop - offsets.y,\n width: rect.width,\n height: rect.height\n };\n}","import getWindowScroll from \"./getWindowScroll.js\";\nimport getWindow from \"./getWindow.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport getHTMLElementScroll from \"./getHTMLElementScroll.js\";\nexport default function getNodeScroll(node) {\n if (node === getWindow(node) || !isHTMLElement(node)) {\n return getWindowScroll(node);\n } else {\n return getHTMLElementScroll(node);\n }\n}","export default function getHTMLElementScroll(element) {\n return {\n scrollLeft: element.scrollLeft,\n scrollTop: element.scrollTop\n };\n}","import { modifierPhases } from \"../enums.js\"; // source: https://stackoverflow.com/questions/49875255\n\nfunction order(modifiers) {\n var map = new Map();\n var visited = new Set();\n var result = [];\n modifiers.forEach(function (modifier) {\n map.set(modifier.name, modifier);\n }); // On visiting object, check for its dependencies and visit them recursively\n\n function sort(modifier) {\n visited.add(modifier.name);\n var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);\n requires.forEach(function (dep) {\n if (!visited.has(dep)) {\n var depModifier = map.get(dep);\n\n if (depModifier) {\n sort(depModifier);\n }\n }\n });\n result.push(modifier);\n }\n\n modifiers.forEach(function (modifier) {\n if (!visited.has(modifier.name)) {\n // check for visited object\n sort(modifier);\n }\n });\n return result;\n}\n\nexport default function orderModifiers(modifiers) {\n // order based on dependencies\n var orderedModifiers = order(modifiers); // order based on phase\n\n return modifierPhases.reduce(function (acc, phase) {\n return acc.concat(orderedModifiers.filter(function (modifier) {\n return modifier.phase === phase;\n }));\n }, []);\n}","import getCompositeRect from \"./dom-utils/getCompositeRect.js\";\nimport getLayoutRect from \"./dom-utils/getLayoutRect.js\";\nimport listScrollParents from \"./dom-utils/listScrollParents.js\";\nimport getOffsetParent from \"./dom-utils/getOffsetParent.js\";\nimport getComputedStyle from \"./dom-utils/getComputedStyle.js\";\nimport orderModifiers from \"./utils/orderModifiers.js\";\nimport debounce from \"./utils/debounce.js\";\nimport validateModifiers from \"./utils/validateModifiers.js\";\nimport uniqueBy from \"./utils/uniqueBy.js\";\nimport getBasePlacement from \"./utils/getBasePlacement.js\";\nimport mergeByName from \"./utils/mergeByName.js\";\nimport detectOverflow from \"./utils/detectOverflow.js\";\nimport { isElement } from \"./dom-utils/instanceOf.js\";\nimport { auto } from \"./enums.js\";\nvar INVALID_ELEMENT_ERROR = 'Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.';\nvar INFINITE_LOOP_ERROR = 'Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.';\nvar DEFAULT_OPTIONS = {\n placement: 'bottom',\n modifiers: [],\n strategy: 'absolute'\n};\n\nfunction areValidElements() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return !args.some(function (element) {\n return !(element && typeof element.getBoundingClientRect === 'function');\n });\n}\n\nexport function popperGenerator(generatorOptions) {\n if (generatorOptions === void 0) {\n generatorOptions = {};\n }\n\n var _generatorOptions = generatorOptions,\n _generatorOptions$def = _generatorOptions.defaultModifiers,\n defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,\n _generatorOptions$def2 = _generatorOptions.defaultOptions,\n defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;\n return function createPopper(reference, popper, options) {\n if (options === void 0) {\n options = defaultOptions;\n }\n\n var state = {\n placement: 'bottom',\n orderedModifiers: [],\n options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),\n modifiersData: {},\n elements: {\n reference: reference,\n popper: popper\n },\n attributes: {},\n styles: {}\n };\n var effectCleanupFns = [];\n var isDestroyed = false;\n var instance = {\n state: state,\n setOptions: function setOptions(options) {\n cleanupModifierEffects();\n state.options = Object.assign({}, defaultOptions, state.options, options);\n state.scrollParents = {\n reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],\n popper: listScrollParents(popper)\n }; // Orders the modifiers based on their dependencies and `phase`\n // properties\n\n var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers\n\n state.orderedModifiers = orderedModifiers.filter(function (m) {\n return m.enabled;\n }); // Validate the provided modifiers so that the consumer will get warned\n // if one of the modifiers is invalid for any reason\n\n if (process.env.NODE_ENV !== \"production\") {\n var modifiers = uniqueBy([].concat(orderedModifiers, state.options.modifiers), function (_ref) {\n var name = _ref.name;\n return name;\n });\n validateModifiers(modifiers);\n\n if (getBasePlacement(state.options.placement) === auto) {\n var flipModifier = state.orderedModifiers.find(function (_ref2) {\n var name = _ref2.name;\n return name === 'flip';\n });\n\n if (!flipModifier) {\n console.error(['Popper: \"auto\" placements require the \"flip\" modifier be', 'present and enabled to work.'].join(' '));\n }\n }\n\n var _getComputedStyle = getComputedStyle(popper),\n marginTop = _getComputedStyle.marginTop,\n marginRight = _getComputedStyle.marginRight,\n marginBottom = _getComputedStyle.marginBottom,\n marginLeft = _getComputedStyle.marginLeft; // We no longer take into account `margins` on the popper, and it can\n // cause bugs with positioning, so we'll warn the consumer\n\n\n if ([marginTop, marginRight, marginBottom, marginLeft].some(function (margin) {\n return parseFloat(margin);\n })) {\n console.warn(['Popper: CSS \"margin\" styles cannot be used to apply padding', 'between the popper and its reference element or boundary.', 'To replicate margin, use the `offset` modifier, as well as', 'the `padding` option in the `preventOverflow` and `flip`', 'modifiers.'].join(' '));\n }\n }\n\n runModifierEffects();\n return instance.update();\n },\n // Sync update – it will always be executed, even if not necessary. This\n // is useful for low frequency updates where sync behavior simplifies the\n // logic.\n // For high frequency updates (e.g. `resize` and `scroll` events), always\n // prefer the async Popper#update method\n forceUpdate: function forceUpdate() {\n if (isDestroyed) {\n return;\n }\n\n var _state$elements = state.elements,\n reference = _state$elements.reference,\n popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements\n // anymore\n\n if (!areValidElements(reference, popper)) {\n if (process.env.NODE_ENV !== \"production\") {\n console.error(INVALID_ELEMENT_ERROR);\n }\n\n return;\n } // Store the reference and popper rects to be read by modifiers\n\n\n state.rects = {\n reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),\n popper: getLayoutRect(popper)\n }; // Modifiers have the ability to reset the current update cycle. The\n // most common use case for this is the `flip` modifier changing the\n // placement, which then needs to re-run all the modifiers, because the\n // logic was previously ran for the previous placement and is therefore\n // stale/incorrect\n\n state.reset = false;\n state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier\n // is filled with the initial data specified by the modifier. This means\n // it doesn't persist and is fresh on each update.\n // To ensure persistent data, use `${name}#persistent`\n\n state.orderedModifiers.forEach(function (modifier) {\n return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);\n });\n var __debug_loops__ = 0;\n\n for (var index = 0; index < state.orderedModifiers.length; index++) {\n if (process.env.NODE_ENV !== \"production\") {\n __debug_loops__ += 1;\n\n if (__debug_loops__ > 100) {\n console.error(INFINITE_LOOP_ERROR);\n break;\n }\n }\n\n if (state.reset === true) {\n state.reset = false;\n index = -1;\n continue;\n }\n\n var _state$orderedModifie = state.orderedModifiers[index],\n fn = _state$orderedModifie.fn,\n _state$orderedModifie2 = _state$orderedModifie.options,\n _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,\n name = _state$orderedModifie.name;\n\n if (typeof fn === 'function') {\n state = fn({\n state: state,\n options: _options,\n name: name,\n instance: instance\n }) || state;\n }\n }\n },\n // Async and optimistically optimized update – it will not be executed if\n // not necessary (debounced to run at most once-per-tick)\n update: debounce(function () {\n return new Promise(function (resolve) {\n instance.forceUpdate();\n resolve(state);\n });\n }),\n destroy: function destroy() {\n cleanupModifierEffects();\n isDestroyed = true;\n }\n };\n\n if (!areValidElements(reference, popper)) {\n if (process.env.NODE_ENV !== \"production\") {\n console.error(INVALID_ELEMENT_ERROR);\n }\n\n return instance;\n }\n\n instance.setOptions(options).then(function (state) {\n if (!isDestroyed && options.onFirstUpdate) {\n options.onFirstUpdate(state);\n }\n }); // Modifiers have the ability to execute arbitrary code before the first\n // update cycle runs. They will be executed in the same order as the update\n // cycle. This is useful when a modifier adds some persistent data that\n // other modifiers need to use, but the modifier is run after the dependent\n // one.\n\n function runModifierEffects() {\n state.orderedModifiers.forEach(function (_ref3) {\n var name = _ref3.name,\n _ref3$options = _ref3.options,\n options = _ref3$options === void 0 ? {} : _ref3$options,\n effect = _ref3.effect;\n\n if (typeof effect === 'function') {\n var cleanupFn = effect({\n state: state,\n name: name,\n instance: instance,\n options: options\n });\n\n var noopFn = function noopFn() {};\n\n effectCleanupFns.push(cleanupFn || noopFn);\n }\n });\n }\n\n function cleanupModifierEffects() {\n effectCleanupFns.forEach(function (fn) {\n return fn();\n });\n effectCleanupFns = [];\n }\n\n return instance;\n };\n}\nexport var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line import/no-unused-modules\n\nexport { detectOverflow };","export default function mergeByName(modifiers) {\n var merged = modifiers.reduce(function (merged, current) {\n var existing = merged[current.name];\n merged[current.name] = existing ? Object.assign({}, existing, current, {\n options: Object.assign({}, existing.options, current.options),\n data: Object.assign({}, existing.data, current.data)\n }) : current;\n return merged;\n }, {}); // IE11 does not support Object.values\n\n return Object.keys(merged).map(function (key) {\n return merged[key];\n });\n}","export default function debounce(fn) {\n var pending;\n return function () {\n if (!pending) {\n pending = new Promise(function (resolve) {\n Promise.resolve().then(function () {\n pending = undefined;\n resolve(fn());\n });\n });\n }\n\n return pending;\n };\n}","import { popperGenerator, detectOverflow } from \"./createPopper.js\";\nimport eventListeners from \"./modifiers/eventListeners.js\";\nimport popperOffsets from \"./modifiers/popperOffsets.js\";\nimport computeStyles from \"./modifiers/computeStyles.js\";\nimport applyStyles from \"./modifiers/applyStyles.js\";\nimport offset from \"./modifiers/offset.js\";\nimport flip from \"./modifiers/flip.js\";\nimport preventOverflow from \"./modifiers/preventOverflow.js\";\nimport arrow from \"./modifiers/arrow.js\";\nimport hide from \"./modifiers/hide.js\";\nvar defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide];\nvar createPopper = /*#__PURE__*/popperGenerator({\n defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper, popperGenerator, defaultModifiers, detectOverflow }; // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper as createPopperLite } from \"./popper-lite.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport * from \"./modifiers/index.js\";","import { popperGenerator, detectOverflow } from \"./createPopper.js\";\nimport eventListeners from \"./modifiers/eventListeners.js\";\nimport popperOffsets from \"./modifiers/popperOffsets.js\";\nimport computeStyles from \"./modifiers/computeStyles.js\";\nimport applyStyles from \"./modifiers/applyStyles.js\";\nvar defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles];\nvar createPopper = /*#__PURE__*/popperGenerator({\n defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper, popperGenerator, defaultModifiers, detectOverflow };","/*!\n * Bootstrap v5.0.0-beta3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\nimport * as Popper from '@popperjs/core';\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): util/index.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\nconst MAX_UID = 1000000;\nconst MILLISECONDS_MULTIPLIER = 1000;\nconst TRANSITION_END = 'transitionend'; // Shoutout AngusCroll (https://goo.gl/pxwQGp)\n\nconst toType = obj => {\n if (obj === null || obj === undefined) {\n return `${obj}`;\n }\n\n return {}.toString.call(obj).match(/\\s([a-z]+)/i)[1].toLowerCase();\n};\n/**\n * --------------------------------------------------------------------------\n * Public Util Api\n * --------------------------------------------------------------------------\n */\n\n\nconst getUID = prefix => {\n do {\n prefix += Math.floor(Math.random() * MAX_UID);\n } while (document.getElementById(prefix));\n\n return prefix;\n};\n\nconst getSelector = element => {\n let selector = element.getAttribute('data-bs-target');\n\n if (!selector || selector === '#') {\n let hrefAttr = element.getAttribute('href'); // The only valid content that could double as a selector are IDs or classes,\n // so everything starting with `#` or `.`. If a \"real\" URL is used as the selector,\n // `document.querySelector` will rightfully complain it is invalid.\n // See https://github.com/twbs/bootstrap/issues/32273\n\n if (!hrefAttr || !hrefAttr.includes('#') && !hrefAttr.startsWith('.')) {\n return null;\n } // Just in case some CMS puts out a full URL with the anchor appended\n\n\n if (hrefAttr.includes('#') && !hrefAttr.startsWith('#')) {\n hrefAttr = '#' + hrefAttr.split('#')[1];\n }\n\n selector = hrefAttr && hrefAttr !== '#' ? hrefAttr.trim() : null;\n }\n\n return selector;\n};\n\nconst getSelectorFromElement = element => {\n const selector = getSelector(element);\n\n if (selector) {\n return document.querySelector(selector) ? selector : null;\n }\n\n return null;\n};\n\nconst getElementFromSelector = element => {\n const selector = getSelector(element);\n return selector ? document.querySelector(selector) : null;\n};\n\nconst getTransitionDurationFromElement = element => {\n if (!element) {\n return 0;\n } // Get transition-duration of the element\n\n\n let {\n transitionDuration,\n transitionDelay\n } = window.getComputedStyle(element);\n const floatTransitionDuration = Number.parseFloat(transitionDuration);\n const floatTransitionDelay = Number.parseFloat(transitionDelay); // Return 0 if element or transition duration is not found\n\n if (!floatTransitionDuration && !floatTransitionDelay) {\n return 0;\n } // If multiple durations are defined, take the first\n\n\n transitionDuration = transitionDuration.split(',')[0];\n transitionDelay = transitionDelay.split(',')[0];\n return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER;\n};\n\nconst triggerTransitionEnd = element => {\n element.dispatchEvent(new Event(TRANSITION_END));\n};\n\nconst isElement = obj => (obj[0] || obj).nodeType;\n\nconst emulateTransitionEnd = (element, duration) => {\n let called = false;\n const durationPadding = 5;\n const emulatedDuration = duration + durationPadding;\n\n function listener() {\n called = true;\n element.removeEventListener(TRANSITION_END, listener);\n }\n\n element.addEventListener(TRANSITION_END, listener);\n setTimeout(() => {\n if (!called) {\n triggerTransitionEnd(element);\n }\n }, emulatedDuration);\n};\n\nconst typeCheckConfig = (componentName, config, configTypes) => {\n Object.keys(configTypes).forEach(property => {\n const expectedTypes = configTypes[property];\n const value = config[property];\n const valueType = value && isElement(value) ? 'element' : toType(value);\n\n if (!new RegExp(expectedTypes).test(valueType)) {\n throw new TypeError(`${componentName.toUpperCase()}: ` + `Option \"${property}\" provided type \"${valueType}\" ` + `but expected type \"${expectedTypes}\".`);\n }\n });\n};\n\nconst isVisible = element => {\n if (!element) {\n return false;\n }\n\n if (element.style && element.parentNode && element.parentNode.style) {\n const elementStyle = getComputedStyle(element);\n const parentNodeStyle = getComputedStyle(element.parentNode);\n return elementStyle.display !== 'none' && parentNodeStyle.display !== 'none' && elementStyle.visibility !== 'hidden';\n }\n\n return false;\n};\n\nconst isDisabled = element => {\n if (!element || element.nodeType !== Node.ELEMENT_NODE) {\n return true;\n }\n\n if (element.classList.contains('disabled')) {\n return true;\n }\n\n if (typeof element.disabled !== 'undefined') {\n return element.disabled;\n }\n\n return element.hasAttribute('disabled') && element.getAttribute('disabled') !== 'false';\n};\n\nconst findShadowRoot = element => {\n if (!document.documentElement.attachShadow) {\n return null;\n } // Can find the shadow root otherwise it'll return the document\n\n\n if (typeof element.getRootNode === 'function') {\n const root = element.getRootNode();\n return root instanceof ShadowRoot ? root : null;\n }\n\n if (element instanceof ShadowRoot) {\n return element;\n } // when we don't find a shadow root\n\n\n if (!element.parentNode) {\n return null;\n }\n\n return findShadowRoot(element.parentNode);\n};\n\nconst noop = () => function () {};\n\nconst reflow = element => element.offsetHeight;\n\nconst getjQuery = () => {\n const {\n jQuery\n } = window;\n\n if (jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {\n return jQuery;\n }\n\n return null;\n};\n\nconst onDOMContentLoaded = callback => {\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', callback);\n } else {\n callback();\n }\n};\n\nconst isRTL = () => document.documentElement.dir === 'rtl';\n\nconst defineJQueryPlugin = (name, plugin) => {\n onDOMContentLoaded(() => {\n const $ = getjQuery();\n /* istanbul ignore if */\n\n if ($) {\n const JQUERY_NO_CONFLICT = $.fn[name];\n $.fn[name] = plugin.jQueryInterface;\n $.fn[name].Constructor = plugin;\n\n $.fn[name].noConflict = () => {\n $.fn[name] = JQUERY_NO_CONFLICT;\n return plugin.jQueryInterface;\n };\n }\n });\n};\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): dom/data.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\nconst elementMap = new Map();\nvar Data = {\n set(element, key, instance) {\n if (!elementMap.has(element)) {\n elementMap.set(element, new Map());\n }\n\n const instanceMap = elementMap.get(element); // make it clear we only want one instance per element\n // can be removed later when multiple key/instances are fine to be used\n\n if (!instanceMap.has(key) && instanceMap.size !== 0) {\n // eslint-disable-next-line no-console\n console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(instanceMap.keys())[0]}.`);\n return;\n }\n\n instanceMap.set(key, instance);\n },\n\n get(element, key) {\n if (elementMap.has(element)) {\n return elementMap.get(element).get(key) || null;\n }\n\n return null;\n },\n\n remove(element, key) {\n if (!elementMap.has(element)) {\n return;\n }\n\n const instanceMap = elementMap.get(element);\n instanceMap.delete(key); // free up element references if there are no instances left for an element\n\n if (instanceMap.size === 0) {\n elementMap.delete(element);\n }\n }\n\n};\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): dom/event-handler.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst namespaceRegex = /[^.]*(?=\\..*)\\.|.*/;\nconst stripNameRegex = /\\..*/;\nconst stripUidRegex = /::\\d+$/;\nconst eventRegistry = {}; // Events storage\n\nlet uidEvent = 1;\nconst customEvents = {\n mouseenter: 'mouseover',\n mouseleave: 'mouseout'\n};\nconst nativeEvents = new Set(['click', 'dblclick', 'mouseup', 'mousedown', 'contextmenu', 'mousewheel', 'DOMMouseScroll', 'mouseover', 'mouseout', 'mousemove', 'selectstart', 'selectend', 'keydown', 'keypress', 'keyup', 'orientationchange', 'touchstart', 'touchmove', 'touchend', 'touchcancel', 'pointerdown', 'pointermove', 'pointerup', 'pointerleave', 'pointercancel', 'gesturestart', 'gesturechange', 'gestureend', 'focus', 'blur', 'change', 'reset', 'select', 'submit', 'focusin', 'focusout', 'load', 'unload', 'beforeunload', 'resize', 'move', 'DOMContentLoaded', 'readystatechange', 'error', 'abort', 'scroll']);\n/**\n * ------------------------------------------------------------------------\n * Private methods\n * ------------------------------------------------------------------------\n */\n\nfunction getUidEvent(element, uid) {\n return uid && `${uid}::${uidEvent++}` || element.uidEvent || uidEvent++;\n}\n\nfunction getEvent(element) {\n const uid = getUidEvent(element);\n element.uidEvent = uid;\n eventRegistry[uid] = eventRegistry[uid] || {};\n return eventRegistry[uid];\n}\n\nfunction bootstrapHandler(element, fn) {\n return function handler(event) {\n event.delegateTarget = element;\n\n if (handler.oneOff) {\n EventHandler.off(element, event.type, fn);\n }\n\n return fn.apply(element, [event]);\n };\n}\n\nfunction bootstrapDelegationHandler(element, selector, fn) {\n return function handler(event) {\n const domElements = element.querySelectorAll(selector);\n\n for (let {\n target\n } = event; target && target !== this; target = target.parentNode) {\n for (let i = domElements.length; i--;) {\n if (domElements[i] === target) {\n event.delegateTarget = target;\n\n if (handler.oneOff) {\n // eslint-disable-next-line unicorn/consistent-destructuring\n EventHandler.off(element, event.type, fn);\n }\n\n return fn.apply(target, [event]);\n }\n }\n } // To please ESLint\n\n\n return null;\n };\n}\n\nfunction findHandler(events, handler, delegationSelector = null) {\n const uidEventList = Object.keys(events);\n\n for (let i = 0, len = uidEventList.length; i < len; i++) {\n const event = events[uidEventList[i]];\n\n if (event.originalHandler === handler && event.delegationSelector === delegationSelector) {\n return event;\n }\n }\n\n return null;\n}\n\nfunction normalizeParams(originalTypeEvent, handler, delegationFn) {\n const delegation = typeof handler === 'string';\n const originalHandler = delegation ? delegationFn : handler; // allow to get the native events from namespaced events ('click.bs.button' --> 'click')\n\n let typeEvent = originalTypeEvent.replace(stripNameRegex, '');\n const custom = customEvents[typeEvent];\n\n if (custom) {\n typeEvent = custom;\n }\n\n const isNative = nativeEvents.has(typeEvent);\n\n if (!isNative) {\n typeEvent = originalTypeEvent;\n }\n\n return [delegation, originalHandler, typeEvent];\n}\n\nfunction addHandler(element, originalTypeEvent, handler, delegationFn, oneOff) {\n if (typeof originalTypeEvent !== 'string' || !element) {\n return;\n }\n\n if (!handler) {\n handler = delegationFn;\n delegationFn = null;\n }\n\n const [delegation, originalHandler, typeEvent] = normalizeParams(originalTypeEvent, handler, delegationFn);\n const events = getEvent(element);\n const handlers = events[typeEvent] || (events[typeEvent] = {});\n const previousFn = findHandler(handlers, originalHandler, delegation ? handler : null);\n\n if (previousFn) {\n previousFn.oneOff = previousFn.oneOff && oneOff;\n return;\n }\n\n const uid = getUidEvent(originalHandler, originalTypeEvent.replace(namespaceRegex, ''));\n const fn = delegation ? bootstrapDelegationHandler(element, handler, delegationFn) : bootstrapHandler(element, handler);\n fn.delegationSelector = delegation ? handler : null;\n fn.originalHandler = originalHandler;\n fn.oneOff = oneOff;\n fn.uidEvent = uid;\n handlers[uid] = fn;\n element.addEventListener(typeEvent, fn, delegation);\n}\n\nfunction removeHandler(element, events, typeEvent, handler, delegationSelector) {\n const fn = findHandler(events[typeEvent], handler, delegationSelector);\n\n if (!fn) {\n return;\n }\n\n element.removeEventListener(typeEvent, fn, Boolean(delegationSelector));\n delete events[typeEvent][fn.uidEvent];\n}\n\nfunction removeNamespacedHandlers(element, events, typeEvent, namespace) {\n const storeElementEvent = events[typeEvent] || {};\n Object.keys(storeElementEvent).forEach(handlerKey => {\n if (handlerKey.includes(namespace)) {\n const event = storeElementEvent[handlerKey];\n removeHandler(element, events, typeEvent, event.originalHandler, event.delegationSelector);\n }\n });\n}\n\nconst EventHandler = {\n on(element, event, handler, delegationFn) {\n addHandler(element, event, handler, delegationFn, false);\n },\n\n one(element, event, handler, delegationFn) {\n addHandler(element, event, handler, delegationFn, true);\n },\n\n off(element, originalTypeEvent, handler, delegationFn) {\n if (typeof originalTypeEvent !== 'string' || !element) {\n return;\n }\n\n const [delegation, originalHandler, typeEvent] = normalizeParams(originalTypeEvent, handler, delegationFn);\n const inNamespace = typeEvent !== originalTypeEvent;\n const events = getEvent(element);\n const isNamespace = originalTypeEvent.startsWith('.');\n\n if (typeof originalHandler !== 'undefined') {\n // Simplest case: handler is passed, remove that listener ONLY.\n if (!events || !events[typeEvent]) {\n return;\n }\n\n removeHandler(element, events, typeEvent, originalHandler, delegation ? handler : null);\n return;\n }\n\n if (isNamespace) {\n Object.keys(events).forEach(elementEvent => {\n removeNamespacedHandlers(element, events, elementEvent, originalTypeEvent.slice(1));\n });\n }\n\n const storeElementEvent = events[typeEvent] || {};\n Object.keys(storeElementEvent).forEach(keyHandlers => {\n const handlerKey = keyHandlers.replace(stripUidRegex, '');\n\n if (!inNamespace || originalTypeEvent.includes(handlerKey)) {\n const event = storeElementEvent[keyHandlers];\n removeHandler(element, events, typeEvent, event.originalHandler, event.delegationSelector);\n }\n });\n },\n\n trigger(element, event, args) {\n if (typeof event !== 'string' || !element) {\n return null;\n }\n\n const $ = getjQuery();\n const typeEvent = event.replace(stripNameRegex, '');\n const inNamespace = event !== typeEvent;\n const isNative = nativeEvents.has(typeEvent);\n let jQueryEvent;\n let bubbles = true;\n let nativeDispatch = true;\n let defaultPrevented = false;\n let evt = null;\n\n if (inNamespace && $) {\n jQueryEvent = $.Event(event, args);\n $(element).trigger(jQueryEvent);\n bubbles = !jQueryEvent.isPropagationStopped();\n nativeDispatch = !jQueryEvent.isImmediatePropagationStopped();\n defaultPrevented = jQueryEvent.isDefaultPrevented();\n }\n\n if (isNative) {\n evt = document.createEvent('HTMLEvents');\n evt.initEvent(typeEvent, bubbles, true);\n } else {\n evt = new CustomEvent(event, {\n bubbles,\n cancelable: true\n });\n } // merge custom information in our event\n\n\n if (typeof args !== 'undefined') {\n Object.keys(args).forEach(key => {\n Object.defineProperty(evt, key, {\n get() {\n return args[key];\n }\n\n });\n });\n }\n\n if (defaultPrevented) {\n evt.preventDefault();\n }\n\n if (nativeDispatch) {\n element.dispatchEvent(evt);\n }\n\n if (evt.defaultPrevented && typeof jQueryEvent !== 'undefined') {\n jQueryEvent.preventDefault();\n }\n\n return evt;\n }\n\n};\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): base-component.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst VERSION = '5.0.0-beta3';\n\nclass BaseComponent {\n constructor(element) {\n element = typeof element === 'string' ? document.querySelector(element) : element;\n\n if (!element) {\n return;\n }\n\n this._element = element;\n Data.set(this._element, this.constructor.DATA_KEY, this);\n }\n\n dispose() {\n Data.remove(this._element, this.constructor.DATA_KEY);\n this._element = null;\n }\n /** Static */\n\n\n static getInstance(element) {\n return Data.get(element, this.DATA_KEY);\n }\n\n static get VERSION() {\n return VERSION;\n }\n\n}\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): alert.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME$b = 'alert';\nconst DATA_KEY$b = 'bs.alert';\nconst EVENT_KEY$b = `.${DATA_KEY$b}`;\nconst DATA_API_KEY$8 = '.data-api';\nconst SELECTOR_DISMISS = '[data-bs-dismiss=\"alert\"]';\nconst EVENT_CLOSE = `close${EVENT_KEY$b}`;\nconst EVENT_CLOSED = `closed${EVENT_KEY$b}`;\nconst EVENT_CLICK_DATA_API$7 = `click${EVENT_KEY$b}${DATA_API_KEY$8}`;\nconst CLASS_NAME_ALERT = 'alert';\nconst CLASS_NAME_FADE$5 = 'fade';\nconst CLASS_NAME_SHOW$8 = 'show';\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Alert extends BaseComponent {\n // Getters\n static get DATA_KEY() {\n return DATA_KEY$b;\n } // Public\n\n\n close(element) {\n const rootElement = element ? this._getRootElement(element) : this._element;\n\n const customEvent = this._triggerCloseEvent(rootElement);\n\n if (customEvent === null || customEvent.defaultPrevented) {\n return;\n }\n\n this._removeElement(rootElement);\n } // Private\n\n\n _getRootElement(element) {\n return getElementFromSelector(element) || element.closest(`.${CLASS_NAME_ALERT}`);\n }\n\n _triggerCloseEvent(element) {\n return EventHandler.trigger(element, EVENT_CLOSE);\n }\n\n _removeElement(element) {\n element.classList.remove(CLASS_NAME_SHOW$8);\n\n if (!element.classList.contains(CLASS_NAME_FADE$5)) {\n this._destroyElement(element);\n\n return;\n }\n\n const transitionDuration = getTransitionDurationFromElement(element);\n EventHandler.one(element, 'transitionend', () => this._destroyElement(element));\n emulateTransitionEnd(element, transitionDuration);\n }\n\n _destroyElement(element) {\n if (element.parentNode) {\n element.parentNode.removeChild(element);\n }\n\n EventHandler.trigger(element, EVENT_CLOSED);\n } // Static\n\n\n static jQueryInterface(config) {\n return this.each(function () {\n let data = Data.get(this, DATA_KEY$b);\n\n if (!data) {\n data = new Alert(this);\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\nEventHandler.on(document, EVENT_CLICK_DATA_API$7, SELECTOR_DISMISS, Alert.handleDismiss(new Alert()));\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n * add .Alert to jQuery only if jQuery is present\n */\n\ndefineJQueryPlugin(NAME$b, Alert);\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): button.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME$a = 'button';\nconst DATA_KEY$a = 'bs.button';\nconst EVENT_KEY$a = `.${DATA_KEY$a}`;\nconst DATA_API_KEY$7 = '.data-api';\nconst CLASS_NAME_ACTIVE$3 = 'active';\nconst SELECTOR_DATA_TOGGLE$5 = '[data-bs-toggle=\"button\"]';\nconst EVENT_CLICK_DATA_API$6 = `click${EVENT_KEY$a}${DATA_API_KEY$7}`;\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Button extends BaseComponent {\n // Getters\n static get DATA_KEY() {\n return DATA_KEY$a;\n } // Public\n\n\n toggle() {\n // Toggle class and sync the `aria-pressed` attribute with the return value of the `.toggle()` method\n this._element.setAttribute('aria-pressed', this._element.classList.toggle(CLASS_NAME_ACTIVE$3));\n } // Static\n\n\n static jQueryInterface(config) {\n return this.each(function () {\n let data = Data.get(this, DATA_KEY$a);\n\n if (!data) {\n data = new Button(this);\n }\n\n if (config === 'toggle') {\n data[config]();\n }\n });\n }\n\n}\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n\nEventHandler.on(document, EVENT_CLICK_DATA_API$6, SELECTOR_DATA_TOGGLE$5, event => {\n event.preventDefault();\n const button = event.target.closest(SELECTOR_DATA_TOGGLE$5);\n let data = Data.get(button, DATA_KEY$a);\n\n if (!data) {\n data = new Button(button);\n }\n\n data.toggle();\n});\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n * add .Button to jQuery only if jQuery is present\n */\n\ndefineJQueryPlugin(NAME$a, Button);\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): dom/manipulator.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\nfunction normalizeData(val) {\n if (val === 'true') {\n return true;\n }\n\n if (val === 'false') {\n return false;\n }\n\n if (val === Number(val).toString()) {\n return Number(val);\n }\n\n if (val === '' || val === 'null') {\n return null;\n }\n\n return val;\n}\n\nfunction normalizeDataKey(key) {\n return key.replace(/[A-Z]/g, chr => `-${chr.toLowerCase()}`);\n}\n\nconst Manipulator = {\n setDataAttribute(element, key, value) {\n element.setAttribute(`data-bs-${normalizeDataKey(key)}`, value);\n },\n\n removeDataAttribute(element, key) {\n element.removeAttribute(`data-bs-${normalizeDataKey(key)}`);\n },\n\n getDataAttributes(element) {\n if (!element) {\n return {};\n }\n\n const attributes = {};\n Object.keys(element.dataset).filter(key => key.startsWith('bs')).forEach(key => {\n let pureKey = key.replace(/^bs/, '');\n pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length);\n attributes[pureKey] = normalizeData(element.dataset[key]);\n });\n return attributes;\n },\n\n getDataAttribute(element, key) {\n return normalizeData(element.getAttribute(`data-bs-${normalizeDataKey(key)}`));\n },\n\n offset(element) {\n const rect = element.getBoundingClientRect();\n return {\n top: rect.top + document.body.scrollTop,\n left: rect.left + document.body.scrollLeft\n };\n },\n\n position(element) {\n return {\n top: element.offsetTop,\n left: element.offsetLeft\n };\n }\n\n};\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): dom/selector-engine.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\nconst NODE_TEXT = 3;\nconst SelectorEngine = {\n find(selector, element = document.documentElement) {\n return [].concat(...Element.prototype.querySelectorAll.call(element, selector));\n },\n\n findOne(selector, element = document.documentElement) {\n return Element.prototype.querySelector.call(element, selector);\n },\n\n children(element, selector) {\n return [].concat(...element.children).filter(child => child.matches(selector));\n },\n\n parents(element, selector) {\n const parents = [];\n let ancestor = element.parentNode;\n\n while (ancestor && ancestor.nodeType === Node.ELEMENT_NODE && ancestor.nodeType !== NODE_TEXT) {\n if (ancestor.matches(selector)) {\n parents.push(ancestor);\n }\n\n ancestor = ancestor.parentNode;\n }\n\n return parents;\n },\n\n prev(element, selector) {\n let previous = element.previousElementSibling;\n\n while (previous) {\n if (previous.matches(selector)) {\n return [previous];\n }\n\n previous = previous.previousElementSibling;\n }\n\n return [];\n },\n\n next(element, selector) {\n let next = element.nextElementSibling;\n\n while (next) {\n if (next.matches(selector)) {\n return [next];\n }\n\n next = next.nextElementSibling;\n }\n\n return [];\n }\n\n};\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): carousel.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME$9 = 'carousel';\nconst DATA_KEY$9 = 'bs.carousel';\nconst EVENT_KEY$9 = `.${DATA_KEY$9}`;\nconst DATA_API_KEY$6 = '.data-api';\nconst ARROW_LEFT_KEY = 'ArrowLeft';\nconst ARROW_RIGHT_KEY = 'ArrowRight';\nconst TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch\n\nconst SWIPE_THRESHOLD = 40;\nconst Default$8 = {\n interval: 5000,\n keyboard: true,\n slide: false,\n pause: 'hover',\n wrap: true,\n touch: true\n};\nconst DefaultType$8 = {\n interval: '(number|boolean)',\n keyboard: 'boolean',\n slide: '(boolean|string)',\n pause: '(string|boolean)',\n wrap: 'boolean',\n touch: 'boolean'\n};\nconst ORDER_NEXT = 'next';\nconst ORDER_PREV = 'prev';\nconst DIRECTION_LEFT = 'left';\nconst DIRECTION_RIGHT = 'right';\nconst EVENT_SLIDE = `slide${EVENT_KEY$9}`;\nconst EVENT_SLID = `slid${EVENT_KEY$9}`;\nconst EVENT_KEYDOWN = `keydown${EVENT_KEY$9}`;\nconst EVENT_MOUSEENTER = `mouseenter${EVENT_KEY$9}`;\nconst EVENT_MOUSELEAVE = `mouseleave${EVENT_KEY$9}`;\nconst EVENT_TOUCHSTART = `touchstart${EVENT_KEY$9}`;\nconst EVENT_TOUCHMOVE = `touchmove${EVENT_KEY$9}`;\nconst EVENT_TOUCHEND = `touchend${EVENT_KEY$9}`;\nconst EVENT_POINTERDOWN = `pointerdown${EVENT_KEY$9}`;\nconst EVENT_POINTERUP = `pointerup${EVENT_KEY$9}`;\nconst EVENT_DRAG_START = `dragstart${EVENT_KEY$9}`;\nconst EVENT_LOAD_DATA_API$2 = `load${EVENT_KEY$9}${DATA_API_KEY$6}`;\nconst EVENT_CLICK_DATA_API$5 = `click${EVENT_KEY$9}${DATA_API_KEY$6}`;\nconst CLASS_NAME_CAROUSEL = 'carousel';\nconst CLASS_NAME_ACTIVE$2 = 'active';\nconst CLASS_NAME_SLIDE = 'slide';\nconst CLASS_NAME_END = 'carousel-item-end';\nconst CLASS_NAME_START = 'carousel-item-start';\nconst CLASS_NAME_NEXT = 'carousel-item-next';\nconst CLASS_NAME_PREV = 'carousel-item-prev';\nconst CLASS_NAME_POINTER_EVENT = 'pointer-event';\nconst SELECTOR_ACTIVE$1 = '.active';\nconst SELECTOR_ACTIVE_ITEM = '.active.carousel-item';\nconst SELECTOR_ITEM = '.carousel-item';\nconst SELECTOR_ITEM_IMG = '.carousel-item img';\nconst SELECTOR_NEXT_PREV = '.carousel-item-next, .carousel-item-prev';\nconst SELECTOR_INDICATORS = '.carousel-indicators';\nconst SELECTOR_INDICATOR = '[data-bs-target]';\nconst SELECTOR_DATA_SLIDE = '[data-bs-slide], [data-bs-slide-to]';\nconst SELECTOR_DATA_RIDE = '[data-bs-ride=\"carousel\"]';\nconst POINTER_TYPE_TOUCH = 'touch';\nconst POINTER_TYPE_PEN = 'pen';\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Carousel extends BaseComponent {\n constructor(element, config) {\n super(element);\n this._items = null;\n this._interval = null;\n this._activeElement = null;\n this._isPaused = false;\n this._isSliding = false;\n this.touchTimeout = null;\n this.touchStartX = 0;\n this.touchDeltaX = 0;\n this._config = this._getConfig(config);\n this._indicatorsElement = SelectorEngine.findOne(SELECTOR_INDICATORS, this._element);\n this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;\n this._pointerEvent = Boolean(window.PointerEvent);\n\n this._addEventListeners();\n } // Getters\n\n\n static get Default() {\n return Default$8;\n }\n\n static get DATA_KEY() {\n return DATA_KEY$9;\n } // Public\n\n\n next() {\n if (!this._isSliding) {\n this._slide(ORDER_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 && isVisible(this._element)) {\n this.next();\n }\n }\n\n prev() {\n if (!this._isSliding) {\n this._slide(ORDER_PREV);\n }\n }\n\n pause(event) {\n if (!event) {\n this._isPaused = true;\n }\n\n if (SelectorEngine.findOne(SELECTOR_NEXT_PREV, this._element)) {\n 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 && this._config.interval && !this._isPaused) {\n this._updateInterval();\n\n this._interval = setInterval((document.visibilityState ? this.nextWhenVisible : this.next).bind(this), this._config.interval);\n }\n }\n\n to(index) {\n this._activeElement = SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element);\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 EventHandler.one(this._element, 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 order = index > activeIndex ? ORDER_NEXT : ORDER_PREV;\n\n this._slide(order, this._items[index]);\n }\n\n dispose() {\n EventHandler.off(this._element, EVENT_KEY$9);\n this._items = null;\n this._config = null;\n this._interval = null;\n this._isPaused = null;\n this._isSliding = null;\n this._activeElement = null;\n this._indicatorsElement = null;\n super.dispose();\n } // Private\n\n\n _getConfig(config) {\n config = { ...Default$8,\n ...config\n };\n typeCheckConfig(NAME$9, config, DefaultType$8);\n return config;\n }\n\n _handleSwipe() {\n const absDeltax = Math.abs(this.touchDeltaX);\n\n if (absDeltax <= SWIPE_THRESHOLD) {\n return;\n }\n\n const direction = absDeltax / this.touchDeltaX;\n this.touchDeltaX = 0;\n\n if (!direction) {\n return;\n }\n\n this._slide(direction > 0 ? DIRECTION_RIGHT : DIRECTION_LEFT);\n }\n\n _addEventListeners() {\n if (this._config.keyboard) {\n EventHandler.on(this._element, EVENT_KEYDOWN, event => this._keydown(event));\n }\n\n if (this._config.pause === 'hover') {\n EventHandler.on(this._element, EVENT_MOUSEENTER, event => this.pause(event));\n EventHandler.on(this._element, EVENT_MOUSELEAVE, event => this.cycle(event));\n }\n\n if (this._config.touch && this._touchSupported) {\n this._addTouchEventListeners();\n }\n }\n\n _addTouchEventListeners() {\n const start = event => {\n if (this._pointerEvent && (event.pointerType === POINTER_TYPE_PEN || event.pointerType === POINTER_TYPE_TOUCH)) {\n this.touchStartX = event.clientX;\n } else if (!this._pointerEvent) {\n this.touchStartX = event.touches[0].clientX;\n }\n };\n\n const move = event => {\n // ensure swiping with one touch and not pinching\n this.touchDeltaX = event.touches && event.touches.length > 1 ? 0 : event.touches[0].clientX - this.touchStartX;\n };\n\n const end = event => {\n if (this._pointerEvent && (event.pointerType === POINTER_TYPE_PEN || event.pointerType === POINTER_TYPE_TOUCH)) {\n this.touchDeltaX = event.clientX - this.touchStartX;\n }\n\n this._handleSwipe();\n\n if (this._config.pause === 'hover') {\n // If it's a touch-enabled device, mouseenter/leave are fired as\n // part of the mouse compatibility events on first tap - the carousel\n // would stop cycling until user tapped out of it;\n // here, we listen for touchend, explicitly pause the carousel\n // (as if it's the second time we tap on it, mouseenter compat event\n // is NOT fired) and after a timeout (to allow for mouse compatibility\n // events to fire) we explicitly restart cycling\n this.pause();\n\n if (this.touchTimeout) {\n clearTimeout(this.touchTimeout);\n }\n\n this.touchTimeout = setTimeout(event => this.cycle(event), TOUCHEVENT_COMPAT_WAIT + this._config.interval);\n }\n };\n\n SelectorEngine.find(SELECTOR_ITEM_IMG, this._element).forEach(itemImg => {\n EventHandler.on(itemImg, EVENT_DRAG_START, e => e.preventDefault());\n });\n\n if (this._pointerEvent) {\n EventHandler.on(this._element, EVENT_POINTERDOWN, event => start(event));\n EventHandler.on(this._element, EVENT_POINTERUP, event => end(event));\n\n this._element.classList.add(CLASS_NAME_POINTER_EVENT);\n } else {\n EventHandler.on(this._element, EVENT_TOUCHSTART, event => start(event));\n EventHandler.on(this._element, EVENT_TOUCHMOVE, event => move(event));\n EventHandler.on(this._element, EVENT_TOUCHEND, event => end(event));\n }\n }\n\n _keydown(event) {\n if (/input|textarea/i.test(event.target.tagName)) {\n return;\n }\n\n if (event.key === ARROW_LEFT_KEY) {\n event.preventDefault();\n\n this._slide(DIRECTION_LEFT);\n } else if (event.key === ARROW_RIGHT_KEY) {\n event.preventDefault();\n\n this._slide(DIRECTION_RIGHT);\n }\n }\n\n _getItemIndex(element) {\n this._items = element && element.parentNode ? SelectorEngine.find(SELECTOR_ITEM, element.parentNode) : [];\n return this._items.indexOf(element);\n }\n\n _getItemByOrder(order, activeElement) {\n const isNext = order === ORDER_NEXT;\n const isPrev = order === ORDER_PREV;\n\n const activeIndex = this._getItemIndex(activeElement);\n\n const lastItemIndex = this._items.length - 1;\n const isGoingToWrap = isPrev && activeIndex === 0 || isNext && activeIndex === lastItemIndex;\n\n if (isGoingToWrap && !this._config.wrap) {\n return activeElement;\n }\n\n const delta = isPrev ? -1 : 1;\n const itemIndex = (activeIndex + delta) % this._items.length;\n return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex];\n }\n\n _triggerSlideEvent(relatedTarget, eventDirectionName) {\n const targetIndex = this._getItemIndex(relatedTarget);\n\n const fromIndex = this._getItemIndex(SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element));\n\n return EventHandler.trigger(this._element, EVENT_SLIDE, {\n relatedTarget,\n direction: eventDirectionName,\n from: fromIndex,\n to: targetIndex\n });\n }\n\n _setActiveIndicatorElement(element) {\n if (this._indicatorsElement) {\n const activeIndicator = SelectorEngine.findOne(SELECTOR_ACTIVE$1, this._indicatorsElement);\n activeIndicator.classList.remove(CLASS_NAME_ACTIVE$2);\n activeIndicator.removeAttribute('aria-current');\n const indicators = SelectorEngine.find(SELECTOR_INDICATOR, this._indicatorsElement);\n\n for (let i = 0; i < indicators.length; i++) {\n if (Number.parseInt(indicators[i].getAttribute('data-bs-slide-to'), 10) === this._getItemIndex(element)) {\n indicators[i].classList.add(CLASS_NAME_ACTIVE$2);\n indicators[i].setAttribute('aria-current', 'true');\n break;\n }\n }\n }\n }\n\n _updateInterval() {\n const element = this._activeElement || SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element);\n\n if (!element) {\n return;\n }\n\n const elementInterval = Number.parseInt(element.getAttribute('data-bs-interval'), 10);\n\n if (elementInterval) {\n this._config.defaultInterval = this._config.defaultInterval || this._config.interval;\n this._config.interval = elementInterval;\n } else {\n this._config.interval = this._config.defaultInterval || this._config.interval;\n }\n }\n\n _slide(directionOrOrder, element) {\n const order = this._directionToOrder(directionOrOrder);\n\n const activeElement = SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element);\n\n const activeElementIndex = this._getItemIndex(activeElement);\n\n const nextElement = element || this._getItemByOrder(order, activeElement);\n\n const nextElementIndex = this._getItemIndex(nextElement);\n\n const isCycling = Boolean(this._interval);\n const isNext = order === ORDER_NEXT;\n const directionalClassName = isNext ? CLASS_NAME_START : CLASS_NAME_END;\n const orderClassName = isNext ? CLASS_NAME_NEXT : CLASS_NAME_PREV;\n\n const eventDirectionName = this._orderToDirection(order);\n\n if (nextElement && nextElement.classList.contains(CLASS_NAME_ACTIVE$2)) {\n this._isSliding = false;\n return;\n }\n\n const slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName);\n\n if (slideEvent.defaultPrevented) {\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 this._activeElement = nextElement;\n\n if (this._element.classList.contains(CLASS_NAME_SLIDE)) {\n nextElement.classList.add(orderClassName);\n reflow(nextElement);\n activeElement.classList.add(directionalClassName);\n nextElement.classList.add(directionalClassName);\n const transitionDuration = getTransitionDurationFromElement(activeElement);\n EventHandler.one(activeElement, 'transitionend', () => {\n nextElement.classList.remove(directionalClassName, orderClassName);\n nextElement.classList.add(CLASS_NAME_ACTIVE$2);\n activeElement.classList.remove(CLASS_NAME_ACTIVE$2, orderClassName, directionalClassName);\n this._isSliding = false;\n setTimeout(() => {\n EventHandler.trigger(this._element, EVENT_SLID, {\n relatedTarget: nextElement,\n direction: eventDirectionName,\n from: activeElementIndex,\n to: nextElementIndex\n });\n }, 0);\n });\n emulateTransitionEnd(activeElement, transitionDuration);\n } else {\n activeElement.classList.remove(CLASS_NAME_ACTIVE$2);\n nextElement.classList.add(CLASS_NAME_ACTIVE$2);\n this._isSliding = false;\n EventHandler.trigger(this._element, EVENT_SLID, {\n relatedTarget: nextElement,\n direction: eventDirectionName,\n from: activeElementIndex,\n to: nextElementIndex\n });\n }\n\n if (isCycling) {\n this.cycle();\n }\n }\n\n _directionToOrder(direction) {\n if (![DIRECTION_RIGHT, DIRECTION_LEFT].includes(direction)) {\n return direction;\n }\n\n if (isRTL()) {\n return direction === DIRECTION_RIGHT ? ORDER_PREV : ORDER_NEXT;\n }\n\n return direction === DIRECTION_RIGHT ? ORDER_NEXT : ORDER_PREV;\n }\n\n _orderToDirection(order) {\n if (![ORDER_NEXT, ORDER_PREV].includes(order)) {\n return order;\n }\n\n if (isRTL()) {\n return order === ORDER_NEXT ? DIRECTION_LEFT : DIRECTION_RIGHT;\n }\n\n return order === ORDER_NEXT ? DIRECTION_RIGHT : DIRECTION_LEFT;\n } // Static\n\n\n static carouselInterface(element, config) {\n let data = Data.get(element, DATA_KEY$9);\n let _config = { ...Default$8,\n ...Manipulator.getDataAttributes(element)\n };\n\n if (typeof config === 'object') {\n _config = { ..._config,\n ...config\n };\n }\n\n const action = typeof config === 'string' ? config : _config.slide;\n\n if (!data) {\n data = new Carousel(element, _config);\n }\n\n if (typeof config === 'number') {\n data.to(config);\n } else if (typeof action === 'string') {\n if (typeof data[action] === 'undefined') {\n throw new TypeError(`No method named \"${action}\"`);\n }\n\n data[action]();\n } else if (_config.interval && _config.ride) {\n data.pause();\n data.cycle();\n }\n }\n\n static jQueryInterface(config) {\n return this.each(function () {\n Carousel.carouselInterface(this, config);\n });\n }\n\n static dataApiClickHandler(event) {\n const target = getElementFromSelector(this);\n\n if (!target || !target.classList.contains(CLASS_NAME_CAROUSEL)) {\n return;\n }\n\n const config = { ...Manipulator.getDataAttributes(target),\n ...Manipulator.getDataAttributes(this)\n };\n const slideIndex = this.getAttribute('data-bs-slide-to');\n\n if (slideIndex) {\n config.interval = false;\n }\n\n Carousel.carouselInterface(target, config);\n\n if (slideIndex) {\n Data.get(target, DATA_KEY$9).to(slideIndex);\n }\n\n event.preventDefault();\n }\n\n}\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n\nEventHandler.on(document, EVENT_CLICK_DATA_API$5, SELECTOR_DATA_SLIDE, Carousel.dataApiClickHandler);\nEventHandler.on(window, EVENT_LOAD_DATA_API$2, () => {\n const carousels = SelectorEngine.find(SELECTOR_DATA_RIDE);\n\n for (let i = 0, len = carousels.length; i < len; i++) {\n Carousel.carouselInterface(carousels[i], Data.get(carousels[i], DATA_KEY$9));\n }\n});\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n * add .Carousel to jQuery only if jQuery is present\n */\n\ndefineJQueryPlugin(NAME$9, Carousel);\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME$8 = 'collapse';\nconst DATA_KEY$8 = 'bs.collapse';\nconst EVENT_KEY$8 = `.${DATA_KEY$8}`;\nconst DATA_API_KEY$5 = '.data-api';\nconst Default$7 = {\n toggle: true,\n parent: ''\n};\nconst DefaultType$7 = {\n toggle: 'boolean',\n parent: '(string|element)'\n};\nconst EVENT_SHOW$5 = `show${EVENT_KEY$8}`;\nconst EVENT_SHOWN$5 = `shown${EVENT_KEY$8}`;\nconst EVENT_HIDE$5 = `hide${EVENT_KEY$8}`;\nconst EVENT_HIDDEN$5 = `hidden${EVENT_KEY$8}`;\nconst EVENT_CLICK_DATA_API$4 = `click${EVENT_KEY$8}${DATA_API_KEY$5}`;\nconst CLASS_NAME_SHOW$7 = 'show';\nconst CLASS_NAME_COLLAPSE = 'collapse';\nconst CLASS_NAME_COLLAPSING = 'collapsing';\nconst CLASS_NAME_COLLAPSED = 'collapsed';\nconst WIDTH = 'width';\nconst HEIGHT = 'height';\nconst SELECTOR_ACTIVES = '.show, .collapsing';\nconst SELECTOR_DATA_TOGGLE$4 = '[data-bs-toggle=\"collapse\"]';\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Collapse extends BaseComponent {\n constructor(element, config) {\n super(element);\n this._isTransitioning = false;\n this._config = this._getConfig(config);\n this._triggerArray = SelectorEngine.find(`${SELECTOR_DATA_TOGGLE$4}[href=\"#${this._element.id}\"],` + `${SELECTOR_DATA_TOGGLE$4}[data-bs-target=\"#${this._element.id}\"]`);\n const toggleList = SelectorEngine.find(SELECTOR_DATA_TOGGLE$4);\n\n for (let i = 0, len = toggleList.length; i < len; i++) {\n const elem = toggleList[i];\n const selector = getSelectorFromElement(elem);\n const filterElement = SelectorEngine.find(selector).filter(foundElem => foundElem === this._element);\n\n if (selector !== null && filterElement.length) {\n this._selector = selector;\n\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 } // Getters\n\n\n static get Default() {\n return Default$7;\n }\n\n static get DATA_KEY() {\n return DATA_KEY$8;\n } // Public\n\n\n toggle() {\n if (this._element.classList.contains(CLASS_NAME_SHOW$7)) {\n this.hide();\n } else {\n this.show();\n }\n }\n\n show() {\n if (this._isTransitioning || this._element.classList.contains(CLASS_NAME_SHOW$7)) {\n return;\n }\n\n let actives;\n let activesData;\n\n if (this._parent) {\n actives = SelectorEngine.find(SELECTOR_ACTIVES, this._parent).filter(elem => {\n if (typeof this._config.parent === 'string') {\n return elem.getAttribute('data-bs-parent') === this._config.parent;\n }\n\n return elem.classList.contains(CLASS_NAME_COLLAPSE);\n });\n\n if (actives.length === 0) {\n actives = null;\n }\n }\n\n const container = SelectorEngine.findOne(this._selector);\n\n if (actives) {\n const tempActiveData = actives.find(elem => container !== elem);\n activesData = tempActiveData ? Data.get(tempActiveData, DATA_KEY$8) : null;\n\n if (activesData && activesData._isTransitioning) {\n return;\n }\n }\n\n const startEvent = EventHandler.trigger(this._element, EVENT_SHOW$5);\n\n if (startEvent.defaultPrevented) {\n return;\n }\n\n if (actives) {\n actives.forEach(elemActive => {\n if (container !== elemActive) {\n Collapse.collapseInterface(elemActive, 'hide');\n }\n\n if (!activesData) {\n Data.set(elemActive, DATA_KEY$8, null);\n }\n });\n }\n\n const dimension = this._getDimension();\n\n this._element.classList.remove(CLASS_NAME_COLLAPSE);\n\n this._element.classList.add(CLASS_NAME_COLLAPSING);\n\n this._element.style[dimension] = 0;\n\n if (this._triggerArray.length) {\n this._triggerArray.forEach(element => {\n element.classList.remove(CLASS_NAME_COLLAPSED);\n element.setAttribute('aria-expanded', true);\n });\n }\n\n this.setTransitioning(true);\n\n const complete = () => {\n this._element.classList.remove(CLASS_NAME_COLLAPSING);\n\n this._element.classList.add(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW$7);\n\n this._element.style[dimension] = '';\n this.setTransitioning(false);\n EventHandler.trigger(this._element, EVENT_SHOWN$5);\n };\n\n const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);\n const scrollSize = `scroll${capitalizedDimension}`;\n const transitionDuration = getTransitionDurationFromElement(this._element);\n EventHandler.one(this._element, 'transitionend', complete);\n emulateTransitionEnd(this._element, transitionDuration);\n this._element.style[dimension] = `${this._element[scrollSize]}px`;\n }\n\n hide() {\n if (this._isTransitioning || !this._element.classList.contains(CLASS_NAME_SHOW$7)) {\n return;\n }\n\n const startEvent = EventHandler.trigger(this._element, EVENT_HIDE$5);\n\n if (startEvent.defaultPrevented) {\n return;\n }\n\n const dimension = this._getDimension();\n\n this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`;\n reflow(this._element);\n\n this._element.classList.add(CLASS_NAME_COLLAPSING);\n\n this._element.classList.remove(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW$7);\n\n const triggerArrayLength = this._triggerArray.length;\n\n if (triggerArrayLength > 0) {\n for (let i = 0; i < triggerArrayLength; i++) {\n const trigger = this._triggerArray[i];\n const elem = getElementFromSelector(trigger);\n\n if (elem && !elem.classList.contains(CLASS_NAME_SHOW$7)) {\n trigger.classList.add(CLASS_NAME_COLLAPSED);\n trigger.setAttribute('aria-expanded', false);\n }\n }\n }\n\n this.setTransitioning(true);\n\n const complete = () => {\n this.setTransitioning(false);\n\n this._element.classList.remove(CLASS_NAME_COLLAPSING);\n\n this._element.classList.add(CLASS_NAME_COLLAPSE);\n\n EventHandler.trigger(this._element, EVENT_HIDDEN$5);\n };\n\n this._element.style[dimension] = '';\n const transitionDuration = getTransitionDurationFromElement(this._element);\n EventHandler.one(this._element, 'transitionend', complete);\n emulateTransitionEnd(this._element, transitionDuration);\n }\n\n setTransitioning(isTransitioning) {\n this._isTransitioning = isTransitioning;\n }\n\n dispose() {\n super.dispose();\n this._config = null;\n this._parent = null;\n this._triggerArray = null;\n this._isTransitioning = null;\n } // Private\n\n\n _getConfig(config) {\n config = { ...Default$7,\n ...config\n };\n config.toggle = Boolean(config.toggle); // Coerce string values\n\n typeCheckConfig(NAME$8, config, DefaultType$7);\n return config;\n }\n\n _getDimension() {\n return this._element.classList.contains(WIDTH) ? WIDTH : HEIGHT;\n }\n\n _getParent() {\n let {\n parent\n } = this._config;\n\n if (isElement(parent)) {\n // it's a jQuery object\n if (typeof parent.jquery !== 'undefined' || typeof parent[0] !== 'undefined') {\n parent = parent[0];\n }\n } else {\n parent = SelectorEngine.findOne(parent);\n }\n\n const selector = `${SELECTOR_DATA_TOGGLE$4}[data-bs-parent=\"${parent}\"]`;\n SelectorEngine.find(selector, parent).forEach(element => {\n const selected = getElementFromSelector(element);\n\n this._addAriaAndCollapsedClass(selected, [element]);\n });\n return parent;\n }\n\n _addAriaAndCollapsedClass(element, triggerArray) {\n if (!element || !triggerArray.length) {\n return;\n }\n\n const isOpen = element.classList.contains(CLASS_NAME_SHOW$7);\n triggerArray.forEach(elem => {\n if (isOpen) {\n elem.classList.remove(CLASS_NAME_COLLAPSED);\n } else {\n elem.classList.add(CLASS_NAME_COLLAPSED);\n }\n\n elem.setAttribute('aria-expanded', isOpen);\n });\n } // Static\n\n\n static collapseInterface(element, config) {\n let data = Data.get(element, DATA_KEY$8);\n const _config = { ...Default$7,\n ...Manipulator.getDataAttributes(element),\n ...(typeof config === 'object' && config ? config : {})\n };\n\n if (!data && _config.toggle && typeof config === 'string' && /show|hide/.test(config)) {\n _config.toggle = false;\n }\n\n if (!data) {\n data = new Collapse(element, _config);\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`);\n }\n\n data[config]();\n }\n }\n\n static jQueryInterface(config) {\n return this.each(function () {\n Collapse.collapseInterface(this, config);\n });\n }\n\n}\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n\nEventHandler.on(document, EVENT_CLICK_DATA_API$4, SELECTOR_DATA_TOGGLE$4, function (event) {\n // preventDefault only for elements (which change the URL) not inside the collapsible element\n if (event.target.tagName === 'A' || event.delegateTarget && event.delegateTarget.tagName === 'A') {\n event.preventDefault();\n }\n\n const triggerData = Manipulator.getDataAttributes(this);\n const selector = getSelectorFromElement(this);\n const selectorElements = SelectorEngine.find(selector);\n selectorElements.forEach(element => {\n const data = Data.get(element, DATA_KEY$8);\n let config;\n\n if (data) {\n // update parent attribute\n if (data._parent === null && typeof triggerData.parent === 'string') {\n data._config.parent = triggerData.parent;\n data._parent = data._getParent();\n }\n\n config = 'toggle';\n } else {\n config = triggerData;\n }\n\n Collapse.collapseInterface(element, config);\n });\n});\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n * add .Collapse to jQuery only if jQuery is present\n */\n\ndefineJQueryPlugin(NAME$8, Collapse);\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): dropdown.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME$7 = 'dropdown';\nconst DATA_KEY$7 = 'bs.dropdown';\nconst EVENT_KEY$7 = `.${DATA_KEY$7}`;\nconst DATA_API_KEY$4 = '.data-api';\nconst ESCAPE_KEY$2 = 'Escape';\nconst SPACE_KEY = 'Space';\nconst TAB_KEY = 'Tab';\nconst ARROW_UP_KEY = 'ArrowUp';\nconst ARROW_DOWN_KEY = 'ArrowDown';\nconst RIGHT_MOUSE_BUTTON = 2; // MouseEvent.button value for the secondary button, usually the right button\n\nconst REGEXP_KEYDOWN = new RegExp(`${ARROW_UP_KEY}|${ARROW_DOWN_KEY}|${ESCAPE_KEY$2}`);\nconst EVENT_HIDE$4 = `hide${EVENT_KEY$7}`;\nconst EVENT_HIDDEN$4 = `hidden${EVENT_KEY$7}`;\nconst EVENT_SHOW$4 = `show${EVENT_KEY$7}`;\nconst EVENT_SHOWN$4 = `shown${EVENT_KEY$7}`;\nconst EVENT_CLICK = `click${EVENT_KEY$7}`;\nconst EVENT_CLICK_DATA_API$3 = `click${EVENT_KEY$7}${DATA_API_KEY$4}`;\nconst EVENT_KEYDOWN_DATA_API = `keydown${EVENT_KEY$7}${DATA_API_KEY$4}`;\nconst EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY$7}${DATA_API_KEY$4}`;\nconst CLASS_NAME_DISABLED = 'disabled';\nconst CLASS_NAME_SHOW$6 = 'show';\nconst CLASS_NAME_DROPUP = 'dropup';\nconst CLASS_NAME_DROPEND = 'dropend';\nconst CLASS_NAME_DROPSTART = 'dropstart';\nconst CLASS_NAME_NAVBAR = 'navbar';\nconst SELECTOR_DATA_TOGGLE$3 = '[data-bs-toggle=\"dropdown\"]';\nconst SELECTOR_MENU = '.dropdown-menu';\nconst SELECTOR_NAVBAR_NAV = '.navbar-nav';\nconst SELECTOR_VISIBLE_ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)';\nconst PLACEMENT_TOP = isRTL() ? 'top-end' : 'top-start';\nconst PLACEMENT_TOPEND = isRTL() ? 'top-start' : 'top-end';\nconst PLACEMENT_BOTTOM = isRTL() ? 'bottom-end' : 'bottom-start';\nconst PLACEMENT_BOTTOMEND = isRTL() ? 'bottom-start' : 'bottom-end';\nconst PLACEMENT_RIGHT = isRTL() ? 'left-start' : 'right-start';\nconst PLACEMENT_LEFT = isRTL() ? 'right-start' : 'left-start';\nconst Default$6 = {\n offset: [0, 2],\n boundary: 'clippingParents',\n reference: 'toggle',\n display: 'dynamic',\n popperConfig: null\n};\nconst DefaultType$6 = {\n offset: '(array|string|function)',\n boundary: '(string|element)',\n reference: '(string|element|object)',\n display: 'string',\n popperConfig: '(null|object|function)'\n};\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Dropdown extends BaseComponent {\n constructor(element, config) {\n super(element);\n this._popper = null;\n this._config = this._getConfig(config);\n this._menu = this._getMenuElement();\n this._inNavbar = this._detectNavbar();\n\n this._addEventListeners();\n } // Getters\n\n\n static get Default() {\n return Default$6;\n }\n\n static get DefaultType() {\n return DefaultType$6;\n }\n\n static get DATA_KEY() {\n return DATA_KEY$7;\n } // Public\n\n\n toggle() {\n if (this._element.disabled || this._element.classList.contains(CLASS_NAME_DISABLED)) {\n return;\n }\n\n const isActive = this._element.classList.contains(CLASS_NAME_SHOW$6);\n\n Dropdown.clearMenus();\n\n if (isActive) {\n return;\n }\n\n this.show();\n }\n\n show() {\n if (this._element.disabled || this._element.classList.contains(CLASS_NAME_DISABLED) || this._menu.classList.contains(CLASS_NAME_SHOW$6)) {\n return;\n }\n\n const parent = Dropdown.getParentFromElement(this._element);\n const relatedTarget = {\n relatedTarget: this._element\n };\n const showEvent = EventHandler.trigger(this._element, EVENT_SHOW$4, relatedTarget);\n\n if (showEvent.defaultPrevented) {\n return;\n } // Totally disable Popper for Dropdowns in Navbar\n\n\n if (this._inNavbar) {\n Manipulator.setDataAttribute(this._menu, 'popper', 'none');\n } else {\n if (typeof Popper === 'undefined') {\n throw new TypeError('Bootstrap\\'s dropdowns require Popper (https://popper.js.org)');\n }\n\n let referenceElement = this._element;\n\n if (this._config.reference === 'parent') {\n referenceElement = parent;\n } else if (isElement(this._config.reference)) {\n referenceElement = this._config.reference; // Check if it's jQuery element\n\n if (typeof this._config.reference.jquery !== 'undefined') {\n referenceElement = this._config.reference[0];\n }\n } else if (typeof this._config.reference === 'object') {\n referenceElement = this._config.reference;\n }\n\n const popperConfig = this._getPopperConfig();\n\n const isDisplayStatic = popperConfig.modifiers.find(modifier => modifier.name === 'applyStyles' && modifier.enabled === false);\n this._popper = Popper.createPopper(referenceElement, this._menu, popperConfig);\n\n if (isDisplayStatic) {\n Manipulator.setDataAttribute(this._menu, 'popper', 'static');\n }\n } // If this is a touch-enabled device we add extra\n // empty mouseover listeners to the body's immediate children;\n // only needed because of broken event delegation on iOS\n // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n\n\n if ('ontouchstart' in document.documentElement && !parent.closest(SELECTOR_NAVBAR_NAV)) {\n [].concat(...document.body.children).forEach(elem => EventHandler.on(elem, 'mouseover', null, noop()));\n }\n\n this._element.focus();\n\n this._element.setAttribute('aria-expanded', true);\n\n this._menu.classList.toggle(CLASS_NAME_SHOW$6);\n\n this._element.classList.toggle(CLASS_NAME_SHOW$6);\n\n EventHandler.trigger(this._element, EVENT_SHOWN$4, relatedTarget);\n }\n\n hide() {\n if (this._element.disabled || this._element.classList.contains(CLASS_NAME_DISABLED) || !this._menu.classList.contains(CLASS_NAME_SHOW$6)) {\n return;\n }\n\n const relatedTarget = {\n relatedTarget: this._element\n };\n const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$4, relatedTarget);\n\n if (hideEvent.defaultPrevented) {\n return;\n }\n\n if (this._popper) {\n this._popper.destroy();\n }\n\n this._menu.classList.toggle(CLASS_NAME_SHOW$6);\n\n this._element.classList.toggle(CLASS_NAME_SHOW$6);\n\n Manipulator.removeDataAttribute(this._menu, 'popper');\n EventHandler.trigger(this._element, EVENT_HIDDEN$4, relatedTarget);\n }\n\n dispose() {\n EventHandler.off(this._element, EVENT_KEY$7);\n this._menu = null;\n\n if (this._popper) {\n this._popper.destroy();\n\n this._popper = null;\n }\n\n super.dispose();\n }\n\n update() {\n this._inNavbar = this._detectNavbar();\n\n if (this._popper) {\n this._popper.update();\n }\n } // Private\n\n\n _addEventListeners() {\n EventHandler.on(this._element, EVENT_CLICK, event => {\n event.preventDefault();\n this.toggle();\n });\n }\n\n _getConfig(config) {\n config = { ...this.constructor.Default,\n ...Manipulator.getDataAttributes(this._element),\n ...config\n };\n typeCheckConfig(NAME$7, config, this.constructor.DefaultType);\n\n if (typeof config.reference === 'object' && !isElement(config.reference) && typeof config.reference.getBoundingClientRect !== 'function') {\n // Popper virtual elements require a getBoundingClientRect method\n throw new TypeError(`${NAME$7.toUpperCase()}: Option \"reference\" provided type \"object\" without a required \"getBoundingClientRect\" method.`);\n }\n\n return config;\n }\n\n _getMenuElement() {\n return SelectorEngine.next(this._element, SELECTOR_MENU)[0];\n }\n\n _getPlacement() {\n const parentDropdown = this._element.parentNode;\n\n if (parentDropdown.classList.contains(CLASS_NAME_DROPEND)) {\n return PLACEMENT_RIGHT;\n }\n\n if (parentDropdown.classList.contains(CLASS_NAME_DROPSTART)) {\n return PLACEMENT_LEFT;\n } // We need to trim the value because custom properties can also include spaces\n\n\n const isEnd = getComputedStyle(this._menu).getPropertyValue('--bs-position').trim() === 'end';\n\n if (parentDropdown.classList.contains(CLASS_NAME_DROPUP)) {\n return isEnd ? PLACEMENT_TOPEND : PLACEMENT_TOP;\n }\n\n return isEnd ? PLACEMENT_BOTTOMEND : PLACEMENT_BOTTOM;\n }\n\n _detectNavbar() {\n return this._element.closest(`.${CLASS_NAME_NAVBAR}`) !== null;\n }\n\n _getOffset() {\n const {\n offset\n } = this._config;\n\n if (typeof offset === 'string') {\n return offset.split(',').map(val => Number.parseInt(val, 10));\n }\n\n if (typeof offset === 'function') {\n return popperData => offset(popperData, this._element);\n }\n\n return offset;\n }\n\n _getPopperConfig() {\n const defaultBsPopperConfig = {\n placement: this._getPlacement(),\n modifiers: [{\n name: 'preventOverflow',\n options: {\n boundary: this._config.boundary\n }\n }, {\n name: 'offset',\n options: {\n offset: this._getOffset()\n }\n }]\n }; // Disable Popper if we have a static display\n\n if (this._config.display === 'static') {\n defaultBsPopperConfig.modifiers = [{\n name: 'applyStyles',\n enabled: false\n }];\n }\n\n return { ...defaultBsPopperConfig,\n ...(typeof this._config.popperConfig === 'function' ? this._config.popperConfig(defaultBsPopperConfig) : this._config.popperConfig)\n };\n } // Static\n\n\n static dropdownInterface(element, config) {\n let data = Data.get(element, DATA_KEY$7);\n\n const _config = typeof config === 'object' ? config : null;\n\n if (!data) {\n data = new Dropdown(element, _config);\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`);\n }\n\n data[config]();\n }\n }\n\n static jQueryInterface(config) {\n return this.each(function () {\n Dropdown.dropdownInterface(this, config);\n });\n }\n\n static clearMenus(event) {\n if (event) {\n if (event.button === RIGHT_MOUSE_BUTTON || event.type === 'keyup' && event.key !== TAB_KEY) {\n return;\n }\n\n if (/input|select|textarea|form/i.test(event.target.tagName)) {\n return;\n }\n }\n\n const toggles = SelectorEngine.find(SELECTOR_DATA_TOGGLE$3);\n\n for (let i = 0, len = toggles.length; i < len; i++) {\n const context = Data.get(toggles[i], DATA_KEY$7);\n const relatedTarget = {\n relatedTarget: toggles[i]\n };\n\n if (event && event.type === 'click') {\n relatedTarget.clickEvent = event;\n }\n\n if (!context) {\n continue;\n }\n\n const dropdownMenu = context._menu;\n\n if (!toggles[i].classList.contains(CLASS_NAME_SHOW$6)) {\n continue;\n }\n\n if (event) {\n // Don't close the menu if the clicked element or one of its parents is the dropdown button\n if ([context._element].some(element => event.composedPath().includes(element))) {\n continue;\n } // Tab navigation through the dropdown menu shouldn't close the menu\n\n\n if (event.type === 'keyup' && event.key === TAB_KEY && dropdownMenu.contains(event.target)) {\n continue;\n }\n }\n\n const hideEvent = EventHandler.trigger(toggles[i], EVENT_HIDE$4, relatedTarget);\n\n if (hideEvent.defaultPrevented) {\n continue;\n } // If this is a touch-enabled device we remove the extra\n // empty mouseover listeners we added for iOS support\n\n\n if ('ontouchstart' in document.documentElement) {\n [].concat(...document.body.children).forEach(elem => EventHandler.off(elem, 'mouseover', null, noop()));\n }\n\n toggles[i].setAttribute('aria-expanded', 'false');\n\n if (context._popper) {\n context._popper.destroy();\n }\n\n dropdownMenu.classList.remove(CLASS_NAME_SHOW$6);\n toggles[i].classList.remove(CLASS_NAME_SHOW$6);\n Manipulator.removeDataAttribute(dropdownMenu, 'popper');\n EventHandler.trigger(toggles[i], EVENT_HIDDEN$4, relatedTarget);\n }\n }\n\n static getParentFromElement(element) {\n return getElementFromSelector(element) || element.parentNode;\n }\n\n static dataApiKeydownHandler(event) {\n // If not input/textarea:\n // - And not a key in REGEXP_KEYDOWN => not a dropdown command\n // If input/textarea:\n // - If space key => not a dropdown command\n // - If key is other than escape\n // - If key is not up or down => not a dropdown command\n // - If trigger inside the menu => not a dropdown command\n if (/input|textarea/i.test(event.target.tagName) ? event.key === SPACE_KEY || event.key !== ESCAPE_KEY$2 && (event.key !== ARROW_DOWN_KEY && event.key !== ARROW_UP_KEY || event.target.closest(SELECTOR_MENU)) : !REGEXP_KEYDOWN.test(event.key)) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n if (this.disabled || this.classList.contains(CLASS_NAME_DISABLED)) {\n return;\n }\n\n const parent = Dropdown.getParentFromElement(this);\n const isActive = this.classList.contains(CLASS_NAME_SHOW$6);\n\n if (event.key === ESCAPE_KEY$2) {\n const button = this.matches(SELECTOR_DATA_TOGGLE$3) ? this : SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE$3)[0];\n button.focus();\n Dropdown.clearMenus();\n return;\n }\n\n if (!isActive && (event.key === ARROW_UP_KEY || event.key === ARROW_DOWN_KEY)) {\n const button = this.matches(SELECTOR_DATA_TOGGLE$3) ? this : SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE$3)[0];\n button.click();\n return;\n }\n\n if (!isActive || event.key === SPACE_KEY) {\n Dropdown.clearMenus();\n return;\n }\n\n const items = SelectorEngine.find(SELECTOR_VISIBLE_ITEMS, parent).filter(isVisible);\n\n if (!items.length) {\n return;\n }\n\n let index = items.indexOf(event.target); // Up\n\n if (event.key === ARROW_UP_KEY && index > 0) {\n index--;\n } // Down\n\n\n if (event.key === ARROW_DOWN_KEY && index < items.length - 1) {\n index++;\n } // index is -1 if the first keydown is an ArrowUp\n\n\n index = index === -1 ? 0 : index;\n items[index].focus();\n }\n\n}\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n\nEventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_DATA_TOGGLE$3, Dropdown.dataApiKeydownHandler);\nEventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_MENU, Dropdown.dataApiKeydownHandler);\nEventHandler.on(document, EVENT_CLICK_DATA_API$3, Dropdown.clearMenus);\nEventHandler.on(document, EVENT_KEYUP_DATA_API, Dropdown.clearMenus);\nEventHandler.on(document, EVENT_CLICK_DATA_API$3, SELECTOR_DATA_TOGGLE$3, function (event) {\n event.preventDefault();\n Dropdown.dropdownInterface(this);\n});\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n * add .Dropdown to jQuery only if jQuery is present\n */\n\ndefineJQueryPlugin(NAME$7, Dropdown);\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME$6 = 'modal';\nconst DATA_KEY$6 = 'bs.modal';\nconst EVENT_KEY$6 = `.${DATA_KEY$6}`;\nconst DATA_API_KEY$3 = '.data-api';\nconst ESCAPE_KEY$1 = 'Escape';\nconst Default$5 = {\n backdrop: true,\n keyboard: true,\n focus: true\n};\nconst DefaultType$5 = {\n backdrop: '(boolean|string)',\n keyboard: 'boolean',\n focus: 'boolean'\n};\nconst EVENT_HIDE$3 = `hide${EVENT_KEY$6}`;\nconst EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY$6}`;\nconst EVENT_HIDDEN$3 = `hidden${EVENT_KEY$6}`;\nconst EVENT_SHOW$3 = `show${EVENT_KEY$6}`;\nconst EVENT_SHOWN$3 = `shown${EVENT_KEY$6}`;\nconst EVENT_FOCUSIN$1 = `focusin${EVENT_KEY$6}`;\nconst EVENT_RESIZE = `resize${EVENT_KEY$6}`;\nconst EVENT_CLICK_DISMISS$2 = `click.dismiss${EVENT_KEY$6}`;\nconst EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY$6}`;\nconst EVENT_MOUSEUP_DISMISS = `mouseup.dismiss${EVENT_KEY$6}`;\nconst EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY$6}`;\nconst EVENT_CLICK_DATA_API$2 = `click${EVENT_KEY$6}${DATA_API_KEY$3}`;\nconst CLASS_NAME_SCROLLBAR_MEASURER = 'modal-scrollbar-measure';\nconst CLASS_NAME_BACKDROP = 'modal-backdrop';\nconst CLASS_NAME_OPEN = 'modal-open';\nconst CLASS_NAME_FADE$4 = 'fade';\nconst CLASS_NAME_SHOW$5 = 'show';\nconst CLASS_NAME_STATIC = 'modal-static';\nconst SELECTOR_DIALOG = '.modal-dialog';\nconst SELECTOR_MODAL_BODY = '.modal-body';\nconst SELECTOR_DATA_TOGGLE$2 = '[data-bs-toggle=\"modal\"]';\nconst SELECTOR_DATA_DISMISS$2 = '[data-bs-dismiss=\"modal\"]';\nconst SELECTOR_FIXED_CONTENT$1 = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';\nconst SELECTOR_STICKY_CONTENT$1 = '.sticky-top';\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Modal extends BaseComponent {\n constructor(element, config) {\n super(element);\n this._config = this._getConfig(config);\n this._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, this._element);\n this._backdrop = null;\n this._isShown = false;\n this._isBodyOverflowing = false;\n this._ignoreBackdropClick = false;\n this._isTransitioning = false;\n this._scrollbarWidth = 0;\n } // Getters\n\n\n static get Default() {\n return Default$5;\n }\n\n static get DATA_KEY() {\n return DATA_KEY$6;\n } // Public\n\n\n toggle(relatedTarget) {\n return this._isShown ? this.hide() : this.show(relatedTarget);\n }\n\n show(relatedTarget) {\n if (this._isShown || this._isTransitioning) {\n return;\n }\n\n if (this._isAnimated()) {\n this._isTransitioning = true;\n }\n\n const showEvent = EventHandler.trigger(this._element, EVENT_SHOW$3, {\n relatedTarget\n });\n\n if (this._isShown || showEvent.defaultPrevented) {\n return;\n }\n\n this._isShown = true;\n\n this._checkScrollbar();\n\n this._setScrollbar();\n\n this._adjustDialog();\n\n this._setEscapeEvent();\n\n this._setResizeEvent();\n\n EventHandler.on(this._element, EVENT_CLICK_DISMISS$2, SELECTOR_DATA_DISMISS$2, event => this.hide(event));\n EventHandler.on(this._dialog, EVENT_MOUSEDOWN_DISMISS, () => {\n EventHandler.one(this._element, EVENT_MOUSEUP_DISMISS, event => {\n if (event.target === this._element) {\n this._ignoreBackdropClick = true;\n }\n });\n });\n\n this._showBackdrop(() => this._showElement(relatedTarget));\n }\n\n hide(event) {\n if (event) {\n event.preventDefault();\n }\n\n if (!this._isShown || this._isTransitioning) {\n return;\n }\n\n const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$3);\n\n if (hideEvent.defaultPrevented) {\n return;\n }\n\n this._isShown = false;\n\n const isAnimated = this._isAnimated();\n\n if (isAnimated) {\n this._isTransitioning = true;\n }\n\n this._setEscapeEvent();\n\n this._setResizeEvent();\n\n EventHandler.off(document, EVENT_FOCUSIN$1);\n\n this._element.classList.remove(CLASS_NAME_SHOW$5);\n\n EventHandler.off(this._element, EVENT_CLICK_DISMISS$2);\n EventHandler.off(this._dialog, EVENT_MOUSEDOWN_DISMISS);\n\n if (isAnimated) {\n const transitionDuration = getTransitionDurationFromElement(this._element);\n EventHandler.one(this._element, 'transitionend', event => this._hideModal(event));\n emulateTransitionEnd(this._element, transitionDuration);\n } else {\n this._hideModal();\n }\n }\n\n dispose() {\n [window, this._element, this._dialog].forEach(htmlElement => EventHandler.off(htmlElement, EVENT_KEY$6));\n super.dispose();\n /**\n * `document` has 2 events `EVENT_FOCUSIN` and `EVENT_CLICK_DATA_API`\n * Do not move `document` in `htmlElements` array\n * It will remove `EVENT_CLICK_DATA_API` event that should remain\n */\n\n EventHandler.off(document, EVENT_FOCUSIN$1);\n this._config = null;\n this._dialog = null;\n this._backdrop = null;\n this._isShown = null;\n this._isBodyOverflowing = null;\n this._ignoreBackdropClick = null;\n this._isTransitioning = null;\n this._scrollbarWidth = null;\n }\n\n handleUpdate() {\n this._adjustDialog();\n } // Private\n\n\n _getConfig(config) {\n config = { ...Default$5,\n ...config\n };\n typeCheckConfig(NAME$6, config, DefaultType$5);\n return config;\n }\n\n _showElement(relatedTarget) {\n const isAnimated = this._isAnimated();\n\n const modalBody = SelectorEngine.findOne(SELECTOR_MODAL_BODY, this._dialog);\n\n if (!this._element.parentNode || 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\n this._element.removeAttribute('aria-hidden');\n\n this._element.setAttribute('aria-modal', true);\n\n this._element.setAttribute('role', 'dialog');\n\n this._element.scrollTop = 0;\n\n if (modalBody) {\n modalBody.scrollTop = 0;\n }\n\n if (isAnimated) {\n reflow(this._element);\n }\n\n this._element.classList.add(CLASS_NAME_SHOW$5);\n\n if (this._config.focus) {\n this._enforceFocus();\n }\n\n const transitionComplete = () => {\n if (this._config.focus) {\n this._element.focus();\n }\n\n this._isTransitioning = false;\n EventHandler.trigger(this._element, EVENT_SHOWN$3, {\n relatedTarget\n });\n };\n\n if (isAnimated) {\n const transitionDuration = getTransitionDurationFromElement(this._dialog);\n EventHandler.one(this._dialog, 'transitionend', transitionComplete);\n emulateTransitionEnd(this._dialog, transitionDuration);\n } else {\n transitionComplete();\n }\n }\n\n _enforceFocus() {\n EventHandler.off(document, EVENT_FOCUSIN$1); // guard against infinite focus loop\n\n EventHandler.on(document, EVENT_FOCUSIN$1, event => {\n if (document !== event.target && this._element !== event.target && !this._element.contains(event.target)) {\n this._element.focus();\n }\n });\n }\n\n _setEscapeEvent() {\n if (this._isShown) {\n EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, event => {\n if (this._config.keyboard && event.key === ESCAPE_KEY$1) {\n event.preventDefault();\n this.hide();\n } else if (!this._config.keyboard && event.key === ESCAPE_KEY$1) {\n this._triggerBackdropTransition();\n }\n });\n } else {\n EventHandler.off(this._element, EVENT_KEYDOWN_DISMISS);\n }\n }\n\n _setResizeEvent() {\n if (this._isShown) {\n EventHandler.on(window, EVENT_RESIZE, () => this._adjustDialog());\n } else {\n EventHandler.off(window, EVENT_RESIZE);\n }\n }\n\n _hideModal() {\n this._element.style.display = 'none';\n\n this._element.setAttribute('aria-hidden', true);\n\n this._element.removeAttribute('aria-modal');\n\n this._element.removeAttribute('role');\n\n this._isTransitioning = false;\n\n this._showBackdrop(() => {\n document.body.classList.remove(CLASS_NAME_OPEN);\n\n this._resetAdjustments();\n\n this._resetScrollbar();\n\n EventHandler.trigger(this._element, EVENT_HIDDEN$3);\n });\n }\n\n _removeBackdrop() {\n this._backdrop.parentNode.removeChild(this._backdrop);\n\n this._backdrop = null;\n }\n\n _showBackdrop(callback) {\n const isAnimated = this._isAnimated();\n\n if (this._isShown && this._config.backdrop) {\n this._backdrop = document.createElement('div');\n this._backdrop.className = CLASS_NAME_BACKDROP;\n\n if (isAnimated) {\n this._backdrop.classList.add(CLASS_NAME_FADE$4);\n }\n\n document.body.appendChild(this._backdrop);\n EventHandler.on(this._element, EVENT_CLICK_DISMISS$2, event => {\n if (this._ignoreBackdropClick) {\n this._ignoreBackdropClick = false;\n return;\n }\n\n if (event.target !== event.currentTarget) {\n return;\n }\n\n if (this._config.backdrop === 'static') {\n this._triggerBackdropTransition();\n } else {\n this.hide();\n }\n });\n\n if (isAnimated) {\n reflow(this._backdrop);\n }\n\n this._backdrop.classList.add(CLASS_NAME_SHOW$5);\n\n if (!isAnimated) {\n callback();\n return;\n }\n\n const backdropTransitionDuration = getTransitionDurationFromElement(this._backdrop);\n EventHandler.one(this._backdrop, 'transitionend', callback);\n emulateTransitionEnd(this._backdrop, backdropTransitionDuration);\n } else if (!this._isShown && this._backdrop) {\n this._backdrop.classList.remove(CLASS_NAME_SHOW$5);\n\n const callbackRemove = () => {\n this._removeBackdrop();\n\n callback();\n };\n\n if (isAnimated) {\n const backdropTransitionDuration = getTransitionDurationFromElement(this._backdrop);\n EventHandler.one(this._backdrop, 'transitionend', callbackRemove);\n emulateTransitionEnd(this._backdrop, backdropTransitionDuration);\n } else {\n callbackRemove();\n }\n } else {\n callback();\n }\n }\n\n _isAnimated() {\n return this._element.classList.contains(CLASS_NAME_FADE$4);\n }\n\n _triggerBackdropTransition() {\n const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);\n\n if (hideEvent.defaultPrevented) {\n return;\n }\n\n const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;\n\n if (!isModalOverflowing) {\n this._element.style.overflowY = 'hidden';\n }\n\n this._element.classList.add(CLASS_NAME_STATIC);\n\n const modalTransitionDuration = getTransitionDurationFromElement(this._dialog);\n EventHandler.off(this._element, 'transitionend');\n EventHandler.one(this._element, 'transitionend', () => {\n this._element.classList.remove(CLASS_NAME_STATIC);\n\n if (!isModalOverflowing) {\n EventHandler.one(this._element, 'transitionend', () => {\n this._element.style.overflowY = '';\n });\n emulateTransitionEnd(this._element, modalTransitionDuration);\n }\n });\n emulateTransitionEnd(this._element, modalTransitionDuration);\n\n this._element.focus();\n } // ----------------------------------------------------------------------\n // the following methods are used to handle overflowing modals\n // ----------------------------------------------------------------------\n\n\n _adjustDialog() {\n const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;\n\n if (!this._isBodyOverflowing && isModalOverflowing && !isRTL() || this._isBodyOverflowing && !isModalOverflowing && isRTL()) {\n this._element.style.paddingLeft = `${this._scrollbarWidth}px`;\n }\n\n if (this._isBodyOverflowing && !isModalOverflowing && !isRTL() || !this._isBodyOverflowing && isModalOverflowing && isRTL()) {\n this._element.style.paddingRight = `${this._scrollbarWidth}px`;\n }\n }\n\n _resetAdjustments() {\n this._element.style.paddingLeft = '';\n this._element.style.paddingRight = '';\n }\n\n _checkScrollbar() {\n const rect = document.body.getBoundingClientRect();\n this._isBodyOverflowing = Math.round(rect.left + rect.right) < window.innerWidth;\n this._scrollbarWidth = this._getScrollbarWidth();\n }\n\n _setScrollbar() {\n if (this._isBodyOverflowing) {\n this._setElementAttributes(SELECTOR_FIXED_CONTENT$1, 'paddingRight', calculatedValue => calculatedValue + this._scrollbarWidth);\n\n this._setElementAttributes(SELECTOR_STICKY_CONTENT$1, 'marginRight', calculatedValue => calculatedValue - this._scrollbarWidth);\n\n this._setElementAttributes('body', 'paddingRight', calculatedValue => calculatedValue + this._scrollbarWidth);\n }\n\n document.body.classList.add(CLASS_NAME_OPEN);\n }\n\n _setElementAttributes(selector, styleProp, callback) {\n SelectorEngine.find(selector).forEach(element => {\n if (element !== document.body && window.innerWidth > element.clientWidth + this._scrollbarWidth) {\n return;\n }\n\n const actualValue = element.style[styleProp];\n const calculatedValue = window.getComputedStyle(element)[styleProp];\n Manipulator.setDataAttribute(element, styleProp, actualValue);\n element.style[styleProp] = callback(Number.parseFloat(calculatedValue)) + 'px';\n });\n }\n\n _resetScrollbar() {\n this._resetElementAttributes(SELECTOR_FIXED_CONTENT$1, 'paddingRight');\n\n this._resetElementAttributes(SELECTOR_STICKY_CONTENT$1, 'marginRight');\n\n this._resetElementAttributes('body', 'paddingRight');\n }\n\n _resetElementAttributes(selector, styleProp) {\n SelectorEngine.find(selector).forEach(element => {\n const value = Manipulator.getDataAttribute(element, styleProp);\n\n if (typeof value === 'undefined' && element === document.body) {\n element.style[styleProp] = '';\n } else {\n Manipulator.removeDataAttribute(element, styleProp);\n element.style[styleProp] = value;\n }\n });\n }\n\n _getScrollbarWidth() {\n // thx d.walsh\n const scrollDiv = document.createElement('div');\n scrollDiv.className = CLASS_NAME_SCROLLBAR_MEASURER;\n document.body.appendChild(scrollDiv);\n const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n return scrollbarWidth;\n } // Static\n\n\n static jQueryInterface(config, relatedTarget) {\n return this.each(function () {\n let data = Data.get(this, DATA_KEY$6);\n const _config = { ...Default$5,\n ...Manipulator.getDataAttributes(this),\n ...(typeof config === 'object' && config ? config : {})\n };\n\n if (!data) {\n data = new Modal(this, _config);\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`);\n }\n\n data[config](relatedTarget);\n }\n });\n }\n\n}\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n\nEventHandler.on(document, EVENT_CLICK_DATA_API$2, SELECTOR_DATA_TOGGLE$2, function (event) {\n const target = getElementFromSelector(this);\n\n if (this.tagName === 'A' || this.tagName === 'AREA') {\n event.preventDefault();\n }\n\n EventHandler.one(target, EVENT_SHOW$3, showEvent => {\n if (showEvent.defaultPrevented) {\n // only register focus restorer if modal will actually get shown\n return;\n }\n\n EventHandler.one(target, EVENT_HIDDEN$3, () => {\n if (isVisible(this)) {\n this.focus();\n }\n });\n });\n let data = Data.get(target, DATA_KEY$6);\n\n if (!data) {\n const config = { ...Manipulator.getDataAttributes(target),\n ...Manipulator.getDataAttributes(this)\n };\n data = new Modal(target, config);\n }\n\n data.toggle(this);\n});\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n * add .Modal to jQuery only if jQuery is present\n */\n\ndefineJQueryPlugin(NAME$6, Modal);\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): util/scrollBar.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\nconst SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed';\nconst SELECTOR_STICKY_CONTENT = '.sticky-top';\n\nconst getWidth = () => {\n // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes\n const documentWidth = document.documentElement.clientWidth;\n return Math.abs(window.innerWidth - documentWidth);\n};\n\nconst hide = (width = getWidth()) => {\n document.body.style.overflow = 'hidden';\n\n _setElementAttributes(SELECTOR_FIXED_CONTENT, 'paddingRight', calculatedValue => calculatedValue + width);\n\n _setElementAttributes(SELECTOR_STICKY_CONTENT, 'marginRight', calculatedValue => calculatedValue - width);\n\n _setElementAttributes('body', 'paddingRight', calculatedValue => calculatedValue + width);\n};\n\nconst _setElementAttributes = (selector, styleProp, callback) => {\n const scrollbarWidth = getWidth();\n SelectorEngine.find(selector).forEach(element => {\n if (element !== document.body && window.innerWidth > element.clientWidth + scrollbarWidth) {\n return;\n }\n\n const actualValue = element.style[styleProp];\n const calculatedValue = window.getComputedStyle(element)[styleProp];\n Manipulator.setDataAttribute(element, styleProp, actualValue);\n element.style[styleProp] = callback(Number.parseFloat(calculatedValue)) + 'px';\n });\n};\n\nconst reset = () => {\n document.body.style.overflow = 'auto';\n\n _resetElementAttributes(SELECTOR_FIXED_CONTENT, 'paddingRight');\n\n _resetElementAttributes(SELECTOR_STICKY_CONTENT, 'marginRight');\n\n _resetElementAttributes('body', 'paddingRight');\n};\n\nconst _resetElementAttributes = (selector, styleProp) => {\n SelectorEngine.find(selector).forEach(element => {\n const value = Manipulator.getDataAttribute(element, styleProp);\n\n if (typeof value === 'undefined' && element === document.body) {\n element.style.removeProperty(styleProp);\n } else {\n Manipulator.removeDataAttribute(element, styleProp);\n element.style[styleProp] = value;\n }\n });\n};\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): offcanvas.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME$5 = 'offcanvas';\nconst DATA_KEY$5 = 'bs.offcanvas';\nconst EVENT_KEY$5 = `.${DATA_KEY$5}`;\nconst DATA_API_KEY$2 = '.data-api';\nconst EVENT_LOAD_DATA_API$1 = `load${EVENT_KEY$5}${DATA_API_KEY$2}`;\nconst ESCAPE_KEY = 'Escape';\nconst Default$4 = {\n backdrop: true,\n keyboard: true,\n scroll: false\n};\nconst DefaultType$4 = {\n backdrop: 'boolean',\n keyboard: 'boolean',\n scroll: 'boolean'\n};\nconst CLASS_NAME_BACKDROP_BODY = 'offcanvas-backdrop';\nconst CLASS_NAME_SHOW$4 = 'show';\nconst CLASS_NAME_TOGGLING = 'offcanvas-toggling';\nconst OPEN_SELECTOR = '.offcanvas.show';\nconst ACTIVE_SELECTOR = `${OPEN_SELECTOR}, .${CLASS_NAME_TOGGLING}`;\nconst EVENT_SHOW$2 = `show${EVENT_KEY$5}`;\nconst EVENT_SHOWN$2 = `shown${EVENT_KEY$5}`;\nconst EVENT_HIDE$2 = `hide${EVENT_KEY$5}`;\nconst EVENT_HIDDEN$2 = `hidden${EVENT_KEY$5}`;\nconst EVENT_FOCUSIN = `focusin${EVENT_KEY$5}`;\nconst EVENT_CLICK_DATA_API$1 = `click${EVENT_KEY$5}${DATA_API_KEY$2}`;\nconst EVENT_CLICK_DISMISS$1 = `click.dismiss${EVENT_KEY$5}`;\nconst SELECTOR_DATA_DISMISS$1 = '[data-bs-dismiss=\"offcanvas\"]';\nconst SELECTOR_DATA_TOGGLE$1 = '[data-bs-toggle=\"offcanvas\"]';\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Offcanvas extends BaseComponent {\n constructor(element, config) {\n super(element);\n this._config = this._getConfig(config);\n this._isShown = false;\n\n this._addEventListeners();\n } // Getters\n\n\n static get Default() {\n return Default$4;\n }\n\n static get DATA_KEY() {\n return DATA_KEY$5;\n } // Public\n\n\n toggle(relatedTarget) {\n return this._isShown ? this.hide() : this.show(relatedTarget);\n }\n\n show(relatedTarget) {\n if (this._isShown) {\n return;\n }\n\n const showEvent = EventHandler.trigger(this._element, EVENT_SHOW$2, {\n relatedTarget\n });\n\n if (showEvent.defaultPrevented) {\n return;\n }\n\n this._isShown = true;\n this._element.style.visibility = 'visible';\n\n if (this._config.backdrop) {\n document.body.classList.add(CLASS_NAME_BACKDROP_BODY);\n }\n\n if (!this._config.scroll) {\n hide();\n }\n\n this._element.classList.add(CLASS_NAME_TOGGLING);\n\n this._element.removeAttribute('aria-hidden');\n\n this._element.setAttribute('aria-modal', true);\n\n this._element.setAttribute('role', 'dialog');\n\n this._element.classList.add(CLASS_NAME_SHOW$4);\n\n const completeCallBack = () => {\n this._element.classList.remove(CLASS_NAME_TOGGLING);\n\n EventHandler.trigger(this._element, EVENT_SHOWN$2, {\n relatedTarget\n });\n\n this._enforceFocusOnElement(this._element);\n };\n\n setTimeout(completeCallBack, getTransitionDurationFromElement(this._element));\n }\n\n hide() {\n if (!this._isShown) {\n return;\n }\n\n const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$2);\n\n if (hideEvent.defaultPrevented) {\n return;\n }\n\n this._element.classList.add(CLASS_NAME_TOGGLING);\n\n EventHandler.off(document, EVENT_FOCUSIN);\n\n this._element.blur();\n\n this._isShown = false;\n\n this._element.classList.remove(CLASS_NAME_SHOW$4);\n\n const completeCallback = () => {\n this._element.setAttribute('aria-hidden', true);\n\n this._element.removeAttribute('aria-modal');\n\n this._element.removeAttribute('role');\n\n this._element.style.visibility = 'hidden';\n\n if (this._config.backdrop) {\n document.body.classList.remove(CLASS_NAME_BACKDROP_BODY);\n }\n\n if (!this._config.scroll) {\n reset();\n }\n\n EventHandler.trigger(this._element, EVENT_HIDDEN$2);\n\n this._element.classList.remove(CLASS_NAME_TOGGLING);\n };\n\n setTimeout(completeCallback, getTransitionDurationFromElement(this._element));\n } // Private\n\n\n _getConfig(config) {\n config = { ...Default$4,\n ...Manipulator.getDataAttributes(this._element),\n ...(typeof config === 'object' ? config : {})\n };\n typeCheckConfig(NAME$5, config, DefaultType$4);\n return config;\n }\n\n _enforceFocusOnElement(element) {\n EventHandler.off(document, EVENT_FOCUSIN); // guard against infinite focus loop\n\n EventHandler.on(document, EVENT_FOCUSIN, event => {\n if (document !== event.target && element !== event.target && !element.contains(event.target)) {\n element.focus();\n }\n });\n element.focus();\n }\n\n _addEventListeners() {\n EventHandler.on(this._element, EVENT_CLICK_DISMISS$1, SELECTOR_DATA_DISMISS$1, () => this.hide());\n EventHandler.on(document, 'keydown', event => {\n if (this._config.keyboard && event.key === ESCAPE_KEY) {\n this.hide();\n }\n });\n EventHandler.on(document, EVENT_CLICK_DATA_API$1, event => {\n const target = SelectorEngine.findOne(getSelectorFromElement(event.target));\n\n if (!this._element.contains(event.target) && target !== this._element) {\n this.hide();\n }\n });\n } // Static\n\n\n static jQueryInterface(config) {\n return this.each(function () {\n const data = Data.get(this, DATA_KEY$5) || new Offcanvas(this, typeof config === 'object' ? config : {});\n\n if (typeof config !== 'string') {\n return;\n }\n\n if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {\n throw new TypeError(`No method named \"${config}\"`);\n }\n\n data[config](this);\n });\n }\n\n}\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n\nEventHandler.on(document, EVENT_CLICK_DATA_API$1, SELECTOR_DATA_TOGGLE$1, function (event) {\n const target = getElementFromSelector(this);\n\n if (['A', 'AREA'].includes(this.tagName)) {\n event.preventDefault();\n }\n\n if (isDisabled(this)) {\n return;\n }\n\n EventHandler.one(target, EVENT_HIDDEN$2, () => {\n // focus on trigger when it is closed\n if (isVisible(this)) {\n this.focus();\n }\n }); // avoid conflict when clicking a toggler of an offcanvas, while another is open\n\n const allReadyOpen = SelectorEngine.findOne(ACTIVE_SELECTOR);\n\n if (allReadyOpen && allReadyOpen !== target) {\n return;\n }\n\n const data = Data.get(target, DATA_KEY$5) || new Offcanvas(target);\n data.toggle(this);\n});\nEventHandler.on(window, EVENT_LOAD_DATA_API$1, () => {\n SelectorEngine.find(OPEN_SELECTOR).forEach(el => (Data.get(el, DATA_KEY$5) || new Offcanvas(el)).show());\n});\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\ndefineJQueryPlugin(NAME$5, Offcanvas);\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): util/sanitizer.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\nconst uriAttrs = new Set(['background', 'cite', 'href', 'itemtype', 'longdesc', 'poster', 'src', 'xlink:href']);\nconst ARIA_ATTRIBUTE_PATTERN = /^aria-[\\w-]*$/i;\n/**\n * A pattern that recognizes a commonly useful subset of URLs that are safe.\n *\n * Shoutout to Angular 7 https://github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts\n */\n\nconst SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file):|[^#&/:?]*(?:[#/?]|$))/i;\n/**\n * A pattern that matches safe data URLs. Only matches image, video and audio types.\n *\n * Shoutout to Angular 7 https://github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts\n */\n\nconst DATA_URL_PATTERN = /^data:(?:image\\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\\/(?:mpeg|mp4|ogg|webm)|audio\\/(?:mp3|oga|ogg|opus));base64,[\\d+/a-z]+=*$/i;\n\nconst allowedAttribute = (attr, allowedAttributeList) => {\n const attrName = attr.nodeName.toLowerCase();\n\n if (allowedAttributeList.includes(attrName)) {\n if (uriAttrs.has(attrName)) {\n return Boolean(SAFE_URL_PATTERN.test(attr.nodeValue) || DATA_URL_PATTERN.test(attr.nodeValue));\n }\n\n return true;\n }\n\n const regExp = allowedAttributeList.filter(attrRegex => attrRegex instanceof RegExp); // Check if a regular expression validates the attribute.\n\n for (let i = 0, len = regExp.length; i < len; i++) {\n if (regExp[i].test(attrName)) {\n return true;\n }\n }\n\n return false;\n};\n\nconst DefaultAllowlist = {\n // Global attributes allowed on any supplied element below.\n '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN],\n a: ['target', 'href', 'title', 'rel'],\n area: [],\n b: [],\n br: [],\n col: [],\n code: [],\n div: [],\n em: [],\n hr: [],\n h1: [],\n h2: [],\n h3: [],\n h4: [],\n h5: [],\n h6: [],\n i: [],\n img: ['src', 'srcset', 'alt', 'title', 'width', 'height'],\n li: [],\n ol: [],\n p: [],\n pre: [],\n s: [],\n small: [],\n span: [],\n sub: [],\n sup: [],\n strong: [],\n u: [],\n ul: []\n};\nfunction sanitizeHtml(unsafeHtml, allowList, sanitizeFn) {\n if (!unsafeHtml.length) {\n return unsafeHtml;\n }\n\n if (sanitizeFn && typeof sanitizeFn === 'function') {\n return sanitizeFn(unsafeHtml);\n }\n\n const domParser = new window.DOMParser();\n const createdDocument = domParser.parseFromString(unsafeHtml, 'text/html');\n const allowlistKeys = Object.keys(allowList);\n const elements = [].concat(...createdDocument.body.querySelectorAll('*'));\n\n for (let i = 0, len = elements.length; i < len; i++) {\n const el = elements[i];\n const elName = el.nodeName.toLowerCase();\n\n if (!allowlistKeys.includes(elName)) {\n el.parentNode.removeChild(el);\n continue;\n }\n\n const attributeList = [].concat(...el.attributes);\n const allowedAttributes = [].concat(allowList['*'] || [], allowList[elName] || []);\n attributeList.forEach(attr => {\n if (!allowedAttribute(attr, allowedAttributes)) {\n el.removeAttribute(attr.nodeName);\n }\n });\n }\n\n return createdDocument.body.innerHTML;\n}\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): tooltip.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME$4 = 'tooltip';\nconst DATA_KEY$4 = 'bs.tooltip';\nconst EVENT_KEY$4 = `.${DATA_KEY$4}`;\nconst CLASS_PREFIX$1 = 'bs-tooltip';\nconst BSCLS_PREFIX_REGEX$1 = new RegExp(`(^|\\\\s)${CLASS_PREFIX$1}\\\\S+`, 'g');\nconst DISALLOWED_ATTRIBUTES = new Set(['sanitize', 'allowList', 'sanitizeFn']);\nconst DefaultType$3 = {\n animation: 'boolean',\n template: 'string',\n title: '(string|element|function)',\n trigger: 'string',\n delay: '(number|object)',\n html: 'boolean',\n selector: '(string|boolean)',\n placement: '(string|function)',\n offset: '(array|string|function)',\n container: '(string|element|boolean)',\n fallbackPlacements: 'array',\n boundary: '(string|element)',\n customClass: '(string|function)',\n sanitize: 'boolean',\n sanitizeFn: '(null|function)',\n allowList: 'object',\n popperConfig: '(null|object|function)'\n};\nconst AttachmentMap = {\n AUTO: 'auto',\n TOP: 'top',\n RIGHT: isRTL() ? 'left' : 'right',\n BOTTOM: 'bottom',\n LEFT: isRTL() ? 'right' : 'left'\n};\nconst Default$3 = {\n animation: true,\n template: '
' + '' + '' + '
',\n trigger: 'hover focus',\n title: '',\n delay: 0,\n html: false,\n selector: false,\n placement: 'top',\n offset: [0, 0],\n container: false,\n fallbackPlacements: ['top', 'right', 'bottom', 'left'],\n boundary: 'clippingParents',\n customClass: '',\n sanitize: true,\n sanitizeFn: null,\n allowList: DefaultAllowlist,\n popperConfig: null\n};\nconst Event$2 = {\n HIDE: `hide${EVENT_KEY$4}`,\n HIDDEN: `hidden${EVENT_KEY$4}`,\n SHOW: `show${EVENT_KEY$4}`,\n SHOWN: `shown${EVENT_KEY$4}`,\n INSERTED: `inserted${EVENT_KEY$4}`,\n CLICK: `click${EVENT_KEY$4}`,\n FOCUSIN: `focusin${EVENT_KEY$4}`,\n FOCUSOUT: `focusout${EVENT_KEY$4}`,\n MOUSEENTER: `mouseenter${EVENT_KEY$4}`,\n MOUSELEAVE: `mouseleave${EVENT_KEY$4}`\n};\nconst CLASS_NAME_FADE$3 = 'fade';\nconst CLASS_NAME_MODAL = 'modal';\nconst CLASS_NAME_SHOW$3 = 'show';\nconst HOVER_STATE_SHOW = 'show';\nconst HOVER_STATE_OUT = 'out';\nconst SELECTOR_TOOLTIP_INNER = '.tooltip-inner';\nconst TRIGGER_HOVER = 'hover';\nconst TRIGGER_FOCUS = 'focus';\nconst TRIGGER_CLICK = 'click';\nconst TRIGGER_MANUAL = 'manual';\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Tooltip extends BaseComponent {\n constructor(element, config) {\n if (typeof Popper === 'undefined') {\n throw new TypeError('Bootstrap\\'s tooltips require Popper (https://popper.js.org)');\n }\n\n super(element); // private\n\n this._isEnabled = true;\n this._timeout = 0;\n this._hoverState = '';\n this._activeTrigger = {};\n this._popper = null; // Protected\n\n this.config = this._getConfig(config);\n this.tip = null;\n\n this._setListeners();\n } // Getters\n\n\n static get Default() {\n return Default$3;\n }\n\n static get NAME() {\n return NAME$4;\n }\n\n static get DATA_KEY() {\n return DATA_KEY$4;\n }\n\n static get Event() {\n return Event$2;\n }\n\n static get EVENT_KEY() {\n return EVENT_KEY$4;\n }\n\n static get DefaultType() {\n return DefaultType$3;\n } // Public\n\n\n enable() {\n this._isEnabled = true;\n }\n\n disable() {\n this._isEnabled = false;\n }\n\n toggleEnabled() {\n this._isEnabled = !this._isEnabled;\n }\n\n toggle(event) {\n if (!this._isEnabled) {\n return;\n }\n\n if (event) {\n const context = this._initializeOnDelegatedTarget(event);\n\n context._activeTrigger.click = !context._activeTrigger.click;\n\n if (context._isWithActiveTrigger()) {\n context._enter(null, context);\n } else {\n context._leave(null, context);\n }\n } else {\n if (this.getTipElement().classList.contains(CLASS_NAME_SHOW$3)) {\n this._leave(null, this);\n\n return;\n }\n\n this._enter(null, this);\n }\n }\n\n dispose() {\n clearTimeout(this._timeout);\n EventHandler.off(this._element, this.constructor.EVENT_KEY);\n EventHandler.off(this._element.closest(`.${CLASS_NAME_MODAL}`), 'hide.bs.modal', this._hideModalHandler);\n\n if (this.tip && this.tip.parentNode) {\n this.tip.parentNode.removeChild(this.tip);\n }\n\n this._isEnabled = null;\n this._timeout = null;\n this._hoverState = null;\n this._activeTrigger = null;\n\n if (this._popper) {\n this._popper.destroy();\n }\n\n this._popper = null;\n this.config = null;\n this.tip = null;\n super.dispose();\n }\n\n show() {\n if (this._element.style.display === 'none') {\n throw new Error('Please use show on visible elements');\n }\n\n if (!(this.isWithContent() && this._isEnabled)) {\n return;\n }\n\n const showEvent = EventHandler.trigger(this._element, this.constructor.Event.SHOW);\n const shadowRoot = findShadowRoot(this._element);\n const isInTheDom = shadowRoot === null ? this._element.ownerDocument.documentElement.contains(this._element) : shadowRoot.contains(this._element);\n\n if (showEvent.defaultPrevented || !isInTheDom) {\n return;\n }\n\n const tip = this.getTipElement();\n const tipId = getUID(this.constructor.NAME);\n tip.setAttribute('id', tipId);\n\n this._element.setAttribute('aria-describedby', tipId);\n\n this.setContent();\n\n if (this.config.animation) {\n tip.classList.add(CLASS_NAME_FADE$3);\n }\n\n const placement = typeof this.config.placement === 'function' ? this.config.placement.call(this, tip, this._element) : this.config.placement;\n\n const attachment = this._getAttachment(placement);\n\n this._addAttachmentClass(attachment);\n\n const container = this._getContainer();\n\n Data.set(tip, this.constructor.DATA_KEY, this);\n\n if (!this._element.ownerDocument.documentElement.contains(this.tip)) {\n container.appendChild(tip);\n EventHandler.trigger(this._element, this.constructor.Event.INSERTED);\n }\n\n if (this._popper) {\n this._popper.update();\n } else {\n this._popper = Popper.createPopper(this._element, tip, this._getPopperConfig(attachment));\n }\n\n tip.classList.add(CLASS_NAME_SHOW$3);\n const customClass = typeof this.config.customClass === 'function' ? this.config.customClass() : this.config.customClass;\n\n if (customClass) {\n tip.classList.add(...customClass.split(' '));\n } // If this is a touch-enabled device we add extra\n // empty mouseover listeners to the body's immediate children;\n // only needed because of broken event delegation on iOS\n // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n\n\n if ('ontouchstart' in document.documentElement) {\n [].concat(...document.body.children).forEach(element => {\n EventHandler.on(element, 'mouseover', noop());\n });\n }\n\n const complete = () => {\n const prevHoverState = this._hoverState;\n this._hoverState = null;\n EventHandler.trigger(this._element, this.constructor.Event.SHOWN);\n\n if (prevHoverState === HOVER_STATE_OUT) {\n this._leave(null, this);\n }\n };\n\n if (this.tip.classList.contains(CLASS_NAME_FADE$3)) {\n const transitionDuration = getTransitionDurationFromElement(this.tip);\n EventHandler.one(this.tip, 'transitionend', complete);\n emulateTransitionEnd(this.tip, transitionDuration);\n } else {\n complete();\n }\n }\n\n hide() {\n if (!this._popper) {\n return;\n }\n\n const tip = this.getTipElement();\n\n const complete = () => {\n if (this._isWithActiveTrigger()) {\n return;\n }\n\n if (this._hoverState !== HOVER_STATE_SHOW && tip.parentNode) {\n tip.parentNode.removeChild(tip);\n }\n\n this._cleanTipClass();\n\n this._element.removeAttribute('aria-describedby');\n\n EventHandler.trigger(this._element, this.constructor.Event.HIDDEN);\n\n if (this._popper) {\n this._popper.destroy();\n\n this._popper = null;\n }\n };\n\n const hideEvent = EventHandler.trigger(this._element, this.constructor.Event.HIDE);\n\n if (hideEvent.defaultPrevented) {\n return;\n }\n\n tip.classList.remove(CLASS_NAME_SHOW$3); // If this is a touch-enabled device we remove the extra\n // empty mouseover listeners we added for iOS support\n\n if ('ontouchstart' in document.documentElement) {\n [].concat(...document.body.children).forEach(element => EventHandler.off(element, 'mouseover', noop));\n }\n\n this._activeTrigger[TRIGGER_CLICK] = false;\n this._activeTrigger[TRIGGER_FOCUS] = false;\n this._activeTrigger[TRIGGER_HOVER] = false;\n\n if (this.tip.classList.contains(CLASS_NAME_FADE$3)) {\n const transitionDuration = getTransitionDurationFromElement(tip);\n EventHandler.one(tip, 'transitionend', complete);\n emulateTransitionEnd(tip, transitionDuration);\n } else {\n complete();\n }\n\n this._hoverState = '';\n }\n\n update() {\n if (this._popper !== null) {\n this._popper.update();\n }\n } // Protected\n\n\n isWithContent() {\n return Boolean(this.getTitle());\n }\n\n getTipElement() {\n if (this.tip) {\n return this.tip;\n }\n\n const element = document.createElement('div');\n element.innerHTML = this.config.template;\n this.tip = element.children[0];\n return this.tip;\n }\n\n setContent() {\n const tip = this.getTipElement();\n this.setElementContent(SelectorEngine.findOne(SELECTOR_TOOLTIP_INNER, tip), this.getTitle());\n tip.classList.remove(CLASS_NAME_FADE$3, CLASS_NAME_SHOW$3);\n }\n\n setElementContent(element, content) {\n if (element === null) {\n return;\n }\n\n if (typeof content === 'object' && isElement(content)) {\n if (content.jquery) {\n content = content[0];\n } // content is a DOM node or a jQuery\n\n\n if (this.config.html) {\n if (content.parentNode !== element) {\n element.innerHTML = '';\n element.appendChild(content);\n }\n } else {\n element.textContent = content.textContent;\n }\n\n return;\n }\n\n if (this.config.html) {\n if (this.config.sanitize) {\n content = sanitizeHtml(content, this.config.allowList, this.config.sanitizeFn);\n }\n\n element.innerHTML = content;\n } else {\n element.textContent = content;\n }\n }\n\n getTitle() {\n let title = this._element.getAttribute('data-bs-original-title');\n\n if (!title) {\n title = typeof this.config.title === 'function' ? this.config.title.call(this._element) : this.config.title;\n }\n\n return title;\n }\n\n updateAttachment(attachment) {\n if (attachment === 'right') {\n return 'end';\n }\n\n if (attachment === 'left') {\n return 'start';\n }\n\n return attachment;\n } // Private\n\n\n _initializeOnDelegatedTarget(event, context) {\n const dataKey = this.constructor.DATA_KEY;\n context = context || Data.get(event.delegateTarget, dataKey);\n\n if (!context) {\n context = new this.constructor(event.delegateTarget, this._getDelegateConfig());\n Data.set(event.delegateTarget, dataKey, context);\n }\n\n return context;\n }\n\n _getOffset() {\n const {\n offset\n } = this.config;\n\n if (typeof offset === 'string') {\n return offset.split(',').map(val => Number.parseInt(val, 10));\n }\n\n if (typeof offset === 'function') {\n return popperData => offset(popperData, this._element);\n }\n\n return offset;\n }\n\n _getPopperConfig(attachment) {\n const defaultBsPopperConfig = {\n placement: attachment,\n modifiers: [{\n name: 'flip',\n options: {\n altBoundary: true,\n fallbackPlacements: this.config.fallbackPlacements\n }\n }, {\n name: 'offset',\n options: {\n offset: this._getOffset()\n }\n }, {\n name: 'preventOverflow',\n options: {\n boundary: this.config.boundary\n }\n }, {\n name: 'arrow',\n options: {\n element: `.${this.constructor.NAME}-arrow`\n }\n }, {\n name: 'onChange',\n enabled: true,\n phase: 'afterWrite',\n fn: data => this._handlePopperPlacementChange(data)\n }],\n onFirstUpdate: data => {\n if (data.options.placement !== data.placement) {\n this._handlePopperPlacementChange(data);\n }\n }\n };\n return { ...defaultBsPopperConfig,\n ...(typeof this.config.popperConfig === 'function' ? this.config.popperConfig(defaultBsPopperConfig) : this.config.popperConfig)\n };\n }\n\n _addAttachmentClass(attachment) {\n this.getTipElement().classList.add(`${CLASS_PREFIX$1}-${this.updateAttachment(attachment)}`);\n }\n\n _getContainer() {\n if (this.config.container === false) {\n return document.body;\n }\n\n if (isElement(this.config.container)) {\n return this.config.container;\n }\n\n return SelectorEngine.findOne(this.config.container);\n }\n\n _getAttachment(placement) {\n return AttachmentMap[placement.toUpperCase()];\n }\n\n _setListeners() {\n const triggers = this.config.trigger.split(' ');\n triggers.forEach(trigger => {\n if (trigger === 'click') {\n EventHandler.on(this._element, this.constructor.Event.CLICK, this.config.selector, event => this.toggle(event));\n } else if (trigger !== TRIGGER_MANUAL) {\n const eventIn = trigger === TRIGGER_HOVER ? this.constructor.Event.MOUSEENTER : this.constructor.Event.FOCUSIN;\n const eventOut = trigger === TRIGGER_HOVER ? this.constructor.Event.MOUSELEAVE : this.constructor.Event.FOCUSOUT;\n EventHandler.on(this._element, eventIn, this.config.selector, event => this._enter(event));\n EventHandler.on(this._element, eventOut, this.config.selector, event => this._leave(event));\n }\n });\n\n this._hideModalHandler = () => {\n if (this._element) {\n this.hide();\n }\n };\n\n EventHandler.on(this._element.closest(`.${CLASS_NAME_MODAL}`), 'hide.bs.modal', this._hideModalHandler);\n\n if (this.config.selector) {\n this.config = { ...this.config,\n trigger: 'manual',\n selector: ''\n };\n } else {\n this._fixTitle();\n }\n }\n\n _fixTitle() {\n const title = this._element.getAttribute('title');\n\n const originalTitleType = typeof this._element.getAttribute('data-bs-original-title');\n\n if (title || originalTitleType !== 'string') {\n this._element.setAttribute('data-bs-original-title', title || '');\n\n if (title && !this._element.getAttribute('aria-label') && !this._element.textContent) {\n this._element.setAttribute('aria-label', title);\n }\n\n this._element.setAttribute('title', '');\n }\n }\n\n _enter(event, context) {\n context = this._initializeOnDelegatedTarget(event, context);\n\n if (event) {\n context._activeTrigger[event.type === 'focusin' ? TRIGGER_FOCUS : TRIGGER_HOVER] = true;\n }\n\n if (context.getTipElement().classList.contains(CLASS_NAME_SHOW$3) || context._hoverState === HOVER_STATE_SHOW) {\n context._hoverState = HOVER_STATE_SHOW;\n return;\n }\n\n clearTimeout(context._timeout);\n context._hoverState = HOVER_STATE_SHOW;\n\n if (!context.config.delay || !context.config.delay.show) {\n context.show();\n return;\n }\n\n context._timeout = setTimeout(() => {\n if (context._hoverState === HOVER_STATE_SHOW) {\n context.show();\n }\n }, context.config.delay.show);\n }\n\n _leave(event, context) {\n context = this._initializeOnDelegatedTarget(event, context);\n\n if (event) {\n context._activeTrigger[event.type === 'focusout' ? TRIGGER_FOCUS : TRIGGER_HOVER] = context._element.contains(event.relatedTarget);\n }\n\n if (context._isWithActiveTrigger()) {\n return;\n }\n\n clearTimeout(context._timeout);\n context._hoverState = HOVER_STATE_OUT;\n\n if (!context.config.delay || !context.config.delay.hide) {\n context.hide();\n return;\n }\n\n context._timeout = setTimeout(() => {\n if (context._hoverState === HOVER_STATE_OUT) {\n context.hide();\n }\n }, context.config.delay.hide);\n }\n\n _isWithActiveTrigger() {\n for (const trigger in this._activeTrigger) {\n if (this._activeTrigger[trigger]) {\n return true;\n }\n }\n\n return false;\n }\n\n _getConfig(config) {\n const dataAttributes = Manipulator.getDataAttributes(this._element);\n Object.keys(dataAttributes).forEach(dataAttr => {\n if (DISALLOWED_ATTRIBUTES.has(dataAttr)) {\n delete dataAttributes[dataAttr];\n }\n });\n\n if (config && typeof config.container === 'object' && config.container.jquery) {\n config.container = config.container[0];\n }\n\n config = { ...this.constructor.Default,\n ...dataAttributes,\n ...(typeof config === 'object' && config ? config : {})\n };\n\n if (typeof config.delay === 'number') {\n config.delay = {\n show: config.delay,\n hide: config.delay\n };\n }\n\n if (typeof config.title === 'number') {\n config.title = config.title.toString();\n }\n\n if (typeof config.content === 'number') {\n config.content = config.content.toString();\n }\n\n typeCheckConfig(NAME$4, config, this.constructor.DefaultType);\n\n if (config.sanitize) {\n config.template = sanitizeHtml(config.template, config.allowList, config.sanitizeFn);\n }\n\n return config;\n }\n\n _getDelegateConfig() {\n const config = {};\n\n if (this.config) {\n for (const key in this.config) {\n if (this.constructor.Default[key] !== this.config[key]) {\n config[key] = this.config[key];\n }\n }\n }\n\n return config;\n }\n\n _cleanTipClass() {\n const tip = this.getTipElement();\n const tabClass = tip.getAttribute('class').match(BSCLS_PREFIX_REGEX$1);\n\n if (tabClass !== null && tabClass.length > 0) {\n tabClass.map(token => token.trim()).forEach(tClass => tip.classList.remove(tClass));\n }\n }\n\n _handlePopperPlacementChange(popperData) {\n const {\n state\n } = popperData;\n\n if (!state) {\n return;\n }\n\n this.tip = state.elements.popper;\n\n this._cleanTipClass();\n\n this._addAttachmentClass(this._getAttachment(state.placement));\n } // Static\n\n\n static jQueryInterface(config) {\n return this.each(function () {\n let data = Data.get(this, DATA_KEY$4);\n\n const _config = typeof config === 'object' && config;\n\n if (!data && /dispose|hide/.test(config)) {\n return;\n }\n\n if (!data) {\n data = new Tooltip(this, _config);\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`);\n }\n\n data[config]();\n }\n });\n }\n\n}\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n * add .Tooltip to jQuery only if jQuery is present\n */\n\n\ndefineJQueryPlugin(NAME$4, Tooltip);\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): popover.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME$3 = 'popover';\nconst DATA_KEY$3 = 'bs.popover';\nconst EVENT_KEY$3 = `.${DATA_KEY$3}`;\nconst CLASS_PREFIX = 'bs-popover';\nconst BSCLS_PREFIX_REGEX = new RegExp(`(^|\\\\s)${CLASS_PREFIX}\\\\S+`, 'g');\nconst Default$2 = { ...Tooltip.Default,\n placement: 'right',\n offset: [0, 8],\n trigger: 'click',\n content: '',\n template: '' + '' + '' + '' + '
'\n};\nconst DefaultType$2 = { ...Tooltip.DefaultType,\n content: '(string|element|function)'\n};\nconst Event$1 = {\n HIDE: `hide${EVENT_KEY$3}`,\n HIDDEN: `hidden${EVENT_KEY$3}`,\n SHOW: `show${EVENT_KEY$3}`,\n SHOWN: `shown${EVENT_KEY$3}`,\n INSERTED: `inserted${EVENT_KEY$3}`,\n CLICK: `click${EVENT_KEY$3}`,\n FOCUSIN: `focusin${EVENT_KEY$3}`,\n FOCUSOUT: `focusout${EVENT_KEY$3}`,\n MOUSEENTER: `mouseenter${EVENT_KEY$3}`,\n MOUSELEAVE: `mouseleave${EVENT_KEY$3}`\n};\nconst CLASS_NAME_FADE$2 = 'fade';\nconst CLASS_NAME_SHOW$2 = 'show';\nconst SELECTOR_TITLE = '.popover-header';\nconst SELECTOR_CONTENT = '.popover-body';\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Popover extends Tooltip {\n // Getters\n static get Default() {\n return Default$2;\n }\n\n static get NAME() {\n return NAME$3;\n }\n\n static get DATA_KEY() {\n return DATA_KEY$3;\n }\n\n static get Event() {\n return Event$1;\n }\n\n static get EVENT_KEY() {\n return EVENT_KEY$3;\n }\n\n static get DefaultType() {\n return DefaultType$2;\n } // Overrides\n\n\n isWithContent() {\n return this.getTitle() || this._getContent();\n }\n\n setContent() {\n const tip = this.getTipElement(); // we use append for html objects to maintain js events\n\n this.setElementContent(SelectorEngine.findOne(SELECTOR_TITLE, tip), this.getTitle());\n\n let content = this._getContent();\n\n if (typeof content === 'function') {\n content = content.call(this._element);\n }\n\n this.setElementContent(SelectorEngine.findOne(SELECTOR_CONTENT, tip), content);\n tip.classList.remove(CLASS_NAME_FADE$2, CLASS_NAME_SHOW$2);\n } // Private\n\n\n _addAttachmentClass(attachment) {\n this.getTipElement().classList.add(`${CLASS_PREFIX}-${this.updateAttachment(attachment)}`);\n }\n\n _getContent() {\n return this._element.getAttribute('data-bs-content') || this.config.content;\n }\n\n _cleanTipClass() {\n const tip = this.getTipElement();\n const tabClass = tip.getAttribute('class').match(BSCLS_PREFIX_REGEX);\n\n if (tabClass !== null && tabClass.length > 0) {\n tabClass.map(token => token.trim()).forEach(tClass => tip.classList.remove(tClass));\n }\n } // Static\n\n\n static jQueryInterface(config) {\n return this.each(function () {\n let data = Data.get(this, DATA_KEY$3);\n\n const _config = typeof config === 'object' ? config : null;\n\n if (!data && /dispose|hide/.test(config)) {\n return;\n }\n\n if (!data) {\n data = new Popover(this, _config);\n Data.set(this, DATA_KEY$3, data);\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`);\n }\n\n data[config]();\n }\n });\n }\n\n}\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n * add .Popover to jQuery only if jQuery is present\n */\n\n\ndefineJQueryPlugin(NAME$3, Popover);\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.0-beta3): scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME$2 = 'scrollspy';\nconst DATA_KEY$2 = 'bs.scrollspy';\nconst EVENT_KEY$2 = `.${DATA_KEY$2}`;\nconst DATA_API_KEY$1 = '.data-api';\nconst Default$1 = {\n offset: 10,\n method: 'auto',\n target: ''\n};\nconst DefaultType$1 = {\n offset: 'number',\n method: 'string',\n target: '(string|element)'\n};\nconst EVENT_ACTIVATE = `activate${EVENT_KEY$2}`;\nconst EVENT_SCROLL = `scroll${EVENT_KEY$2}`;\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY$2}${DATA_API_KEY$1}`;\nconst CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item';\nconst CLASS_NAME_ACTIVE$1 = 'active';\nconst SELECTOR_DATA_SPY = '[data-bs-spy=\"scroll\"]';\nconst SELECTOR_NAV_LIST_GROUP$1 = '.nav, .list-group';\nconst SELECTOR_NAV_LINKS = '.nav-link';\nconst SELECTOR_NAV_ITEMS = '.nav-item';\nconst SELECTOR_LIST_ITEMS = '.list-group-item';\nconst SELECTOR_DROPDOWN$1 = '.dropdown';\nconst SELECTOR_DROPDOWN_TOGGLE$1 = '.dropdown-toggle';\nconst METHOD_OFFSET = 'offset';\nconst METHOD_POSITION = 'position';\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass ScrollSpy extends BaseComponent {\n constructor(element, config) {\n super(element);\n this._scrollElement = this._element.tagName === 'BODY' ? window : this._element;\n this._config = this._getConfig(config);\n this._selector = `${this._config.target} ${SELECTOR_NAV_LINKS}, ${this._config.target} ${SELECTOR_LIST_ITEMS}, ${this._config.target} .${CLASS_NAME_DROPDOWN_ITEM}`;\n this._offsets = [];\n this._targets = [];\n this._activeTarget = null;\n this._scrollHeight = 0;\n EventHandler.on(this._scrollElement, EVENT_SCROLL, () => this._process());\n this.refresh();\n\n this._process();\n } // Getters\n\n\n static get Default() {\n return Default$1;\n }\n\n static get DATA_KEY() {\n return DATA_KEY$2;\n } // Public\n\n\n refresh() {\n const autoMethod = this._scrollElement === this._scrollElement.window ? METHOD_OFFSET : METHOD_POSITION;\n const offsetMethod = this._config.method === 'auto' ? autoMethod : this._config.method;\n const offsetBase = offsetMethod === METHOD_POSITION ? this._getScrollTop() : 0;\n this._offsets = [];\n this._targets = [];\n this._scrollHeight = this._getScrollHeight();\n const targets = SelectorEngine.find(this._selector);\n targets.map(element => {\n const targetSelector = getSelectorFromElement(element);\n const target = targetSelector ? SelectorEngine.findOne(targetSelector) : null;\n\n if (target) {\n const targetBCR = target.getBoundingClientRect();\n\n if (targetBCR.width || targetBCR.height) {\n return [Manipulator[offsetMethod](target).top + offsetBase, targetSelector];\n }\n }\n\n return null;\n }).filter(item => item).sort((a, b) => a[0] - b[0]).forEach(item => {\n this._offsets.push(item[0]);\n\n this._targets.push(item[1]);\n });\n }\n\n dispose() {\n super.dispose();\n EventHandler.off(this._scrollElement, EVENT_KEY$2);\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 } // Private\n\n\n _getConfig(config) {\n config = { ...Default$1,\n ...(typeof config === 'object' && config ? config : {})\n };\n\n if (typeof config.target !== 'string' && isElement(config.target)) {\n let {\n id\n } = config.target;\n\n if (!id) {\n id = getUID(NAME$2);\n config.target.id = id;\n }\n\n config.target = `#${id}`;\n }\n\n typeCheckConfig(NAME$2, config, DefaultType$1);\n return config;\n }\n\n _getScrollTop() {\n return this._scrollElement === window ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop;\n }\n\n _getScrollHeight() {\n return this._scrollElement.scrollHeight || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);\n }\n\n _getOffsetHeight() {\n return this._scrollElement === window ? window.innerHeight : this._scrollElement.getBoundingClientRect().height;\n }\n\n _process() {\n const scrollTop = this._getScrollTop() + this._config.offset;\n\n const scrollHeight = this._getScrollHeight();\n\n const maxScroll = this._config.offset + scrollHeight - this._getOffsetHeight();\n\n if (this._scrollHeight !== scrollHeight) {\n this.refresh();\n }\n\n if (scrollTop >= maxScroll) {\n const target = this._targets[this._targets.length - 1];\n\n if (this._activeTarget !== target) {\n this._activate(target);\n }\n\n return;\n }\n\n if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {\n this._activeTarget = null;\n\n this._clear();\n\n return;\n }\n\n for (let i = this._offsets.length; i--;) {\n const isActiveTarget = this._activeTarget !== this._targets[i] && scrollTop >= this._offsets[i] && (typeof this._offsets[i + 1] === 'undefined' || scrollTop < this._offsets[i + 1]);\n\n if (isActiveTarget) {\n this._activate(this._targets[i]);\n }\n }\n }\n\n _activate(target) {\n this._activeTarget = target;\n\n this._clear();\n\n const queries = this._selector.split(',').map(selector => `${selector}[data-bs-target=\"${target}\"],${selector}[href=\"${target}\"]`);\n\n const link = SelectorEngine.findOne(queries.join(','));\n\n if (link.classList.contains(CLASS_NAME_DROPDOWN_ITEM)) {\n SelectorEngine.findOne(SELECTOR_DROPDOWN_TOGGLE$1, link.closest(SELECTOR_DROPDOWN$1)).classList.add(CLASS_NAME_ACTIVE$1);\n link.classList.add(CLASS_NAME_ACTIVE$1);\n } else {\n // Set triggered link as active\n link.classList.add(CLASS_NAME_ACTIVE$1);\n SelectorEngine.parents(link, SELECTOR_NAV_LIST_GROUP$1).forEach(listGroup => {\n // Set triggered links parents as active\n // With both - and