');\n liveregionCurrent = outerWrapper.querySelector('.tns-liveregion .current');\n\n // == autoplayInit ==\n if (hasAutoplay) {\n var txt = autoplay ? 'stop' : 'start';\n if (autoplayButton) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_23__helpers_setAttrs_js__[\"a\" /* setAttrs */])(autoplayButton, {'data-action': txt});\n } else if (options.autoplayButtonOutput) {\n outerWrapper.insertAdjacentHTML(getInsertPosition(options.autoplayPosition), '');\n autoplayButton = outerWrapper.querySelector('[data-action]');\n }\n\n // add event\n if (autoplayButton) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(autoplayButton, {'click': toggleAutoplay});\n }\n\n if (autoplay) {\n startAutoplay();\n if (autoplayHoverPause) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(container, hoverEvents); }\n if (autoplayResetOnVisibility) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(container, visibilityEvent); }\n }\n }\n \n // == navInit ==\n if (hasNav) {\n var initIndex = !carousel ? 0 : cloneCount;\n // customized nav\n // will not hide the navs in case they're thumbnails\n if (navContainer) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_23__helpers_setAttrs_js__[\"a\" /* setAttrs */])(navContainer, {'aria-label': 'Carousel Pagination'});\n navItems = navContainer.children;\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_17__helpers_forEach_js__[\"a\" /* forEach */])(navItems, function(item, i) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_23__helpers_setAttrs_js__[\"a\" /* setAttrs */])(item, {\n 'data-nav': i,\n 'tabindex': '-1',\n 'aria-label': navStr + (i + 1),\n 'aria-controls': slideId,\n });\n });\n\n // generated nav \n } else {\n var navHtml = '',\n hiddenStr = navAsThumbnails ? '' : 'style=\"display:none\"';\n for (var i = 0; i < slideCount; i++) {\n // hide nav items by default\n navHtml += '';\n }\n navHtml = '
' + navHtml + '
';\n outerWrapper.insertAdjacentHTML(getInsertPosition(options.navPosition), navHtml);\n\n navContainer = outerWrapper.querySelector('.tns-nav');\n navItems = navContainer.children;\n }\n\n updateNavVisibility();\n\n // add transition\n if (TRANSITIONDURATION) {\n var prefix = TRANSITIONDURATION.substring(0, TRANSITIONDURATION.length - 18).toLowerCase(),\n str = 'transition: all ' + speed / 1000 + 's';\n\n if (prefix) {\n str = '-' + prefix + '-' + str;\n }\n\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_12__helpers_addCSSRule_js__[\"a\" /* addCSSRule */])(sheet, '[aria-controls^=' + slideId + '-item]', str, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_14__helpers_getCssRulesLength_js__[\"a\" /* getCssRulesLength */])(sheet));\n }\n\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_23__helpers_setAttrs_js__[\"a\" /* setAttrs */])(navItems[navCurrentIndex], {'aria-label': navStr + (navCurrentIndex + 1) + navStrCurrent});\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_24__helpers_removeAttrs_js__[\"a\" /* removeAttrs */])(navItems[navCurrentIndex], 'tabindex');\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(navItems[navCurrentIndex], navActiveClass);\n\n // add events\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(navContainer, navEvents);\n }\n\n\n\n // == controlsInit ==\n if (hasControls) {\n if (!controlsContainer && (!prevButton || !nextButton)) {\n outerWrapper.insertAdjacentHTML(getInsertPosition(options.controlsPosition), '');\n\n controlsContainer = outerWrapper.querySelector('.tns-controls');\n }\n\n if (!prevButton || !nextButton) {\n prevButton = controlsContainer.children[0];\n nextButton = controlsContainer.children[1];\n }\n\n if (options.controlsContainer) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_23__helpers_setAttrs_js__[\"a\" /* setAttrs */])(controlsContainer, {\n 'aria-label': 'Carousel Navigation',\n 'tabindex': '0'\n });\n }\n\n if (options.controlsContainer || (options.prevButton && options.nextButton)) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_23__helpers_setAttrs_js__[\"a\" /* setAttrs */])([prevButton, nextButton], {\n 'aria-controls': slideId,\n 'tabindex': '-1',\n });\n }\n \n if (options.controlsContainer || (options.prevButton && options.nextButton)) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_23__helpers_setAttrs_js__[\"a\" /* setAttrs */])(prevButton, {'data-controls' : 'prev'});\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_23__helpers_setAttrs_js__[\"a\" /* setAttrs */])(nextButton, {'data-controls' : 'next'});\n }\n\n prevIsButton = isButton(prevButton);\n nextIsButton = isButton(nextButton);\n\n updateControlsStatus();\n\n // add events\n if (controlsContainer) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(controlsContainer, controlsEvents);\n } else {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(prevButton, controlsEvents);\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(nextButton, controlsEvents);\n }\n }\n\n // hide tools if needed\n disableUI();\n }\n\n function initEvents () {\n // add events\n if (carousel && TRANSITIONEND) {\n var eve = {};\n eve[TRANSITIONEND] = onTransitionEnd;\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(container, eve);\n }\n\n if (touch) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(container, touchEvents, options.preventScrollOnTouch); }\n if (mouseDrag) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(container, dragEvents); }\n if (arrowKeys) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(doc, docmentKeydownEvent); }\n\n if (nested === 'inner') {\n events.on('outerResized', function () {\n resizeTasks();\n events.emit('innerLoaded', info());\n });\n } else if (responsive || fixedWidth || autoWidth || autoHeight || !horizontal) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(win, {'resize': onResize});\n }\n\n if (autoHeight) {\n if (nested === 'outer') {\n events.on('innerLoaded', doAutoHeight);\n } else if (!disable) { doAutoHeight(); }\n }\n\n doLazyLoad();\n if (disable) { disableSlider(); } else if (freeze) { freezeSlider(); }\n\n events.on('indexChanged', additionalUpdates);\n if (nested === 'inner') { events.emit('innerLoaded', info()); }\n if (typeof onInit === 'function') { onInit(info()); }\n isOn = true;\n }\n\n function destroy () {\n // sheet\n sheet.disabled = true;\n if (sheet.ownerNode) { sheet.ownerNode.remove(); }\n\n // remove win event listeners\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(win, {'resize': onResize});\n\n // arrowKeys, controls, nav\n if (arrowKeys) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(doc, docmentKeydownEvent); }\n if (controlsContainer) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(controlsContainer, controlsEvents); }\n if (navContainer) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(navContainer, navEvents); }\n\n // autoplay\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(container, hoverEvents);\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(container, visibilityEvent);\n if (autoplayButton) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(autoplayButton, {'click': toggleAutoplay}); }\n if (autoplay) { clearInterval(autoplayTimer); }\n\n // container\n if (carousel && TRANSITIONEND) {\n var eve = {};\n eve[TRANSITIONEND] = onTransitionEnd;\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(container, eve);\n }\n if (touch) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(container, touchEvents); }\n if (mouseDrag) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(container, dragEvents); }\n\n // cache Object values in options && reset HTML\n var htmlList = [containerHTML, controlsContainerHTML, prevButtonHTML, nextButtonHTML, navContainerHTML, autoplayButtonHTML];\n\n tnsList.forEach(function(item, i) {\n var el = item === 'container' ? outerWrapper : options[item];\n\n if (typeof el === 'object') {\n var prevEl = el.previousElementSibling ? el.previousElementSibling : false,\n parentEl = el.parentNode;\n el.outerHTML = htmlList[i];\n options[item] = prevEl ? prevEl.nextElementSibling : parentEl.firstElementChild;\n }\n });\n\n\n // reset variables\n tnsList = animateIn = animateOut = animateDelay = animateNormal = horizontal = outerWrapper = innerWrapper = container = containerParent = containerHTML = slideItems = slideCount = breakpointZone = windowWidth = autoWidth = fixedWidth = edgePadding = gutter = viewport = items = slideBy = viewportMax = arrowKeys = speed = rewind = loop = autoHeight = sheet = lazyload = slidePositions = slideItemsOut = cloneCount = slideCountNew = hasRightDeadZone = rightBoundary = updateIndexBeforeTransform = transformAttr = transformPrefix = transformPostfix = getIndexMax = index = indexCached = indexMin = indexMax = resizeTimer = swipeAngle = moveDirectionExpected = running = onInit = events = newContainerClasses = slideId = disable = disabled = freezable = freeze = frozen = controlsEvents = navEvents = hoverEvents = visibilityEvent = docmentKeydownEvent = touchEvents = dragEvents = hasControls = hasNav = navAsThumbnails = hasAutoplay = hasTouch = hasMouseDrag = slideActiveClass = imgCompleteClass = imgEvents = imgsComplete = controls = controlsText = controlsContainer = controlsContainerHTML = prevButton = nextButton = prevIsButton = nextIsButton = nav = navContainer = navContainerHTML = navItems = pages = pagesCached = navClicked = navCurrentIndex = navCurrentIndexCached = navActiveClass = navStr = navStrCurrent = autoplay = autoplayTimeout = autoplayDirection = autoplayText = autoplayHoverPause = autoplayButton = autoplayButtonHTML = autoplayResetOnVisibility = autoplayHtmlStrings = autoplayTimer = animating = autoplayHoverPaused = autoplayUserPaused = autoplayVisibilityPaused = initPosition = lastPosition = translateInit = disX = disY = panStart = rafIndex = getDist = touch = mouseDrag = null;\n // check variables\n // [animateIn, animateOut, animateDelay, animateNormal, horizontal, outerWrapper, innerWrapper, container, containerParent, containerHTML, slideItems, slideCount, breakpointZone, windowWidth, autoWidth, fixedWidth, edgePadding, gutter, viewport, items, slideBy, viewportMax, arrowKeys, speed, rewind, loop, autoHeight, sheet, lazyload, slidePositions, slideItemsOut, cloneCount, slideCountNew, hasRightDeadZone, rightBoundary, updateIndexBeforeTransform, transformAttr, transformPrefix, transformPostfix, getIndexMax, index, indexCached, indexMin, indexMax, resizeTimer, swipeAngle, moveDirectionExpected, running, onInit, events, newContainerClasses, slideId, disable, disabled, freezable, freeze, frozen, controlsEvents, navEvents, hoverEvents, visibilityEvent, docmentKeydownEvent, touchEvents, dragEvents, hasControls, hasNav, navAsThumbnails, hasAutoplay, hasTouch, hasMouseDrag, slideActiveClass, imgCompleteClass, imgEvents, imgsComplete, controls, controlsText, controlsContainer, controlsContainerHTML, prevButton, nextButton, prevIsButton, nextIsButton, nav, navContainer, navContainerHTML, navItems, pages, pagesCached, navClicked, navCurrentIndex, navCurrentIndexCached, navActiveClass, navStr, navStrCurrent, autoplay, autoplayTimeout, autoplayDirection, autoplayText, autoplayHoverPause, autoplayButton, autoplayButtonHTML, autoplayResetOnVisibility, autoplayHtmlStrings, autoplayTimer, animating, autoplayHoverPaused, autoplayUserPaused, autoplayVisibilityPaused, initPosition, lastPosition, translateInit, disX, disY, panStart, rafIndex, getDist, touch, mouseDrag ].forEach(function(item) { if (item !== null) { console.log(item); } });\n\n for (var a in this) {\n if (a !== 'rebuild') { this[a] = null; }\n }\n isOn = false;\n }\n\n// === ON RESIZE ===\n // responsive || fixedWidth || autoWidth || !horizontal\n function onResize (e) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__helpers_raf_js__[\"a\" /* raf */])(function(){ resizeTasks(getEvent(e)); });\n }\n\n function resizeTasks (e) {\n if (!isOn) { return; }\n if (nested === 'outer') { events.emit('outerResized', info(e)); }\n windowWidth = getWindowWidth();\n var bpChanged,\n breakpointZoneTem = breakpointZone,\n needContainerTransform = false;\n\n if (responsive) {\n setBreakpointZone();\n bpChanged = breakpointZoneTem !== breakpointZone;\n // if (hasRightDeadZone) { needContainerTransform = true; } // *?\n if (bpChanged) { events.emit('newBreakpointStart', info(e)); }\n }\n\n var indChanged,\n itemsChanged,\n itemsTem = items,\n disableTem = disable,\n freezeTem = freeze,\n arrowKeysTem = arrowKeys,\n controlsTem = controls,\n navTem = nav,\n touchTem = touch,\n mouseDragTem = mouseDrag,\n autoplayTem = autoplay,\n autoplayHoverPauseTem = autoplayHoverPause,\n autoplayResetOnVisibilityTem = autoplayResetOnVisibility,\n indexTem = index;\n\n if (bpChanged) {\n var fixedWidthTem = fixedWidth,\n autoHeightTem = autoHeight,\n controlsTextTem = controlsText,\n centerTem = center,\n autoplayTextTem = autoplayText;\n\n if (!CSSMQ) {\n var gutterTem = gutter,\n edgePaddingTem = edgePadding;\n }\n }\n\n // get option:\n // fixed width: viewport, fixedWidth, gutter => items\n // others: window width => all variables\n // all: items => slideBy\n arrowKeys = getOption('arrowKeys');\n controls = getOption('controls');\n nav = getOption('nav');\n touch = getOption('touch');\n center = getOption('center');\n mouseDrag = getOption('mouseDrag');\n autoplay = getOption('autoplay');\n autoplayHoverPause = getOption('autoplayHoverPause');\n autoplayResetOnVisibility = getOption('autoplayResetOnVisibility');\n\n if (bpChanged) {\n disable = getOption('disable');\n fixedWidth = getOption('fixedWidth');\n speed = getOption('speed');\n autoHeight = getOption('autoHeight');\n controlsText = getOption('controlsText');\n autoplayText = getOption('autoplayText');\n autoplayTimeout = getOption('autoplayTimeout');\n\n if (!CSSMQ) {\n edgePadding = getOption('edgePadding');\n gutter = getOption('gutter');\n }\n }\n // update options\n resetVariblesWhenDisable(disable);\n\n viewport = getViewportWidth(); // <= edgePadding, gutter\n if ((!horizontal || autoWidth) && !disable) {\n setSlidePositions();\n if (!horizontal) {\n updateContentWrapperHeight(); // <= setSlidePositions\n needContainerTransform = true;\n }\n }\n if (fixedWidth || autoWidth) {\n rightBoundary = getRightBoundary(); // autoWidth: <= viewport, slidePositions, gutter\n // fixedWidth: <= viewport, fixedWidth, gutter\n indexMax = getIndexMax(); // autoWidth: <= rightBoundary, slidePositions\n // fixedWidth: <= rightBoundary, fixedWidth, gutter\n }\n\n if (bpChanged || fixedWidth) {\n items = getOption('items');\n slideBy = getOption('slideBy');\n itemsChanged = items !== itemsTem;\n\n if (itemsChanged) {\n if (!fixedWidth && !autoWidth) { indexMax = getIndexMax(); } // <= items\n // check index before transform in case\n // slider reach the right edge then items become bigger\n updateIndex();\n }\n }\n \n if (bpChanged) {\n if (disable !== disableTem) {\n if (disable) {\n disableSlider();\n } else {\n enableSlider(); // <= slidePositions, rightBoundary, indexMax\n }\n }\n }\n\n if (freezable && (bpChanged || fixedWidth || autoWidth)) {\n freeze = getFreeze(); // <= autoWidth: slidePositions, gutter, viewport, rightBoundary\n // <= fixedWidth: fixedWidth, gutter, rightBoundary\n // <= others: items\n\n if (freeze !== freezeTem) {\n if (freeze) {\n doContainerTransform(getContainerTransformValue(getStartIndex(0)));\n freezeSlider();\n } else {\n unfreezeSlider();\n needContainerTransform = true;\n }\n }\n }\n\n resetVariblesWhenDisable(disable || freeze); // controls, nav, touch, mouseDrag, arrowKeys, autoplay, autoplayHoverPause, autoplayResetOnVisibility\n if (!autoplay) { autoplayHoverPause = autoplayResetOnVisibility = false; }\n\n if (arrowKeys !== arrowKeysTem) {\n arrowKeys ?\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(doc, docmentKeydownEvent) :\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(doc, docmentKeydownEvent);\n }\n if (controls !== controlsTem) {\n if (controls) {\n if (controlsContainer) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_27__helpers_showElement_js__[\"a\" /* showElement */])(controlsContainer);\n } else {\n if (prevButton) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_27__helpers_showElement_js__[\"a\" /* showElement */])(prevButton); }\n if (nextButton) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_27__helpers_showElement_js__[\"a\" /* showElement */])(nextButton); }\n }\n } else {\n if (controlsContainer) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_26__helpers_hideElement_js__[\"a\" /* hideElement */])(controlsContainer);\n } else {\n if (prevButton) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_26__helpers_hideElement_js__[\"a\" /* hideElement */])(prevButton); }\n if (nextButton) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_26__helpers_hideElement_js__[\"a\" /* hideElement */])(nextButton); }\n }\n }\n }\n if (nav !== navTem) {\n nav ?\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_27__helpers_showElement_js__[\"a\" /* showElement */])(navContainer) :\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_26__helpers_hideElement_js__[\"a\" /* hideElement */])(navContainer);\n }\n if (touch !== touchTem) {\n touch ?\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(container, touchEvents, options.preventScrollOnTouch) :\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(container, touchEvents);\n }\n if (mouseDrag !== mouseDragTem) {\n mouseDrag ?\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(container, dragEvents) :\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(container, dragEvents);\n }\n if (autoplay !== autoplayTem) {\n if (autoplay) {\n if (autoplayButton) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_27__helpers_showElement_js__[\"a\" /* showElement */])(autoplayButton); }\n if (!animating && !autoplayUserPaused) { startAutoplay(); }\n } else {\n if (autoplayButton) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_26__helpers_hideElement_js__[\"a\" /* hideElement */])(autoplayButton); }\n if (animating) { stopAutoplay(); }\n }\n }\n if (autoplayHoverPause !== autoplayHoverPauseTem) {\n autoplayHoverPause ?\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(container, hoverEvents) :\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(container, hoverEvents);\n }\n if (autoplayResetOnVisibility !== autoplayResetOnVisibilityTem) {\n autoplayResetOnVisibility ?\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(doc, visibilityEvent) :\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(doc, visibilityEvent);\n }\n\n if (bpChanged) {\n if (fixedWidth !== fixedWidthTem || center !== centerTem) { needContainerTransform = true; }\n\n if (autoHeight !== autoHeightTem) {\n if (!autoHeight) { innerWrapper.style.height = ''; }\n }\n\n if (controls && controlsText !== controlsTextTem) {\n prevButton.innerHTML = controlsText[0];\n nextButton.innerHTML = controlsText[1];\n }\n\n if (autoplayButton && autoplayText !== autoplayTextTem) {\n var i = autoplay ? 1 : 0,\n html = autoplayButton.innerHTML,\n len = html.length - autoplayTextTem[i].length;\n if (html.substring(len) === autoplayTextTem[i]) {\n autoplayButton.innerHTML = html.substring(0, len) + autoplayText[i];\n }\n }\n } else {\n if (center && (fixedWidth || autoWidth)) { needContainerTransform = true; }\n }\n\n if (itemsChanged || fixedWidth && !autoWidth) {\n pages = getPages();\n updateNavVisibility();\n }\n\n indChanged = index !== indexTem;\n if (indChanged) { \n events.emit('indexChanged', info());\n needContainerTransform = true;\n } else if (itemsChanged) {\n if (!indChanged) { additionalUpdates(); }\n } else if (fixedWidth || autoWidth) {\n doLazyLoad(); \n updateSlideStatus();\n updateLiveRegion();\n }\n\n if (itemsChanged && !carousel) { updateGallerySlidePositions(); }\n\n if (!disable && !freeze) {\n // non-meduaqueries: IE8\n if (bpChanged && !CSSMQ) {\n // middle wrapper styles\n if (autoHeight !== autoheightTem || speed !== speedTem) {\n update_carousel_transition_duration();\n }\n\n // inner wrapper styles\n if (edgePadding !== edgePaddingTem || gutter !== gutterTem) {\n innerWrapper.style.cssText = getInnerWrapperStyles(edgePadding, gutter, fixedWidth, speed, autoHeight);\n }\n\n if (horizontal) {\n // container styles\n if (carousel) {\n container.style.width = getContainerWidth(fixedWidth, gutter, items);\n }\n\n // slide styles\n var str = getSlideWidthStyle(fixedWidth, gutter, items) + \n getSlideGutterStyle(gutter);\n\n // remove the last line and\n // add new styles\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_13__helpers_removeCSSRule_js__[\"a\" /* removeCSSRule */])(sheet, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_14__helpers_getCssRulesLength_js__[\"a\" /* getCssRulesLength */])(sheet) - 1);\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_12__helpers_addCSSRule_js__[\"a\" /* addCSSRule */])(sheet, '#' + slideId + ' > .tns-item', str, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_14__helpers_getCssRulesLength_js__[\"a\" /* getCssRulesLength */])(sheet));\n }\n }\n\n // auto height\n if (autoHeight) { doAutoHeight(); }\n\n if (needContainerTransform) {\n doContainerTransformSilent();\n indexCached = index;\n }\n }\n\n if (bpChanged) { events.emit('newBreakpointEnd', info(e)); }\n }\n\n\n\n\n\n // === INITIALIZATION FUNCTIONS === //\n function getFreeze () {\n if (!fixedWidth && !autoWidth) {\n var a = center ? items - (items - 1) / 2 : items;\n return slideCount <= a;\n }\n\n var width = fixedWidth ? (fixedWidth + gutter) * slideCount : slidePositions[slideCount],\n vp = edgePadding ? viewport + edgePadding * 2 : viewport + gutter;\n\n if (center) {\n vp -= fixedWidth ? (viewport - fixedWidth) / 2 : (viewport - (slidePositions[index + 1] - slidePositions[index] - gutter)) / 2;\n }\n\n return width <= vp;\n }\n\n function setBreakpointZone () {\n breakpointZone = 0;\n for (var bp in responsive) {\n bp = parseInt(bp); // convert string to number\n if (windowWidth >= bp) { breakpointZone = bp; }\n }\n }\n\n // (slideBy, indexMin, indexMax) => index\n var updateIndex = (function () {\n return loop ? \n carousel ?\n // loop + carousel\n function () {\n var leftEdge = indexMin,\n rightEdge = indexMax;\n\n leftEdge += slideBy;\n rightEdge -= slideBy;\n\n // adjust edges when has edge paddings\n // or fixed-width slider with extra space on the right side\n if (edgePadding) {\n leftEdge += 1;\n rightEdge -= 1;\n } else if (fixedWidth) {\n if ((viewport + gutter)%(fixedWidth + gutter)) { rightEdge -= 1; }\n }\n\n if (cloneCount) {\n if (index > rightEdge) {\n index -= slideCount;\n } else if (index < leftEdge) {\n index += slideCount;\n }\n }\n } :\n // loop + gallery\n function() {\n if (index > indexMax) {\n while (index >= indexMin + slideCount) { index -= slideCount; }\n } else if (index < indexMin) {\n while (index <= indexMax - slideCount) { index += slideCount; }\n }\n } :\n // non-loop\n function() {\n index = Math.max(indexMin, Math.min(indexMax, index));\n };\n })();\n\n function disableUI () {\n if (!autoplay && autoplayButton) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_26__helpers_hideElement_js__[\"a\" /* hideElement */])(autoplayButton); }\n if (!nav && navContainer) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_26__helpers_hideElement_js__[\"a\" /* hideElement */])(navContainer); }\n if (!controls) {\n if (controlsContainer) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_26__helpers_hideElement_js__[\"a\" /* hideElement */])(controlsContainer);\n } else {\n if (prevButton) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_26__helpers_hideElement_js__[\"a\" /* hideElement */])(prevButton); }\n if (nextButton) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_26__helpers_hideElement_js__[\"a\" /* hideElement */])(nextButton); }\n }\n }\n }\n\n function enableUI () {\n if (autoplay && autoplayButton) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_27__helpers_showElement_js__[\"a\" /* showElement */])(autoplayButton); }\n if (nav && navContainer) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_27__helpers_showElement_js__[\"a\" /* showElement */])(navContainer); }\n if (controls) {\n if (controlsContainer) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_27__helpers_showElement_js__[\"a\" /* showElement */])(controlsContainer);\n } else {\n if (prevButton) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_27__helpers_showElement_js__[\"a\" /* showElement */])(prevButton); }\n if (nextButton) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_27__helpers_showElement_js__[\"a\" /* showElement */])(nextButton); }\n }\n }\n }\n\n function freezeSlider () {\n if (frozen) { return; }\n\n // remove edge padding from inner wrapper\n if (edgePadding) { innerWrapper.style.margin = '0px'; }\n\n // add class tns-transparent to cloned slides\n if (cloneCount) {\n var str = 'tns-transparent';\n for (var i = cloneCount; i--;) {\n if (carousel) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(slideItems[i], str); }\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(slideItems[slideCountNew - i - 1], str);\n }\n }\n\n // update tools\n disableUI();\n\n frozen = true;\n }\n\n function unfreezeSlider () {\n if (!frozen) { return; }\n\n // restore edge padding for inner wrapper\n // for mordern browsers\n if (edgePadding && CSSMQ) { innerWrapper.style.margin = ''; }\n\n // remove class tns-transparent to cloned slides\n if (cloneCount) {\n var str = 'tns-transparent';\n for (var i = cloneCount; i--;) {\n if (carousel) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_20__helpers_removeClass_js__[\"a\" /* removeClass */])(slideItems[i], str); }\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_20__helpers_removeClass_js__[\"a\" /* removeClass */])(slideItems[slideCountNew - i - 1], str);\n }\n }\n\n // update tools\n enableUI();\n\n frozen = false;\n }\n\n function disableSlider () {\n if (disabled) { return; }\n\n sheet.disabled = true;\n container.className = container.className.replace(newContainerClasses.substring(1), '');\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_24__helpers_removeAttrs_js__[\"a\" /* removeAttrs */])(container, ['style']);\n if (loop) {\n for (var j = cloneCount; j--;) {\n if (carousel) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_26__helpers_hideElement_js__[\"a\" /* hideElement */])(slideItems[j]); }\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_26__helpers_hideElement_js__[\"a\" /* hideElement */])(slideItems[slideCountNew - j - 1]);\n }\n }\n\n // vertical slider\n if (!horizontal || !carousel) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_24__helpers_removeAttrs_js__[\"a\" /* removeAttrs */])(innerWrapper, ['style']); }\n\n // gallery\n if (!carousel) { \n for (var i = index, l = index + slideCount; i < l; i++) {\n var item = slideItems[i];\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_24__helpers_removeAttrs_js__[\"a\" /* removeAttrs */])(item, ['style']);\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_20__helpers_removeClass_js__[\"a\" /* removeClass */])(item, animateIn);\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_20__helpers_removeClass_js__[\"a\" /* removeClass */])(item, animateNormal);\n }\n }\n\n // update tools\n disableUI();\n\n disabled = true;\n }\n\n function enableSlider () {\n if (!disabled) { return; }\n\n sheet.disabled = false;\n container.className += newContainerClasses;\n doContainerTransformSilent();\n\n if (loop) {\n for (var j = cloneCount; j--;) {\n if (carousel) { __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_27__helpers_showElement_js__[\"a\" /* showElement */])(slideItems[j]); }\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_27__helpers_showElement_js__[\"a\" /* showElement */])(slideItems[slideCountNew - j - 1]);\n }\n }\n\n // gallery\n if (!carousel) { \n for (var i = index, l = index + slideCount; i < l; i++) {\n var item = slideItems[i],\n classN = i < index + items ? animateIn : animateNormal;\n item.style.left = (i - index) * 100 / items + '%';\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(item, classN);\n }\n }\n\n // update tools\n enableUI();\n\n disabled = false;\n }\n\n function updateLiveRegion () {\n var str = getLiveRegionStr();\n if (liveregionCurrent.innerHTML !== str) { liveregionCurrent.innerHTML = str; }\n }\n\n function getLiveRegionStr () {\n var arr = getVisibleSlideRange(),\n start = arr[0] + 1,\n end = arr[1] + 1;\n return start === end ? start + '' : start + ' to ' + end; \n }\n\n function getVisibleSlideRange (val) {\n if (val == null) { val = getContainerTransformValue(); }\n var start = index, end, rangestart, rangeend;\n\n // get range start, range end for autoWidth and fixedWidth\n if (center || edgePadding) {\n if (autoWidth || fixedWidth) {\n rangestart = - (parseFloat(val) + edgePadding);\n rangeend = rangestart + viewport + edgePadding * 2;\n }\n } else {\n if (autoWidth) {\n rangestart = slidePositions[index];\n rangeend = rangestart + viewport;\n }\n }\n\n // get start, end\n // - check auto width\n if (autoWidth) {\n slidePositions.forEach(function(point, i) {\n if (i < slideCountNew) {\n if ((center || edgePadding) && point <= rangestart + 0.5) { start = i; }\n if (rangeend - point >= 0.5) { end = i; }\n }\n });\n\n // - check percentage width, fixed width\n } else {\n\n if (fixedWidth) {\n var cell = fixedWidth + gutter;\n if (center || edgePadding) {\n start = Math.floor(rangestart/cell);\n end = Math.ceil(rangeend/cell - 1);\n } else {\n end = start + Math.ceil(viewport/cell) - 1;\n }\n\n } else {\n if (center || edgePadding) {\n var a = items - 1;\n if (center) {\n start -= a / 2;\n end = index + a / 2;\n } else {\n end = index + a;\n }\n\n if (edgePadding) {\n var b = edgePadding * items / viewport;\n start -= b;\n end += b;\n }\n\n start = Math.floor(start);\n end = Math.ceil(end);\n } else {\n end = start + items - 1;\n }\n }\n\n start = Math.max(start, 0);\n end = Math.min(end, slideCountNew - 1);\n }\n\n return [start, end];\n }\n\n function doLazyLoad () {\n if (lazyload && !disable) {\n getImageArray.apply(null, getVisibleSlideRange()).forEach(function (img) {\n if (!__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_18__helpers_hasClass_js__[\"a\" /* hasClass */])(img, imgCompleteClass)) {\n // stop propagation transitionend event to container\n var eve = {};\n eve[TRANSITIONEND] = function (e) { e.stopPropagation(); };\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(img, eve);\n\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(img, imgEvents);\n\n // update src\n img.src = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_22__helpers_getAttr_js__[\"a\" /* getAttr */])(img, 'data-src');\n\n // update srcset\n var srcset = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_22__helpers_getAttr_js__[\"a\" /* getAttr */])(img, 'data-srcset');\n if (srcset) { img.srcset = srcset; }\n\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(img, 'loading');\n }\n });\n }\n }\n\n function onImgLoaded (e) {\n imgLoaded(getTarget(e));\n }\n\n function onImgFailed (e) {\n imgFailed(getTarget(e));\n }\n\n function imgLoaded (img) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(img, 'loaded');\n imgCompleted(img);\n }\n\n function imgFailed (img) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(img, 'failed');\n imgCompleted(img);\n }\n\n function imgCompleted (img) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(img, 'tns-complete');\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_20__helpers_removeClass_js__[\"a\" /* removeClass */])(img, 'loading');\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(img, imgEvents);\n }\n\n function getImageArray (start, end) {\n var imgs = [];\n while (start <= end) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_17__helpers_forEach_js__[\"a\" /* forEach */])(slideItems[start].querySelectorAll('img'), function (img) { imgs.push(img); });\n start++;\n }\n\n return imgs;\n }\n\n // check if all visible images are loaded\n // and update container height if it's done\n function doAutoHeight () {\n var imgs = getImageArray.apply(null, getVisibleSlideRange());\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__helpers_raf_js__[\"a\" /* raf */])(function(){ imgsLoadedCheck(imgs, updateInnerWrapperHeight); });\n }\n\n function imgsLoadedCheck (imgs, cb) {\n // directly execute callback function if all images are complete\n if (imgsComplete) { return cb(); }\n\n // check selected image classes otherwise\n imgs.forEach(function (img, index) {\n if (__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_18__helpers_hasClass_js__[\"a\" /* hasClass */])(img, imgCompleteClass)) { imgs.splice(index, 1); }\n });\n\n // execute callback function if selected images are all complete\n if (!imgs.length) { return cb(); }\n\n // otherwise execute this functiona again\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__helpers_raf_js__[\"a\" /* raf */])(function(){ imgsLoadedCheck(imgs, cb); });\n } \n\n function additionalUpdates () {\n doLazyLoad(); \n updateSlideStatus();\n updateLiveRegion();\n updateControlsStatus();\n updateNavStatus();\n }\n\n\n function update_carousel_transition_duration () {\n if (carousel && autoHeight) {\n middleWrapper.style[TRANSITIONDURATION] = speed / 1000 + 's';\n }\n }\n\n function getMaxSlideHeight (slideStart, slideRange) {\n var heights = [];\n for (var i = slideStart, l = Math.min(slideStart + slideRange, slideCountNew); i < l; i++) {\n heights.push(slideItems[i].offsetHeight);\n }\n\n return Math.max.apply(null, heights);\n }\n\n // update inner wrapper height\n // 1. get the max-height of the visible slides\n // 2. set transitionDuration to speed\n // 3. update inner wrapper height to max-height\n // 4. set transitionDuration to 0s after transition done\n function updateInnerWrapperHeight () {\n var maxHeight = autoHeight ? getMaxSlideHeight(index, items) : getMaxSlideHeight(cloneCount, slideCount),\n wp = middleWrapper ? middleWrapper : innerWrapper;\n\n if (wp.style.height !== maxHeight) { wp.style.height = maxHeight + 'px'; }\n }\n\n // get the distance from the top edge of the first slide to each slide\n // (init) => slidePositions\n function setSlidePositions () {\n slidePositions = [0];\n var attr = horizontal ? 'left' : 'top',\n attr2 = horizontal ? 'right' : 'bottom',\n base = slideItems[0].getBoundingClientRect()[attr];\n\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_17__helpers_forEach_js__[\"a\" /* forEach */])(slideItems, function(item, i) {\n // skip the first slide\n if (i) { slidePositions.push(item.getBoundingClientRect()[attr] - base); }\n // add the end edge\n if (i === slideCountNew - 1) { slidePositions.push(item.getBoundingClientRect()[attr2] - base); }\n });\n }\n\n // update slide\n function updateSlideStatus () {\n var range = getVisibleSlideRange(),\n start = range[0],\n end = range[1];\n\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_17__helpers_forEach_js__[\"a\" /* forEach */])(slideItems, function(item, i) {\n // show slides\n if (i >= start && i <= end) {\n if (__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_21__helpers_hasAttr_js__[\"a\" /* hasAttr */])(item, 'aria-hidden')) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_24__helpers_removeAttrs_js__[\"a\" /* removeAttrs */])(item, ['aria-hidden', 'tabindex']);\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(item, slideActiveClass);\n }\n // hide slides\n } else {\n if (!__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_21__helpers_hasAttr_js__[\"a\" /* hasAttr */])(item, 'aria-hidden')) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_23__helpers_setAttrs_js__[\"a\" /* setAttrs */])(item, {\n 'aria-hidden': 'true',\n 'tabindex': '-1'\n });\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_20__helpers_removeClass_js__[\"a\" /* removeClass */])(item, slideActiveClass);\n }\n }\n });\n }\n\n // gallery: update slide position\n function updateGallerySlidePositions () {\n var l = index + Math.min(slideCount, items);\n for (var i = slideCountNew; i--;) {\n var item = slideItems[i];\n\n if (i >= index && i < l) {\n // add transitions to visible slides when adjusting their positions\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(item, 'tns-moving');\n\n item.style.left = (i - index) * 100 / items + '%';\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(item, animateIn);\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_20__helpers_removeClass_js__[\"a\" /* removeClass */])(item, animateNormal);\n } else if (item.style.left) {\n item.style.left = '';\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(item, animateNormal);\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_20__helpers_removeClass_js__[\"a\" /* removeClass */])(item, animateIn);\n }\n\n // remove outlet animation\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_20__helpers_removeClass_js__[\"a\" /* removeClass */])(item, animateOut);\n }\n\n // removing '.tns-moving'\n setTimeout(function() {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_17__helpers_forEach_js__[\"a\" /* forEach */])(slideItems, function(el) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_20__helpers_removeClass_js__[\"a\" /* removeClass */])(el, 'tns-moving');\n });\n }, 300);\n }\n\n // set tabindex on Nav\n function updateNavStatus () {\n // get current nav\n if (nav) {\n navCurrentIndex = navClicked >= 0 ? navClicked : getCurrentNavIndex();\n navClicked = -1;\n\n if (navCurrentIndex !== navCurrentIndexCached) {\n var navPrev = navItems[navCurrentIndexCached],\n navCurrent = navItems[navCurrentIndex];\n\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_23__helpers_setAttrs_js__[\"a\" /* setAttrs */])(navPrev, {\n 'tabindex': '-1',\n 'aria-label': navStr + (navCurrentIndexCached + 1)\n });\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_20__helpers_removeClass_js__[\"a\" /* removeClass */])(navPrev, navActiveClass);\n \n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_23__helpers_setAttrs_js__[\"a\" /* setAttrs */])(navCurrent, {'aria-label': navStr + (navCurrentIndex + 1) + navStrCurrent});\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_24__helpers_removeAttrs_js__[\"a\" /* removeAttrs */])(navCurrent, 'tabindex');\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(navCurrent, navActiveClass);\n\n navCurrentIndexCached = navCurrentIndex;\n }\n }\n }\n\n function getLowerCaseNodeName (el) {\n return el.nodeName.toLowerCase();\n }\n\n function isButton (el) {\n return getLowerCaseNodeName(el) === 'button';\n }\n\n function isAriaDisabled (el) {\n return el.getAttribute('aria-disabled') === 'true';\n }\n\n function disEnableElement (isButton, el, val) {\n if (isButton) {\n el.disabled = val;\n } else {\n el.setAttribute('aria-disabled', val.toString());\n }\n }\n\n // set 'disabled' to true on controls when reach the edges\n function updateControlsStatus () {\n if (!controls || rewind || loop) { return; }\n\n var prevDisabled = (prevIsButton) ? prevButton.disabled : isAriaDisabled(prevButton),\n nextDisabled = (nextIsButton) ? nextButton.disabled : isAriaDisabled(nextButton),\n disablePrev = (index <= indexMin) ? true : false,\n disableNext = (!rewind && index >= indexMax) ? true : false;\n\n if (disablePrev && !prevDisabled) {\n disEnableElement(prevIsButton, prevButton, true);\n }\n if (!disablePrev && prevDisabled) {\n disEnableElement(prevIsButton, prevButton, false);\n }\n if (disableNext && !nextDisabled) {\n disEnableElement(nextIsButton, nextButton, true);\n }\n if (!disableNext && nextDisabled) {\n disEnableElement(nextIsButton, nextButton, false);\n }\n }\n\n // set duration\n function resetDuration (el, str) {\n if (TRANSITIONDURATION) { el.style[TRANSITIONDURATION] = str; }\n }\n\n function getSliderWidth () {\n return fixedWidth ? (fixedWidth + gutter) * slideCountNew : slidePositions[slideCountNew];\n }\n\n function getCenterGap (num) {\n if (num == null) { num = index; }\n\n var gap = edgePadding ? gutter : 0;\n return autoWidth ? ((viewport - gap) - (slidePositions[num + 1] - slidePositions[num] - gutter))/2 :\n fixedWidth ? (viewport - fixedWidth) / 2 :\n (items - 1) / 2;\n }\n\n function getRightBoundary () {\n var gap = edgePadding ? gutter : 0,\n result = (viewport + gap) - getSliderWidth();\n\n if (center && !loop) {\n result = fixedWidth ? - (fixedWidth + gutter) * (slideCountNew - 1) - getCenterGap() :\n getCenterGap(slideCountNew - 1) - slidePositions[slideCountNew - 1];\n }\n if (result > 0) { result = 0; }\n\n return result;\n }\n\n function getContainerTransformValue (num) {\n if (num == null) { num = index; }\n\n var val;\n if (horizontal && !autoWidth) {\n if (fixedWidth) {\n val = - (fixedWidth + gutter) * num;\n if (center) { val += getCenterGap(); }\n } else {\n var denominator = TRANSFORM ? slideCountNew : items;\n if (center) { num -= getCenterGap(); }\n val = - num * 100 / denominator;\n }\n } else {\n val = - slidePositions[num];\n if (center && autoWidth) {\n val += getCenterGap();\n }\n }\n\n if (hasRightDeadZone) { val = Math.max(val, rightBoundary); }\n\n val += (horizontal && !autoWidth && !fixedWidth) ? '%' : 'px';\n\n return val;\n }\n\n function doContainerTransformSilent (val) {\n resetDuration(container, '0s');\n doContainerTransform(val);\n }\n\n function doContainerTransform (val) {\n if (val == null) { val = getContainerTransformValue(); }\n container.style[transformAttr] = transformPrefix + val + transformPostfix;\n }\n\n function animateSlide (number, classOut, classIn, isOut) {\n var l = number + items;\n if (!loop) { l = Math.min(l, slideCountNew); }\n\n for (var i = number; i < l; i++) {\n var item = slideItems[i];\n\n // set item positions\n if (!isOut) { item.style.left = (i - index) * 100 / items + '%'; }\n\n if (animateDelay && TRANSITIONDELAY) {\n item.style[TRANSITIONDELAY] = item.style[ANIMATIONDELAY] = animateDelay * (i - number) / 1000 + 's';\n }\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_20__helpers_removeClass_js__[\"a\" /* removeClass */])(item, classOut);\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(item, classIn);\n \n if (isOut) { slideItemsOut.push(item); }\n }\n }\n\n // make transfer after click/drag:\n // 1. change 'transform' property for mordern browsers\n // 2. change 'left' property for legacy browsers\n var transformCore = (function () {\n return carousel ?\n function () {\n resetDuration(container, '');\n if (TRANSITIONDURATION || !speed) {\n // for morden browsers with non-zero duration or \n // zero duration for all browsers\n doContainerTransform();\n // run fallback function manually \n // when duration is 0 / container is hidden\n if (!speed || !__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_28__helpers_isVisible_js__[\"a\" /* isVisible */])(container)) { onTransitionEnd(); }\n\n } else {\n // for old browser with non-zero duration\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_35__helpers_jsTransform_js__[\"a\" /* jsTransform */])(container, transformAttr, transformPrefix, transformPostfix, getContainerTransformValue(), speed, onTransitionEnd);\n }\n\n if (!horizontal) { updateContentWrapperHeight(); }\n } :\n function () {\n slideItemsOut = [];\n\n var eve = {};\n eve[TRANSITIONEND] = eve[ANIMATIONEND] = onTransitionEnd;\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(slideItems[indexCached], eve);\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(slideItems[index], eve);\n\n animateSlide(indexCached, animateIn, animateOut, true);\n animateSlide(index, animateNormal, animateIn);\n\n // run fallback function manually \n // when transition or animation not supported / duration is 0\n if (!TRANSITIONEND || !ANIMATIONEND || !speed || !__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_28__helpers_isVisible_js__[\"a\" /* isVisible */])(container)) { onTransitionEnd(); }\n };\n })();\n\n function render (e, sliderMoved) {\n if (updateIndexBeforeTransform) { updateIndex(); }\n\n // render when slider was moved (touch or drag) even though index may not change\n if (index !== indexCached || sliderMoved) {\n // events\n events.emit('indexChanged', info());\n events.emit('transitionStart', info());\n if (autoHeight) { doAutoHeight(); }\n\n // pause autoplay when click or keydown from user\n if (animating && e && ['click', 'keydown'].indexOf(e.type) >= 0) { stopAutoplay(); }\n\n running = true;\n transformCore();\n }\n }\n\n /*\n * Transfer prefixed properties to the same format\n * CSS: -Webkit-Transform => webkittransform\n * JS: WebkitTransform => webkittransform\n * @param {string} str - property\n *\n */\n function strTrans (str) {\n return str.toLowerCase().replace(/-/g, '');\n }\n\n // AFTER TRANSFORM\n // Things need to be done after a transfer:\n // 1. check index\n // 2. add classes to visible slide\n // 3. disable controls buttons when reach the first/last slide in non-loop slider\n // 4. update nav status\n // 5. lazyload images\n // 6. update container height\n function onTransitionEnd (event) {\n // check running on gallery mode\n // make sure trantionend/animationend events run only once\n if (carousel || running) {\n events.emit('transitionEnd', info(event));\n\n if (!carousel && slideItemsOut.length > 0) {\n for (var i = 0; i < slideItemsOut.length; i++) {\n var item = slideItemsOut[i];\n // set item positions\n item.style.left = '';\n\n if (ANIMATIONDELAY && TRANSITIONDELAY) { \n item.style[ANIMATIONDELAY] = '';\n item.style[TRANSITIONDELAY] = '';\n }\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_20__helpers_removeClass_js__[\"a\" /* removeClass */])(item, animateOut);\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_19__helpers_addClass_js__[\"a\" /* addClass */])(item, animateNormal);\n }\n }\n\n /* update slides, nav, controls after checking ...\n * => legacy browsers who don't support 'event' \n * have to check event first, otherwise event.target will cause an error \n * => or 'gallery' mode: \n * + event target is slide item\n * => or 'carousel' mode: \n * + event target is container, \n * + event.property is the same with transform attribute\n */\n if (!event || \n !carousel && event.target.parentNode === container || \n event.target === container && strTrans(event.propertyName) === strTrans(transformAttr)) {\n\n if (!updateIndexBeforeTransform) { \n var indexTem = index;\n updateIndex();\n if (index !== indexTem) { \n events.emit('indexChanged', info());\n\n doContainerTransformSilent();\n }\n } \n\n if (nested === 'inner') { events.emit('innerLoaded', info()); }\n running = false;\n indexCached = index;\n }\n }\n\n }\n\n // # ACTIONS\n function goTo (targetIndex, e) {\n if (freeze) { return; }\n\n // prev slideBy\n if (targetIndex === 'prev') {\n onControlsClick(e, -1);\n\n // next slideBy\n } else if (targetIndex === 'next') {\n onControlsClick(e, 1);\n\n // go to exact slide\n } else {\n if (running) {\n if (preventActionWhenRunning) { return; } else { onTransitionEnd(); }\n }\n\n var absIndex = getAbsIndex(), \n indexGap = 0;\n\n if (targetIndex === 'first') {\n indexGap = - absIndex;\n } else if (targetIndex === 'last') {\n indexGap = carousel ? slideCount - items - absIndex : slideCount - 1 - absIndex;\n } else {\n if (typeof targetIndex !== 'number') { targetIndex = parseInt(targetIndex); }\n\n if (!isNaN(targetIndex)) {\n // from directly called goTo function\n if (!e) { targetIndex = Math.max(0, Math.min(slideCount - 1, targetIndex)); }\n\n indexGap = targetIndex - absIndex;\n }\n }\n\n // gallery: make sure new page won't overlap with current page\n if (!carousel && indexGap && Math.abs(indexGap) < items) {\n var factor = indexGap > 0 ? 1 : -1;\n indexGap += (index + indexGap - slideCount) >= indexMin ? slideCount * factor : slideCount * 2 * factor * -1;\n }\n\n index += indexGap;\n\n // make sure index is in range\n if (carousel && loop) {\n if (index < indexMin) { index += slideCount; }\n if (index > indexMax) { index -= slideCount; }\n }\n\n // if index is changed, start rendering\n if (getAbsIndex(index) !== getAbsIndex(indexCached)) {\n render(e);\n }\n\n }\n }\n\n // on controls click\n function onControlsClick (e, dir) {\n if (running) {\n if (preventActionWhenRunning) { return; } else { onTransitionEnd(); }\n }\n var passEventObject;\n\n if (!dir) {\n e = getEvent(e);\n var target = getTarget(e);\n\n while (target !== controlsContainer && [prevButton, nextButton].indexOf(target) < 0) { target = target.parentNode; }\n\n var targetIn = [prevButton, nextButton].indexOf(target);\n if (targetIn >= 0) {\n passEventObject = true;\n dir = targetIn === 0 ? -1 : 1;\n }\n }\n\n if (rewind) {\n if (index === indexMin && dir === -1) {\n goTo('last', e);\n return;\n } else if (index === indexMax && dir === 1) {\n goTo('first', e);\n return;\n }\n }\n\n if (dir) {\n index += slideBy * dir;\n if (autoWidth) { index = Math.floor(index); }\n // pass e when click control buttons or keydown\n render((passEventObject || (e && e.type === 'keydown')) ? e : null);\n }\n }\n\n // on nav click\n function onNavClick (e) {\n if (running) {\n if (preventActionWhenRunning) { return; } else { onTransitionEnd(); }\n }\n \n e = getEvent(e);\n var target = getTarget(e), navIndex;\n\n // find the clicked nav item\n while (target !== navContainer && !__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_21__helpers_hasAttr_js__[\"a\" /* hasAttr */])(target, 'data-nav')) { target = target.parentNode; }\n if (__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_21__helpers_hasAttr_js__[\"a\" /* hasAttr */])(target, 'data-nav')) {\n var navIndex = navClicked = Number(__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_22__helpers_getAttr_js__[\"a\" /* getAttr */])(target, 'data-nav')),\n targetIndexBase = fixedWidth || autoWidth ? navIndex * slideCount / pages : navIndex * items,\n targetIndex = navAsThumbnails ? navIndex : Math.min(Math.ceil(targetIndexBase), slideCount - 1);\n goTo(targetIndex, e);\n\n if (navCurrentIndex === navIndex) {\n if (animating) { stopAutoplay(); }\n navClicked = -1; // reset navClicked\n }\n }\n }\n\n // autoplay functions\n function setAutoplayTimer () {\n autoplayTimer = setInterval(function () {\n onControlsClick(null, autoplayDirection);\n }, autoplayTimeout);\n\n animating = true;\n }\n\n function stopAutoplayTimer () {\n clearInterval(autoplayTimer);\n animating = false;\n }\n\n function updateAutoplayButton (action, txt) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_23__helpers_setAttrs_js__[\"a\" /* setAttrs */])(autoplayButton, {'data-action': action});\n autoplayButton.innerHTML = autoplayHtmlStrings[0] + action + autoplayHtmlStrings[1] + txt;\n }\n\n function startAutoplay () {\n setAutoplayTimer();\n if (autoplayButton) { updateAutoplayButton('stop', autoplayText[1]); }\n }\n\n function stopAutoplay () {\n stopAutoplayTimer();\n if (autoplayButton) { updateAutoplayButton('start', autoplayText[0]); }\n }\n\n // programaitcally play/pause the slider\n function play () {\n if (autoplay && !animating) {\n startAutoplay();\n autoplayUserPaused = false;\n }\n }\n function pause () {\n if (animating) {\n stopAutoplay();\n autoplayUserPaused = true;\n }\n }\n\n function toggleAutoplay () {\n if (animating) {\n stopAutoplay();\n autoplayUserPaused = true;\n } else {\n startAutoplay();\n autoplayUserPaused = false;\n }\n }\n\n function onVisibilityChange () {\n if (doc.hidden) {\n if (animating) {\n stopAutoplayTimer();\n autoplayVisibilityPaused = true;\n }\n } else if (autoplayVisibilityPaused) {\n setAutoplayTimer();\n autoplayVisibilityPaused = false;\n }\n }\n\n function mouseoverPause () {\n if (animating) { \n stopAutoplayTimer();\n autoplayHoverPaused = true;\n }\n }\n\n function mouseoutRestart () {\n if (autoplayHoverPaused) { \n setAutoplayTimer();\n autoplayHoverPaused = false;\n }\n }\n\n // keydown events on document \n function onDocumentKeydown (e) {\n e = getEvent(e);\n var keyIndex = [KEYS.LEFT, KEYS.RIGHT].indexOf(e.keyCode);\n\n if (keyIndex >= 0) {\n onControlsClick(e, keyIndex === 0 ? -1 : 1);\n }\n }\n\n // on key control\n function onControlsKeydown (e) {\n e = getEvent(e);\n var keyIndex = [KEYS.LEFT, KEYS.RIGHT].indexOf(e.keyCode);\n\n if (keyIndex >= 0) {\n if (keyIndex === 0) {\n if (!prevButton.disabled) { onControlsClick(e, -1); }\n } else if (!nextButton.disabled) {\n onControlsClick(e, 1);\n }\n }\n }\n\n // set focus\n function setFocus (el) {\n el.focus();\n }\n\n // on key nav\n function onNavKeydown (e) {\n e = getEvent(e);\n var curElement = doc.activeElement;\n if (!__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_21__helpers_hasAttr_js__[\"a\" /* hasAttr */])(curElement, 'data-nav')) { return; }\n\n // var code = e.keyCode,\n var keyIndex = [KEYS.LEFT, KEYS.RIGHT, KEYS.ENTER, KEYS.SPACE].indexOf(e.keyCode),\n navIndex = Number(__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_22__helpers_getAttr_js__[\"a\" /* getAttr */])(curElement, 'data-nav'));\n\n if (keyIndex >= 0) {\n if (keyIndex === 0) {\n if (navIndex > 0) { setFocus(navItems[navIndex - 1]); }\n } else if (keyIndex === 1) {\n if (navIndex < pages - 1) { setFocus(navItems[navIndex + 1]); }\n } else {\n navClicked = navIndex;\n goTo(navIndex, e);\n }\n }\n }\n\n function getEvent (e) {\n e = e || win.event;\n return isTouchEvent(e) ? e.changedTouches[0] : e;\n }\n function getTarget (e) {\n return e.target || win.event.srcElement;\n }\n\n function isTouchEvent (e) {\n return e.type.indexOf('touch') >= 0;\n }\n\n function preventDefaultBehavior (e) {\n e.preventDefault ? e.preventDefault() : e.returnValue = false;\n }\n\n function getMoveDirectionExpected () {\n return __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_16__helpers_getTouchDirection_js__[\"a\" /* getTouchDirection */])(__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_15__helpers_toDegree_js__[\"a\" /* toDegree */])(lastPosition.y - initPosition.y, lastPosition.x - initPosition.x), swipeAngle) === options.axis;\n }\n\n function onPanStart (e) {\n if (running) {\n if (preventActionWhenRunning) { return; } else { onTransitionEnd(); }\n }\n\n if (autoplay && animating) { stopAutoplayTimer(); }\n \n panStart = true;\n if (rafIndex) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__helpers_caf_js__[\"a\" /* caf */])(rafIndex);\n rafIndex = null;\n }\n\n var $ = getEvent(e);\n events.emit(isTouchEvent(e) ? 'touchStart' : 'dragStart', info(e));\n\n if (!isTouchEvent(e) && ['img', 'a'].indexOf(getLowerCaseNodeName(getTarget(e))) >= 0) {\n preventDefaultBehavior(e);\n }\n\n lastPosition.x = initPosition.x = $.clientX;\n lastPosition.y = initPosition.y = $.clientY;\n if (carousel) {\n translateInit = parseFloat(container.style[transformAttr].replace(transformPrefix, ''));\n resetDuration(container, '0s');\n }\n }\n\n function onPanMove (e) {\n if (panStart) {\n var $ = getEvent(e);\n lastPosition.x = $.clientX;\n lastPosition.y = $.clientY;\n\n if (carousel) {\n if (!rafIndex) { rafIndex = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__helpers_raf_js__[\"a\" /* raf */])(function(){ panUpdate(e); }); }\n } else {\n if (moveDirectionExpected === '?') { moveDirectionExpected = getMoveDirectionExpected(); }\n if (moveDirectionExpected) { preventScroll = true; }\n }\n\n if (preventScroll) { e.preventDefault(); }\n }\n }\n\n function panUpdate (e) {\n if (!moveDirectionExpected) {\n panStart = false;\n return;\n }\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__helpers_caf_js__[\"a\" /* caf */])(rafIndex);\n if (panStart) { rafIndex = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__helpers_raf_js__[\"a\" /* raf */])(function(){ panUpdate(e); }); }\n\n if (moveDirectionExpected === '?') { moveDirectionExpected = getMoveDirectionExpected(); }\n if (moveDirectionExpected) {\n if (!preventScroll && isTouchEvent(e)) { preventScroll = true; }\n\n try {\n if (e.type) { events.emit(isTouchEvent(e) ? 'touchMove' : 'dragMove', info(e)); }\n } catch(err) {}\n\n var x = translateInit,\n dist = getDist(lastPosition, initPosition);\n if (!horizontal || fixedWidth || autoWidth) {\n x += dist;\n x += 'px';\n } else {\n var percentageX = TRANSFORM ? dist * items * 100 / ((viewport + gutter) * slideCountNew): dist * 100 / (viewport + gutter);\n x += percentageX;\n x += '%';\n }\n\n container.style[transformAttr] = transformPrefix + x + transformPostfix;\n }\n }\n\n function onPanEnd (e) {\n if (panStart) {\n if (rafIndex) {\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__helpers_caf_js__[\"a\" /* caf */])(rafIndex);\n rafIndex = null;\n }\n if (carousel) { resetDuration(container, ''); }\n panStart = false;\n\n var $ = getEvent(e);\n lastPosition.x = $.clientX;\n lastPosition.y = $.clientY;\n var dist = getDist(lastPosition, initPosition);\n\n if (Math.abs(dist)) {\n // drag vs click\n if (!isTouchEvent(e)) {\n // prevent \"click\"\n var target = getTarget(e);\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_32__helpers_addEvents_js__[\"a\" /* addEvents */])(target, {'click': function preventClick (e) {\n preventDefaultBehavior(e);\n __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_33__helpers_removeEvents_js__[\"a\" /* removeEvents */])(target, {'click': preventClick});\n }}); \n }\n\n if (carousel) {\n rafIndex = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__helpers_raf_js__[\"a\" /* raf */])(function() {\n if (horizontal && !autoWidth) {\n var indexMoved = - dist * items / (viewport + gutter);\n indexMoved = dist > 0 ? Math.floor(indexMoved) : Math.ceil(indexMoved);\n index += indexMoved;\n } else {\n var moved = - (translateInit + dist);\n if (moved <= 0) {\n index = indexMin;\n } else if (moved >= slidePositions[slideCountNew - 1]) {\n index = indexMax;\n } else {\n var i = 0;\n while (i < slideCountNew && moved >= slidePositions[i]) {\n index = i;\n if (moved > slidePositions[i] && dist < 0) { index += 1; }\n i++;\n }\n }\n }\n\n render(e, dist);\n events.emit(isTouchEvent(e) ? 'touchEnd' : 'dragEnd', info(e));\n });\n } else {\n if (moveDirectionExpected) {\n onControlsClick(e, dist > 0 ? -1 : 1);\n }\n }\n }\n }\n\n // reset\n if (options.preventScrollOnTouch === 'auto') { preventScroll = false; }\n if (swipeAngle) { moveDirectionExpected = '?'; } \n if (autoplay && !animating) { setAutoplayTimer(); }\n }\n\n // === RESIZE FUNCTIONS === //\n // (slidePositions, index, items) => vertical_conentWrapper.height\n function updateContentWrapperHeight () {\n var wp = middleWrapper ? middleWrapper : innerWrapper;\n wp.style.height = slidePositions[index + items] - slidePositions[index] + 'px';\n }\n\n function getPages () {\n var rough = fixedWidth ? (fixedWidth + gutter) * slideCount / viewport : slideCount / items;\n return Math.min(Math.ceil(rough), slideCount);\n }\n\n /*\n * 1. update visible nav items list\n * 2. add \"hidden\" attributes to previous visible nav items\n * 3. remove \"hidden\" attrubutes to new visible nav items\n */\n function updateNavVisibility () {\n if (!nav || navAsThumbnails) { return; }\n\n if (pages !== pagesCached) {\n var min = pagesCached,\n max = pages,\n fn = __WEBPACK_IMPORTED_MODULE_27__helpers_showElement_js__[\"a\" /* showElement */];\n\n if (pagesCached > pages) {\n min = pages;\n max = pagesCached;\n fn = __WEBPACK_IMPORTED_MODULE_26__helpers_hideElement_js__[\"a\" /* hideElement */];\n }\n\n while (min < max) {\n fn(navItems[min]);\n min++;\n }\n\n // cache pages\n pagesCached = pages;\n }\n }\n\n function info (e) {\n return {\n container: container,\n slideItems: slideItems,\n navContainer: navContainer,\n navItems: navItems,\n controlsContainer: controlsContainer,\n hasControls: hasControls,\n prevButton: prevButton,\n nextButton: nextButton,\n items: items,\n slideBy: slideBy,\n cloneCount: cloneCount,\n slideCount: slideCount,\n slideCountNew: slideCountNew,\n index: index,\n indexCached: indexCached,\n displayIndex: getCurrentSlide(),\n navCurrentIndex: navCurrentIndex,\n navCurrentIndexCached: navCurrentIndexCached,\n pages: pages,\n pagesCached: pagesCached,\n sheet: sheet,\n isOn: isOn,\n event: e || {},\n };\n }\n\n return {\n version: '2.9.2',\n getInfo: info,\n events: events,\n goTo: goTo,\n play: play,\n pause: pause,\n isOn: isOn,\n updateSliderHeight: updateInnerWrapperHeight,\n refresh: initSliderTransform,\n destroy: destroy,\n rebuild: function() {\n return tns(__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_4__helpers_extend_js__[\"a\" /* extend */])(options, optionsElements));\n }\n };\n};\n\n\n/***/ }),\n\n/***/ 532:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _jump = __webpack_require__(255);\n\nvar _jump2 = _interopRequireDefault(_jump);\n\nvar _urlPattern = __webpack_require__(871);\n\nvar _urlPattern2 = _interopRequireDefault(_urlPattern);\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint no-restricted-globals: [\"off\", \"history\"] */\n\n\nvar CompetitionForm = function (_Component) {\n _inherits(CompetitionForm, _Component);\n\n function CompetitionForm() {\n _classCallCheck(this, CompetitionForm);\n\n return _possibleConstructorReturn(this, (CompetitionForm.__proto__ || Object.getPrototypeOf(CompetitionForm)).apply(this, arguments));\n }\n\n _createClass(CompetitionForm, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _this2 = this;\n\n var maxWidth = 1023;\n this.smallValue = 90;\n this.largeValue = -100;\n this.mq = window.matchMedia('(max-width: ' + maxWidth + 'px)');\n this.scrollOffset = window.innerWidth < maxWidth ? this.smallValue : this.largeValue;\n this.answerOption = [].concat(_toConsumableArray(this.root.querySelectorAll('[data-ref=\"comp-option\"]')));\n this.filteranswer = this.root.querySelector('[data-ref=\"drp-option\"]');\n this.dropdownanswerOption = [].concat(_toConsumableArray(this.root.querySelectorAll('.competition-form__answers-list > li')));\n this.dropdownanswerList = this.root.querySelector('.competition-form__answers-list');\n this.anchoranswer = this.root.querySelector('.competition-form__anchor-image');\n this.termsOption = this.root.querySelector('[data-ref=\"terms-checkbox\"]');\n this.ctaButton = this.root.querySelector('[data-ref=\"cta-button\"]');\n this.successContainter = this.root.querySelector('[data-ref=\"entry-success\"]');\n this.errorContainter = this.root.querySelector('[data-ref=\"entry-error\"]');\n this.APIURL = this.props.url;\n this.scConfig = window.engms.compMessage;\n\n window.onload = function () {\n _this2.checkHash();\n\n if (_this2.dropdownanswerList != null) {\n _this2.dropdownanswerList.style.display = 'none';\n }\n };\n\n this.bindEventListeners();\n\n // Check to see if there is a stored answer\n this.getLocalStorage();\n this.handleValidation();\n }\n }, {\n key: 'bindEventListeners',\n value: function bindEventListeners() {\n var _this3 = this;\n\n this.answerOption.forEach(function (option) {\n option.addEventListener('click', _this3.handleValidation.bind(_this3));\n });\n\n if (this.anchoranswer != null) {\n this.anchoranswer.addEventListener('click', this.dropdowntoogle.bind(this));\n }\n if (this.filteranswer != null) {\n this.filteranswer.addEventListener('keyup', this.filter.bind(this));\n this.filteranswer.addEventListener('keyup', this.handleValidation.bind(this));\n this.filteranswer.addEventListener('focusout', this.handleValidation.bind(this));\n }\n\n var selectedOption = localStorage.getItem('fa-comp-answer');\n\n var i, dropvalue, selectedValue;\n for (i = 0; i < this.dropdownanswerOption.length; i++) {\n dropvalue = this.dropdownanswerOption[i];\n dropvalue.addEventListener('click', this.dropdownanswervalue.bind(dropvalue));\n dropvalue.addEventListener('click', this.handleValidation.bind(this));\n if (selectedOption) {\n if (selectedOption == this.dropdownanswerOption[i].getAttribute('data-value')) {\n selectedValue = this.dropdownanswerOption[i].innerText;\n document.getElementById('competition-form__search-input').value = selectedValue;\n }\n }\n }\n\n this.termsOption.addEventListener('click', this.handleValidation.bind(this));\n\n this.ctaButton.addEventListener('click', this.handleAjaxCall.bind(this));\n\n document.addEventListener('modelClosed', this.resetForm.bind(this));\n\n this.mq.addListener(function (mql) {\n if (mql.matches) {\n _this3.scrollOffset = _this3.smallValue;\n } else {\n _this3.scrollOffset = _this3.largeValue;\n }\n });\n }\n }, {\n key: 'checkTextWithDropDownValue',\n value: function checkTextWithDropDownValue(txt) {\n var flag = false;\n var i;\n for (i = 0; i < this.dropdownanswerOption.length; i++) {\n var dropvalue = this.dropdownanswerOption[i].innerText;\n if (txt.toUpperCase() == dropvalue.toUpperCase()) {\n flag = true;\n var selId = this.dropdownanswerOption[i].getAttribute('data-value');\n var a = document.getElementById('competition-form__search-input');\n\n a.setAttribute('data-value', selId);\n break;\n }\n }\n\n return flag;\n }\n }, {\n key: 'resetForm',\n value: function resetForm() {\n this.root.classList.remove('is--success');\n this.root.classList.remove('is--error');\n\n this.answerOption.forEach(function (option) {\n var radioOption = option;\n radioOption.checked = false;\n });\n\n this.termsOption.checked = false;\n this.ctaButton.disabled = true;\n if (this.filteranswer != null) {\n this.filteranswer.setAttribute('data-value', \"\");\n this.filteranswer.value = \"\";\n }\n }\n }, {\n key: 'checkHash',\n value: function checkHash() {\n var windowHash = window.location.hash;\n var parentSection = this.root.parentNode.parentNode;\n var sectionRef = '#' + parentSection.getAttribute('data-section-ref');\n\n if (windowHash === sectionRef) {\n var modal = this.root.parentNode;\n\n if ('scrollRestoration' in history) {\n history.scrollRestoration = 'manual';\n }\n\n if (modal.getAttribute('data-component') === 'modal') {\n modal.classList.add('is--open');\n }\n\n (0, _jump2.default)(this.root, {\n offset: this.scrollOffset\n });\n }\n }\n }, {\n key: 'handleValidation',\n value: function handleValidation() {\n var answerInput = this.root.querySelector('input[data-ref=\"comp-option\"]:checked');\n var termsCheckbox = this.root.querySelector('[data-ref=\"terms-checkbox\"]:checked');\n\n var DDanswerInput = null;\n if (this.filteranswer != null) {\n var flag = this.checkTextWithDropDownValue(this.filteranswer.value);\n DDanswerInput = this.filteranswer.getAttribute('data-value');\n }\n\n // Check answer selection for radio button\n if (answerInput && termsCheckbox) {\n this.selectAnswer = answerInput;\n this.termsCheck = termsCheckbox;\n this.ctaButton.disabled = false;\n }\n // Check answer selection for dropdown button\n else if (DDanswerInput && termsCheckbox && this.filteranswer.value != \"\" && flag == true) {\n this.selectAnswer = DDanswerInput;\n this.termsCheck = termsCheckbox;\n this.ctaButton.disabled = false;\n } else {\n this.ctaButton.disabled = true;\n }\n }\n }, {\n key: 'handleAjaxCall',\n value: function handleAjaxCall(e) {\n var _this4 = this;\n\n e.preventDefault();\n this.ctaButton.classList.add('is--submitting');\n this.ctaButton.disabled = true;\n\n var httpRequest = new XMLHttpRequest();\n\n // Save answer\n if (this.selectAnswer.id == undefined) this.setLocalStorage(this.selectAnswer);else this.setLocalStorage(this.selectAnswer.id);\n\n // Make request\n httpRequest.onreadystatechange = function () {\n if (httpRequest.readyState === 4) {\n _this4.handleResponse(httpRequest);\n }\n };\n\n if (this.selectAnswer.value == undefined) {\n httpRequest.open('POST', this.APIURL + '?param=' + this.selectAnswer, true);\n } else {\n httpRequest.open('POST', this.APIURL + '?param=' + this.selectAnswer.value, true);\n }\n\n httpRequest.send();\n }\n }, {\n key: 'handleResponse',\n value: function handleResponse(apiResponse) {\n // If response is not valid else continue\n if (apiResponse.status === 0 && apiResponse.responseText.length === 0) {\n var targetEl = this.errorContainter.getElementsByTagName('p')[0];\n var errorObj = {\n message: this.scConfig.cannotComplete,\n targetDiv: targetEl\n };\n this.renderResult(errorObj);\n } else {\n var status = apiResponse.status,\n responseText = apiResponse.responseText;\n\n var responseObject = {\n code: status,\n message: JSON.parse(responseText),\n targetDiv: ''\n };\n\n if (status === 200) {\n var _targetEl = this.successContainter.getElementsByTagName('p')[0];\n responseObject.targetDiv = _targetEl;\n this.renderResult(responseObject, true);\n } else if (status === 418) {\n // this is normal a 401/403 but due to code conflict\n // with sitecore, will have to use 418\n this.handleRedirect(responseObject);\n } else if (status === 409) {\n var _targetEl2 = this.errorContainter.getElementsByTagName('p')[0];\n responseObject.targetDiv = _targetEl2;\n this.renderResult(responseObject);\n } else {\n var _targetEl3 = this.errorContainter.getElementsByTagName('p')[0];\n responseObject.targetDiv = _targetEl3;\n this.renderResult(responseObject);\n }\n }\n }\n }, {\n key: 'renderResult',\n value: function renderResult(obj, isSuccess) {\n var resultClass = '';\n\n if (isSuccess) {\n resultClass = 'is--success';\n // remove stored answer - no longer required to be saved\n this.removeLocalStorage();\n } else {\n resultClass = 'is--error';\n }\n\n var message = obj.message,\n targetDiv = obj.targetDiv;\n\n targetDiv.innerHTML = '' + message;\n this.root.classList.add(resultClass);\n this.ctaButton.classList.remove('is--submitting');\n this.ctaButton.disabled = false;\n\n (0, _jump2.default)('.competition-form', {\n offset: -100\n });\n }\n }, {\n key: 'handleRedirect',\n value: function handleRedirect(obj) {\n var reponseUrl = obj.message.replace('www.', '');\n var currentUrl = window.location.host.replace('www.', '');\n var pattern = new _urlPattern2.default('(http(s)\\\\://)(:subdomain.):domain.:tld(/*)');\n var responseUrlObj = pattern.match(reponseUrl);\n var currentUrlObj = pattern.match(currentUrl);\n var redirectTopLevel = '';\n var currentTopLevel = '';\n\n if (currentUrlObj) {\n var domain = currentUrlObj.domain,\n tld = currentUrlObj.tld;\n\n currentTopLevel = domain + '.' + tld;\n }\n\n if (responseUrlObj) {\n var _domain = responseUrlObj.domain,\n _tld = responseUrlObj.tld;\n\n redirectTopLevel = _domain + '.' + _tld;\n }\n\n if (currentTopLevel === redirectTopLevel) {\n window.location = obj.message;\n } else {\n var targetEl = this.errorContainter.getElementsByTagName('p')[0];\n var errorRefs = {\n message: this.scConfig.cannotComplete,\n targetDiv: targetEl\n };\n\n var errorsObj = _extends(obj, errorRefs);\n this.renderResult(errorsObj);\n }\n }\n }, {\n key: 'getLocalStorage',\n value: function getLocalStorage() {\n var selectedOption = localStorage.getItem('fa-comp-answer');\n\n if (selectedOption) {\n var selectedAnswer = document.getElementById('competition-form__search-input');\n if (selectedAnswer) {\n selectedAnswer.setAttribute('data-value', selectedOption);\n } else {\n var option = this.root.querySelector('#' + selectedOption);\n if (option) {\n option.checked = true;\n }\n }\n }\n }\n }, {\n key: 'setLocalStorage',\n value: function setLocalStorage(answer) {\n localStorage.setItem('fa-comp-answer', answer);\n }\n }, {\n key: 'removeLocalStorage',\n value: function removeLocalStorage() {\n localStorage.removeItem('fa-comp-answer');\n }\n }, {\n key: 'filter',\n value: function filter() {\n var input, div, filter, txtValue, a, i;\n input = this.root.querySelector('[data-ref=\"drp-option\"]');\n filter = input.value.toUpperCase();\n div = this.root.querySelector('.competition-form__dropdown-row');\n a = div.getElementsByTagName(\"li\");\n for (i = 0; i < a.length; i++) {\n txtValue = a[i].textContent || a[i].innerText;\n if (txtValue.toUpperCase().indexOf(filter) > -1) {\n a[i].style.display = \"\";\n } else {\n a[i].style.display = \"none\";\n }\n }\n }\n }, {\n key: 'dropdownanswervalue',\n value: function dropdownanswervalue() {\n var selval = this.innerText;\n var selId = this.getAttribute('data-value');\n var a = document.getElementById('competition-form__search-input');\n a.value = selval;\n a.setAttribute('data-value', selId);\n var x = document.getElementById(\"competition-form__answers-dropdown\");\n if (x.style.display === \"none\") {\n x.style.display = \"table\";\n } else {\n x.style.display = \"none\";\n }\n }\n }, {\n key: 'dropdowntoogle',\n value: function dropdowntoogle() {\n var x = document.getElementById(\"competition-form__answers-dropdown\");\n if (x.style.display === \"none\") {\n x.style.display = \"block\";\n } else {\n x.style.display = \"none\";\n }\n }\n }]);\n\n return CompetitionForm;\n}(_component2.default);\n\nexports.default = CompetitionForm;\n\n/***/ }),\n\n/***/ 533:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _underscore = __webpack_require__(16);\n\nvar _jump = __webpack_require__(255);\n\nvar _jump2 = _interopRequireDefault(_jump);\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint no-restricted-globals: [\"off\", \"history\"] */\n\n\nvar ContentTabs = function (_Component) {\n _inherits(ContentTabs, _Component);\n\n function ContentTabs() {\n _classCallCheck(this, ContentTabs);\n\n return _possibleConstructorReturn(this, (ContentTabs.__proto__ || Object.getPrototypeOf(ContentTabs)).apply(this, arguments));\n }\n\n _createClass(ContentTabs, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var maxWidth = 1023; // viewport width\n this.mobNavOffset = 0; // mobile offset - offset tabs nav position on scroll\n this.dtNavOffset = 50; // desktop offset - offset tabs nav position on scroll\n this.mobScrollOffset = -50; // mobile offset - offset 'scroll to' position on tab change\n this.dtScrollOffset = -80; // desktop offset - offset 'scroll to' position on tab change\n this.winInner = window.innerWidth;\n this.mq = window.matchMedia('(max-width: ' + maxWidth + 'px)');\n this.navScrollOffset = this.winInner < maxWidth ? this.mobNavOffset : this.dtNavOffset;\n this.scrollOffset = this.winInner < maxWidth ? this.mobScrollOffset : this.dtScrollOffset;\n this.isSticky = false;\n this.tabPanels = [].concat(_toConsumableArray(this.root.querySelectorAll('[data-ref=\"panel\"]')));\n this.tabLinks = [].concat(_toConsumableArray(this.root.querySelectorAll('[data-ref=\"link\"]')));\n this.tabsLength = this.tabLinks.length;\n this.currentTab = 1;\n\n this.bindEventListeners();\n this.setAccessibilityControls();\n this.checkHash();\n }\n }, {\n key: 'bindEventListeners',\n value: function bindEventListeners() {\n var _this2 = this;\n\n this.tabLinks.forEach(function (link) {\n link.addEventListener('keydown', _this2.handleKeyboardControls.bind(_this2));\n link.addEventListener('click', _this2.handleClick.bind(_this2));\n });\n\n if (this.root.classList.contains('enable-sticky')) {\n this.isSticky = true;\n var onScrollEvent = (0, _underscore.throttle)(this.onDocumentScroll.bind(this), 50);\n\n window.addEventListener('scroll', onScrollEvent);\n\n this.mq.addListener(function (mql) {\n if (mql.matches) {\n _this2.navScrollOffset = _this2.mobNavOffset;\n _this2.scrollOffset = _this2.mobScrollOffset;\n } else {\n _this2.navScrollOffset = _this2.dtNavOffset;\n _this2.scrollOffset = _this2.dtScrollOffset;\n }\n });\n }\n }\n }, {\n key: 'setAccessibilityControls',\n value: function setAccessibilityControls() {\n this.tabLinks.forEach(function (link, i) {\n link.setAttribute('data-tab-number', i + 1);\n\n if (link.classList.contains('is--active')) {\n link.setAttribute('aria-selected', true);\n } else {\n link.setAttribute('tabindex', '-1');\n }\n });\n }\n }, {\n key: 'handleKeyboardControls',\n value: function handleKeyboardControls(e) {\n var el = e.target;\n\n if (e.keyCode === 37) {\n if (this.currentTab === 1) {\n this.tabLinks[this.tabsLength - 1].click();\n } else {\n var prevElem = el.previousElementSibling;\n prevElem.click();\n }\n }\n\n if (e.keyCode === 39) {\n if (this.currentTab === this.tabsLength) {\n this.tabLinks[0].click();\n } else {\n var nextElem = el.nextElementSibling;\n nextElem.click();\n }\n }\n }\n }, {\n key: 'handleClick',\n value: function handleClick(e) {\n e.preventDefault();\n var el = e.currentTarget;\n var tabID = el.href.split('#')[1];\n var panelID = void 0;\n\n this.tabLinks.forEach(function (link) {\n link.classList.remove('is--active');\n link.removeAttribute('aria-selected');\n link.setAttribute('tabindex', '-1');\n });\n\n this.tabPanels.forEach(function (panel) {\n var currentPanel = panel.getAttribute('data-panel-id');\n if (tabID === currentPanel) {\n panelID = currentPanel;\n }\n panel.classList.remove('is--active');\n });\n\n var selectedPanel = this.root.querySelector('[data-panel-id=\"' + panelID + '\"]');\n\n el.classList.add('is--active');\n el.setAttribute('aria-selected', 'true');\n el.removeAttribute('tabindex');\n el.focus();\n\n this.currentTab = parseInt(el.getAttribute('data-tab-number'), 10);\n\n selectedPanel.classList.add('is--active');\n window.location.hash = '#' + tabID;\n\n if (this.isSticky && this.root.classList.contains('is--sticky')) {\n (0, _jump2.default)('.content-tabs__panel', {\n offset: this.scrollOffset\n });\n }\n }\n }, {\n key: 'checkHash',\n value: function checkHash() {\n var _this3 = this;\n\n var windowHash = window.location.hash;\n\n if (windowHash) {\n this.tabLinks.forEach(function (link) {\n var hashRef = link.getAttribute('href');\n\n if (windowHash === hashRef) {\n link.removeAttribute('tabindex');\n link.click();\n\n _this3.currentTab = parseInt(link.getAttribute('data-tab-number'), 10);\n\n (0, _jump2.default)('.content-tabs__panel', {\n offset: _this3.scrollOffset\n });\n } else {\n link.setAttribute('tabindex', '-1');\n }\n });\n }\n }\n }, {\n key: 'onDocumentScroll',\n value: function onDocumentScroll() {\n var topNav = this.root.offsetTop + this.navScrollOffset;\n this.stickyTabsActive = window.pageYOffset > topNav;\n\n this.toggleStickyNav();\n }\n }, {\n key: 'toggleStickyNav',\n value: function toggleStickyNav() {\n if (this.stickyTabsActive) {\n this.root.classList.add('is--sticky');\n } else {\n this.root.classList.remove('is--sticky');\n }\n }\n }]);\n\n return ContentTabs;\n}(_component2.default);\n\nexports.default = ContentTabs;\n\n/***/ }),\n\n/***/ 534:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ContentToggle = function (_Component) {\n _inherits(ContentToggle, _Component);\n\n function ContentToggle() {\n _classCallCheck(this, ContentToggle);\n\n return _possibleConstructorReturn(this, (ContentToggle.__proto__ || Object.getPrototypeOf(ContentToggle)).apply(this, arguments));\n }\n\n _createClass(ContentToggle, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.toggleLink = [].concat(_toConsumableArray(this.root.querySelectorAll('[data-ref=\"toggler\"]')));\n this.togglePanel = [].concat(_toConsumableArray(this.root.querySelectorAll('[data-ref=\"panel\"]')));\n\n // Set link within panels tabindex to 0 so when using keyboard tabbing,\n // user does not tab inside hidden panel\n this.togglePanel.forEach(function (panel) {\n var allLinks = [].concat(_toConsumableArray(panel.getElementsByTagName('a')));\n\n allLinks.forEach(function (link) {\n link.setAttribute('tabindex', '-1');\n });\n });\n\n this.bindEventListeners();\n }\n }, {\n key: 'bindEventListeners',\n value: function bindEventListeners() {\n var _this2 = this;\n\n this.toggleLink.forEach(function (link) {\n link.addEventListener('click', _this2.toggleContent.bind(_this2));\n });\n }\n }, {\n key: 'toggleContent',\n value: function toggleContent(e) {\n e.preventDefault();\n var elm = e.currentTarget;\n var targetPanel = elm.getAttribute('data-target-panel');\n var thePanel = this.root.querySelector('[data-panel=\"' + targetPanel + '\"]');\n var allLinks = [].concat(_toConsumableArray(thePanel.getElementsByTagName('a')));\n\n elm.classList.toggle('is--open');\n thePanel.classList.toggle('is--open');\n\n if (thePanel.classList.contains('is--open')) {\n allLinks.forEach(function (link) {\n link.setAttribute('tabindex', '0');\n });\n } else {\n allLinks.forEach(function (link) {\n link.setAttribute('tabindex', '-1');\n });\n }\n }\n }]);\n\n return ContentToggle;\n}(_component2.default);\n\nexports.default = ContentToggle;\n\n/***/ }),\n\n/***/ 535:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _countdown = __webpack_require__(816);\n\nvar _countdown2 = _interopRequireDefault(_countdown);\n\nvar _moment = __webpack_require__(2);\n\nvar _moment2 = _interopRequireDefault(_moment);\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable no-bitwise */\n\n\nvar Countdown = function (_Component) {\n _inherits(Countdown, _Component);\n\n function Countdown() {\n _classCallCheck(this, Countdown);\n\n return _possibleConstructorReturn(this, (Countdown.__proto__ || Object.getPrototypeOf(Countdown)).apply(this, arguments));\n }\n\n _createClass(Countdown, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.cpuDate = _moment2.default.utc(this.root.getAttribute('datetime'));\n\n this.setDisplayTime();\n }\n }, {\n key: 'setDisplayTime',\n value: function setDisplayTime() {\n var _this2 = this;\n\n this.timer = (0, _countdown2.default)(\n // new Date(),\n this.cpuDate.toDate(), function (ts) {\n var days = '00';\n var hours = '00';\n var minutes = '00';\n var seconds = '00';\n\n if (ts.value < 0) {\n days = ts.days.toString().length <= 1 ? '0' + ts.days : ts.days;\n hours = ts.hours.toString().length <= 1 ? '0' + ts.hours : ts.hours;\n minutes = ts.minutes.toString().length <= 1 ? '0' + ts.minutes : ts.minutes;\n seconds = ts.seconds.toString().length <= 1 ? '0' + ts.seconds : ts.seconds;\n }\n\n _this2.markup = '\\n
\\n
\\n ' + days + '\\n days\\n
\\n
\\n ' + hours + '\\n hours\\n
\\n
\\n ' + minutes + '\\n mins\\n
\\n
\\n ' + seconds + '\\n secs\\n
\\n
\\n ';\n\n _this2.root.innerHTML = _this2.markup;\n }, _countdown2.default.DAYS | _countdown2.default.HOURS | _countdown2.default.MINUTES | _countdown2.default.SECONDS);\n }\n }]);\n\n return Countdown;\n}(_component2.default);\n\nexports.default = Countdown;\n\n/***/ }),\n\n/***/ 536:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\n/**\r\n * Duplicate - makes a copy of a component and it inserts it in a specified position\r\n */\nvar Duplicate = function (_Component) {\n _inherits(Duplicate, _Component);\n\n function Duplicate() {\n _classCallCheck(this, Duplicate);\n\n return _possibleConstructorReturn(this, (Duplicate.__proto__ || Object.getPrototypeOf(Duplicate)).apply(this, arguments));\n }\n\n _createClass(Duplicate, [{\n key: 'componentDidMount',\n\n /**\r\n * componentDidMount - initialisation hook used to initialise the component\r\n */\n value: function componentDidMount() {\n var _this2 = this;\n\n var componentsToDuplicate = [].concat(_toConsumableArray(this.mount.querySelectorAll('[data-duplicate]')));\n componentsToDuplicate.forEach(function (component) {\n var duplicateTarget = component.dataset.duplicateTarget;\n\n _this2.duplicate(component, duplicateTarget);\n });\n }\n\n /**\r\n * duplicate - duplicates the component and inserts it at the specified position\r\n * @param {DOM element} component - the component that needs duplicated\r\n * @param {targetSelector} string - css selector of the container where\r\n the component will get duplicated in\r\n */\n\n }, {\n key: 'duplicate',\n value: function duplicate(component, targetSelector) {\n if (!targetSelector) {\n console.error('No duplicate target has been provided for .' + component.className);\n return;\n }\n\n var domTarget = this.mount.querySelector(targetSelector);\n if (!domTarget) {\n console.error('The provided duplicate target doesn\\'t exist');\n return;\n }\n\n // make a copy of the component that needs duplicated\n var componentCopy = component.cloneNode(true);\n\n // if the target isn't the lions tabs (special case), just duplicate the component\n if (targetSelector !== '.content-tabs--lions-den') {\n // append the component to the specified target\n domTarget.appendChild(componentCopy);\n } else {\n // on lions den the duplicated component should be visible only on mobile\n componentCopy.classList.add('hide-on-desktop');\n\n // the component needs special placement\n var specialTarget = domTarget.querySelector('.content-tabs__panel');\n /*\r\n if the new target doesn't have enough children to insert the component between them,\r\n just add it at the end of the target\r\n */\n if (specialTarget.children.length < 3) {\n specialTarget.appendChild(componentCopy);\n } else {\n // otherwise duplicate the component after the section child\n specialTarget.insertBefore(componentCopy, specialTarget.children[2]);\n }\n }\n }\n }]);\n\n return Duplicate;\n}(_component2.default);\n\nexports.default = Duplicate;\n\n/***/ }),\n\n/***/ 539:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ImageCaptions = function (_Component) {\n _inherits(ImageCaptions, _Component);\n\n function ImageCaptions() {\n _classCallCheck(this, ImageCaptions);\n\n return _possibleConstructorReturn(this, (ImageCaptions.__proto__ || Object.getPrototypeOf(ImageCaptions)).apply(this, arguments));\n }\n\n _createClass(ImageCaptions, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _this2 = this;\n\n this.images = [].concat(_toConsumableArray(this.root.querySelectorAll('img')));\n\n this.images.forEach(function (image) {\n _this2.addCaption(image);\n });\n }\n }, {\n key: 'addCaption',\n value: function addCaption(image) {\n var targetEl = void 0;\n var parentEl = image.parentNode;\n var longDesc = image.getAttribute('longdesc');\n\n // Check to see if parent element is a p tag,\n // if so target is the p tag, else its the image\n if (parentEl.tagName.toLowerCase() === 'p') {\n targetEl = parentEl;\n } else {\n targetEl = image;\n }\n\n // check if there is a longdesc content, then place caption after terget element\n if (longDesc && longDesc.length > 0) {\n targetEl.insertAdjacentHTML('afterend', '
' + longDesc + '
');\n }\n }\n }]);\n\n return ImageCaptions;\n}(_component2.default);\n\nexports.default = ImageCaptions;\n\n/***/ }),\n\n/***/ 540:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\n/**\r\n * LoadOptaWidget - used the manually load the opta widgets\r\n */\nvar LoadOptaWidget = function (_Component) {\n _inherits(LoadOptaWidget, _Component);\n\n function LoadOptaWidget() {\n _classCallCheck(this, LoadOptaWidget);\n\n return _possibleConstructorReturn(this, (LoadOptaWidget.__proto__ || Object.getPrototypeOf(LoadOptaWidget)).apply(this, arguments));\n }\n\n _createClass(LoadOptaWidget, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _this2 = this;\n\n this.win = window;\n this.widgets = [].concat(_toConsumableArray(this.mount.querySelectorAll('.eng-ms-opta-widget')));\n this.root.addEventListener('click', function () {\n _this2.loadWidget();\n });\n\n // if the tab is active on initial load, then start the opta widgets\n if (this.win.location.hash === this.root.hash || this.root.classList.contains('is--active')) {\n this.loadWidget();\n }\n }\n }, {\n key: 'loadWidget',\n value: function loadWidget() {\n // if opta settings have been defined and the opta script is loaded, 'start' the widgets\n if (this.widgets.length && this.win.opta_settings && this.win.Opta) {\n /*\r\n remove the load attribute from the widgets\r\n (when set to false this stops widgets from loading)\r\n */\n this.widgets.map(function (widget) {\n var optaWidgetElement = widget.querySelector('opta-widget');\n\n // check if the opta markup hasn't been compiled to html and it's 'visible'\n if (optaWidgetElement && widget.offsetWidth > 0) {\n optaWidgetElement.removeAttribute('load');\n }\n\n return widget;\n });\n\n this.win.Opta.start();\n } else {\n console.warn('Opta settings or opta widgets script not present');\n }\n }\n }]);\n\n return LoadOptaWidget;\n}(_component2.default);\n\nexports.default = LoadOptaWidget;\n\n/***/ }),\n\n/***/ 541:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar StacklaWidget = function (_Component) {\n _inherits(StacklaWidget, _Component);\n\n function StacklaWidget() {\n _classCallCheck(this, StacklaWidget);\n\n return _possibleConstructorReturn(this, (StacklaWidget.__proto__ || Object.getPrototypeOf(StacklaWidget)).apply(this, arguments));\n }\n\n _createClass(StacklaWidget, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _this2 = this;\n\n var clickableTags = ['A', 'BUTTON'];\n var rootIsClickable = clickableTags.indexOf(this.root.nodeName) > -1;\n\n /*\r\n If the root is a clickable tag, load the stackla widget only when the root has\r\n been clicked. Otherwise, if the component was added to any other element, load\r\n the widget straight away.\r\n */\n if (rootIsClickable) {\n this.root.addEventListener('click', function () {\n _this2.loadWidget(document, 'stackla-widget-js');\n });\n } else {\n this.loadWidget(document, 'stackla-widget-js');\n }\n }\n }, {\n key: 'loadWidget',\n value: function loadWidget(d, id) {\n var widgetLoaded = window.Stackla;\n if (widgetLoaded) {\n return;\n }\n\n /* eslint-disable */\n var t,\n el = d.scripts[d.scripts.length - 1].previousElementSibling;\n if (el) el.dataset.initTimestamp = new Date().getTime();\n if (d.getElementById(id)) return;\n t = d.createElement('script');\n t.src = 'https://assetscdn.stackla.com/media/js/widget/fluid-embed.js';\n t.id = id;\n (d.getElementsByTagName('head')[0] || d.getElementsByTagName('body')[0]).appendChild(t);\n /* eslint-enable */\n }\n }]);\n\n return StacklaWidget;\n}(_component2.default);\n\nexports.default = StacklaWidget;\n\n/***/ }),\n\n/***/ 542:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Modal = function (_Component) {\n _inherits(Modal, _Component);\n\n function Modal() {\n _classCallCheck(this, Modal);\n\n return _possibleConstructorReturn(this, (Modal.__proto__ || Object.getPrototypeOf(Modal)).apply(this, arguments));\n }\n\n _createClass(Modal, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n if (typeof Event === 'function') {\n this.event = new Event('modelClosed');\n } else {\n this.event = document.createEvent('Event');\n this.event.initEvent('modelClosed', true, true);\n }\n\n this.modalRef = this.props.modalRef;\n this.showModalBtn = this.mount.querySelector('[data-target-modal=\"' + this.modalRef + '\"]');\n this.hideModalBtn = [].concat(_toConsumableArray(this.root.querySelectorAll('[data-ref=\"hide-modal\"]')));\n\n if (this.showModalBtn && this.hideModalBtn) {\n this.bindEventListeners();\n }\n }\n }, {\n key: 'bindEventListeners',\n value: function bindEventListeners() {\n var _this2 = this;\n\n this.root.addEventListener('click', function (e) {\n var elm = e.target;\n\n if (elm.classList.contains('is--open')) {\n _this2.root.classList.remove('is--open');\n }\n });\n\n this.showModalBtn.addEventListener('click', this.toggleModal.bind(this), true);\n this.hideModalBtn.forEach(function (hideBtn) {\n hideBtn.addEventListener('click', _this2.toggleModal.bind(_this2), true);\n });\n\n document.addEventListener('keyup', function (e) {\n if (e.keyCode === 27) {\n _this2.root.classList.remove('is--open');\n }\n });\n }\n }, {\n key: 'toggleModal',\n value: function toggleModal(e) {\n e.preventDefault();\n var btnRef = e.currentTarget.getAttribute('data-ref');\n\n if (btnRef === 'hide-modal') {\n this.root.classList.remove('is--open');\n } else {\n this.root.classList.add('is--open');\n }\n\n if (!this.root.classList.contains('is--open')) {\n document.dispatchEvent(this.event);\n }\n }\n }]);\n\n return Modal;\n}(_component2.default);\n\nexports.default = Modal;\n\n/***/ }),\n\n/***/ 543:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _tinySlider = __webpack_require__(488);\n\nvar _moment = __webpack_require__(2);\n\nvar _moment2 = _interopRequireDefault(_moment);\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar NewsCarousel = function (_Component) {\n _inherits(NewsCarousel, _Component);\n\n function NewsCarousel() {\n _classCallCheck(this, NewsCarousel);\n\n return _possibleConstructorReturn(this, (NewsCarousel.__proto__ || Object.getPrototypeOf(NewsCarousel)).apply(this, arguments));\n }\n\n _createClass(NewsCarousel, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.prevButton = this.mount.querySelector('.news-feature__carousel-button--prev');\n this.nextButton = this.mount.querySelector('.news-feature__carousel-button--next');\n this.navButtons = [].concat(_toConsumableArray(this.mount.querySelectorAll('.news-feature__carousel-button')));\n this.buttonsWrapper = this.mount.querySelector('.news-feature__carousel-nav');\n this.slideItems = [].concat(_toConsumableArray(this.mount.querySelectorAll('.news-feature__item')));\n\n this.parentWrapper = this.root.parentElement;\n this.tagElm = this.mount.querySelector('.news-feature__item-tag span');\n this.headlineElm = this.mount.querySelector('.news-feature__item-title');\n this.snippetElm = this.mount.querySelector('.news-feature__item-intro');\n this.timeElm = this.mount.querySelector('.news-feature__item-time');\n this.urlLink = this.mount.querySelector('.news-feature__item-detail-link');\n this.initCarousel();\n\n this.bindEventListeners();\n\n this.displayNewsContent(1);\n }\n }, {\n key: 'bindEventListeners',\n value: function bindEventListeners() {\n var _this2 = this;\n\n this.navButtons.forEach(function (button) {\n button.addEventListener('click', _this2.handleCarouselIndexing.bind(_this2), true);\n });\n if (this.carousel) {\n this.carousel.events.on('transitionStart', this.handleCarouselIndexing.bind(this), true);\n }\n }\n }, {\n key: 'handleCarouselIndexing',\n value: function handleCarouselIndexing(e) {\n var elm = e.currentTarget;\n\n if (elm) {\n if (elm.classList.contains('news-feature__carousel-button--prev')) {\n this.carousel.goTo('prev');\n }\n\n if (elm.classList.contains('news-feature__carousel-button--next')) {\n this.carousel.goTo('next');\n }\n }\n\n var carouselInfo = this.carousel.getInfo();\n var slideCount = carouselInfo.slideCount;\n\n var currentIndex = carouselInfo.index + 1;\n\n if (currentIndex === 1) {\n this.prevButton.disabled = true;\n } else {\n this.prevButton.disabled = false;\n }\n\n if (currentIndex === slideCount) {\n this.nextButton.disabled = true;\n } else {\n this.nextButton.disabled = false;\n }\n this.parentWrapper.classList.add('is--animating');\n this.displayNewsContent(currentIndex);\n }\n }, {\n key: 'initCarousel',\n value: function initCarousel() {\n this.carousel = (0, _tinySlider.tns)({\n autoHeight: true,\n container: this.root,\n controls: false,\n items: 1,\n loop: false,\n nav: false,\n slideBy: 'page'\n });\n\n this.prevButton.disabled = true;\n }\n }, {\n key: 'displayNewsContent',\n value: function displayNewsContent(currentIndex) {\n var _this3 = this;\n\n var item = currentIndex - 1;\n\n if (this.slideItems.length === 1) {\n this.buttonsWrapper.hidden = true;\n }\n\n var tag = this.slideItems[item].getAttribute('data-tag');\n var headline = this.slideItems[item].getAttribute('data-headline');\n var snippet = this.slideItems[item].getAttribute('data-snippet');\n var publishDate = this.slideItems[item].getAttribute('data-published');\n var link = this.slideItems[item].getAttribute('data-url');\n\n setTimeout(function () {\n _this3.tagElm.innerText = tag;\n _this3.headlineElm.innerText = headline;\n _this3.snippetElm.innerText = snippet;\n _this3.timeElm.innerText = _moment2.default.utc(publishDate).fromNow();\n _this3.urlLink.setAttribute('href', link);\n _this3.parentWrapper.classList.remove('is--animating');\n }, 500);\n }\n }]);\n\n return NewsCarousel;\n}(_component2.default);\n\nexports.default = NewsCarousel;\n\n/***/ }),\n\n/***/ 544:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar SocialShare = function (_Component) {\n _inherits(SocialShare, _Component);\n\n function SocialShare() {\n _classCallCheck(this, SocialShare);\n\n return _possibleConstructorReturn(this, (SocialShare.__proto__ || Object.getPrototypeOf(SocialShare)).apply(this, arguments));\n }\n\n _createClass(SocialShare, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.socialShare = this.root.querySelector('[data-ref=\"share-toggle\"]');\n\n this.bindEventListeners();\n }\n }, {\n key: 'bindEventListeners',\n value: function bindEventListeners() {\n this.socialShare.addEventListener('click', this.handleShareClick.bind(this), true);\n }\n }, {\n key: 'handleShareClick',\n value: function handleShareClick(e) {\n e.preventDefault();\n var shareIcons = [].concat(_toConsumableArray(this.root.querySelectorAll('.at-share-btn')));\n this.root.classList.toggle('is--visible');\n\n shareIcons.forEach(function (elm) {\n elm.setAttribute('tabindex', '0');\n });\n }\n }]);\n\n return SocialShare;\n}(_component2.default);\n\nexports.default = SocialShare;\n\n/***/ }),\n\n/***/ 545:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _youtubePlayer = __webpack_require__(84);\n\nvar _youtubePlayer2 = _interopRequireDefault(_youtubePlayer);\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar HeroVideoPlayer = function (_Component) {\n _inherits(HeroVideoPlayer, _Component);\n\n function HeroVideoPlayer() {\n _classCallCheck(this, HeroVideoPlayer);\n\n return _possibleConstructorReturn(this, (HeroVideoPlayer.__proto__ || Object.getPrototypeOf(HeroVideoPlayer)).apply(this, arguments));\n }\n\n _createClass(HeroVideoPlayer, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var htmlTag = document.getElementsByTagName('html')[0];\n this.htmlTag = htmlTag;\n this.videoPoster = this.root.querySelector('[data-ref=\"video-poster\"]');\n this.playButton = this.root.querySelector('[data-ref=\"play-button\"]');\n this.closeButton = this.root.querySelector('[data-ref=\"close-button\"]');\n this.ytVideo = this.root.querySelector('[data-ref=\"yt-video\"]');\n this.ytVideoID = this.ytVideo.getAttribute('data-video-id');\n this.params = {};\n\n this.bindEventListeners();\n }\n }, {\n key: 'bindEventListeners',\n value: function bindEventListeners() {\n var _this2 = this;\n\n this.playButton.addEventListener('click', this.handleVideoClick.bind(this), true);\n\n this.closeButton.addEventListener('click', function (e) {\n e.preventDefault();\n if (_this2.player) {\n _this2.player.pauseVideo();\n }\n }, true);\n\n document.addEventListener('keyup', function (event) {\n var key = event.key,\n keyCode = event.keyCode;\n\n if (key.toLowerCase() === 'escape' || keyCode === 27) {\n if (_this2.player) {\n _this2.player.pauseVideo();\n }\n }\n }, true);\n }\n }, {\n key: 'handleVideoClick',\n value: function handleVideoClick(e) {\n e.preventDefault();\n\n if (this.root.classList.contains('is--loaded')) {\n this.player.playVideo();\n } else {\n this.setUpPlayer();\n }\n }\n }, {\n key: 'setUpPlayer',\n value: function setUpPlayer() {\n var _this3 = this;\n\n this.videoPoster.remove();\n\n this.player = new _youtubePlayer2.default(this.ytVideo, {\n videoId: '' + this.ytVideoID,\n playerVars: {\n autoplay: 1,\n controls: 0,\n disablekb: 0,\n enablejsapi: 1,\n loop: 0,\n modestbranding: 1,\n playsinline: 0,\n rel: 0,\n showinfo: 0,\n color: 'white',\n iv_load_policy: 3\n }\n });\n\n this.root.classList.add('is--full-screen', 'is--loaded');\n\n this.player.on('stateChange', function (event) {\n // Stop\n if (event.data === 0) {\n _this3.root.classList.remove('is--full-screen');\n _this3.htmlTag.classList.remove('no-scroll');\n _this3.root.classList.add('is--complete');\n }\n\n // Pause\n if (event.data === 2) {\n _this3.root.classList.remove('is--full-screen');\n _this3.htmlTag.classList.remove('no-scroll');\n _this3.root.classList.add('is--paused');\n }\n\n // Play\n if (event.data === 1) {\n _this3.root.classList.remove('is--complete', 'is--paused');\n _this3.root.classList.add('is--full-screen');\n _this3.htmlTag.classList.add('no-scroll');\n }\n });\n }\n }]);\n\n return HeroVideoPlayer;\n}(_component2.default);\n\nexports.default = HeroVideoPlayer;\n\n/***/ }),\n\n/***/ 546:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _jump = __webpack_require__(255);\n\nvar _jump2 = _interopRequireDefault(_jump);\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ScollToSection = function (_Component) {\n _inherits(ScollToSection, _Component);\n\n function ScollToSection() {\n _classCallCheck(this, ScollToSection);\n\n return _possibleConstructorReturn(this, (ScollToSection.__proto__ || Object.getPrototypeOf(ScollToSection)).apply(this, arguments));\n }\n\n _createClass(ScollToSection, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var maxWidth = 1023;\n this.smallValue = -70;\n this.largeValue = -140;\n this.mq = window.matchMedia('(max-width: ' + maxWidth + 'px)');\n this.scrollOffset = window.innerWidth < maxWidth ? this.smallValue : this.largeValue;\n this.links = [].concat(_toConsumableArray(this.root.querySelectorAll('[data-ref=\"scroll-link\"]')));\n\n this.bindEventListeners();\n }\n }, {\n key: 'bindEventListeners',\n value: function bindEventListeners() {\n var _this2 = this;\n\n this.links.forEach(function (link) {\n link.addEventListener('click', _this2.handleClick.bind(_this2), true);\n });\n\n this.mq.addListener(function (mql) {\n if (mql.matches) {\n _this2.scrollOffset = _this2.smallValue;\n } else {\n _this2.scrollOffset = _this2.largeValue;\n }\n });\n }\n }, {\n key: 'handleClick',\n value: function handleClick(e) {\n e.preventDefault();\n var target = '#' + e.target.getAttribute('data-target');\n\n (0, _jump2.default)(target, {\n offset: this.scrollOffset\n });\n }\n }]);\n\n return ScollToSection;\n}(_component2.default);\n\nexports.default = ScollToSection;\n\n/***/ }),\n\n/***/ 547:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar SquadNav = function (_Component) {\n _inherits(SquadNav, _Component);\n\n function SquadNav() {\n _classCallCheck(this, SquadNav);\n\n return _possibleConstructorReturn(this, (SquadNav.__proto__ || Object.getPrototypeOf(SquadNav)).apply(this, arguments));\n }\n\n _createClass(SquadNav, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.links = [].concat(_toConsumableArray(this.root.querySelectorAll('[data-ref=\"link\"]')));\n this.playersWrapper = this.mount.querySelector('[data-ref=\"squad-list\"]');\n\n this.bindEventListeners();\n }\n }, {\n key: 'bindEventListeners',\n value: function bindEventListeners() {\n var _this2 = this;\n\n this.links.forEach(function (link) {\n link.addEventListener('click', _this2.handleClick.bind(_this2), true);\n });\n }\n }, {\n key: 'handleClick',\n value: function handleClick(e) {\n e.preventDefault();\n\n if (e.currentTarget.classList.contains('is--active')) {\n return;\n }\n\n var id = e.target.href.split('#')[1];\n var allPlayerLists = [].concat(_toConsumableArray(this.playersWrapper.querySelectorAll('[data-ref=\"player\"]')));\n var selectedGroup = [].concat(_toConsumableArray(this.playersWrapper.querySelectorAll('[data-group=\"' + id + '\"]')));\n\n this.links.forEach(function (link) {\n link.classList.remove('is--active');\n link.removeAttribute('aria-disabled');\n link.removeAttribute('tabindex');\n });\n\n e.target.classList.add('is--active');\n e.target.setAttribute('aria-disabled', 'true');\n e.target.setAttribute('tabindex', '-1');\n\n allPlayerLists.forEach(function (playerList) {\n var list = playerList;\n list.classList.add('is--hidden');\n });\n\n setTimeout(function () {\n var filterableList = id === 'all' ? allPlayerLists : selectedGroup;\n\n filterableList.forEach(function (playerList) {\n var list = playerList;\n list.classList.remove('is--hidden');\n });\n }, 150);\n }\n }]);\n\n return SquadNav;\n}(_component2.default);\n\nexports.default = SquadNav;\n\n/***/ }),\n\n/***/ 548:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _tinySlider = __webpack_require__(488);\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar PlayerCarousel = function (_Component) {\n _inherits(PlayerCarousel, _Component);\n\n function PlayerCarousel() {\n _classCallCheck(this, PlayerCarousel);\n\n return _possibleConstructorReturn(this, (PlayerCarousel.__proto__ || Object.getPrototypeOf(PlayerCarousel)).apply(this, arguments));\n }\n\n _createClass(PlayerCarousel, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.mq = window.matchMedia('screen and (min-width: 992px)');\n this.nav = this.mount.querySelector('.squad-stats__players-nav');\n\n if (this.mq.matches) {\n this.initCarousel();\n }\n\n this.attachListeners();\n }\n }, {\n key: 'attachListeners',\n value: function attachListeners() {\n this.mq.addListener(this.handleMq.bind(this));\n }\n }, {\n key: 'handleMq',\n value: function handleMq(event) {\n if (event.matches) {\n this.initCarousel();\n } else {\n this.destroyCarousel();\n }\n }\n }, {\n key: 'initCarousel',\n value: function initCarousel() {\n var maxNumberOfSlides = 6;\n var numberOfItems = this.root.children.length;\n\n if (numberOfItems < maxNumberOfSlides) {\n maxNumberOfSlides = numberOfItems;\n }\n\n this.carousel = (0, _tinySlider.tns)({\n container: this.root,\n controlsContainer: this.nav,\n items: maxNumberOfSlides,\n loop: false,\n nav: false,\n slideBy: 'page'\n });\n }\n }, {\n key: 'destroyCarousel',\n value: function destroyCarousel() {\n this.carousel.destroy();\n }\n }]);\n\n return PlayerCarousel;\n}(_component2.default);\n\nexports.default = PlayerCarousel;\n\n/***/ }),\n\n/***/ 549:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _countup = __webpack_require__(817);\n\nvar _countup2 = _interopRequireDefault(_countup);\n\nvar _scrollreveal = __webpack_require__(826);\n\nvar _scrollreveal2 = _interopRequireDefault(_scrollreveal);\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar NumberRoll = function (_Component) {\n _inherits(NumberRoll, _Component);\n\n function NumberRoll() {\n _classCallCheck(this, NumberRoll);\n\n return _possibleConstructorReturn(this, (NumberRoll.__proto__ || Object.getPrototypeOf(NumberRoll)).apply(this, arguments));\n }\n\n _createClass(NumberRoll, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _this2 = this;\n\n if (!window.sr) {\n window.sr = new _scrollreveal2.default();\n }\n\n this.countItems = [].concat(_toConsumableArray(this.root.querySelectorAll('[data-ref=\"item-stat-value\"]')));\n this.countDuration = 2.5; // seconds\n this.options = {\n useEasing: false,\n useGrouping: false,\n separator: ','\n };\n this.isMobile = window.matchMedia('screen and (max-width: 992px)').matches;\n\n if (this.isMobile) {\n this.countItems.forEach(function (el) {\n _this2.startCountAnim(el);\n });\n return;\n }\n\n window.sr.reveal(this.countItems, {\n viewFactor: 1,\n mobile: false,\n afterReveal: function afterReveal(el) {\n _this2.startCountAnim(el);\n }\n });\n }\n }, {\n key: 'startCountAnim',\n value: function startCountAnim(item) {\n var countValue = item.getAttribute('count-value');\n var numAnim = new _countup2.default(item, // the DOM Node\n 0, // Start Value\n countValue, // End Value\n 0, // Decimal places\n this.countDuration, // count duration - how long you want it to take\n this.options);\n if (!numAnim.error) {\n numAnim.start();\n } else {\n console.error(numAnim.error);\n }\n }\n }]);\n\n return NumberRoll;\n}(_component2.default);\n\nexports.default = NumberRoll;\n\n/***/ }),\n\n/***/ 550:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar TicketsInfo = function (_Component) {\n _inherits(TicketsInfo, _Component);\n\n function TicketsInfo() {\n _classCallCheck(this, TicketsInfo);\n\n return _possibleConstructorReturn(this, (TicketsInfo.__proto__ || Object.getPrototypeOf(TicketsInfo)).apply(this, arguments));\n }\n\n _createClass(TicketsInfo, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.panel = this.root.nextElementSibling;\n if (!this.panel.dataset.ref || this.panel.dataset.ref && !this.panel.dataset.ref === 'ticketInfoPanel') {\n console.error('The ticketInfoPanel must the next direct sibling of the close button');\n }\n this.close = this.panel.querySelector('[data-ref=\"ticketInfoClose\"]');\n\n this.attachListeners();\n }\n }, {\n key: 'attachListeners',\n value: function attachListeners() {\n this.root.addEventListener('click', this.toggleHiddenClass.bind(this), true);\n this.close.addEventListener('click', this.toggleHiddenClass.bind(this), true);\n }\n }, {\n key: 'toggleHiddenClass',\n value: function toggleHiddenClass(e) {\n e.preventDefault();\n this.panel.classList.toggle('tickets__info--hidden');\n }\n }]);\n\n return TicketsInfo;\n}(_component2.default);\n\nexports.default = TicketsInfo;\n\n/***/ }),\n\n/***/ 551:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _youtubePlayer = __webpack_require__(84);\n\nvar _youtubePlayer2 = _interopRequireDefault(_youtubePlayer);\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar VideoItem = function (_Component) {\n _inherits(VideoItem, _Component);\n\n function VideoItem() {\n _classCallCheck(this, VideoItem);\n\n return _possibleConstructorReturn(this, (VideoItem.__proto__ || Object.getPrototypeOf(VideoItem)).apply(this, arguments));\n }\n\n _createClass(VideoItem, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.playButton = [].concat(_toConsumableArray(this.root.querySelectorAll('[data-ref=\"play-button\"]')));\n\n this.bindEventListeners();\n }\n }, {\n key: 'bindEventListeners',\n value: function bindEventListeners() {\n var _this2 = this;\n\n this.playButton.forEach(function (link) {\n link.addEventListener('click', _this2.handleClick.bind(_this2), true);\n });\n }\n }, {\n key: 'handleClick',\n value: function handleClick(e) {\n var _this3 = this;\n\n e.preventDefault();\n var videoID = this.root.getAttribute('data-video-id');\n var isLoaded = this.root.classList.contains('is--loaded');\n var isPlaying = this.root.classList.contains('is--playing');\n\n if (isLoaded && !isPlaying) {\n this.player.playVideo();\n } else if (isLoaded && isPlaying) {\n this.player.pauseVideo();\n }\n\n if (!this.player) {\n this.player = new _youtubePlayer2.default('' + videoID, {\n videoId: '' + videoID,\n playerVars: {\n autoplay: 1,\n disablekb: 0,\n enablejsapi: 1,\n loop: 0,\n modestbranding: 1,\n playsinline: 0,\n rel: 0,\n showinfo: 0,\n color: 'white',\n iv_load_policy: 3\n }\n });\n\n this.player.playVideo();\n\n this.root.classList.add('is--loading');\n this.root.classList.add('is--loaded');\n }\n\n this.player.on('stateChange', function (event) {\n // Stop || Pause\n if (event.data === 0 || event.data === 2) {\n _this3.root.classList.remove('is--playing');\n }\n\n // Play\n if (event.data === 1) {\n _this3.root.classList.remove('is--loading');\n _this3.root.classList.add('is--playing');\n }\n });\n }\n }]);\n\n return VideoItem;\n}(_component2.default);\n\nexports.default = VideoItem;\n\n/***/ }),\n\n/***/ 554:\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _component = __webpack_require__(18);\n\nvar _component2 = _interopRequireDefault(_component);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint no-restricted-globals: [\"off\", \"history\"] */\n\n\nvar EnglandSupportersPolls = function (_Component) {\n _inherits(EnglandSupportersPolls, _Component);\n\n function EnglandSupportersPolls() {\n _classCallCheck(this, EnglandSupportersPolls);\n\n return _possibleConstructorReturn(this, (EnglandSupportersPolls.__proto__ || Object.getPrototypeOf(EnglandSupportersPolls)).apply(this, arguments));\n }\n\n _createClass(EnglandSupportersPolls, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _this2 = this;\n\n this.answerOption = [].concat(_toConsumableArray(this.root.querySelectorAll('[data-ref=\"comp-option\"]')));\n this.ctaButton = this.root.querySelector('[data-ref=\"cta-button\"]');\n this.successContainter = this.root.querySelector('[data-ref=\"entry-success\"]');\n this.errorContainter = this.root.querySelector('[data-ref=\"entry-error\"]');\n this.APIURL = this.props.url;\n this.APIANSWERURL = this.props.answerurl;\n this.scConfig = window.engms.compMessage;\n this.signUpRedirect = this.root.querySelector('[data-ref=\"account-signup-redirect\"]');\n this.competitionId = this.root.querySelector('[data-ref=\"competition-id\"]').value;\n this.pollResultContainer = this.root.querySelector('[data-ref=\"poll-result-block\"]');\n this.pollResultAnswers = this.root.querySelector('[data-ref=\"poll-result-block-answers\"]');\n this.pollResultErrorContainter = this.root.querySelector('[data-ref=\"poll-result-error\"]');\n window.onload = function () {\n _this2.getPollsResult();\n };\n\n this.bindEventListeners();\n\n // Check to see if there is a stored answer\n this.getLocalStorage();\n this.handleValidation();\n }\n }, {\n key: 'bindEventListeners',\n value: function bindEventListeners() {\n var _this3 = this;\n\n this.answerOption.forEach(function (option) {\n option.addEventListener('click', _this3.handleValidation.bind(_this3));\n });\n this.ctaButton.addEventListener('click', this.handleAjaxCall.bind(this));\n }\n }, {\n key: 'resetForm',\n value: function resetForm() {\n this.root.classList.remove('is--success');\n this.root.classList.remove('is--error');\n\n this.answerOption.forEach(function (option) {\n var radioOption = option;\n radioOption.checked = false;\n });\n\n this.ctaButton.disabled = true;\n }\n }, {\n key: 'handleValidation',\n value: function handleValidation() {\n var answerInput = this.root.querySelector('input[data-ref=\"comp-option\"]:checked');\n\n // Check answer selection for radio button\n if (answerInput) {\n this.selectAnswer = answerInput;\n this.ctaButton.disabled = false;\n } else {\n this.ctaButton.disabled = true;\n }\n }\n }, {\n key: 'getPollsResult',\n value: function getPollsResult() {\n var _this4 = this;\n\n var httpRequest = new XMLHttpRequest();\n httpRequest.onreadystatechange = function () {\n if (httpRequest.readyState === 4) {\n _this4.handleGetResponse(httpRequest);\n }\n };\n httpRequest.open('GET', this.APIANSWERURL + '?param=' + this.competitionId, true);\n httpRequest.send();\n }\n }, {\n key: 'handleAjaxCall',\n value: function handleAjaxCall(e) {\n var _this5 = this;\n\n e.preventDefault();\n this.ctaButton.classList.add('is--submitting');\n this.ctaButton.disabled = true;\n var httpRequest = new XMLHttpRequest();\n\n // Save answer\n if (this.selectAnswer.id == undefined) this.setLocalStorage(this.selectAnswer);else this.setLocalStorage(this.selectAnswer.id);\n\n // Make request\n httpRequest.onreadystatechange = function () {\n if (httpRequest.readyState === 4) {\n _this5.handleResponse(httpRequest);\n }\n };\n\n if (this.selectAnswer.value == undefined) {\n httpRequest.open('POST', this.APIURL + '?param=' + this.selectAnswer, true);\n } else {\n httpRequest.open('POST', this.APIURL + '?param=' + this.selectAnswer.value, true);\n }\n\n httpRequest.send();\n }\n }, {\n key: 'handleResponse',\n value: function handleResponse(apiResponse) {\n // If response is not valid else continue\n if (apiResponse.status === 0 && apiResponse.responseText.length === 0) {\n var targetEl = this.errorContainter.getElementsByTagName('p')[0];\n var errorObj = {\n message: this.scConfig.cannotComplete,\n targetDiv: targetEl\n };\n this.renderResult(errorObj);\n } else {\n var status = apiResponse.status,\n responseText = apiResponse.responseText;\n\n var responseObject = {\n code: status,\n message: JSON.parse(responseText),\n targetDiv: ''\n };\n //debugger;\n if (status === 418) {\n //**** redirect to login\n window.location.href = this.signUpRedirect.value + '?returnUrl=' + location.href;\n } else if (status === 200) {\n //debugger;\n //const targetEl = this.successContainter.getElementsByTagName('p')[0];\n //responseObject.targetDiv = targetEl;\n //this.renderResult(responseObject, true);\n this.getPollsResult();\n } else if (status === 409) {\n var _targetEl = this.errorContainter.getElementsByTagName('p')[0];\n responseObject.targetDiv = _targetEl;\n this.renderResult(responseObject);\n } else {\n var _targetEl2 = this.errorContainter.getElementsByTagName('p')[0];\n responseObject.targetDiv = _targetEl2;\n this.renderResult(responseObject);\n }\n }\n }\n }, {\n key: 'handleGetResponse',\n value: function handleGetResponse(apiResponse) {\n var status = apiResponse.status,\n responseText = apiResponse.responseText;\n\n var responseObject = {\n code: status,\n message: JSON.parse(responseText),\n targetDiv: ''\n };\n if (status === 200) {\n //debugger;\n var targetEl = this.pollResultAnswers;\n responseObject.targetDiv = targetEl;\n if (!responseObject.message.AlreadyAnswered) {\n responseObject.message = \"\";\n }\n this.renderResult(responseObject, true);\n } else {\n var _targetEl3 = this.pollResultErrorContainter.getElementsByTagName('p')[0];\n responseObject.targetDiv = _targetEl3;\n this.renderResult(responseObject);\n }\n }\n }, {\n key: 'renderResult',\n value: function renderResult(obj, isSuccess) {\n //debugger;\n var resultClass = '';\n\n if (isSuccess) {\n resultClass = 'is--success';\n // remove stored answer - no longer required to be saved\n this.removeLocalStorage();\n } else {\n resultClass = 'is--error';\n }\n var message = obj.message,\n targetDiv = obj.targetDiv;\n\n if (message.AlreadyAnswered) {\n this.root.querySelector('form').style.display = 'none';\n this.pollResultContainer.style.display = 'block';\n var template = '';\n for (var i = 0; i < message.Answers.length; i++) {\n template = template + ('