').parent();\n\n _.$list = _.$slideTrack.wrap(\n '
').parent();\n _.$slideTrack.css('opacity', 0);\n\n if (_.options.centerMode === true || _.options.swipeToSlide === true) {\n _.options.slidesToScroll = 1;\n }\n\n $('img[data-lazy]', _.$slider).not('[src]').addClass('slick-loading');\n\n _.setupInfinite();\n\n _.buildArrows();\n\n _.buildDots();\n\n _.updateDots();\n\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n if (_.options.draggable === true) {\n _.$list.addClass('draggable');\n }\n\n };\n\n Slick.prototype.buildRows = function() {\n\n var _ = this, a, b, c, newSlides, numOfSlides, originalSlides,slidesPerSection;\n\n newSlides = document.createDocumentFragment();\n originalSlides = _.$slider.children();\n\n if(_.options.rows > 0) {\n\n slidesPerSection = _.options.slidesPerRow * _.options.rows;\n numOfSlides = Math.ceil(\n originalSlides.length / slidesPerSection\n );\n\n for(a = 0; a < numOfSlides; a++){\n var slide = document.createElement('div');\n for(b = 0; b < _.options.rows; b++) {\n var row = document.createElement('div');\n for(c = 0; c < _.options.slidesPerRow; c++) {\n var target = (a * slidesPerSection + ((b * _.options.slidesPerRow) + c));\n if (originalSlides.get(target)) {\n row.appendChild(originalSlides.get(target));\n }\n }\n slide.appendChild(row);\n }\n newSlides.appendChild(slide);\n }\n\n _.$slider.empty().append(newSlides);\n _.$slider.children().children().children()\n .css({\n 'width':(100 / _.options.slidesPerRow) + '%',\n 'display': 'inline-block'\n });\n\n }\n\n };\n\n Slick.prototype.checkResponsive = function(initial, forceUpdate) {\n\n var _ = this,\n breakpoint, targetBreakpoint, respondToWidth, triggerBreakpoint = false;\n var sliderWidth = _.$slider.width();\n var windowWidth = window.innerWidth || $(window).width();\n\n if (_.respondTo === 'window') {\n respondToWidth = windowWidth;\n } else if (_.respondTo === 'slider') {\n respondToWidth = sliderWidth;\n } else if (_.respondTo === 'min') {\n respondToWidth = Math.min(windowWidth, sliderWidth);\n }\n\n if ( _.options.responsive &&\n _.options.responsive.length &&\n _.options.responsive !== null) {\n\n targetBreakpoint = null;\n\n for (breakpoint in _.breakpoints) {\n if (_.breakpoints.hasOwnProperty(breakpoint)) {\n if (_.originalSettings.mobileFirst === false) {\n if (respondToWidth < _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n } else {\n if (respondToWidth > _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n }\n }\n }\n\n if (targetBreakpoint !== null) {\n if (_.activeBreakpoint !== null) {\n if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) {\n _.activeBreakpoint =\n targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n _.activeBreakpoint = targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n if (_.activeBreakpoint !== null) {\n _.activeBreakpoint = null;\n _.options = _.originalSettings;\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n triggerBreakpoint = targetBreakpoint;\n }\n }\n\n // only trigger breakpoints during an actual break. not on initialize.\n if( !initial && triggerBreakpoint !== false ) {\n _.$slider.trigger('breakpoint', [_, triggerBreakpoint]);\n }\n }\n\n };\n\n Slick.prototype.changeSlide = function(event, dontAnimate) {\n\n var _ = this,\n $target = $(event.currentTarget),\n indexOffset, slideOffset, unevenOffset;\n\n // If target is a link, prevent default action.\n if($target.is('a')) {\n event.preventDefault();\n }\n\n // If target is not the element (ie: a child), find the .\n if(!$target.is('li')) {\n $target = $target.closest('li');\n }\n\n unevenOffset = (_.slideCount % _.options.slidesToScroll !== 0);\n indexOffset = unevenOffset ? 0 : (_.slideCount - _.currentSlide) % _.options.slidesToScroll;\n\n switch (event.data.message) {\n\n case 'previous':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide - slideOffset, false, dontAnimate);\n }\n break;\n\n case 'next':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate);\n }\n break;\n\n case 'index':\n var index = event.data.index === 0 ? 0 :\n event.data.index || $target.index() * _.options.slidesToScroll;\n\n _.slideHandler(_.checkNavigable(index), false, dontAnimate);\n $target.children().trigger('focus');\n break;\n\n default:\n return;\n }\n\n };\n\n Slick.prototype.checkNavigable = function(index) {\n\n var _ = this,\n navigables, prevNavigable;\n\n navigables = _.getNavigableIndexes();\n prevNavigable = 0;\n if (index > navigables[navigables.length - 1]) {\n index = navigables[navigables.length - 1];\n } else {\n for (var n in navigables) {\n if (index < navigables[n]) {\n index = prevNavigable;\n break;\n }\n prevNavigable = navigables[n];\n }\n }\n\n return index;\n };\n\n Slick.prototype.cleanUpEvents = function() {\n\n var _ = this;\n\n if (_.options.dots && _.$dots !== null) {\n\n $('li', _.$dots)\n .off('click.slick', _.changeSlide)\n .off('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n if (_.options.accessibility === true) {\n _.$dots.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$slider.off('focus.slick blur.slick');\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow && _.$prevArrow.off('click.slick', _.changeSlide);\n _.$nextArrow && _.$nextArrow.off('click.slick', _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow && _.$prevArrow.off('keydown.slick', _.keyHandler);\n _.$nextArrow && _.$nextArrow.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$list.off('touchstart.slick mousedown.slick', _.swipeHandler);\n _.$list.off('touchmove.slick mousemove.slick', _.swipeHandler);\n _.$list.off('touchend.slick mouseup.slick', _.swipeHandler);\n _.$list.off('touchcancel.slick mouseleave.slick', _.swipeHandler);\n\n _.$list.off('click.slick', _.clickHandler);\n\n $(document).off(_.visibilityChange, _.visibility);\n\n _.cleanUpSlideEvents();\n\n if (_.options.accessibility === true) {\n _.$list.off('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().off('click.slick', _.selectHandler);\n }\n\n $(window).off('orientationchange.slick.slick-' + _.instanceUid, _.orientationChange);\n\n $(window).off('resize.slick.slick-' + _.instanceUid, _.resize);\n\n $('[draggable!=true]', _.$slideTrack).off('dragstart', _.preventDefault);\n\n $(window).off('load.slick.slick-' + _.instanceUid, _.setPosition);\n\n };\n\n Slick.prototype.cleanUpSlideEvents = function() {\n\n var _ = this;\n\n _.$list.off('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n };\n\n Slick.prototype.cleanUpRows = function() {\n\n var _ = this, originalSlides;\n\n if(_.options.rows > 0) {\n originalSlides = _.$slides.children().children();\n originalSlides.removeAttr('style');\n _.$slider.empty().append(originalSlides);\n }\n\n };\n\n Slick.prototype.clickHandler = function(event) {\n\n var _ = this;\n\n if (_.shouldClick === false) {\n event.stopImmediatePropagation();\n event.stopPropagation();\n event.preventDefault();\n }\n\n };\n\n Slick.prototype.destroy = function(refresh) {\n\n var _ = this;\n\n _.autoPlayClear();\n\n _.touchObject = {};\n\n _.cleanUpEvents();\n\n $('.slick-cloned', _.$slider).detach();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if ( _.$prevArrow && _.$prevArrow.length ) {\n\n _.$prevArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display','');\n\n if ( _.htmlExpr.test( _.options.prevArrow )) {\n _.$prevArrow.remove();\n }\n }\n\n if ( _.$nextArrow && _.$nextArrow.length ) {\n\n _.$nextArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display','');\n\n if ( _.htmlExpr.test( _.options.nextArrow )) {\n _.$nextArrow.remove();\n }\n }\n\n\n if (_.$slides) {\n\n _.$slides\n .removeClass('slick-slide slick-active slick-center slick-visible slick-current')\n .removeAttr('aria-hidden')\n .removeAttr('data-slick-index')\n .each(function(){\n $(this).attr('style', $(this).data('originalStyling'));\n });\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.detach();\n\n _.$list.detach();\n\n _.$slider.append(_.$slides);\n }\n\n _.cleanUpRows();\n\n _.$slider.removeClass('slick-slider');\n _.$slider.removeClass('slick-initialized');\n _.$slider.removeClass('slick-dotted');\n\n _.unslicked = true;\n\n if(!refresh) {\n _.$slider.trigger('destroy', [_]);\n }\n\n };\n\n Slick.prototype.disableTransition = function(slide) {\n\n var _ = this,\n transition = {};\n\n transition[_.transitionType] = '';\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n\n };\n\n Slick.prototype.fadeSlide = function(slideIndex, callback) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).css({\n zIndex: _.options.zIndex\n });\n\n _.$slides.eq(slideIndex).animate({\n opacity: 1\n }, _.options.speed, _.options.easing, callback);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 1,\n zIndex: _.options.zIndex\n });\n\n if (callback) {\n setTimeout(function() {\n\n _.disableTransition(slideIndex);\n\n callback.call();\n }, _.options.speed);\n }\n\n }\n\n };\n\n Slick.prototype.fadeSlideOut = function(slideIndex) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).animate({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n }, _.options.speed, _.options.easing);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n });\n\n }\n\n };\n\n Slick.prototype.filterSlides = Slick.prototype.slickFilter = function(filter) {\n\n var _ = this;\n\n if (filter !== null) {\n\n _.$slidesCache = _.$slides;\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.filter(filter).appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.focusHandler = function() {\n\n var _ = this;\n\n _.$slider\n .off('focus.slick blur.slick')\n .on('focus.slick blur.slick', '*', function(event) {\n\n event.stopImmediatePropagation();\n var $sf = $(this);\n\n setTimeout(function() {\n\n if( _.options.pauseOnFocus ) {\n _.focussed = $sf.is(':focus');\n _.autoPlay();\n }\n\n }, 0);\n\n });\n };\n\n Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function() {\n\n var _ = this;\n return _.currentSlide;\n\n };\n\n Slick.prototype.getDotCount = function() {\n\n var _ = this;\n\n var breakPoint = 0;\n var counter = 0;\n var pagerQty = 0;\n\n if (_.options.infinite === true) {\n if (_.slideCount <= _.options.slidesToShow) {\n ++pagerQty;\n } else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n } else if (_.options.centerMode === true) {\n pagerQty = _.slideCount;\n } else if(!_.options.asNavFor) {\n pagerQty = 1 + Math.ceil((_.slideCount - _.options.slidesToShow) / _.options.slidesToScroll);\n }else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n\n return pagerQty - 1;\n\n };\n\n Slick.prototype.getLeft = function(slideIndex) {\n\n var _ = this,\n targetLeft,\n verticalHeight,\n verticalOffset = 0,\n targetSlide,\n coef;\n\n _.slideOffset = 0;\n verticalHeight = _.$slides.first().outerHeight(true);\n\n if (_.options.infinite === true) {\n if (_.slideCount > _.options.slidesToShow) {\n _.slideOffset = (_.slideWidth * _.options.slidesToShow) * -1;\n coef = -1\n\n if (_.options.vertical === true && _.options.centerMode === true) {\n if (_.options.slidesToShow === 2) {\n coef = -1.5;\n } else if (_.options.slidesToShow === 1) {\n coef = -2\n }\n }\n verticalOffset = (verticalHeight * _.options.slidesToShow) * coef;\n }\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) {\n if (slideIndex > _.slideCount) {\n _.slideOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth) * -1;\n verticalOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight) * -1;\n } else {\n _.slideOffset = ((_.slideCount % _.options.slidesToScroll) * _.slideWidth) * -1;\n verticalOffset = ((_.slideCount % _.options.slidesToScroll) * verticalHeight) * -1;\n }\n }\n }\n } else {\n if (slideIndex + _.options.slidesToShow > _.slideCount) {\n _.slideOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * _.slideWidth;\n verticalOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * verticalHeight;\n }\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.slideOffset = 0;\n verticalOffset = 0;\n }\n\n if (_.options.centerMode === true && _.slideCount <= _.options.slidesToShow) {\n _.slideOffset = ((_.slideWidth * Math.floor(_.options.slidesToShow)) / 2) - ((_.slideWidth * _.slideCount) / 2);\n } else if (_.options.centerMode === true && _.options.infinite === true) {\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2) - _.slideWidth;\n } else if (_.options.centerMode === true) {\n _.slideOffset = 0;\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2);\n }\n\n if (_.options.vertical === false) {\n targetLeft = ((slideIndex * _.slideWidth) * -1) + _.slideOffset;\n } else {\n targetLeft = ((slideIndex * verticalHeight) * -1) + verticalOffset;\n }\n\n if (_.options.variableWidth === true) {\n\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n if (_.options.centerMode === true) {\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow + 1);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2;\n }\n }\n\n return targetLeft;\n\n };\n\n Slick.prototype.getOption = Slick.prototype.slickGetOption = function(option) {\n\n var _ = this;\n\n return _.options[option];\n\n };\n\n Slick.prototype.getNavigableIndexes = function() {\n\n var _ = this,\n breakPoint = 0,\n counter = 0,\n indexes = [],\n max;\n\n if (_.options.infinite === false) {\n max = _.slideCount;\n } else {\n breakPoint = _.options.slidesToScroll * -1;\n counter = _.options.slidesToScroll * -1;\n max = _.slideCount * 2;\n }\n\n while (breakPoint < max) {\n indexes.push(breakPoint);\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n\n return indexes;\n\n };\n\n Slick.prototype.getSlick = function() {\n\n return this;\n\n };\n\n Slick.prototype.getSlideCount = function() {\n\n var _ = this,\n slidesTraversed, swipedSlide, centerOffset;\n\n centerOffset = _.options.centerMode === true ? _.slideWidth * Math.floor(_.options.slidesToShow / 2) : 0;\n\n if (_.options.swipeToSlide === true) {\n _.$slideTrack.find('.slick-slide').each(function(index, slide) {\n if (slide.offsetLeft - centerOffset + ($(slide).outerWidth() / 2) > (_.swipeLeft * -1)) {\n swipedSlide = slide;\n return false;\n }\n });\n\n slidesTraversed = Math.abs($(swipedSlide).attr('data-slick-index') - _.currentSlide) || 1;\n\n return slidesTraversed;\n\n } else {\n return _.options.slidesToScroll;\n }\n\n };\n\n Slick.prototype.goTo = Slick.prototype.slickGoTo = function(slide, dontAnimate) {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'index',\n index: parseInt(slide)\n }\n }, dontAnimate);\n\n };\n\n Slick.prototype.init = function(creation) {\n\n var _ = this;\n\n if (!$(_.$slider).hasClass('slick-initialized')) {\n\n $(_.$slider).addClass('slick-initialized');\n\n _.buildRows();\n _.buildOut();\n _.setProps();\n _.startLoad();\n _.loadSlider();\n _.initializeEvents();\n _.updateArrows();\n _.updateDots();\n _.checkResponsive(true);\n _.focusHandler();\n\n }\n\n if (creation) {\n _.$slider.trigger('init', [_]);\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n }\n\n if ( _.options.autoplay ) {\n\n _.paused = false;\n _.autoPlay();\n\n }\n\n };\n\n Slick.prototype.initADA = function() {\n var _ = this,\n numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow),\n tabControlIndexes = _.getNavigableIndexes().filter(function(val) {\n return (val >= 0) && (val < _.slideCount);\n });\n\n _.$slides.add(_.$slideTrack.find('.slick-cloned')).attr({\n 'aria-hidden': 'true',\n 'tabindex': '-1'\n }).find('a, input, button, select').attr({\n 'tabindex': '-1'\n });\n\n if (_.$dots !== null) {\n _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function(i) {\n var slideControlIndex = tabControlIndexes.indexOf(i);\n\n $(this).attr({\n 'role': 'tabpanel',\n 'id': 'slick-slide' + _.instanceUid + i,\n 'tabindex': -1\n });\n\n if (slideControlIndex !== -1) {\n var ariaButtonControl = 'slick-slide-control' + _.instanceUid + slideControlIndex\n if ($('#' + ariaButtonControl).length) {\n $(this).attr({\n 'aria-describedby': ariaButtonControl\n });\n }\n }\n });\n\n _.$dots.attr('role', 'tablist').find('li').each(function(i) {\n var mappedSlideIndex = tabControlIndexes[i];\n\n $(this).attr({\n 'role': 'presentation'\n });\n\n $(this).find('button').first().attr({\n 'role': 'tab',\n 'id': 'slick-slide-control' + _.instanceUid + i,\n 'aria-controls': 'slick-slide' + _.instanceUid + mappedSlideIndex,\n 'aria-label': (i + 1) + ' of ' + numDotGroups,\n 'aria-selected': null,\n 'tabindex': '-1'\n });\n\n }).eq(_.currentSlide).find('button').attr({\n 'aria-selected': 'true',\n 'tabindex': '0'\n }).end();\n }\n\n for (var i=_.currentSlide, max=i+_.options.slidesToShow; i < max; i++) {\n if (_.options.focusOnChange) {\n _.$slides.eq(i).attr({'tabindex': '0'});\n } else {\n _.$slides.eq(i).removeAttr('tabindex');\n }\n }\n\n _.activateADA();\n\n };\n\n Slick.prototype.initArrowEvents = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow\n .off('click.slick')\n .on('click.slick', {\n message: 'previous'\n }, _.changeSlide);\n _.$nextArrow\n .off('click.slick')\n .on('click.slick', {\n message: 'next'\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow.on('keydown.slick', _.keyHandler);\n _.$nextArrow.on('keydown.slick', _.keyHandler);\n }\n }\n\n };\n\n Slick.prototype.initDotEvents = function() {\n\n var _ = this;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n $('li', _.$dots).on('click.slick', {\n message: 'index'\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$dots.on('keydown.slick', _.keyHandler);\n }\n }\n\n if (_.options.dots === true && _.options.pauseOnDotsHover === true && _.slideCount > _.options.slidesToShow) {\n\n $('li', _.$dots)\n .on('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initSlideEvents = function() {\n\n var _ = this;\n\n if ( _.options.pauseOnHover ) {\n\n _.$list.on('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initializeEvents = function() {\n\n var _ = this;\n\n _.initArrowEvents();\n\n _.initDotEvents();\n _.initSlideEvents();\n\n _.$list.on('touchstart.slick mousedown.slick', {\n action: 'start'\n }, _.swipeHandler);\n _.$list.on('touchmove.slick mousemove.slick', {\n action: 'move'\n }, _.swipeHandler);\n _.$list.on('touchend.slick mouseup.slick', {\n action: 'end'\n }, _.swipeHandler);\n _.$list.on('touchcancel.slick mouseleave.slick', {\n action: 'end'\n }, _.swipeHandler);\n\n _.$list.on('click.slick', _.clickHandler);\n\n $(document).on(_.visibilityChange, $.proxy(_.visibility, _));\n\n if (_.options.accessibility === true) {\n _.$list.on('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n $(window).on('orientationchange.slick.slick-' + _.instanceUid, $.proxy(_.orientationChange, _));\n\n $(window).on('resize.slick.slick-' + _.instanceUid, $.proxy(_.resize, _));\n\n $('[draggable!=true]', _.$slideTrack).on('dragstart', _.preventDefault);\n\n $(window).on('load.slick.slick-' + _.instanceUid, _.setPosition);\n $(_.setPosition);\n\n };\n\n Slick.prototype.initUI = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.show();\n _.$nextArrow.show();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.show();\n\n }\n\n };\n\n Slick.prototype.keyHandler = function(event) {\n\n var _ = this;\n //Dont slide if the cursor is inside the form fields and arrow keys are pressed\n if(!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) {\n if (event.keyCode === 37 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'next' : 'previous'\n }\n });\n } else if (event.keyCode === 39 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'previous' : 'next'\n }\n });\n }\n }\n\n };\n\n Slick.prototype.lazyLoad = function() {\n\n var _ = this,\n loadRange, cloneRange, rangeStart, rangeEnd;\n\n function loadImages(imagesScope) {\n\n $('img[data-lazy]', imagesScope).each(function() {\n\n var image = $(this),\n imageSource = $(this).attr('data-lazy'),\n imageSrcSet = $(this).attr('data-srcset'),\n imageSizes = $(this).attr('data-sizes') || _.$slider.attr('data-sizes'),\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function() {\n\n image\n .animate({ opacity: 0 }, 100, function() {\n\n if (imageSrcSet) {\n image\n .attr('srcset', imageSrcSet );\n\n if (imageSizes) {\n image\n .attr('sizes', imageSizes );\n }\n }\n\n image\n .attr('src', imageSource)\n .animate({ opacity: 1 }, 200, function() {\n image\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n });\n _.$slider.trigger('lazyLoaded', [_, image, imageSource]);\n });\n\n };\n\n imageToLoad.onerror = function() {\n\n image\n .removeAttr( 'data-lazy' )\n .removeClass( 'slick-loading' )\n .addClass( 'slick-lazyload-error' );\n\n _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n };\n\n imageToLoad.src = imageSource;\n\n });\n\n }\n\n if (_.options.centerMode === true) {\n if (_.options.infinite === true) {\n rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1);\n rangeEnd = rangeStart + _.options.slidesToShow + 2;\n } else {\n rangeStart = Math.max(0, _.currentSlide - (_.options.slidesToShow / 2 + 1));\n rangeEnd = 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide;\n }\n } else {\n rangeStart = _.options.infinite ? _.options.slidesToShow + _.currentSlide : _.currentSlide;\n rangeEnd = Math.ceil(rangeStart + _.options.slidesToShow);\n if (_.options.fade === true) {\n if (rangeStart > 0) rangeStart--;\n if (rangeEnd <= _.slideCount) rangeEnd++;\n }\n }\n\n loadRange = _.$slider.find('.slick-slide').slice(rangeStart, rangeEnd);\n\n if (_.options.lazyLoad === 'anticipated') {\n var prevSlide = rangeStart - 1,\n nextSlide = rangeEnd,\n $slides = _.$slider.find('.slick-slide');\n\n for (var i = 0; i < _.options.slidesToScroll; i++) {\n if (prevSlide < 0) prevSlide = _.slideCount - 1;\n loadRange = loadRange.add($slides.eq(prevSlide));\n loadRange = loadRange.add($slides.eq(nextSlide));\n prevSlide--;\n nextSlide++;\n }\n }\n\n loadImages(loadRange);\n\n if (_.slideCount <= _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-slide');\n loadImages(cloneRange);\n } else\n if (_.currentSlide >= _.slideCount - _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-cloned').slice(0, _.options.slidesToShow);\n loadImages(cloneRange);\n } else if (_.currentSlide === 0) {\n cloneRange = _.$slider.find('.slick-cloned').slice(_.options.slidesToShow * -1);\n loadImages(cloneRange);\n }\n\n };\n\n Slick.prototype.loadSlider = function() {\n\n var _ = this;\n\n _.setPosition();\n\n _.$slideTrack.css({\n opacity: 1\n });\n\n _.$slider.removeClass('slick-loading');\n\n _.initUI();\n\n if (_.options.lazyLoad === 'progressive') {\n _.progressiveLazyLoad();\n }\n\n };\n\n Slick.prototype.next = Slick.prototype.slickNext = function() {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'next'\n }\n });\n\n };\n\n Slick.prototype.orientationChange = function() {\n\n var _ = this;\n\n _.checkResponsive();\n _.setPosition();\n\n };\n\n Slick.prototype.pause = Slick.prototype.slickPause = function() {\n\n var _ = this;\n\n _.autoPlayClear();\n _.paused = true;\n\n };\n\n Slick.prototype.play = Slick.prototype.slickPlay = function() {\n\n var _ = this;\n\n _.autoPlay();\n _.options.autoplay = true;\n _.paused = false;\n _.focussed = false;\n _.interrupted = false;\n\n };\n\n Slick.prototype.postSlide = function(index) {\n\n var _ = this;\n\n if( !_.unslicked ) {\n\n _.$slider.trigger('afterChange', [_, index]);\n\n _.animating = false;\n\n if (_.slideCount > _.options.slidesToShow) {\n _.setPosition();\n }\n\n _.swipeLeft = null;\n\n if ( _.options.autoplay ) {\n _.autoPlay();\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n\n if (_.options.focusOnChange) {\n var $currentSlide = $(_.$slides.get(_.currentSlide));\n $currentSlide.attr('tabindex', 0).focus();\n }\n }\n\n }\n\n };\n\n Slick.prototype.prev = Slick.prototype.slickPrev = function() {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'previous'\n }\n });\n\n };\n\n Slick.prototype.preventDefault = function(event) {\n\n event.preventDefault();\n\n };\n\n Slick.prototype.progressiveLazyLoad = function( tryCount ) {\n\n tryCount = tryCount || 1;\n\n var _ = this,\n $imgsToLoad = $( 'img[data-lazy]', _.$slider ),\n image,\n imageSource,\n imageSrcSet,\n imageSizes,\n imageToLoad;\n\n if ( $imgsToLoad.length ) {\n\n image = $imgsToLoad.first();\n imageSource = image.attr('data-lazy');\n imageSrcSet = image.attr('data-srcset');\n imageSizes = image.attr('data-sizes') || _.$slider.attr('data-sizes');\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function() {\n\n if (imageSrcSet) {\n image\n .attr('srcset', imageSrcSet );\n\n if (imageSizes) {\n image\n .attr('sizes', imageSizes );\n }\n }\n\n image\n .attr( 'src', imageSource )\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n\n if ( _.options.adaptiveHeight === true ) {\n _.setPosition();\n }\n\n _.$slider.trigger('lazyLoaded', [ _, image, imageSource ]);\n _.progressiveLazyLoad();\n\n };\n\n imageToLoad.onerror = function() {\n\n if ( tryCount < 3 ) {\n\n /**\n * try to load the image 3 times,\n * leave a slight delay so we don't get\n * servers blocking the request.\n */\n setTimeout( function() {\n _.progressiveLazyLoad( tryCount + 1 );\n }, 500 );\n\n } else {\n\n image\n .removeAttr( 'data-lazy' )\n .removeClass( 'slick-loading' )\n .addClass( 'slick-lazyload-error' );\n\n _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n _.progressiveLazyLoad();\n\n }\n\n };\n\n imageToLoad.src = imageSource;\n\n } else {\n\n _.$slider.trigger('allImagesLoaded', [ _ ]);\n\n }\n\n };\n\n Slick.prototype.refresh = function( initializing ) {\n\n var _ = this, currentSlide, lastVisibleIndex;\n\n lastVisibleIndex = _.slideCount - _.options.slidesToShow;\n\n // in non-infinite sliders, we don't want to go past the\n // last visible index.\n if( !_.options.infinite && ( _.currentSlide > lastVisibleIndex )) {\n _.currentSlide = lastVisibleIndex;\n }\n\n // if less slides than to show, go to start.\n if ( _.slideCount <= _.options.slidesToShow ) {\n _.currentSlide = 0;\n\n }\n\n currentSlide = _.currentSlide;\n\n _.destroy(true);\n\n $.extend(_, _.initials, { currentSlide: currentSlide });\n\n _.init();\n\n if( !initializing ) {\n\n _.changeSlide({\n data: {\n message: 'index',\n index: currentSlide\n }\n }, false);\n\n }\n\n };\n\n Slick.prototype.registerBreakpoints = function() {\n\n var _ = this, breakpoint, currentBreakpoint, l,\n responsiveSettings = _.options.responsive || null;\n\n if ( $.type(responsiveSettings) === 'array' && responsiveSettings.length ) {\n\n _.respondTo = _.options.respondTo || 'window';\n\n for ( breakpoint in responsiveSettings ) {\n\n l = _.breakpoints.length-1;\n\n if (responsiveSettings.hasOwnProperty(breakpoint)) {\n currentBreakpoint = responsiveSettings[breakpoint].breakpoint;\n\n // loop through the breakpoints and cut out any existing\n // ones with the same breakpoint number, we don't want dupes.\n while( l >= 0 ) {\n if( _.breakpoints[l] && _.breakpoints[l] === currentBreakpoint ) {\n _.breakpoints.splice(l,1);\n }\n l--;\n }\n\n _.breakpoints.push(currentBreakpoint);\n _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings;\n\n }\n\n }\n\n _.breakpoints.sort(function(a, b) {\n return ( _.options.mobileFirst ) ? a-b : b-a;\n });\n\n }\n\n };\n\n Slick.prototype.reinit = function() {\n\n var _ = this;\n\n _.$slides =\n _.$slideTrack\n .children(_.options.slide)\n .addClass('slick-slide');\n\n _.slideCount = _.$slides.length;\n\n if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) {\n _.currentSlide = _.currentSlide - _.options.slidesToScroll;\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.currentSlide = 0;\n }\n\n _.registerBreakpoints();\n\n _.setProps();\n _.setupInfinite();\n _.buildArrows();\n _.updateArrows();\n _.initArrowEvents();\n _.buildDots();\n _.updateDots();\n _.initDotEvents();\n _.cleanUpSlideEvents();\n _.initSlideEvents();\n\n _.checkResponsive(false, true);\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n _.setPosition();\n _.focusHandler();\n\n _.paused = !_.options.autoplay;\n _.autoPlay();\n\n _.$slider.trigger('reInit', [_]);\n\n };\n\n Slick.prototype.resize = function() {\n\n var _ = this;\n\n if ($(window).width() !== _.windowWidth) {\n clearTimeout(_.windowDelay);\n _.windowDelay = window.setTimeout(function() {\n _.windowWidth = $(window).width();\n _.checkResponsive();\n if( !_.unslicked ) { _.setPosition(); }\n }, 50);\n }\n };\n\n Slick.prototype.removeSlide = Slick.prototype.slickRemove = function(index, removeBefore, removeAll) {\n\n var _ = this;\n\n if (typeof(index) === 'boolean') {\n removeBefore = index;\n index = removeBefore === true ? 0 : _.slideCount - 1;\n } else {\n index = removeBefore === true ? --index : index;\n }\n\n if (_.slideCount < 1 || index < 0 || index > _.slideCount - 1) {\n return false;\n }\n\n _.unload();\n\n if (removeAll === true) {\n _.$slideTrack.children().remove();\n } else {\n _.$slideTrack.children(this.options.slide).eq(index).remove();\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n\n };\n\n Slick.prototype.setCSS = function(position) {\n\n var _ = this,\n positionProps = {},\n x, y;\n\n if (_.options.rtl === true) {\n position = -position;\n }\n x = _.positionProp == 'left' ? Math.ceil(position) + 'px' : '0px';\n y = _.positionProp == 'top' ? Math.ceil(position) + 'px' : '0px';\n\n positionProps[_.positionProp] = position;\n\n if (_.transformsEnabled === false) {\n _.$slideTrack.css(positionProps);\n } else {\n positionProps = {};\n if (_.cssTransitions === false) {\n positionProps[_.animType] = 'translate(' + x + ', ' + y + ')';\n _.$slideTrack.css(positionProps);\n } else {\n positionProps[_.animType] = 'translate3d(' + x + ', ' + y + ', 0px)';\n _.$slideTrack.css(positionProps);\n }\n }\n\n };\n\n Slick.prototype.setDimensions = function() {\n\n var _ = this;\n\n if (_.options.vertical === false) {\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: ('0px ' + _.options.centerPadding)\n });\n }\n } else {\n _.$list.height(_.$slides.first().outerHeight(true) * _.options.slidesToShow);\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: (_.options.centerPadding + ' 0px')\n });\n }\n }\n\n _.listWidth = _.$list.width();\n _.listHeight = _.$list.height();\n\n\n if (_.options.vertical === false && _.options.variableWidth === false) {\n _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow);\n _.$slideTrack.width(Math.ceil((_.slideWidth * _.$slideTrack.children('.slick-slide').length)));\n\n } else if (_.options.variableWidth === true) {\n _.$slideTrack.width(5000 * _.slideCount);\n } else {\n _.slideWidth = Math.ceil(_.listWidth);\n _.$slideTrack.height(Math.ceil((_.$slides.first().outerHeight(true) * _.$slideTrack.children('.slick-slide').length)));\n }\n\n var offset = _.$slides.first().outerWidth(true) - _.$slides.first().width();\n if (_.options.variableWidth === false) _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset);\n\n };\n\n Slick.prototype.setFade = function() {\n\n var _ = this,\n targetLeft;\n\n _.$slides.each(function(index, element) {\n targetLeft = (_.slideWidth * index) * -1;\n if (_.options.rtl === true) {\n $(element).css({\n position: 'relative',\n right: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n } else {\n $(element).css({\n position: 'relative',\n left: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n }\n });\n\n _.$slides.eq(_.currentSlide).css({\n zIndex: _.options.zIndex - 1,\n opacity: 1\n });\n\n };\n\n Slick.prototype.setHeight = function() {\n\n var _ = this;\n\n if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.css('height', targetHeight);\n }\n\n };\n\n Slick.prototype.setOption =\n Slick.prototype.slickSetOption = function() {\n\n /**\n * accepts arguments in format of:\n *\n * - for changing a single option's value:\n * .slick(\"setOption\", option, value, refresh )\n *\n * - for changing a set of responsive options:\n * .slick(\"setOption\", 'responsive', [{}, ...], refresh )\n *\n * - for updating multiple values at once (not responsive)\n * .slick(\"setOption\", { 'option': value, ... }, refresh )\n */\n\n var _ = this, l, item, option, value, refresh = false, type;\n\n if( $.type( arguments[0] ) === 'object' ) {\n\n option = arguments[0];\n refresh = arguments[1];\n type = 'multiple';\n\n } else if ( $.type( arguments[0] ) === 'string' ) {\n\n option = arguments[0];\n value = arguments[1];\n refresh = arguments[2];\n\n if ( arguments[0] === 'responsive' && $.type( arguments[1] ) === 'array' ) {\n\n type = 'responsive';\n\n } else if ( typeof arguments[1] !== 'undefined' ) {\n\n type = 'single';\n\n }\n\n }\n\n if ( type === 'single' ) {\n\n _.options[option] = value;\n\n\n } else if ( type === 'multiple' ) {\n\n $.each( option , function( opt, val ) {\n\n _.options[opt] = val;\n\n });\n\n\n } else if ( type === 'responsive' ) {\n\n for ( item in value ) {\n\n if( $.type( _.options.responsive ) !== 'array' ) {\n\n _.options.responsive = [ value[item] ];\n\n } else {\n\n l = _.options.responsive.length-1;\n\n // loop through the responsive object and splice out duplicates.\n while( l >= 0 ) {\n\n if( _.options.responsive[l].breakpoint === value[item].breakpoint ) {\n\n _.options.responsive.splice(l,1);\n\n }\n\n l--;\n\n }\n\n _.options.responsive.push( value[item] );\n\n }\n\n }\n\n }\n\n if ( refresh ) {\n\n _.unload();\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.setPosition = function() {\n\n var _ = this;\n\n _.setDimensions();\n\n _.setHeight();\n\n if (_.options.fade === false) {\n _.setCSS(_.getLeft(_.currentSlide));\n } else {\n _.setFade();\n }\n\n _.$slider.trigger('setPosition', [_]);\n\n };\n\n Slick.prototype.setProps = function() {\n\n var _ = this,\n bodyStyle = document.body.style;\n\n _.positionProp = _.options.vertical === true ? 'top' : 'left';\n\n if (_.positionProp === 'top') {\n _.$slider.addClass('slick-vertical');\n } else {\n _.$slider.removeClass('slick-vertical');\n }\n\n if (bodyStyle.WebkitTransition !== undefined ||\n bodyStyle.MozTransition !== undefined ||\n bodyStyle.msTransition !== undefined) {\n if (_.options.useCSS === true) {\n _.cssTransitions = true;\n }\n }\n\n if ( _.options.fade ) {\n if ( typeof _.options.zIndex === 'number' ) {\n if( _.options.zIndex < 3 ) {\n _.options.zIndex = 3;\n }\n } else {\n _.options.zIndex = _.defaults.zIndex;\n }\n }\n\n if (bodyStyle.OTransform !== undefined) {\n _.animType = 'OTransform';\n _.transformType = '-o-transform';\n _.transitionType = 'OTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.MozTransform !== undefined) {\n _.animType = 'MozTransform';\n _.transformType = '-moz-transform';\n _.transitionType = 'MozTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.MozPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.webkitTransform !== undefined) {\n _.animType = 'webkitTransform';\n _.transformType = '-webkit-transform';\n _.transitionType = 'webkitTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.msTransform !== undefined) {\n _.animType = 'msTransform';\n _.transformType = '-ms-transform';\n _.transitionType = 'msTransition';\n if (bodyStyle.msTransform === undefined) _.animType = false;\n }\n if (bodyStyle.transform !== undefined && _.animType !== false) {\n _.animType = 'transform';\n _.transformType = 'transform';\n _.transitionType = 'transition';\n }\n _.transformsEnabled = _.options.useTransform && (_.animType !== null && _.animType !== false);\n };\n\n\n Slick.prototype.setSlideClasses = function(index) {\n\n var _ = this,\n centerOffset, allSlides, indexOffset, remainder;\n\n allSlides = _.$slider\n .find('.slick-slide')\n .removeClass('slick-active slick-center slick-current')\n .attr('aria-hidden', 'true');\n\n _.$slides\n .eq(index)\n .addClass('slick-current');\n\n if (_.options.centerMode === true) {\n\n var evenCoef = _.options.slidesToShow % 2 === 0 ? 1 : 0;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if (_.options.infinite === true) {\n\n if (index >= centerOffset && index <= (_.slideCount - 1) - centerOffset) {\n _.$slides\n .slice(index - centerOffset + evenCoef, index + centerOffset + 1)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n indexOffset = _.options.slidesToShow + index;\n allSlides\n .slice(indexOffset - centerOffset + 1 + evenCoef, indexOffset + centerOffset + 2)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n }\n\n if (index === 0) {\n\n allSlides\n .eq(allSlides.length - 1 - _.options.slidesToShow)\n .addClass('slick-center');\n\n } else if (index === _.slideCount - 1) {\n\n allSlides\n .eq(_.options.slidesToShow)\n .addClass('slick-center');\n\n }\n\n }\n\n _.$slides\n .eq(index)\n .addClass('slick-center');\n\n } else {\n\n if (index >= 0 && index <= (_.slideCount - _.options.slidesToShow)) {\n\n _.$slides\n .slice(index, index + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else if (allSlides.length <= _.options.slidesToShow) {\n\n allSlides\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n remainder = _.slideCount % _.options.slidesToShow;\n indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index;\n\n if (_.options.slidesToShow == _.options.slidesToScroll && (_.slideCount - index) < _.options.slidesToShow) {\n\n allSlides\n .slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n allSlides\n .slice(indexOffset, indexOffset + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n }\n\n }\n\n }\n\n if (_.options.lazyLoad === 'ondemand' || _.options.lazyLoad === 'anticipated') {\n _.lazyLoad();\n }\n };\n\n Slick.prototype.setupInfinite = function() {\n\n var _ = this,\n i, slideIndex, infiniteCount;\n\n if (_.options.fade === true) {\n _.options.centerMode = false;\n }\n\n if (_.options.infinite === true && _.options.fade === false) {\n\n slideIndex = null;\n\n if (_.slideCount > _.options.slidesToShow) {\n\n if (_.options.centerMode === true) {\n infiniteCount = _.options.slidesToShow + 1;\n } else {\n infiniteCount = _.options.slidesToShow;\n }\n\n for (i = _.slideCount; i > (_.slideCount -\n infiniteCount); i -= 1) {\n slideIndex = i - 1;\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\n .attr('data-slick-index', slideIndex - _.slideCount)\n .prependTo(_.$slideTrack).addClass('slick-cloned');\n }\n for (i = 0; i < infiniteCount + _.slideCount; i += 1) {\n slideIndex = i;\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\n .attr('data-slick-index', slideIndex + _.slideCount)\n .appendTo(_.$slideTrack).addClass('slick-cloned');\n }\n _.$slideTrack.find('.slick-cloned').find('[id]').each(function() {\n $(this).attr('id', '');\n });\n\n }\n\n }\n\n };\n\n Slick.prototype.interrupt = function( toggle ) {\n\n var _ = this;\n\n if( !toggle ) {\n _.autoPlay();\n }\n _.interrupted = toggle;\n\n };\n\n Slick.prototype.selectHandler = function(event) {\n\n var _ = this;\n\n var targetElement =\n $(event.target).is('.slick-slide') ?\n $(event.target) :\n $(event.target).parents('.slick-slide');\n\n var index = parseInt(targetElement.attr('data-slick-index'));\n\n if (!index) index = 0;\n\n if (_.slideCount <= _.options.slidesToShow) {\n\n _.slideHandler(index, false, true);\n return;\n\n }\n\n _.slideHandler(index);\n\n };\n\n Slick.prototype.slideHandler = function(index, sync, dontAnimate) {\n\n var targetSlide, animSlide, oldSlide, slideLeft, targetLeft = null,\n _ = this, navTarget;\n\n sync = sync || false;\n\n if (_.animating === true && _.options.waitForAnimate === true) {\n return;\n }\n\n if (_.options.fade === true && _.currentSlide === index) {\n return;\n }\n\n if (sync === false) {\n _.asNavFor(index);\n }\n\n targetSlide = index;\n targetLeft = _.getLeft(targetSlide);\n slideLeft = _.getLeft(_.currentSlide);\n\n _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft;\n\n if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function() {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n } else if (_.options.infinite === false && _.options.centerMode === true && (index < 0 || index > (_.slideCount - _.options.slidesToScroll))) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function() {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n }\n\n if ( _.options.autoplay ) {\n clearInterval(_.autoPlayTimer);\n }\n\n if (targetSlide < 0) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = _.slideCount - (_.slideCount % _.options.slidesToScroll);\n } else {\n animSlide = _.slideCount + targetSlide;\n }\n } else if (targetSlide >= _.slideCount) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = 0;\n } else {\n animSlide = targetSlide - _.slideCount;\n }\n } else {\n animSlide = targetSlide;\n }\n\n _.animating = true;\n\n _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]);\n\n oldSlide = _.currentSlide;\n _.currentSlide = animSlide;\n\n _.setSlideClasses(_.currentSlide);\n\n if ( _.options.asNavFor ) {\n\n navTarget = _.getNavTarget();\n navTarget = navTarget.slick('getSlick');\n\n if ( navTarget.slideCount <= navTarget.options.slidesToShow ) {\n navTarget.setSlideClasses(_.currentSlide);\n }\n\n }\n\n _.updateDots();\n _.updateArrows();\n\n if (_.options.fade === true) {\n if (dontAnimate !== true) {\n\n _.fadeSlideOut(oldSlide);\n\n _.fadeSlide(animSlide, function() {\n _.postSlide(animSlide);\n });\n\n } else {\n _.postSlide(animSlide);\n }\n _.animateHeight();\n return;\n }\n\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(targetLeft, function() {\n _.postSlide(animSlide);\n });\n } else {\n _.postSlide(animSlide);\n }\n\n };\n\n Slick.prototype.startLoad = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.hide();\n _.$nextArrow.hide();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.hide();\n\n }\n\n _.$slider.addClass('slick-loading');\n\n };\n\n Slick.prototype.swipeDirection = function() {\n\n var xDist, yDist, r, swipeAngle, _ = this;\n\n xDist = _.touchObject.startX - _.touchObject.curX;\n yDist = _.touchObject.startY - _.touchObject.curY;\n r = Math.atan2(yDist, xDist);\n\n swipeAngle = Math.round(r * 180 / Math.PI);\n if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n\n if ((swipeAngle <= 45) && (swipeAngle >= 0)) {\n return (_.options.rtl === false ? 'left' : 'right');\n }\n if ((swipeAngle <= 360) && (swipeAngle >= 315)) {\n return (_.options.rtl === false ? 'left' : 'right');\n }\n if ((swipeAngle >= 135) && (swipeAngle <= 225)) {\n return (_.options.rtl === false ? 'right' : 'left');\n }\n if (_.options.verticalSwiping === true) {\n if ((swipeAngle >= 35) && (swipeAngle <= 135)) {\n return 'down';\n } else {\n return 'up';\n }\n }\n\n return 'vertical';\n\n };\n\n Slick.prototype.swipeEnd = function(event) {\n\n var _ = this,\n slideCount,\n direction;\n\n _.dragging = false;\n _.swiping = false;\n\n if (_.scrolling) {\n _.scrolling = false;\n return false;\n }\n\n _.interrupted = false;\n _.shouldClick = ( _.touchObject.swipeLength > 10 ) ? false : true;\n\n if ( _.touchObject.curX === undefined ) {\n return false;\n }\n\n if ( _.touchObject.edgeHit === true ) {\n _.$slider.trigger('edge', [_, _.swipeDirection() ]);\n }\n\n if ( _.touchObject.swipeLength >= _.touchObject.minSwipe ) {\n\n direction = _.swipeDirection();\n\n switch ( direction ) {\n\n case 'left':\n case 'down':\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable( _.currentSlide + _.getSlideCount() ) :\n _.currentSlide + _.getSlideCount();\n\n _.currentDirection = 0;\n\n break;\n\n case 'right':\n case 'up':\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable( _.currentSlide - _.getSlideCount() ) :\n _.currentSlide - _.getSlideCount();\n\n _.currentDirection = 1;\n\n break;\n\n default:\n\n\n }\n\n if( direction != 'vertical' ) {\n\n _.slideHandler( slideCount );\n _.touchObject = {};\n _.$slider.trigger('swipe', [_, direction ]);\n\n }\n\n } else {\n\n if ( _.touchObject.startX !== _.touchObject.curX ) {\n\n _.slideHandler( _.currentSlide );\n _.touchObject = {};\n\n }\n\n }\n\n };\n\n Slick.prototype.swipeHandler = function(event) {\n\n var _ = this;\n\n if ((_.options.swipe === false) || ('ontouchend' in document && _.options.swipe === false)) {\n return;\n } else if (_.options.draggable === false && event.type.indexOf('mouse') !== -1) {\n return;\n }\n\n _.touchObject.fingerCount = event.originalEvent && event.originalEvent.touches !== undefined ?\n event.originalEvent.touches.length : 1;\n\n _.touchObject.minSwipe = _.listWidth / _.options\n .touchThreshold;\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.minSwipe = _.listHeight / _.options\n .touchThreshold;\n }\n\n switch (event.data.action) {\n\n case 'start':\n _.swipeStart(event);\n break;\n\n case 'move':\n _.swipeMove(event);\n break;\n\n case 'end':\n _.swipeEnd(event);\n break;\n\n }\n\n };\n\n Slick.prototype.swipeMove = function(event) {\n\n var _ = this,\n edgeWasHit = false,\n curLeft, swipeDirection, swipeLength, positionOffset, touches, verticalSwipeLength;\n\n touches = event.originalEvent !== undefined ? event.originalEvent.touches : null;\n\n if (!_.dragging || _.scrolling || touches && touches.length !== 1) {\n return false;\n }\n\n curLeft = _.getLeft(_.currentSlide);\n\n _.touchObject.curX = touches !== undefined ? touches[0].pageX : event.clientX;\n _.touchObject.curY = touches !== undefined ? touches[0].pageY : event.clientY;\n\n _.touchObject.swipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curX - _.touchObject.startX, 2)));\n\n verticalSwipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curY - _.touchObject.startY, 2)));\n\n if (!_.options.verticalSwiping && !_.swiping && verticalSwipeLength > 4) {\n _.scrolling = true;\n return false;\n }\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.swipeLength = verticalSwipeLength;\n }\n\n swipeDirection = _.swipeDirection();\n\n if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) {\n _.swiping = true;\n event.preventDefault();\n }\n\n positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1);\n if (_.options.verticalSwiping === true) {\n positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1;\n }\n\n\n swipeLength = _.touchObject.swipeLength;\n\n _.touchObject.edgeHit = false;\n\n if (_.options.infinite === false) {\n if ((_.currentSlide === 0 && swipeDirection === 'right') || (_.currentSlide >= _.getDotCount() && swipeDirection === 'left')) {\n swipeLength = _.touchObject.swipeLength * _.options.edgeFriction;\n _.touchObject.edgeHit = true;\n }\n }\n\n if (_.options.vertical === false) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n } else {\n _.swipeLeft = curLeft + (swipeLength * (_.$list.height() / _.listWidth)) * positionOffset;\n }\n if (_.options.verticalSwiping === true) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n }\n\n if (_.options.fade === true || _.options.touchMove === false) {\n return false;\n }\n\n if (_.animating === true) {\n _.swipeLeft = null;\n return false;\n }\n\n _.setCSS(_.swipeLeft);\n\n };\n\n Slick.prototype.swipeStart = function(event) {\n\n var _ = this,\n touches;\n\n _.interrupted = true;\n\n if (_.touchObject.fingerCount !== 1 || _.slideCount <= _.options.slidesToShow) {\n _.touchObject = {};\n return false;\n }\n\n if (event.originalEvent !== undefined && event.originalEvent.touches !== undefined) {\n touches = event.originalEvent.touches[0];\n }\n\n _.touchObject.startX = _.touchObject.curX = touches !== undefined ? touches.pageX : event.clientX;\n _.touchObject.startY = _.touchObject.curY = touches !== undefined ? touches.pageY : event.clientY;\n\n _.dragging = true;\n\n };\n\n Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function() {\n\n var _ = this;\n\n if (_.$slidesCache !== null) {\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.unload = function() {\n\n var _ = this;\n\n $('.slick-cloned', _.$slider).remove();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.remove();\n }\n\n if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.remove();\n }\n\n _.$slides\n .removeClass('slick-slide slick-active slick-visible slick-current')\n .attr('aria-hidden', 'true')\n .css('width', '');\n\n };\n\n Slick.prototype.unslick = function(fromBreakpoint) {\n\n var _ = this;\n _.$slider.trigger('unslick', [_, fromBreakpoint]);\n _.destroy();\n\n };\n\n Slick.prototype.updateArrows = function() {\n\n var _ = this,\n centerOffset;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if ( _.options.arrows === true &&\n _.slideCount > _.options.slidesToShow &&\n !_.options.infinite ) {\n\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n if (_.currentSlide === 0) {\n\n _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) {\n\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) {\n\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n }\n\n }\n\n };\n\n Slick.prototype.updateDots = function() {\n\n var _ = this;\n\n if (_.$dots !== null) {\n\n _.$dots\n .find('li')\n .removeClass('slick-active')\n .end();\n\n _.$dots\n .find('li')\n .eq(Math.floor(_.currentSlide / _.options.slidesToScroll))\n .addClass('slick-active');\n\n }\n\n };\n\n Slick.prototype.visibility = function() {\n\n var _ = this;\n\n if ( _.options.autoplay ) {\n\n if ( document[_.hidden] ) {\n\n _.interrupted = true;\n\n } else {\n\n _.interrupted = false;\n\n }\n\n }\n\n };\n\n $.fn.slick = function() {\n var _ = this,\n opt = arguments[0],\n args = Array.prototype.slice.call(arguments, 1),\n l = _.length,\n i,\n ret;\n for (i = 0; i < l; i++) {\n if (typeof opt == 'object' || typeof opt == 'undefined')\n _[i].slick = new Slick(_[i], opt);\n else\n ret = _[i].slick[opt].apply(_[i].slick, args);\n if (typeof ret != 'undefined') return ret;\n }\n return _;\n };\n\n}));\n","//=include polyfills/Object.assign.js\n//=include polyfills/closest.js\n//=include polyfills/CustomEvent.js\n\n//=require slick-carousel/slick/slick.js\n\n//=include plugins/country-selection.js\n//=include plugins/scroll-table.js\n//=require plugins/multi-select.js\n//=include plugins/quantity-control.js\n//=include plugins/search.js\n//=include plugins/move.js\n//=include plugins/scenes.js\n//=include plugins/sliding-accordion.js\n//=require plugins/carousel.js\n//=require plugins/fancy-grid.js\n//=require plugins/popup-page.js\n//=require plugins/video-block.js\n//=require plugins/extraSlickOptions.js\n\n//=include components/quantity-control.js\n//=include components/multi-select.js\n//=include components/search.js\n//=include components/move.js\n//=include components/scenes.js\n//=include components/sliding-accordion.js\n//=require components/carousel.js\n//=require components/fancy-grid.js\n//=require components/popup-page.js\n//=require components/video-block.js\n//=require components/hotspot.js\n\n//=include aos/dist/aos.js\n\n//=include tools/loop.js\n//=include tools/svg.js\n//=include tools/breakpoint.js\n\nAstro.quantityControl();\nAstro.multiSelect();\nAstro.search();\nAstro.move();\nAstro.scenes();\nAstro.slidingAccordions();\nAstro.carousel();\nAstro.fancyGrid();\nAstro.popupPage();\nAstro.video();\nAstro.hotspotGallery();\nAstro.hotspotGalleryTooltips();\nAstro.hotspotGalleryProducts();\n\nAOS.init({\n once: true,\n offset: 0\n});\n\n$.extend($.easing, {\n easeInQuint: function (x) {\n return x * x * x * x * x;\n },\n easeOutQuint: function (x) {\n return 1 - Math.pow( 1 - x, 5 );\n },\n easeInOutQuint: function (x) {\n return x < 0.5 ?\n 16 * x * x * x * x * x :\n 1 - Math.pow( -2 * x + 2, 5 ) / 2;\n }\n});\n\n$.extend({\n getParams: function(qs) {\n var params = {};\n\n if (qs === undefined) {\n qs = window.location.search;\n }\n\n if (qs) {\n var pairs = qs.replace('?', '').split('&');\n\n for (var i=0; i $(window).width()) {\n// return false;\n// }\n\n// if (!force) {\n// $('.header').removeClass('header--force');\n// }\n// }\n\nfunction searchEvent(location, value)\n{\n var intRegex = /^\\d+$/;\n var isInt = intRegex.test(value) ? true : false;\n var action;\n\n if (isInt && value.length == 7) {\n action = '7 digit';\n } else if (isInt && value.length == 4) {\n action = '4 digit';\n } else if (isInt) {\n action = 'digit - other';\n } else {\n action = 'other';\n }\n\n TRACKING.trackEvent(location, action, value);\n}\n\n$(function() {\n // Polyfill input placeholders\n // $('input[placeholder]').cleverlabels();\n\n // Replace selects with fancy selects\n // replaceSelects();\n\n // Prevent hash links from jumping to top\n $(\"a[href='#']\").click(function(e) {\n e.preventDefault();\n });\n\n // Remove header transitions for initial render\n // $('.header').addClass('header--force');\n\n // // Set initial header state\n // updateHeaderShadowState(true);\n\n // // Add header shadow on scroll\n // $(window).scroll(function() {\n // updateHeaderShadowState(false);\n // });\n\n // Enable locale switcher\n $('select[name=\"locale\"]').on('change', function() {\n window.location.href = $(this).val();\n });\n\n $('select.js-select-navigation').on('change', function() {\n window.location.href = $(this).val();\n });\n\n // Some dodgy selectors, but we need to keep it dynamic in case there\n // are multiple instances of tabbed content on a page\n // window.switchTab = function(tabId, scrollTo, highlight) {\n // var nav = $('.tabs a[href=\"' + tabId + '\"]').parents('.tabs'),\n // tab = $(tabId);\n\n // highlight = typeof highlight == 'undefined'\n // ? false\n // : true;\n\n // if (nav.length) {\n // nav.find('.tabs__link').removeClass('tabs__link--active');\n // nav.find('[href=\"' + tabId + '\"]').addClass('tabs__link--active');\n\n // if (tab.parents('.bg-icon').length) {\n // tab.parents('.bg-icon')\n // .toggleClass('bg-icon--hidden', typeof nav.find('[href=\"' + tabId + '\"]').data('show-bg-icon') === 'undefined');\n // }\n // }\n\n // tab.parent().find('.tabs__content').removeClass('tabs__content--active');\n // tab.addClass('tabs__content--active');\n\n // if (typeof scrollTo === 'boolean' && scrollTo) {\n // $('body, html')\n // .animate({\n // scrollTop: tab.parents('.section:first').offset().top - $('.header-buffer').outerHeight()\n // }, 1000, 'easeOutQuint');\n // }\n\n // $(window).trigger('resize');\n // };\n\n // $(document).on('click', '.tabs__link', function(e) {\n // e.preventDefault();\n // switchTab($(this).attr('href'));\n // });\n\n // $(document).on('click', '[data-switch-tab]', function(e) {\n // e.preventDefault();\n // switchTab($(this).attr('href'), true, $(this).data('highlight-tab'));\n // });\n\n // $('.tabs .tabs__link:first-child')\n // .each(function(i, el) {\n // window.switchTab(el.hash);\n // });\n\n // Login button\n $('[data-action=\"login\"], [data-action=\"open-login-modal\"]').on('click', function(event) {\n event.preventDefault();\n\n if ($(this).attr('data-restricted')) {\n $('.login-modal').addClass('login-modal--restricted');\n }\n\n // Close forgot-password modal\n $('body').removeClass('body--forgot-password-modal');\n $('.forgot-password-modal').removeClass('forgot-password-modal--activating forgot-password-modal--active');\n\n // Open login modal\n $('body').addClass('body--login-modal');\n\n $('.login-modal').addClass('login-modal--activating');\n\n setTimeout(function() {\n $('.login-modal').addClass('login-modal--active');\n // Rerun dummy labels to fix dimensions\n $('.login-modal .cleverpassword .input[name=\"password\"]').appendTo($('.login-modal .field.password'));\n $('.login-modal .cleverpassword').remove();\n // $('.login-modal input[name=\"password\"]').cleverlabels();\n\n $('.login-modal input[name=\"email\"]').focus();\n }, 1);\n });\n\n // Login modal close\n $('[data-action=\"close-login-modal\"]').on('click', function(event) {\n event.preventDefault();\n $('body').removeClass('body--login-modal');\n $('.login-modal').removeClass('login-modal--active');\n setTimeout(function() {\n $('.login-modal').removeClass('login-modal--activating');\n }, 300);\n });\n\n // Password modal close\n $('[data-action=\"close-forgot-password-modal\"]').on('click', function(event) {\n event.preventDefault();\n $('body').removeClass('body--forgot-password-modal');\n $('.forgot-password-modal').removeClass('forgot-password-modal--active');\n setTimeout(function() {\n $('.forgot-password-modal').removeClass('forgot-password-modal--activating');\n }, 300);\n });\n\n // Forgot password button\n $('[data-action=\"forgot-password\"], [data-action=\"open-forgot-password-modal\"]').on('click', function(event) {\n event.preventDefault();\n\n // Close login modal\n $('body').removeClass('body--login-modal');\n $('.login-modal').removeClass('login-modal--activating login-modal--active');\n\n // Hide/Remove message if we are re-opening this modal\n $('.forgot-password-modal__form-message').html('').hide()\n\n // Open forgot-password modal\n $('body').addClass('body--forgot-password-modal');\n\n $('.forgot-password-modal').addClass('forgot-password-modal--activating');\n\n setTimeout(function() {\n $('.forgot-password-modal').addClass('forgot-password-modal--active');\n $('.forgot-password-modal input[name=\"email\"]').focus();\n }, 1);\n });\n\n $('.login-modal__form').on('submit', function(e) {\n e.preventDefault();\n\n var $submit = $(this).find(':submit');\n $submit.addClass('button--disabled').attr('disabled', true);\n\n $.ajax({\n url: $(this).attr('action'),\n method: \"POST\",\n data: $(this).serializeArray()\n }).done(function(data) {\n if (data.result == 'Error') {\n $(\"input[name='password']\").val('');\n $('.login-modal__error').html(data.message).fadeIn(300);\n } else {\n if (data.payload.redirect !== undefined) {\n window.location.assign(data.payload.redirect);\n return;\n }\n }\n $submit.removeClass('button--disabled').attr('disabled', false);\n });\n\n return false;\n });\n\n $('.forgot-password-modal__form').on('submit', function(e) {\n e.preventDefault();\n\n var $submit = $(this).find(':submit');\n $submit.addClass('button--disabled').attr('disabled', true);\n\n $.ajax({\n url: $(this).attr('action'),\n method: \"POST\",\n data: $(this).serializeArray()\n }).done(function(data) {\n if (data.payload.message !== undefined) {\n $(\"input[name='email']\").val('');\n $('.forgot-password-modal__form-message').html(data.payload.message).fadeIn(300);\n }\n $submit.removeClass('button--disabled').attr('disabled', false);\n });\n\n return false;\n });\n\n // Pricing switcher\n $('[data-action=\"switch-pricing\"]').on('click', function(event) {\n event.preventDefault();\n\n $(this).html('');\n\n $.get('/store/switch')\n .done(function(data) {\n location.reload();\n });\n });\n\n // Go back links\n $('[data-action=\"go-back\"]').on('click', function(event) {\n event.preventDefault();\n window.history.back();\n });\n\n // Quick add loading icon\n $('.quick-add-form').on('submit', function() {\n $(this).find('button[type=\"submit\"] span').html('');\n });\n\n // Enable confirm buttons\n $('a[data-confirm]').on('click', function (event) {\n event.preventDefault();\n\n var trigger = $(this),\n options = {\n no: $('#js-confirm-popup__action--no'),\n yes: $('#js-confirm-popup__action--yes')\n },\n content = $('#confirm-popup');\n\n $.magnificPopup.open({\n type: 'inline',\n mainClass: 'mfp--outside mfp--confirm',\n closeMarkup: '',\n closeOnBgClick: false,\n items: {\n src: '.js-confirm-popup'\n },\n callbacks: {\n beforeOpen: function () {\n content.find('.confirm-popup__title').text(trigger.data('confirm'));\n options.yes.attr('href', trigger.attr('href'));\n },\n open: function () {\n options.no.on('click', function (e) {\n e.preventDefault();\n $.magnificPopup.close();\n });\n }\n },\n fixedContentPos: true\n });\n });\n\n $('.js-download-action-add').click(function(e) {\n e.preventDefault();\n var current = $(this),\n url = $(this).attr('href');\n\n // Horrible hack to remove the word advertising from the URL so Adblock doesn't block it\n if (current.hasClass('js-download-action-add--bundle')) {\n url = url.replace('advertising', 'ahash');\n }\n\n var extra = '';\n\n if ($(\"#partner-sub-filter_replace\").length) {\n extra = '&sub=' + $(\"#partner-sub-filter\").val();\n }\n\n if (url) {\n xhr = $.ajax(url + '?v=' + (+new Date) + extra, {\n success: function (data) {\n if (current.hasClass('js-download-action-add--all')) {\n $('.product-dl__list .js-download-action-add .media-list__action-label').text(globalTranslations.downloadAdded);\n $('.product-dl__list .js-download-action-add').addClass('button--disabled');\n }\n\n // $('.download-action__status', current).removeClass('fa-plus').addClass('fa-check');\n if ($('.media-list__action-label', current).text() == globalTranslations.addToDownload) {\n $('.media-list__action-label', current).text(globalTranslations.downloadAdded);\n current.addClass('button--disabled');\n } else if ($('.media-list__action-label', current).text() == globalTranslations.addAllToDownload) {\n $('.media-list__action-label', current).text(globalTranslations.allDownloadsAdded);\n current.addClass('button--disabled');\n }\n current\n .attr('href', '')\n .css('cursor', 'default');\n\n // Sort out child files if it's a bundle - main and popup add folder\n // if (current.hasClass('js-download-action-add--bundle')) {\n // current\n // .parents('.product-dl-list__detail:first, .bundle-items__body:first')\n // .find('.js-download-action-add .download-action__status')\n // .removeClass('fa-plus')\n // .addClass('fa-check')\n // .parents('.download-action')\n // .attr('href', '')\n // .css('cursor', 'default')\n // .find('.download-action__label')\n // .text(globalTranslations.downloadAdded);\n // }\n // var itemsContainer = current.parents('.bundle-items:first');\n // Sort out bundle if it's a child file of a bundle - Popup\n // if (itemsContainer.length) {\n // var items = itemsContainer.find('.bundle-items__item .js-download-action-add');\n //\n // if (items.length == items.find('.fa-check').length) {\n // itemsContainer\n // .find('.js-download-action-add--bundle .download-action__status')\n // .removeClass('fa-plus')\n // .addClass('fa-check')\n // .parents('.download-action')\n // .attr('href', '')\n // .css('cursor', 'default')\n // .find('.download-action__label')\n // .text(globalTranslations.downloadAdded);\n // }\n // }\n $('.page-intro__basket_count').html(data.result.count);\n },\n dataType: 'json'\n });\n }\n });\n\n // Close notice\n $('a[data-action=\"close-notice\"]').on('click', function(e) {\n e.preventDefault();\n\n $('body').removeClass('has-notice-bar');\n $.get('/index/clear-notice-bar');\n });\n\n // Stock rollout\n $('.product-stock__togglemore').on('click', function() {\n if ($(this).hasClass('product-stock__togglemore--inline')) {\n var $parent = $(this).closest('.product-stock');\n $parent.addClass('product-stock--expanded');\n $(this).remove();\n } else {\n var $link = $('.product-stock__togglemore');\n if (!$('.product-stock__rollout').hasClass('product-stock__rollout--hidden')) {\n $('.product-stock__rollout').hide().addClass('product-stock__rollout--hidden');\n $link.text($link.data('labelmore'));\n return;\n }\n $('.product-stock__rollout').show().removeClass('product-stock__rollout--hidden');\n $link.text($link.data('labelless'));\n }\n });\n});\n\nvar tippyConfig = {\n animation: 'fade',\n arrow: true,\n theme: 'astro',\n interactive: true\n};\n\n// Tooltips\ntippy('[data-tooltip]', tippyConfig);\n\n$(document)\n .on('click', '[data-close-tooltip]', function(e) {\n var popper = $(this).parents('.tippy-popper:first');\n\n if (popper.length) {\n popper[0]._tippy.hide(0);\n }\n });\n\nwindow.addEventListener('scroll', function() {\n $.each(document.querySelectorAll('.tippy-popper'), function (i, v) {\n var instance = v._tippy\n\n if (instance && instance.state.visible) {\n instance.popperInstance.disableEventListeners()\n instance.hide()\n }\n });\n});\n\n$('[data-action=\"submit-search\"]')\n .on('click', function(e) {\n e.preventDefault();\n $(this).parents('form:first').trigger('submit');\n });\n\n$('body')\n .on('click', '[data-ga-category]', function(e) {\n var link = $(this);\n var callback = $.noop;\n\n if (link.is('a')\n && link.attr('target') != '_blank'\n && link.attr('href')\n && link.attr('href').charAt(0) != \"#\"\n && typeof link.data('ga-no-redirect') === 'undefined'\n ){\n e.preventDefault();\n callback = function() {\n window.location.href = link.attr('href');\n }\n }\n\n TRACKING.trackEvent(link.data('ga-category'), link.data('ga-action') || 'Click', link.data('ga-label') || link.attr('href'), 0, callback);\n });\n\nvar downloadsList = $('#js-downloads-list'),\n downloadsListToggle = $('#js-toggle-downloads');\n\ndownloadsListToggle\n .on('click', function(e) {\n e.preventDefault();\n downloadsList.toggleClass('downloads-list--closed');\n downloadsListToggle.remove();\n });\n\n// var mobileNavOpenClass = 'header-nav__item--open';\n\nvar navToggle = $('.js-toggle-nav');\n\nnavToggle.on('click', function() {\n var target = $(this).data('target');\n $('.' + target).toggleClass(target + '--active');\n});\n\nvar subNavToggle = $('.js-toggle-sub-nav');\n\nsubNavToggle.on('click', function() {\n if (window.matchMedia('(max-width: 1023px)').matches) {\n $(this).toggleClass('account-header__nav__item--hover');\n }\n});\n\nsubNavToggle.on('mouseenter', function() {\n if (!window.matchMedia('(max-width: 1023px)').matches) {\n $(this).addClass('account-header__nav__item--hover');\n }\n});\n\nsubNavToggle.on('mouseleave', function() {\n if (!window.matchMedia('(max-width: 1023px)').matches) {\n $(this).removeClass('account-header__nav__item--hover');\n }\n});\n\n// Need to target it explicilty for iOS\n// $(document)\n// .on('click', '.header-nav--mobile .header-nav__item--has-sub-nav .header-nav__item__arrow', function(e) {\n// e.preventDefault();\n\n// var link = $(this),\n// navItem = link.parents('.header-nav__item:first');\n\n// navItem.toggleClass(mobileNavOpenClass);\n// });\n\n// Stop the animation if the user scrolls. Defaults on .stop() should be fine\n$('body, html')\n .bind('scroll mousedown DOMMouseScroll mousewheel keyup', function(e) {\n if (e.which > 0 || e.type === 'mousedown' || e.type === 'mousewheel'){\n $('body, html').stop();\n }\n });\n\n$(document)\n .on('click', '[data-listing-switch]', function(e) {\n var link = $(this),\n styleId;\n\n if (typeof link.data('listing-scroll') !== 'undefined') {\n styleId = link.parents('[data-id]:first').data('id');\n }\n\n switchListingType(\n link.data('listing-switch'),\n styleId,\n styleId\n ? false\n : true\n );\n });\n\nvar switchListingType = function(type, styleId, skipSave) {\n var currentType = document.querySelector('html')\n .getAttribute('data-listing-type'),\n otherContainer;\n\n if (styleId && !skipSave && typeof window.history.pushState !== 'undefined') {\n // Save an initial state if we don't have one\n // So if a user clicks back, it can scroll to where they first clicked\n if (!window.history.state || !window.history.state.isFirst) {\n window.history.pushState({view: currentType, styleId: styleId, isFirst: true}, '');\n } else if (window.history.state && window.history.state.isFirst) {\n window.history.replaceState({view: currentType, styleId: styleId, isFirst: true}, '');\n }\n\n window.history.pushState({view: type, styleId: styleId}, '');\n }\n\n if (type != currentType) {\n localStorage.setItem('listingType', type);\n document.querySelector('html').setAttribute('data-listing-type', type);\n $(document).trigger('listing-type.switch');\n }\n\n if (styleId) {\n otherContainer = $('[data-listing-item=' + type + '][data-id=' + styleId + ']');\n\n if (otherContainer.length) {\n $('body, html')\n .animate({\n scrollTop: otherContainer.offset().top - $('.header').outerHeight() - $('.listing-item__table-head--sticky').outerHeight()\n }, 1000, 'easeOutQuint');\n }\n }\n\n if (type == 'technical') {\n $(window).trigger('resize');\n }\n }\n\n$(document)\n .on('listing-type.switch', function(e) {\n\n // We need to refresh AOS to avoid some elements not appearing on switch\n\n AOS.refresh();\n\n $('.listing-switcher__link')\n .removeClass('listing-switcher__link--active')\n .filter('.listing-switcher__link[data-listing-switch=\"' + $('html').attr('data-listing-type') + '\"]')\n .addClass('listing-switcher__link--active');\n });\n\n$('.listing-switcher__link')\n .filter('.listing-switcher__link[data-listing-switch=\"' + $('html').attr('data-listing-type') + '\"]')\n .addClass('listing-switcher__link--active');\n\n$(document)\n .on('click', '.gallery__crosshair', function(e) {\n var crosshair = $(this),\n container = crosshair.parent(),\n activeClass = 'gallery__crosshair--active',\n active = crosshair.hasClass(activeClass);\n\n if (active) {\n crosshair.removeClass(activeClass);\n crosshair.trigger('crosshair.deactivated');\n } else {\n container\n .find('.' + activeClass)\n .removeClass(activeClass)\n .trigger('crosshair.deactivated');\n crosshair.addClass(activeClass);\n crosshair.trigger('crosshair.activated');\n }\n });\n\n$(document)\n .on('click', '[data-add-to-basket]', function(e) {\n e.preventDefault();\n\n var trigger = $(this),\n target = '#add-to-basket-modal',\n options = {\n close: $('#js-add-to-basket-close'),\n add: $('#js-add-to-basket-add'),\n quantity: $('#js-add-to-basket-quantity')\n },\n content = $('.popup-content__container');\n\n if (typeof trigger.attr('data-disabled') !== 'undefined') {\n return false;\n }\n\n $.magnificPopup.open({\n type: 'inline',\n items: {src: target},\n mainClass: 'mfp--stock-levels',\n callbacks: {\n beforeOpen: function() {\n var stock = JSON.parse(trigger.attr('data-stock'));\n var ukStockLabel = trigger.attr('data-ukStockLabel');\n var bvMessaging = trigger.attr('data-bv');\n\n content.find('.product__name').text(trigger.attr('data-name'));\n content.find('.product__sku').text(trigger.attr('data-sku'));\n if (trigger.attr('data-finish')) {\n content\n .find('.product__finish')\n .show()\n .find('span:first')\n .text(trigger.attr('data-finish'))\n } else {\n content\n .find('.product__finish')\n .hide();\n }\n content.find('.product__price').html(trigger.attr('data-price'));\n content.find('.product__stock').html(getStockHtml(stock, ukStockLabel, bvMessaging));\n\n options.add.removeClass('button--disabled');\n options.quantity.removeAttr('disabled');\n\n if (stock.length) {\n options.add.attr('href', trigger.attr('data-addUrl'));\n } else {\n options.add.addClass('button--disabled');\n options.quantity.attr('disabled', true);\n }\n },\n open: function() {\n options.close.on('click', function(e) {\n e.preventDefault();\n $.magnificPopup.close();\n });\n\n options.add.on('click', function(e) {\n e.preventDefault();\n\n if (options.add.hasClass('button--disabled')) {\n return;\n }\n\n $.ajax({\n url: trigger.attr('data-addUrl') + '?qty=' + options.quantity.val()\n }).done(function(data) {\n $.magnificPopup.close();\n if (data.payload.upsellUrl) {\n window.location = data.payload.upsellUrl\n } else {\n $('#minibasket').html(data.payload.minibasket).addClass('mini-basket--show');\n $('#minibasket-marker').addClass('mini-basket-marker--show');\n $('#basket-qty-desktop').html(data.payload.item_count).removeClass('basket-link__text--hidden');\n $('#basket-qty-mobile').html(data.payload.item_count).removeClass('basket-link__text--hidden');\n TRACKING.trackAddProduct(data.payload);\n }\n });\n });\n }\n }\n });\n });\n\n$('.use-minibasket').on('submit', function(e) {\n e.preventDefault();\n\n var $addBtn = $('button', '.field--submit');\n $addBtn.addClass('button--disabled').attr('disabled', true);\n\n $.ajax({\n url: $(this).attr('action'),\n data: $(this).serializeArray()\n }).done(function(data) {\n if (data.payload.upsellUrl) {\n window.location = data.payload.upsellUrl\n } else {\n $('#minibasket').html(data.payload.minibasket).addClass('mini-basket--show');\n $('#minibasket-marker').addClass('mini-basket-marker--show');\n $('#basket-qty-desktop').html(data.payload.item_count).removeClass('basket-link__text--hidden');\n $('#basket-qty-mobile').html(data.payload.item_count).removeClass('basket-link__text--hidden');\n TRACKING.trackAddProduct(data.payload);\n $addBtn.removeClass('button--disabled').attr('disabled', false);\n }\n });\n\n return false;\n});\n\n$('#minibasket').click(function(e){\n e.stopPropagation();\n});\n$(document).on('click', function(e) {\n if ($('#minibasket').hasClass('mini-basket--show')) {\n console.log(e);\n $('#minibasket').removeClass('mini-basket--show');\n $('#minibasket-marker').removeClass('mini-basket-marker--show');\n }\n});\n\n// $('.js-scroll-table').scrollTable();\n\nvar decorativeXhr,\n technicalXhr,\n loading = '![\"\"](\"/images/loading.gif\")
';\n\n// Very quickly done, will need a refactor\n$('.js-styles__listing-items')\n .on('click', '.js-product-listing-item__variant', function(e) {\n e.preventDefault();\n var link = $(this),\n container = link.parents('.product-listing-item:first');\n\n if (link.hasClass('variants__item--active')) {\n window.location.href = link.attr('href');\n return;\n }\n\n container\n .find('.js-product-listing-item__variant')\n .removeClass('variants__item--active');\n\n link.addClass('variants__item--active');\n\n if (decorativeXhr && decorativeXhr.readyState != 4) {\n decorativeXhr.abort();\n }\n\n decorativeXhr = $.ajax({\n url: '/products/plp-data',\n data: {sku: link.data('sku')}\n });\n\n container.css('opacity', 0.4);\n container.find('.js-product-listing-item__overlay-block').show();\n container.find('.js-product-listing-item__badge').hide();\n container.find('.js-product-listing-item__image-wrap').append(loading);\n\n decorativeXhr\n .then(function(data) {\n if (data.message == 'Ok') {\n container\n .find('.js-product-listing-item__code')\n .text(data.result.sku);\n\n var $psProductCheckbox = container\n .find('.js-ps-product-checkbox');\n\n $psProductCheckbox.val(data.result.sku)\n .prop('checked', false)\n .trigger('change');\n\n container\n .find('.js-product-listing-item__finish')\n .text(data.result.finish);\n\n container\n .find('.js-product-listing-item__link')\n .attr('href', data.result.url);\n\n container\n .find('.js-product-listing-item__image')\n .prepend(data.result.image)\n .find('img:eq(1)')\n .animate({\n opacity: 0\n }, 200, function() {\n $(this).remove();\n });\n\n container\n .find('.js-product-listing-item__title')\n .text(data.result.title)\n\n if (data.result.is_new === true) {\n container\n .find('.js-product-listing-item__badge')\n .show();\n }\n\n container\n .find('.product-listing-item__overlay-stock')\n .html(data.result.stockOverlay);\n\n if (data.result.price ) {\n container\n .find('.js-product-listing-item__price')\n .text(data.result.price.replace('£', '£'));\n }\n\n if (data.result.addUrl) {\n container\n .find('.js-product-listing-item__form')\n .attr('action', data.result.addUrl);\n }\n\n var quickViewButton = container.find('[data-add-to-basket]:first');\n\n if (quickViewButton && data.result.stock) {\n if (data.result.stock.length) {\n quickViewButton\n .attr('data-name', data.result.title)\n .attr('data-finish', data.result.finish)\n .attr('data-sku', data.result.sku)\n .attr('data-stock', JSON.stringify(data.result.stock))\n .attr('data-price', data.result.price)\n .attr('data-addUrl', data.result.addUrl)\n .html('' + globalTranslations.stockLevel + '')\n .removeClass('button--disabled')\n .removeAttr('data-disabled');\n } else {\n quickViewButton\n .removeAttr('data-name')\n .removeAttr('data-finish')\n .removeAttr('data-sku')\n .removeAttr('data-stock')\n .removeAttr('data-price')\n .removeAttr('data-addUrl')\n .html('' + globalTranslations.outOfStock + '')\n .addClass('button--disabled')\n .attr('data-disabled', true);\n }\n }\n\n container.css('opacity', 1);\n container.find('.js-product-listing-item__overlay-block').hide();\n container.find('.js-product-listing-item__loading').remove();\n }\n });\n });\n\n$('.js-styles__listing-items')\n .on('click', '[data-variant-row]', function(e) {\n // If clicked the checkbox carry on as normal\n if ($(e.target).closest('.product-listing-item__checkbox').length) {\n return;\n }\n\n e.preventDefault();\n\n var row = $(this),\n container = row.parents('.listing-item:first');\n\n if (row.hasClass('listing-item__table__data-row--active')) {\n window.location.href = row.data('url');\n return;\n }\n\n container\n .find('.listing-item__table__data-row--active')\n .removeClass('listing-item__table__data-row--active');\n\n row.addClass('listing-item__table__data-row--active');\n\n if (technicalXhr && technicalXhr.readyState != 4) {\n technicalXhr.abort();\n }\n\n technicalXhr = $.ajax({\n url: '/products/plp-data',\n data: {sku: row.data('sku')}\n });\n\n container.find('.listing-item__preview').css('opacity', 0.4);\n container.find('.listing-item__badge').hide();\n container.find('.listing-item__preview').append(loading);\n container.find('.listing-item__price').hide();\n\n technicalXhr\n .then(function(data) {\n if (data.message == 'Ok') {\n container\n .find('.listing-item__info a')\n .attr('href', data.result.url);\n\n container\n .find('.listing-item__thumbnail')\n .prepend(data.result.image)\n .find('img:eq(1)')\n .animate({\n opacity: 0\n }, 200, function() {\n $(this).remove();\n });\n\n if (data.result.is_new === true) {\n container\n .find('.listing-item__badge')\n .show();\n }\n\n container\n .find('.listing-item__sku')\n .text(data.result.sku);\n\n container\n .find('.listing-item__title a')\n .text(data.result.title)\n .attr('href', data.result.url);\n\n if (data.result.price ){\n container\n .find('.listing-item__price')\n .text(data.result.price.replace('£', '£'))\n .show();;\n }\n\n container.find('.listing-item__preview').css('opacity', 1);\n container.find('.js-product-listing-item__loading').remove();\n }\n });\n });\n\nvar breakpoint = new Breakpoint();\n\n$(document).on('click', '.js-product-listing-item__image-wrap', function(e) {\n if (breakpoint.matches('tablet')) {\n if (this.getAttribute('data-href')) {\n window.location = this.getAttribute('data-href');\n }\n }\n});\n\n$(document).on('click', '.js-ajax-reload', function(e) {\n e.preventDefault();\n var $link = $(this);\n var results = $link.data('results');\n var $results = $(results);\n var additional = $link.data('additional');\n var $additional = $(additional);\n\n history.pushState({}, null, $link.prop('href'));\n\n ajax_response++;\n\n $results.addClass('busy').addClass('ajax-results');\n\n var $ajax = $.ajax({\n type : 'get',\n url : $link.prop('href'),\n data : {'request': ajax_response},\n });\n\n $ajax.done(function(response) {\n var $html = $('');\n $html.html(response);\n var $response = $html.find(results);\n\n if ($response.length == 0) {\n console.log('Response not found');\n } else {\n if ($response.data('request') !== ajax_response) {\n // this is not the current request, ignore the response\n return;\n }\n }\n\n function finished($new) {\n $response = $new.find(results);\n $results.removeClass('busy');\n $results.html($response.html());\n\n if ($additional.length > 0) {\n var $response = $new.find(additional);\n for (var i = 0; i < $additional.length; i++) {\n $additional.eq(i).html($response.eq(i).html());\n }\n }\n };\n\n var $images = $response.find('img');\n var loading = $images.length;\n\n if (loading == 0) {\n // no images, display the modal\n finished($html);\n } else {\n // wait until we've finished loading images before displaying\n // the modal so the height is correctly calculated.\n $images.on('load error', function() {\n loading--;\n if (loading <= 0) {\n // finished loading images, display the modal\n finished($html);\n }\n });\n }\n });\n\n $ajax.fail(function(data) {\n $results.removeClass('busy');\n });\n});\n\n$(document).on('click', '.js-selected', function(e) {\n e.preventDefault();\n var $link = $(this);\n var className = $link.data('selected');\n $link.addClass(className).siblings().removeClass(className);\n});\n\nwindow\n .onpopstate = function(e) {\n // Should never happen\n if (!e.state) {\n return;\n }\n\n if (e.state.view) {\n switchListingType(e.state.view, e.state.styleId, true);\n }\n\n if (!e.state.styleId) {\n $('body, html')\n .animate({scrollTop: 0}, 1000, 'easeOutQuint');\n }\n }\n\n// This markup is also duplicated in partials/product/stock-info.html\nvar getStockHtml = function(stock, ukStockLabel, bvMessaging) {\n var html = '';\n var showBvMessaging = false;\n\n if (stock.length) {\n stock.forEach(function(item) {\n html += '' + $option.text() + ' ');\n\n if ($option.is('[data-hidden]')) {\n $li.addClass(multiSelect.classes.hidden);\n }\n\n if ($option.is(':disabled')) {\n $li.addClass(multiSelect.classes.nobbled);\n }\n\n if ($option.attr('data-image') !== undefined) {\n $('![](\"')
').prependTo($li);\n $li.addClass(multiSelect.classes.image);\n }\n\n $('').prependTo($li);\n\n $li.appendTo($list);\n });\n\n $list.appendTo($drop);\n var $options = $list.find('li');\n\n if ($select.prop('multiple')) {\n $wrapper.addClass(multiSelect.classes.multiple);\n } else {\n $wrapper.addClass(multiSelect.classes.single);\n\n if ($options.length > 100) {\n $wrapper.addClass(multiSelect.classes.search);\n }\n }\n\n if ($select.data('grouped')) {\n $wrapper.addClass(multiSelect.classes.grouped);\n }\n\n $up.on('click', function(e) {\n e.preventDefault();\n\n var scroll = $list.scrollTop() - parseInt($list.height() / 2);\n $list.stop(true, true).animate({scrollTop: scroll}, 'slow');\n });\n\n $down.on('click', function(e) {\n e.preventDefault();\n\n var scroll = $list.scrollTop() + parseInt($list.height() / 2);\n $list.stop(true, true).animate({scrollTop: scroll}, 'slow');\n });\n\n $up.add($down).each(function() {\n var $button = $(this);\n\n $button.on('mousedown', function() {\n $button.addClass('multi-select__elevator-button-click');\n });\n\n $button.on('mouseup', function() {\n $button.removeClass('multi-select__elevator-button-click');\n });\n });\n\n if ($select.prop('id')) {\n $select.parent().prop('id', $select.prop('id') + '_replace');\n }\n\n $select.addClass('multi-selected');\n\n if ($select.prop('disabled')) {\n $wrapper.addClass(multiSelect.classes.disabled);\n }\n\n $value.on('click', function(e) {\n if (multiSelect.$focused) {\n if (multiSelect.$focused !== $wrapper) {\n // clicked a different select\n multiSelect.$focused.trigger('_blur');\n\n $wrapper.trigger('_focus');\n } else {\n $wrapper.trigger('_blur');\n }\n } else {\n $wrapper.trigger('_focus');\n }\n });\n\n $label.on('click', function(e) {\n e.preventDefault();\n e.stopPropagation();\n $value.trigger('click');\n });\n\n $list.on('click', '.' + multiSelect.classes.listitem, function(e, triggerEvent) {\n e.preventDefault();\n\n if (typeof triggerEvent === \"undefined\" || triggerEvent === null) {\n triggerEvent = true;\n }\n\n var $item = $(this);\n var $check = $item.find('input');\n\n $item.toggleClass(multiSelect.classes.selected);\n\n if (!$select.prop('multiple')) {\n var $siblings = $item.siblings().filter('.' + multiSelect.classes.selected);\n $siblings.removeClass(multiSelect.classes.selected);\n $siblings.each(function(ndx, sibling) {\n $select.trigger('_unselected', sibling);\n });\n $wrapper.trigger('_blur');\n }\n\n if (triggerEvent) {\n var eventName = $item.hasClass(multiSelect.classes.selected) ? '_selected' : '_unselected';\n\n $select.trigger(eventName, this);\n $check.prop('checked', (eventName === '_selected'))\n $check.trigger('change');\n }\n\n $wrapper.trigger('_change');\n });\n\n $wrapper.on('_focus', function() {\n multiSelect.$focused = $wrapper;\n $wrapper.addClass(multiSelect.classes.focused);\n\n if (!$select.prop('multiple')) {\n $input.trigger('focus');\n }\n });\n\n $wrapper.on('_blur', function () {\n multiSelect.$focused = false;\n $wrapper.removeClass(multiSelect.classes.focused);\n });\n\n $wrapper.on('_change', function (e, initial) {\n var $selected = $options.filter('.' + multiSelect.classes.selected);\n\n var selectValue = globalTranslations.selectDefaultValue;\n var active = true;\n if ($select.prop('multiple')) {\n active = false;\n }\n\n if ($select.data('blank') !== undefined) {\n selectValue = $select.data('blank');\n }\n\n if ($select.data('default-first') !== undefined) {\n selectValue = $options.eq(0).text()\n }\n\n if ($selected.length) {\n if ($select.prop('multiple')) {\n selectValue = $selected.length + ' selected';\n active = true;\n } else {\n var $option = $select.find('option').eq($selected.index());\n var value = $option.prop('value');\n if (value != '') {\n selectValue = $selected.text();\n }\n if (value == -1 || value == '') {\n active = false;\n }\n }\n }\n\n $value.html(selectValue);\n\n if (active) {\n $wrapper.addClass(multiSelect.classes.active);\n } else {\n $wrapper.removeClass(multiSelect.classes.active);\n }\n\n $select.find('option').each(function(ndx) {\n var $option = $(this);\n\n if ($options.eq(ndx).hasClass(multiSelect.classes.selected)) {\n $option.prop('selected', true);\n } else {\n $option.prop('selected', null);\n }\n });\n\n if (!initial) {\n $select.trigger('change', initial);\n }\n });\n\n $list.on('_filter', function(e, search) {\n $options.removeClass(multiSelect.classes.current);\n\n search = search.toUpperCase();\n\n $options.each(function() {\n var $option = $(this);\n var label = $option.text().toUpperCase();\n if ((search == '') || (label.indexOf(search) > -1)) {\n $option.show();\n } else {\n $option.hide();\n }\n });\n });\n\n $list.on('_navigate', function(e, offset) {\n var $visible = $options.filter(':visible');\n var count = $visible.length;\n\n var $current = $options.filter('.' + multiSelect.classes.current);\n var focus = ($current.length > 0) ? $visible.index($current) : -1;\n\n focus += offset;\n if (focus < 0) {\n focus = 0;\n }\n if (focus > count-1) {\n focus = count-1;\n }\n\n if (focus > -1) {\n var $li = $visible.eq(focus);\n $li.addClass(multiSelect.classes.current).siblings().removeClass(multiSelect.classes.current);\n\n var lt = $list.scrollTop();\n var lb = lt + $list.height();\n var it = lt + $li.position().top;\n var ib = it + $li.height();\n\n var up = it - lt - 5;\n var dn = ib - lb;\n\n if (up < 0) {\n $list.scrollTop(lt + up);\n }\n\n if (dn > 0) {\n $list.scrollTop(lt + dn);\n }\n }\n });\n\n $(document).on('keydown', function(e) {\n if (!multiSelect.$focused) {\n return;\n }\n\n var systemKey = false;\n for (var k in multiSelect.keys) {\n if (e.which == multiSelect.keys[k]) {\n systemKey = e.which;\n }\n }\n\n var search = $wrapper.hasClass(multiSelect.classes.search);\n\n if (search && e.which == multiSelect.keys.escape) {\n systemKey = false;\n }\n\n if (systemKey) {\n e.preventDefault();\n }\n\n if (e.which == multiSelect.keys.dn) {\n $list.trigger('_navigate', 1);\n }\n\n if (e.which == multiSelect.keys.up) {\n $list.trigger('_navigate', -1);\n }\n\n if (e.which == multiSelect.keys.pgup) {\n $list.trigger('_navigate', multiSelect.page * -1);\n }\n\n if (e.which == multiSelect.keys.pgdn) {\n $list.trigger('_navigate', multiSelect.page * 1);\n }\n\n if (e.which == multiSelect.keys.space) {\n if (!search) {\n var $current = $options.filter('.' + multiSelect.classes.current);\n\n $current.toggleClass(multiSelect.classes.selected);\n\n if (!$select.prop('multiple')) {\n $current.siblings().removeClass(multiSelect.classes.selected);\n }\n\n $wrapper.trigger('_change');\n }\n }\n\n if (e.which == multiSelect.keys.escape) {\n $wrapper.trigger('_blur');\n }\n\n if (e.which == multiSelect.keys.enter) {\n var $current = $options.filter('.' + multiSelect.classes.current);\n if ($current.length > 0) {\n $current.trigger('click');\n }\n }\n });\n\n $input.on('focus', function(e) {\n $input.closest('.adaptive-placeholder').addClass('adaptive-placeholder--active');\n });\n\n $input.on('blur', function(e) {\n if ($select.prop('value') == '') {\n $input.closest('.adaptive-placeholder').removeClass('adaptive-placeholder--active');\n }\n });\n\n $input.on('keyup', function(e) {\n if (!multiSelect.$focused) {\n return;\n }\n\n var systemKey = false;\n for (var k in multiSelect.keys) {\n if (e.which == multiSelect.keys[k]) {\n systemKey = e.which;\n }\n }\n\n var search = $wrapper.hasClass(multiSelect.classes.search);\n\n if (search && e.which == multiSelect.keys.escape) {\n systemKey = false;\n }\n\n if (!systemKey) {\n $list.trigger('_filter', $input.val());\n }\n });\n\n $select.on('_change', function() {\n $select.find('option').each(function(ndx) {\n var $option = $(this);\n\n if ($option.prop('selected')) {\n $li = $options.eq(ndx);\n $li.addClass(multiSelect.classes.selected);\n\n $check = $li.find('input')\n $check.prop('checked', true)\n $check.trigger('change');\n }\n });\n });\n\n $select.find('option').on('_update', function(e, label) {\n var $option = $(this);\n var $item = $options.eq($option.index());\n $item.find('a').html(label);\n\n var hide = (label.indexOf('(0)') > -1);\n $item.toggleClass(multiSelect.classes.hidden, hide);\n });\n\n $form.on('reset', function(e) {\n $options.removeClass(multiSelect.classes.selected);\n $wrapper.trigger('_change');\n });\n\n $select.trigger('_change', true);\n });\n};\n\n$(document).on('click', function(e) {\n if (multiSelect.$focused) {\n if (!$.contains(multiSelect.$focused.get(0), e.target)) {\n // clicked outside of the current select\n multiSelect.$focused.trigger('_blur');\n }\n }\n});\n","var loop = new Loop();\n\nfunction SlidingAccordion(options) {\n\n var self = this;\n\n this.$element = options.el;\n this.$items = options.el.querySelectorAll('.sliding-accordion__item');\n this.$toggle = options.el.querySelectorAll('.js-sliding-accordion--toggle-nav');\n this.$scrollTarget = options.scrollTarget || options.el;\n this.$scrollOffsetElements = options.scrollOffsetElements || [];\n\n this.init = function () {\n\n loop.array(this.$toggle, function (array, i) {\n array[i].onclick = function () {\n var el = document.querySelector('.sliding-accordion__item--child-active');\n if (el) {\n el.classList.remove('sliding-accordion__item--child-active');\n }\n\n self.toggleClass(this.parentNode.parentNode, 'sliding-accordion__list--active');\n\n var el = this.parentNode.closest('.sliding-accordion__item--active');\n self.toggleClass(this.parentNode, 'sliding-accordion__item--active', {\n negativeBefore: function () {\n if (el) {\n el.classList.add('sliding-accordion__item--child-active');\n }\n },\n });\n\n // Calculate offset relative to browser and scroll to top of accordion\n var top = self.calculateOffset(self.$scrollTarget, self.$scrollOffsetElements);\n $('html, body').animate({scrollTop: top}, \"slow\");\n\n return;\n }\n\n });\n }\n\n this.toggleClass = function (el, className, newCallbacks) {\n var callbacks = {\n positiveBefore: function () {\n },\n positiveAfter: function () {\n },\n negativeBefore: function () {\n },\n negativeAfter: function () {\n }\n };\n\n callbacks = Object.assign(callbacks, newCallbacks);\n\n if (el.classList.contains(className)) {\n if (typeof callbacks.positiveBefore == 'function') {\n callbacks.positiveBefore();\n }\n el.classList.remove(className);\n if (typeof callbacks.positiveAfter == 'function') {\n callbacks.positiveAfter();\n }\n } else {\n if (typeof callbacks.negativeBefore == 'function') {\n callbacks.negativeBefore();\n }\n el.classList.add(className);\n if (typeof callbacks.negativeAfter == 'function') {\n callbacks.negativeAfter();\n }\n }\n }\n\n this.calculateOffset = function (targetElement, additionalElements) {\n var top = targetElement.getBoundingClientRect().top + document.documentElement.scrollTop;\n\n // Subtract offset of additional elements\n loop.array(additionalElements, function (array, i) {\n if (array[i]) {\n top -= array[i].offsetHeight;\n }\n });\n\n return top - 16;\n }\n}","function VideoBlock(el) {\n this.init = function() {\n var iframe = el.querySelector('iframe');\n var videoElement = el.querySelector('video');\n var previewElement = el.querySelector('.block__video-preview');\n var controlElement = el.querySelector('.block__pause');\n if (iframe) {\n var vimeoPlayer = new Vimeo.Player(iframe);\n iframe.addEventListener('load', function () {\n vimeoPlayer.getPaused().then(function (paused) {\n if (!paused) {\n previewElement.classList.add('block__thumbnail-toggle');\n }\n });\n });\n\n el.querySelector('.block__video-preview').addEventListener('click', function () {\n vimeoPlayer.play();\n previewElement.classList.toggle('block__thumbnail-toggle');\n });\n\n controlElement.addEventListener('click', function (event) {\n event.preventDefault();\n\n vimeoPlayer.getPaused().then(function (paused) {\n paused ? vimeoPlayer.play() : vimeoPlayer.pause();\n })\n });\n\n vimeoPlayer.on('pause', function () {\n controlElement.classList.add('block__pause--paused');\n });\n\n vimeoPlayer.on('play', function () {\n controlElement.classList.remove('block__pause--paused');\n });\n } else if (videoElement) {\n videoElement.addEventListener('canplay', function () {\n if (!videoElement.paused || videoElement.autoplay) {\n previewElement.classList.add('block__thumbnail-toggle');\n }\n });\n\n el.querySelector('.block__video-preview').addEventListener('click', function () {\n videoElement.play();\n previewElement.classList.toggle('block__thumbnail-toggle');\n });\n\n controlElement.addEventListener('click', function (event) {\n event.preventDefault();\n videoElement.paused ? videoElement.play() : videoElement.pause();\n });\n\n videoElement.addEventListener('pause', function () {\n controlElement.classList.add('block__pause--paused');\n });\n\n videoElement.addEventListener('play', function () {\n controlElement.classList.remove('block__pause--paused');\n });\n }\n }\n}\n","/**\n * Taken from https://github.com/kenwheeler/slick/issues/1071\n * Specific comment: https://github.com/kenwheeler/slick/issues/1071#issuecomment-402330919\n */\n(function($) {\n 'use strict';\n\n //create temporal object to get slick object\n var getSlick = function() {\n var $tmp = $('
';\n } else {\n var asterisk = '';\n if (bvMessaging === 'true' && item.source == 'IC001') {\n asterisk = '*';\n showBvMessaging = true;\n }\n html += '
';\n });\n\n if (showBvMessaging) {\n html += '';\n }\n } else {\n html += '' + item.quantity + ' ' + globalTranslations.due + ' ' + item.pretty_date + asterisk + '
';\n }\n\n html += '' + globalTranslations.outOfStock + '
';\n }\n\n return '' + html + '
';\n }\n\n$(function() {\n var outerwraps = $('.tabs.detail__tabs'),\n innerwraps = $('.tabs__wrap');\n\n updateFadedEdges();\n\n $(window)\n .on('resize', function() {\n updateFadedEdges();\n })\n $(innerwraps)\n .on('scroll', function() {\n updateFadedEdges();\n })\n\n function updateFadedEdges() {\n $(outerwraps).each(function(i, wrap) {\n var class_left = $(wrap).hasClass('tabs--hightlight') ? 'tabs--highlighted--overflow-left' : 'tabs--overflow-left';\n var class_right = $(wrap).hasClass('tabs--hightlight') ? 'tabs--highlighted--overflow-right' : 'tabs--overflow-right';\n\n $(wrap).toggleClass(class_left, innerwraps.eq(i)[0].scrollLeft > 0);\n\n var rightOffset = $(wrap).innerWidth() - innerwraps.eq(i)[0].scrollWidth;\n $(wrap).toggleClass(class_right, innerwraps.eq(i)[0].scrollLeft < Math.abs(rightOffset));\n });\n }\n});\n\n$(function() {\n var slug = '/types';\n var viewingTypes = window.location.pathname.indexOf(slug) > -1;\n\n checkBrowseBy($('.js-product-browse').find('.product-browse__button').eq(viewingTypes ? 1 : 0));\n\n $('.js-product-browse').find('.product-browse__button').click(function(e) {\n e.preventDefault();\n checkBrowseBy($(this));\n });\n\n function checkBrowseBy(el) {\n visible = el.attr('data-browse-by');\n $('.js-product-browse').attr('data-browsing-by', visible);\n }\n\n $('#discontinued').on('change', function() {\n var parts = URN.parts(document.location.href);\n\n if (this.checked) {\n parts.querystring = URN.setQueryStringParam(parts.querystring, 'discontinued', '1');\n document.location = URN.build(parts);\n } else {\n parts.querystring = URN.setQueryStringParam(parts.querystring, 'discontinued', null);\n document.location = URN.build(parts);\n }\n });\n});\n\n// Open external links in a new tab\n$(function() {\n $(document).on('click', 'a.external',function(e) {\n e.preventDefault();\n window.open($(this).attr('href'));\n });\n});\n\nString.prototype._moustache = function (data) {\n var s = this.toString();\n for (var i in data) {\n s = s.toString().replace('{' + i + '}', data[i]);\n }\n\n s = s.replace(/(\\{.+?\\})/g, '');\n\n return s;\n};\n\n$('.js-accordion__toggle').on('click.accordion-toggle', function() {\n if ($(this).parent().hasClass('accordion--disabled')) {\n return;\n }\n if ($(this).parent().hasClass('accordion--active')) {\n deactivate($(this).parent());\n } else {\n var group = $(this).parent().attr('data-accordion-group');\n if (group) {\n $('[data-accordion-group=\"' + group + '\"]').each(function() {\n if ($(this).hasClass('accordion--active')) {\n deactivate($(this));\n }\n });\n }\n activate($(this).parent());\n }\n\n // Activate the accordion\n function activate(el) {\n var wrapper = el.find('.accordion__wrapper');\n var content = el.find('.accordion__content');\n\n wrapper.css('maxHeight', content.height() + parseInt(content.css('paddingBottom')));\n el.addClass('accordion--active');\n }\n\n // Deactivate the accordion\n function deactivate(el) {\n var wrapper = el.find('.accordion__wrapper');\n\n wrapper.removeAttr('style');\n el.removeClass('accordion--active');\n }\n});\n\nfunction updateAccordion(el) {\n var wrapper = el.find('.accordion__wrapper');\n var content = el.find('.accordion__content');\n\n wrapper.css('maxHeight', content.height() + parseInt(content.css('paddingBottom')));\n}\n\n// If the accordion should be disabled for desktop, then we need to check the breakpoint on page load and on resize\nvar breakpoint = new Breakpoint();\n\nif (breakpoint.matches('tablet')) {\n $('.accordion.accordion--tablet').removeClass('accordion--disabled');\n} else {\n $('.accordion.accordion--tablet').addClass('accordion--disabled');\n}\n\nbreakpoint.matchMedia('tablet').addListener(function(e) {\n if (e.matches) {\n $('.accordion.accordion--tablet').removeClass('accordion--disabled');\n } else {\n $('.accordion.accordion--tablet').addClass('accordion--disabled');\n }\n});\n\n$(document).on('click', 'a[href^=\"#\"]', function(e) {\n var $this = $(this);\n var href = $this.attr('href');\n if (\n href != '#'\n && !$this.parents().hasClass('slick-slide')\n && !$this.hasClass('cookie-preferences__nav-link')\n && !$this.hasClass('site-switch')\n ) {\n e.preventDefault();\n scrollToEl($(href));\n }\n});\n\nfunction scrollToEl(el) {\n if (el.length) {\n var scrollDuration = 300;\n var offset = 0;\n\n var items = [\n $('#admin-bar'),\n $('#debug-bar'),\n $('.header'),\n $('.notice-bar')\n ];\n\n var scrollTop = Math.round(el.offset().top - offset);\n\n // if (window.matchMedia('(max-width: 550px)').matches) {\n for (var i = 0; i < items.length; i++) {\n if (items[i].length > 0) {\n scrollTop -= items[i].outerHeight();\n }\n }\n // }\n\n $('html, body').animate({\n scrollTop: scrollTop\n }, {\n duration: scrollDuration\n });\n\n el.trigger('click');\n }\n}\n\n$('.js-listing-view').change(function() {\n $('html').attr('listing-technical-view', this.value);\n});\n\n$('.js-listing-view').trigger('change');\n\n// Show the technical view key\n$('.js-listing-show-key').on('click', function(e) {\n $.magnificPopup.open({\n type: 'inline',\n mainClass: 'mfp--key',\n closeMarkup: '',\n items: {\n src: '.js-listing-key'\n },\n fixedContentPos: true\n });\n});\n\n$('.js-notice-show-info').on('click', function (e) {\n $.magnificPopup.open({\n type: 'inline',\n mainClass: 'mfp--notice mfp-fade',\n removalDelay: 200,\n closeMarkup: '',\n items: {\n src: '.js-notice'\n },\n fixedContentPos: true\n });\n});\n\n$('.js-bv-stock-overlay').on('click', function(e) {\n e.preventDefault();\n\n $.magnificPopup.open({\n type: 'inline',\n mainClass: 'mfp--pdp-overlay mfp-fade',\n removalDelay: 200,\n closeMarkup: '',\n items: {\n src: '.js-bv-overlay'\n },\n fixedContentPos: true\n })\n})\n\n$('.js-no-product-notice').on('click', function(e) {\n e.preventDefault();\n\n var trigger = $(this),\n options = {\n close: $('.js-plp-overlay-close'),\n viewProfessional: $('.js-plp-overlay-view-professional'),\n title: $('.js-plp-overlay-title')\n };\n\n $.magnificPopup.open({\n type: 'inline',\n mainClass: 'mfp--plp-overlay mfp-fade',\n removalDelay: 200,\n closeMarkup: '',\n items: {\n src: '.js-plp-overlay'\n },\n fixedContentPos: true,\n callbacks: {\n beforeOpen: function () {\n options.close.on('click', function (e) {\n e.preventDefault();\n $.magnificPopup.close();\n });\n\n options.viewProfessional.attr('href', trigger.attr('href'));\n options.title.html(trigger.data('overlay-title'));\n }\n }\n })\n})\n\nwindow.realignListingAction = function() {\n $('.js-listing-item-group').each(function() {\n var action = $('.js-listing-item__action[data-id=\"' + $(this).attr('data-id') + '\"]');\n if (action) {\n var height = $(this).height();\n var actionHeight = action.height();\n var diff = height - actionHeight;\n action.css({\n paddingTop: diff / 2,\n paddingBottom: diff / 2\n });\n }\n });\n}\n\nwindow.checkScrollbarWidth = function() {\n var scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n\n document.documentElement.style.setProperty('--scrollbar-width', scrollbarWidth + 'px');\n}\n\nvar resize;\n\n$(window).on('resize', function(e) {\n clearTimeout(resize);\n resize = setTimeout(function() {\n window.realignListingAction();\n window.checkScrollbarWidth();\n }, 100);\n});\n\n$(window).on('load', function(e) {\n window.realignListingAction();\n window.checkScrollbarWidth();\n});\n\n// $('.site-switch').magnificPopup({\n// type: 'inline',\n// mainClass: 'mfp--site-switch mfp-fade',\n// removalDelay: 200,\n// showCloseBtn: false\n// });\n//\n// $(document).on('click', '.js-site-switch-close', function(e) {\n// $.magnificPopup.close();\n// });\n\n$(window).on('load', function() {\n resizeProjectBlock();\n\n $(window).on('resize', function() {\n resizeProjectBlock();\n });\n\n function resizeProjectBlock() {\n $('.block__wrap--project').each(function() {\n var $header = $(this).find('.block__image--project'),\n $content = $(this).find('.block-content--project'),\n heightDiff = $content.height() - $header.height();\n\n var margins = parseInt($content.css('margin-top')) +\n parseInt($content.css('margin-bottom')) -\n parseInt($header.css('margin-bottom'));\n\n $header.css('margin-bottom', heightDiff + margins);\n });\n }\n});\n\n(function () {\n const accordionHeaders = document.querySelectorAll('[data-accordion-header]');\n const mobileOnlyAccordion = document.querySelector('[data-mobile-accordion]');\n\n accordionHeaders.forEach(accordionHeader => {\n\n let target = accordionHeader.parentElement.nextElementSibling;\n\n if (mobileOnlyAccordion) {\n if (window.matchMedia('(max-width: 1023px)').matches) {\n target.hidden = true;\n } else {\n target.hidden = false;\n }\n } else {\n target.hidden = true;\n }\n\n accordionHeader.addEventListener('click', () => {\n\n let expanded = accordionHeader.getAttribute('aria-expanded') === 'true' || false;\n accordionHeader.setAttribute('aria-expanded', !expanded);\n target.hidden = expanded;\n })\n\n window.addEventListener('resize', () => {\n if (mobileOnlyAccordion) {\n if (window.matchMedia('(max-width: 1023px)').matches && mobileOnlyAccordion) {\n target.hidden = true;\n } else {\n target.hidden = false;\n }\n }\n })\n })\n})();\n\n$('.js-compatible-item')\n .on('click', '.js-compatible-item__variant', function(e) {\n e.preventDefault();\n var $variant = $(this),\n $container = $variant.parents('.js-compatible-item');\n\n if ($variant.hasClass('variants__item--active')) {\n window.location.href = $variant.attr('href');\n return;\n }\n\n $container\n .find('.js-compatible-item__variant')\n .removeClass('variants__item--active');\n\n $variant.addClass('variants__item--active');\n\n if (decorativeXhr && decorativeXhr.readyState != 4) {\n decorativeXhr.abort();\n }\n\n decorativeXhr = $.ajax({\n url: '/products/plp-data',\n data: {sku: $variant.data('sku')}\n });\n\n $container.css('opacity', 0.4);\n\n decorativeXhr\n .then(function(data) {\n if (data.message == 'Ok') {\n $container\n .find('.compatible-item__meta')\n .text(data.result.sku);\n\n $container\n .find('.js-compatible-item__link')\n .attr('href', data.result.url);\n\n $container\n .find('.compatible-item__image > figure')\n .prepend(data.result.image)\n .find('img:eq(1)')\n .animate({\n opacity: 0\n }, 200, function() {\n $(this).remove();\n });\n\n $container\n .find('.compatible-item__title')\n .text(data.result.title)\n\n if (data.result.price ) {\n $container\n .find('.compatible-item__price')\n .text(data.result.price.replace('£', '£'));\n }\n\n $container.css('opacity', 1);\n }\n });\n });\n\n/*\n* These need to be hooked up correctly for the order import\n*/\n\nwindow.fileSelected = function(ev, button, value) {\n if (!value) {\n button.text('choose file');\n } else {\n $('.field--submit').addClass('field--submit--active');\n var filename = value.split('\\\\').pop();\n button.text(filename);\n }\n}\n\nwindow.dropHandler = function(ev) {\n console.log('File(s) dropped');\n\n var input = document.querySelector('#partner_import_uploaded_file');\n\n // Prevent default behavior (Prevent file from being opened)\n ev.preventDefault();\n\n input.files = ev.dataTransfer.files;\n $(input).change();\n}\n\nwindow.dragOverHandler = function(ev) {\n console.log('File(s) in drop zone');\n\n // Prevent default behavior (Prevent file from being opened)\n ev.preventDefault();\n}\n\n/**\n* We need to remove the local storage attribute here if we navigate away from the import page\n* See open-accordion.js\n*/\n\nif (!window.location.href.includes('/imports/review')) {\n localStorage.removeItem('accordion');\n}\n\n// Add PDP configuration pop\n\n(() => {\n const configureButton = document.querySelector('[data-configure]');\n\n if (!configureButton) {\n return;\n }\n\n configureButton.addEventListener('click', () => {\n $.magnificPopup.open({\n type: 'inline',\n mainClass: 'mfp--pdp-configure-popup mfp-fade',\n removalDelay: 200,\n closeMarkup: '',\n items: {\n src: '.js-pdp-configure'\n },\n fixedContentPos: true,\n callbacks: {\n open: function() {\n const scrollContainer = this.wrap[0];\n \n if (scrollContainer.scrollHeight > scrollContainer.clientHeight) {\n scrollContainer.classList.add('mfp--has-scroll');\n }\n }\n }\n }); \n });\n})()\n","$.fn.scrollTable = function() {\n var self = $(this),\n afterResize = function() {\n self\n .each(function() {\n var container = $(this),\n el = container.find('.listing-item__options--desktop'),\n table = container.find('.listing-item__table--scrollable');\n container.toggleClass('listing-item--scrollable', table.width() > el.width());\n });\n },\n resizeTimeout;\n\n $(window)\n .on('resize', function() {\n clearTimeout(resizeTimeout);\n resizeTimeout = setTimeout(function() {\n afterResize();\n }, 100);\n })\n .trigger('resize');\n};\n","var multiSelect = {\n classes: {\n focused: 'multi-select--focused',\n disabled: 'multi-select--disabled',\n single: 'multi-select--single',\n multiple: 'multi-select--multiple',\n grouped: 'multi-select--grouped',\n search: 'multi-select--search',\n active: 'multi-select--active',\n listitem: 'multi-select__list-item',\n group: 'multi-select__list-item--group',\n selected: 'multi-select__list-item--selected',\n current: 'multi-select__list-item--current',\n nobbled: 'multi-select__list-item--disabled',\n hidden: 'multi-select__list-item--hidden',\n image: 'multi-select__list-item--image',\n },\n\n keys: {\n up: 38,\n dn: 40,\n pgup: 33,\n pgdn: 34,\n escape: 27,\n space: 32,\n enter: 13,\n },\n\n page: 5,\n\n $focused: false,\n};\n\n$.fn.multiSelect = function(options) {\n\n var defaults = {\n icon: 'arrow-small-down',\n iconFocus: 'arrow-small-up',\n };\n\n var options = $.extend(defaults, options);\n\n $(this).filter(':not(.multi-selected)').each(function() {\n var $select = $(this);\n\n var $form = $select.closest('form');\n var $label = $select.prev('label');\n var $wrapper = $select.wrap('').parent();\n var $value = $('').appendTo($wrapper);\n var $icon = $('').appendTo($wrapper);\n var $iconFocus = $('').appendTo($wrapper);\n var $input = $('').appendTo($wrapper);\n var $drop = $('').appendTo($wrapper);\n var $up = $('').appendTo($drop);\n var $down = $('').appendTo($drop);\n\n var svg = new Svg();\n $icon.html(svg.render(options.icon));\n $iconFocus.html(svg.render(options.iconFocus));\n\n var $list = $('').slick();\n var slick = $tmp[0].slick.constructor;\n $tmp.slick('unslick');\n return slick;\n };\n\n if ($.fn.slick) {\n var Slick = getSlick();\n if (Slick) {\n //hook checkResponsive method\n var checkResponsiveOrig = Slick.prototype.checkResponsive;\n Slick.prototype.checkResponsive = function(initial, forceUpdate) {\n var _ = this;\n if (_.options.autoSlidesToShow && !_.options.infinite && _.options.variableWidth) {\n var sliderWidth = _.$slider.width();\n var width = 0, length = _.$slides.length;\n for (var i = 0; i < length; i++) {\n width += $(_.$slides[i]).outerWidth();\n }\n _.averageSlidesWidth = width / length;\n _.options.slidesToShow = Math.floor(sliderWidth / _.averageSlidesWidth) || 1;\n //force update arrows\n if (_.lastSlidesToShow !== _.options.slidesToShow) {\n _.lastSlidesToShow = _.options.slidesToShow;\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n }\n return checkResponsiveOrig.apply(this, arguments);\n };\n //hook getLeft method\n var getLeftOrig = Slick.prototype.getLeft;\n Slick.prototype.getLeft = function(slideIndex) {\n var _ = this;\n if (_.options.autoSlidesToShow && !_.options.infinite && _.options.variableWidth) {\n var targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n if (targetSlide[0]) {\n var diff = 0;\n if (slideIndex) {\n var sliderWidth = _.$slider.width();\n var otherSlidesWidth = (_.slideCount - slideIndex) * _.averageSlidesWidth;\n if (otherSlidesWidth < sliderWidth) {\n diff = sliderWidth - otherSlidesWidth;\n }\n }\n return (targetSlide[0].offsetLeft - diff) * -1;\n }\n return 0;\n }\n return getLeftOrig.apply(this, arguments);\n };\n }\n }\n})(jQuery);\n","Astro.quantityControls = [];\n\nAstro.quantityControl = function() {\n var loop = new Loop();\n\n loop.array(document.querySelectorAll('.js-quantity-control'), function(array, i) {\n var quantityControl = new Astro.QuantityControl({\n el: array[i],\n mode: array[i].getAttribute('quantity-control'),\n id: 'quantity-control-' + i\n });\n quantityControl.init();\n\n Astro.quantityControls.push(quantityControl);\n });\n};\n","Astro.multiSelect = function () {\n $('select.multi-select').multiSelect();\n};\n","Astro.search = function() {\n var search = new Search();\n search.init();\n\n if (search.exists()) {\n Astro._search = search;\n }\n}\n","Astro.moves = [];\n\nAstro.move = function() {\n var loop = new Loop();\n\n loop.array(document.querySelectorAll('[move-parent]'), function(array, i) {\n var move = new Move({\n el: array[i]\n });\n move.init();\n\n Astro.moves.push(move);\n });\n};\n","Astro._scenes = [];\n\nAstro.scenes = function() {\n var loop = new Loop();\n\n loop.array(document.querySelectorAll('.js-scenes'), function(array, i) {\n var scenes = new Scenes({\n el: array[i]\n });\n scenes.init();\n\n Astro._scenes.push(scenes);\n });\n};\n","Astro._slidingAccordions = [];\n\nAstro.slidingAccordions = function () {\n var loop = new Loop();\n\n var scrollTarget = document.querySelector('.where-buy__right');\n var offsetElements = [\n document.querySelector('#admin-bar'),\n document.querySelector('.debug-bar'),\n document.querySelector('.notice'),\n document.querySelector('.header'),\n ];\n\n loop.array(document.querySelectorAll('.js-sliding-accordion'), function (array, i) {\n var slidingAccordion = new SlidingAccordion({\n el: array[i],\n scrollTarget: scrollTarget,\n scrollOffsetElements: offsetElements,\n });\n slidingAccordion.init();\n\n Astro._slidingAccordions.push(slidingAccordion);\n });\n};\n","Astro.fancyGrids = [];\n\nAstro.fancyGrid = function() {\n var loop = new Loop();\n\n loop.array(document.querySelectorAll('.js-fancy-grid'), function(array, i) {\n var options = {};\n\n if (array[i].classList.contains('fancy-grid--inspiration')) {\n options.afterUpdate = inspirationAfterUpdate;\n }\n\n var fancyGrid = new FancyGrid(array[i], options);\n fancyGrid.init();\n\n Astro.fancyGrids.push(fancyGrid);\n });\n}\n\n// Make sure the title elements all have the same height\nvar inspirationAfterUpdate = function (fancyItems) {\n var loop = new Loop();\n var viewport = new Viewport(Astro.breakpoints);\n\n loop.array(fancyItems, function(items, i) {\n if (viewport.matches('tablet')) {\n var title = fancyItems[i].querySelector('.inspiration-listing__title');\n title.style.height = null;\n } else {\n if (i != 1 && (i + 1) % 6 == 0) {\n var compareIds = [i, i - 1, i - 2];\n var titleHeights = compareIds.map(function (index) {\n var title = fancyItems[index].querySelector('.inspiration-listing__title');\n title.style.height = null;\n return title.clientHeight;\n });\n\n var maxHeight = Math.max.apply(null, titleHeights);\n\n compareIds.forEach(function (index) {\n var title = fancyItems[index].querySelector('.inspiration-listing__title');\n title.style.height = maxHeight + 'px';\n });\n }\n }\n });\n};\n","function Loop() {\n\n this.object = function(obj, callback) {\n var keys = Object.keys(obj);\n for (var i = 0; i < keys.length; i++) {\n (function(i) {\n callback(keys, i);\n })(i);\n }\n }\n\n this.array = function(array, callback, reverse) {\n if (reverse) {\n for (var i = array.length - 1; i > -1; i--) {\n (function(i) {\n callback(array, i);\n })(i);\n }\n } else {\n for (var i = 0; i < array.length; i++) {\n (function(i) {\n callback(array, i);\n })(i);\n }\n }\n }\n}\n","function Svg() {\n\n this.render = function(icon) {\n return ''\n }\n}\n","function Breakpoint() {\n\n // Get the breakpoint config\n this.config = Astro.breakpoints;\n\n // Constuct the breakpoint for the media query\n this.construct = function(breakpoint) {\n return '(' + this.config[breakpoint].type + ': ' + this.config[breakpoint].size + 'px)';\n }\n\n // Check if the media query matches\n this.matchMedia = function(breakpoint) {\n return window.matchMedia(this.construct(breakpoint));\n }\n\n // Check if the media query matches\n this.matches = function(breakpoint) {\n return window.matchMedia(this.construct(breakpoint)).matches;\n }\n}\n","Astro.popupPages = [];\n\nAstro.popupPage = function() {\n var loop = new Loop();\n\n loop.array(document.querySelectorAll('.js-popup-page'), function(array, i) {\n if (array[i].hasAttribute('data-popup-init')) {\n return;\n }\n\n array[i].setAttribute('data-popup-page-id', i);\n\n var popupPage = new PopupPage(array[i]);\n popupPage.init();\n\n Astro.popupPages.push(popupPage);\n });\n}\n\n","Astro.video = function() {\n document.querySelectorAll('.block__video').forEach(function(element, i) {\n var videoBlock = new VideoBlock(element);\n videoBlock.init();\n });\n}\n","Astro.hotspotGallery = function() {\n $('[data-hotspot-gallery]')\n .each(function(i, v) {\n var gallery = $(this),\n crosshairs = $(this).find('.gallery__crosshair'),\n activeClass = 'gallery__crosshair--active';\n\n gallery\n .on('hotspot.hide', function(e) {\n crosshairs.removeClass(activeClass);\n });\n });\n}\n\nAstro.hotspotGalleryTooltips = function() {\n $('[data-hotspot-gallery--tooltips]')\n .each(function(i, v) {\n var gallery = $(this),\n crosshairs = gallery.find('[data-hotspot-tooltip]'),\n tip = tippy('[data-hotspot-tooltip]', tippyConfig),\n hideTooltips = function() {\n crosshairs\n .each(function(i, v) {\n var popper = v._tippy;\n if (popper) {\n tip.hide(popper);\n }\n });\n };\n\n gallery\n .on('hotspot.hide', function(e) {\n hideTooltips();\n });\n\n crosshairs\n .on('crosshair.activated', function(e) {\n $(this)[0]._tippy.show();\n })\n .on('crosshair.deactivated', function(e) {\n $(this)[0]._tippy.hide();\n });\n });\n}\n\nAstro.hotspotGalleryProducts = function() {\n $('[data-hotspot-gallery--products]')\n .each(function(i, v) {\n var gallery = $(this),\n crosshairs = gallery.find('[data-hotspot-product]'),\n popups = gallery.find('.gallery__product'),\n hiddenClass = 'gallery__product--hidden',\n buffer = 40;\n\n gallery\n .on('hotspot.hide', function(e) {\n popups.addClass(hiddenClass);\n });\n\n crosshairs\n .on('crosshair.activated', function() {\n var crosshair = $(this),\n container = crosshair.parent(),\n crosshairWidth = crosshair.outerWidth(),\n crosshairHeight = crosshair.outerHeight(),\n containerWidth = container.outerWidth(),\n containerHeight = container.outerHeight(),\n popup = popups.filter('[data-product_id=\"' + crosshair.data('product_id') + '\"]'),\n popupWidth = popup.outerWidth(),\n popupHeight = popup.outerHeight(),\n position = crosshair.position(),\n popup = popups.filter('[data-product_id=\"' + $(this).data('product_id') + '\"]'),\n x, y;\n\n\n // blocks have the popup horizontally centred to crosshair\n // position and the top halfway down the crosshair\n if (container.hasClass('block__image')) {\n x = position.left + (crosshairWidth / 2) - (popupWidth / 2);\n y = position.top + (crosshairHeight / 2) + 20;\n } else {\n if (position.left + popupWidth + buffer < containerWidth) {\n x = position.left + buffer + (crosshairWidth / 2);\n } else if (position.left - popupWidth - buffer + (crosshairWidth / 2) >= 0) {\n x = position.left - popupWidth - buffer + (crosshairWidth / 2);\n }\n\n if (position.top + popupHeight < containerHeight) {\n y = position.top;\n } else {\n y = containerHeight - popupHeight - (buffer / 2);\n }\n }\n\n if (x && y) {\n popup.css({\n left: x,\n top: y\n });\n }\n\n popup.removeClass(hiddenClass);\n })\n .on('crosshair.deactivated', function() {\n var popup = popups.filter('[data-product_id=\"' + $(this).data('product_id') + '\"]');\n popup.addClass(hiddenClass);\n });\n });\n}\n","!function(e,t){\"object\"==typeof exports&&\"object\"==typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define([],t):\"object\"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p=\"dist/\",t(0)}([function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}var i=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]&&arguments[0];if(e&&(k=!0),k)return w=(0,y.default)(w,x),(0,b.default)(w,x.once),w},O=function(){w=(0,h.default)(),j()},M=function(){w.forEach(function(e,t){e.node.removeAttribute(\"data-aos\"),e.node.removeAttribute(\"data-aos-easing\"),e.node.removeAttribute(\"data-aos-duration\"),e.node.removeAttribute(\"data-aos-delay\")})},S=function(e){return e===!0||\"mobile\"===e&&p.default.mobile()||\"phone\"===e&&p.default.phone()||\"tablet\"===e&&p.default.tablet()||\"function\"==typeof e&&e()===!0},_=function(e){x=i(x,e),w=(0,h.default)();var t=document.all&&!window.atob;return S(x.disable)||t?M():(x.disableMutationObserver||d.default.isSupported()||(console.info('\\n aos: MutationObserver is not supported on this browser,\\n code mutations observing has been disabled.\\n You may have to call \"refreshHard()\" by yourself.\\n '),x.disableMutationObserver=!0),document.querySelector(\"body\").setAttribute(\"data-aos-easing\",x.easing),document.querySelector(\"body\").setAttribute(\"data-aos-duration\",x.duration),document.querySelector(\"body\").setAttribute(\"data-aos-delay\",x.delay),\"DOMContentLoaded\"===x.startEvent&&[\"complete\",\"interactive\"].indexOf(document.readyState)>-1?j(!0):\"load\"===x.startEvent?window.addEventListener(x.startEvent,function(){j(!0)}):document.addEventListener(x.startEvent,function(){j(!0)}),window.addEventListener(\"resize\",(0,s.default)(j,x.debounceDelay,!0)),window.addEventListener(\"orientationchange\",(0,s.default)(j,x.debounceDelay,!0)),window.addEventListener(\"scroll\",(0,u.default)(function(){(0,b.default)(w,x.once)},x.throttleDelay)),x.disableMutationObserver||d.default.ready(\"[data-aos]\",O),w)};e.exports={init:_,refresh:j,refreshHard:O}},function(e,t){},,,,,function(e,t){(function(t){\"use strict\";function n(e,t,n){function o(t){var n=b,o=v;return b=v=void 0,k=t,g=e.apply(o,n)}function r(e){return k=e,h=setTimeout(f,t),M?o(e):g}function a(e){var n=e-w,o=e-k,i=t-n;return S?j(i,y-o):i}function c(e){var n=e-w,o=e-k;return void 0===w||n>=t||n<0||S&&o>=y}function f(){var e=O();return c(e)?d(e):void(h=setTimeout(f,a(e)))}function d(e){return h=void 0,_&&b?o(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),k=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(O())}function m(){var e=O(),n=c(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(f,t),o(w)}return void 0===h&&(h=setTimeout(f,t)),g}var b,v,y,g,h,w,k=0,M=!1,S=!1,_=!0;if(\"function\"!=typeof e)throw new TypeError(s);return t=u(t)||0,i(n)&&(M=!!n.leading,S=\"maxWait\"in n,y=S?x(u(n.maxWait)||0,t):y,_=\"trailing\"in n?!!n.trailing:_),m.cancel=l,m.flush=p,m}function o(e,t,o){var r=!0,a=!0;if(\"function\"!=typeof e)throw new TypeError(s);return i(o)&&(r=\"leading\"in o?!!o.leading:r,a=\"trailing\"in o?!!o.trailing:a),n(e,t,{leading:r,maxWait:t,trailing:a})}function i(e){var t=\"undefined\"==typeof e?\"undefined\":c(e);return!!e&&(\"object\"==t||\"function\"==t)}function r(e){return!!e&&\"object\"==(\"undefined\"==typeof e?\"undefined\":c(e))}function a(e){return\"symbol\"==(\"undefined\"==typeof e?\"undefined\":c(e))||r(e)&&k.call(e)==d}function u(e){if(\"number\"==typeof e)return e;if(a(e))return f;if(i(e)){var t=\"function\"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+\"\":t}if(\"string\"!=typeof e)return 0===e?e:+e;e=e.replace(l,\"\");var n=m.test(e);return n||b.test(e)?v(e.slice(2),n?2:8):p.test(e)?f:+e}var c=\"function\"==typeof Symbol&&\"symbol\"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&\"function\"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?\"symbol\":typeof e},s=\"Expected a function\",f=NaN,d=\"[object Symbol]\",l=/^\\s+|\\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,m=/^0b[01]+$/i,b=/^0o[0-7]+$/i,v=parseInt,y=\"object\"==(\"undefined\"==typeof t?\"undefined\":c(t))&&t&&t.Object===Object&&t,g=\"object\"==(\"undefined\"==typeof self?\"undefined\":c(self))&&self&&self.Object===Object&&self,h=y||g||Function(\"return this\")(),w=Object.prototype,k=w.toString,x=Math.max,j=Math.min,O=function(){return h.Date.now()};e.exports=o}).call(t,function(){return this}())},function(e,t){(function(t){\"use strict\";function n(e,t,n){function i(t){var n=b,o=v;return b=v=void 0,O=t,g=e.apply(o,n)}function r(e){return O=e,h=setTimeout(f,t),M?i(e):g}function u(e){var n=e-w,o=e-O,i=t-n;return S?x(i,y-o):i}function s(e){var n=e-w,o=e-O;return void 0===w||n>=t||n<0||S&&o>=y}function f(){var e=j();return s(e)?d(e):void(h=setTimeout(f,u(e)))}function d(e){return h=void 0,_&&b?i(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),O=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(j())}function m(){var e=j(),n=s(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(f,t),i(w)}return void 0===h&&(h=setTimeout(f,t)),g}var b,v,y,g,h,w,O=0,M=!1,S=!1,_=!0;if(\"function\"!=typeof e)throw new TypeError(c);return t=a(t)||0,o(n)&&(M=!!n.leading,S=\"maxWait\"in n,y=S?k(a(n.maxWait)||0,t):y,_=\"trailing\"in n?!!n.trailing:_),m.cancel=l,m.flush=p,m}function o(e){var t=\"undefined\"==typeof e?\"undefined\":u(e);return!!e&&(\"object\"==t||\"function\"==t)}function i(e){return!!e&&\"object\"==(\"undefined\"==typeof e?\"undefined\":u(e))}function r(e){return\"symbol\"==(\"undefined\"==typeof e?\"undefined\":u(e))||i(e)&&w.call(e)==f}function a(e){if(\"number\"==typeof e)return e;if(r(e))return s;if(o(e)){var t=\"function\"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+\"\":t}if(\"string\"!=typeof e)return 0===e?e:+e;e=e.replace(d,\"\");var n=p.test(e);return n||m.test(e)?b(e.slice(2),n?2:8):l.test(e)?s:+e}var u=\"function\"==typeof Symbol&&\"symbol\"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&\"function\"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?\"symbol\":typeof e},c=\"Expected a function\",s=NaN,f=\"[object Symbol]\",d=/^\\s+|\\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,m=/^0o[0-7]+$/i,b=parseInt,v=\"object\"==(\"undefined\"==typeof t?\"undefined\":u(t))&&t&&t.Object===Object&&t,y=\"object\"==(\"undefined\"==typeof self?\"undefined\":u(self))&&self&&self.Object===Object&&self,g=v||y||Function(\"return this\")(),h=Object.prototype,w=h.toString,k=Math.max,x=Math.min,j=function(){return g.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t){\"use strict\";function n(e){var t=void 0,o=void 0,i=void 0;for(t=0;te.position?e.node.classList.add(\"aos-animate\"):\"undefined\"!=typeof o&&(\"false\"===o||!n&&\"true\"!==o)&&e.node.classList.remove(\"aos-animate\")},o=function(e,t){var o=window.pageYOffset,i=window.innerHeight;e.forEach(function(e,r){n(e,i+o,t)})};t.default=o},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,\"__esModule\",{value:!0});var i=n(12),r=o(i),a=function(e,t){return e.forEach(function(e,n){e.node.classList.add(\"aos-init\"),e.position=(0,r.default)(e.node,t.offset)}),e};t.default=a},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,\"__esModule\",{value:!0});var i=n(13),r=o(i),a=function(e,t){var n=0,o=0,i=window.innerHeight,a={offset:e.getAttribute(\"data-aos-offset\"),anchor:e.getAttribute(\"data-aos-anchor\"),anchorPlacement:e.getAttribute(\"data-aos-anchor-placement\")};switch(a.offset&&!isNaN(a.offset)&&(o=parseInt(a.offset)),a.anchor&&document.querySelectorAll(a.anchor)&&(e=document.querySelectorAll(a.anchor)[0]),n=(0,r.default)(e).top,a.anchorPlacement){case\"top-bottom\":break;case\"center-bottom\":n+=e.offsetHeight/2;break;case\"bottom-bottom\":n+=e.offsetHeight;break;case\"top-center\":n+=i/2;break;case\"bottom-center\":n+=i/2+e.offsetHeight;break;case\"center-center\":n+=i/2+e.offsetHeight/2;break;case\"top-top\":n+=i;break;case\"bottom-top\":n+=e.offsetHeight+i;break;case\"center-top\":n+=e.offsetHeight/2+i}return a.anchorPlacement||a.offset||isNaN(t)||(o=t),n+o};t.default=a},function(e,t){\"use strict\";Object.defineProperty(t,\"__esModule\",{value:!0});var n=function(e){for(var t=0,n=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-(\"BODY\"!=e.tagName?e.scrollLeft:0),n+=e.offsetTop-(\"BODY\"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:n,left:t}};t.default=n},function(e,t){\"use strict\";Object.defineProperty(t,\"__esModule\",{value:!0});var n=function(e){return e=e||document.querySelectorAll(\"[data-aos]\"),Array.prototype.map.call(e,function(e){return{node:e}})};t.default=n}])});"],"sourceRoot":"../../../../resources/javascript"}