\" + slide + \"
\");\n if (!$slideEl.attr('data-swiper-slide-index')) $slideEl.attr('data-swiper-slide-index', index);\n if (params.cache) swiper.virtual.cache[index] = $slideEl;\n return $slideEl;\n },\n appendSlide: function appendSlide(slides) {\n var swiper = this;\n\n if (typeof slides === 'object' && 'length' in slides) {\n for (var i = 0; i < slides.length; i += 1) {\n if (slides[i]) swiper.virtual.slides.push(slides[i]);\n }\n } else {\n swiper.virtual.slides.push(slides);\n }\n\n swiper.virtual.update(true);\n },\n prependSlide: function prependSlide(slides) {\n var swiper = this;\n var activeIndex = swiper.activeIndex;\n var newActiveIndex = activeIndex + 1;\n var numberOfNewSlides = 1;\n\n if (Array.isArray(slides)) {\n for (var i = 0; i < slides.length; i += 1) {\n if (slides[i]) swiper.virtual.slides.unshift(slides[i]);\n }\n\n newActiveIndex = activeIndex + slides.length;\n numberOfNewSlides = slides.length;\n } else {\n swiper.virtual.slides.unshift(slides);\n }\n\n if (swiper.params.virtual.cache) {\n var cache = swiper.virtual.cache;\n var newCache = {};\n Object.keys(cache).forEach(function (cachedIndex) {\n var $cachedEl = cache[cachedIndex];\n var cachedElIndex = $cachedEl.attr('data-swiper-slide-index');\n\n if (cachedElIndex) {\n $cachedEl.attr('data-swiper-slide-index', parseInt(cachedElIndex, 10) + 1);\n }\n\n newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = $cachedEl;\n });\n swiper.virtual.cache = newCache;\n }\n\n swiper.virtual.update(true);\n swiper.slideTo(newActiveIndex, 0);\n },\n removeSlide: function removeSlide(slidesIndexes) {\n var swiper = this;\n if (typeof slidesIndexes === 'undefined' || slidesIndexes === null) return;\n var activeIndex = swiper.activeIndex;\n\n if (Array.isArray(slidesIndexes)) {\n for (var i = slidesIndexes.length - 1; i >= 0; i -= 1) {\n swiper.virtual.slides.splice(slidesIndexes[i], 1);\n\n if (swiper.params.virtual.cache) {\n delete swiper.virtual.cache[slidesIndexes[i]];\n }\n\n if (slidesIndexes[i] < activeIndex) activeIndex -= 1;\n activeIndex = Math.max(activeIndex, 0);\n }\n } else {\n swiper.virtual.slides.splice(slidesIndexes, 1);\n\n if (swiper.params.virtual.cache) {\n delete swiper.virtual.cache[slidesIndexes];\n }\n\n if (slidesIndexes < activeIndex) activeIndex -= 1;\n activeIndex = Math.max(activeIndex, 0);\n }\n\n swiper.virtual.update(true);\n swiper.slideTo(activeIndex, 0);\n },\n removeAllSlides: function removeAllSlides() {\n var swiper = this;\n swiper.virtual.slides = [];\n\n if (swiper.params.virtual.cache) {\n swiper.virtual.cache = {};\n }\n\n swiper.virtual.update(true);\n swiper.slideTo(0, 0);\n }\n};\nexport default {\n name: 'virtual',\n params: {\n virtual: {\n enabled: false,\n slides: [],\n cache: true,\n renderSlide: null,\n renderExternal: null,\n renderExternalUpdate: true,\n addSlidesBefore: 0,\n addSlidesAfter: 0\n }\n },\n create: function create() {\n var swiper = this;\n bindModuleMethods(swiper, {\n virtual: _extends({}, Virtual, {\n slides: swiper.params.virtual.slides,\n cache: {}\n })\n });\n },\n on: {\n beforeInit: function beforeInit(swiper) {\n if (!swiper.params.virtual.enabled) return;\n swiper.classNames.push(swiper.params.containerModifierClass + \"virtual\");\n var overwriteParams = {\n watchSlidesProgress: true\n };\n extend(swiper.params, overwriteParams);\n extend(swiper.originalParams, overwriteParams);\n\n if (!swiper.params.initialSlide) {\n swiper.virtual.update();\n }\n },\n setTranslate: function setTranslate(swiper) {\n if (!swiper.params.virtual.enabled) return;\n swiper.virtual.update();\n }\n }\n};","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport { getWindow } from 'ssr-window';\nimport $ from '../../utils/dom';\nimport { bindModuleMethods, getTranslate } from '../../utils/utils';\nvar Zoom = {\n // Calc Scale From Multi-touches\n getDistanceBetweenTouches: function getDistanceBetweenTouches(e) {\n if (e.targetTouches.length < 2) return 1;\n var x1 = e.targetTouches[0].pageX;\n var y1 = e.targetTouches[0].pageY;\n var x2 = e.targetTouches[1].pageX;\n var y2 = e.targetTouches[1].pageY;\n var distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));\n return distance;\n },\n // Events\n onGestureStart: function onGestureStart(e) {\n var swiper = this;\n var support = swiper.support;\n var params = swiper.params.zoom;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n zoom.fakeGestureTouched = false;\n zoom.fakeGestureMoved = false;\n\n if (!support.gestures) {\n if (e.type !== 'touchstart' || e.type === 'touchstart' && e.targetTouches.length < 2) {\n return;\n }\n\n zoom.fakeGestureTouched = true;\n gesture.scaleStart = Zoom.getDistanceBetweenTouches(e);\n }\n\n if (!gesture.$slideEl || !gesture.$slideEl.length) {\n gesture.$slideEl = $(e.target).closest(\".\" + swiper.params.slideClass);\n if (gesture.$slideEl.length === 0) gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);\n gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');\n gesture.$imageWrapEl = gesture.$imageEl.parent(\".\" + params.containerClass);\n gesture.maxRatio = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;\n\n if (gesture.$imageWrapEl.length === 0) {\n gesture.$imageEl = undefined;\n return;\n }\n }\n\n if (gesture.$imageEl) {\n gesture.$imageEl.transition(0);\n }\n\n swiper.zoom.isScaling = true;\n },\n onGestureChange: function onGestureChange(e) {\n var swiper = this;\n var support = swiper.support;\n var params = swiper.params.zoom;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n\n if (!support.gestures) {\n if (e.type !== 'touchmove' || e.type === 'touchmove' && e.targetTouches.length < 2) {\n return;\n }\n\n zoom.fakeGestureMoved = true;\n gesture.scaleMove = Zoom.getDistanceBetweenTouches(e);\n }\n\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) {\n if (e.type === 'gesturechange') zoom.onGestureStart(e);\n return;\n }\n\n if (support.gestures) {\n zoom.scale = e.scale * zoom.currentScale;\n } else {\n zoom.scale = gesture.scaleMove / gesture.scaleStart * zoom.currentScale;\n }\n\n if (zoom.scale > gesture.maxRatio) {\n zoom.scale = gesture.maxRatio - 1 + Math.pow(zoom.scale - gesture.maxRatio + 1, 0.5);\n }\n\n if (zoom.scale < params.minRatio) {\n zoom.scale = params.minRatio + 1 - Math.pow(params.minRatio - zoom.scale + 1, 0.5);\n }\n\n gesture.$imageEl.transform(\"translate3d(0,0,0) scale(\" + zoom.scale + \")\");\n },\n onGestureEnd: function onGestureEnd(e) {\n var swiper = this;\n var device = swiper.device;\n var support = swiper.support;\n var params = swiper.params.zoom;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n\n if (!support.gestures) {\n if (!zoom.fakeGestureTouched || !zoom.fakeGestureMoved) {\n return;\n }\n\n if (e.type !== 'touchend' || e.type === 'touchend' && e.changedTouches.length < 2 && !device.android) {\n return;\n }\n\n zoom.fakeGestureTouched = false;\n zoom.fakeGestureMoved = false;\n }\n\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;\n zoom.scale = Math.max(Math.min(zoom.scale, gesture.maxRatio), params.minRatio);\n gesture.$imageEl.transition(swiper.params.speed).transform(\"translate3d(0,0,0) scale(\" + zoom.scale + \")\");\n zoom.currentScale = zoom.scale;\n zoom.isScaling = false;\n if (zoom.scale === 1) gesture.$slideEl = undefined;\n },\n onTouchStart: function onTouchStart(e) {\n var swiper = this;\n var device = swiper.device;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture,\n image = zoom.image;\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;\n if (image.isTouched) return;\n if (device.android && e.cancelable) e.preventDefault();\n image.isTouched = true;\n image.touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;\n image.touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;\n },\n onTouchMove: function onTouchMove(e) {\n var swiper = this;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture,\n image = zoom.image,\n velocity = zoom.velocity;\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;\n swiper.allowClick = false;\n if (!image.isTouched || !gesture.$slideEl) return;\n\n if (!image.isMoved) {\n image.width = gesture.$imageEl[0].offsetWidth;\n image.height = gesture.$imageEl[0].offsetHeight;\n image.startX = getTranslate(gesture.$imageWrapEl[0], 'x') || 0;\n image.startY = getTranslate(gesture.$imageWrapEl[0], 'y') || 0;\n gesture.slideWidth = gesture.$slideEl[0].offsetWidth;\n gesture.slideHeight = gesture.$slideEl[0].offsetHeight;\n gesture.$imageWrapEl.transition(0);\n } // Define if we need image drag\n\n\n var scaledWidth = image.width * zoom.scale;\n var scaledHeight = image.height * zoom.scale;\n if (scaledWidth < gesture.slideWidth && scaledHeight < gesture.slideHeight) return;\n image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);\n image.maxX = -image.minX;\n image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);\n image.maxY = -image.minY;\n image.touchesCurrent.x = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;\n image.touchesCurrent.y = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;\n\n if (!image.isMoved && !zoom.isScaling) {\n if (swiper.isHorizontal() && (Math.floor(image.minX) === Math.floor(image.startX) && image.touchesCurrent.x < image.touchesStart.x || Math.floor(image.maxX) === Math.floor(image.startX) && image.touchesCurrent.x > image.touchesStart.x)) {\n image.isTouched = false;\n return;\n }\n\n if (!swiper.isHorizontal() && (Math.floor(image.minY) === Math.floor(image.startY) && image.touchesCurrent.y < image.touchesStart.y || Math.floor(image.maxY) === Math.floor(image.startY) && image.touchesCurrent.y > image.touchesStart.y)) {\n image.isTouched = false;\n return;\n }\n }\n\n if (e.cancelable) {\n e.preventDefault();\n }\n\n e.stopPropagation();\n image.isMoved = true;\n image.currentX = image.touchesCurrent.x - image.touchesStart.x + image.startX;\n image.currentY = image.touchesCurrent.y - image.touchesStart.y + image.startY;\n\n if (image.currentX < image.minX) {\n image.currentX = image.minX + 1 - Math.pow(image.minX - image.currentX + 1, 0.8);\n }\n\n if (image.currentX > image.maxX) {\n image.currentX = image.maxX - 1 + Math.pow(image.currentX - image.maxX + 1, 0.8);\n }\n\n if (image.currentY < image.minY) {\n image.currentY = image.minY + 1 - Math.pow(image.minY - image.currentY + 1, 0.8);\n }\n\n if (image.currentY > image.maxY) {\n image.currentY = image.maxY - 1 + Math.pow(image.currentY - image.maxY + 1, 0.8);\n } // Velocity\n\n\n if (!velocity.prevPositionX) velocity.prevPositionX = image.touchesCurrent.x;\n if (!velocity.prevPositionY) velocity.prevPositionY = image.touchesCurrent.y;\n if (!velocity.prevTime) velocity.prevTime = Date.now();\n velocity.x = (image.touchesCurrent.x - velocity.prevPositionX) / (Date.now() - velocity.prevTime) / 2;\n velocity.y = (image.touchesCurrent.y - velocity.prevPositionY) / (Date.now() - velocity.prevTime) / 2;\n if (Math.abs(image.touchesCurrent.x - velocity.prevPositionX) < 2) velocity.x = 0;\n if (Math.abs(image.touchesCurrent.y - velocity.prevPositionY) < 2) velocity.y = 0;\n velocity.prevPositionX = image.touchesCurrent.x;\n velocity.prevPositionY = image.touchesCurrent.y;\n velocity.prevTime = Date.now();\n gesture.$imageWrapEl.transform(\"translate3d(\" + image.currentX + \"px, \" + image.currentY + \"px,0)\");\n },\n onTouchEnd: function onTouchEnd() {\n var swiper = this;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture,\n image = zoom.image,\n velocity = zoom.velocity;\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;\n\n if (!image.isTouched || !image.isMoved) {\n image.isTouched = false;\n image.isMoved = false;\n return;\n }\n\n image.isTouched = false;\n image.isMoved = false;\n var momentumDurationX = 300;\n var momentumDurationY = 300;\n var momentumDistanceX = velocity.x * momentumDurationX;\n var newPositionX = image.currentX + momentumDistanceX;\n var momentumDistanceY = velocity.y * momentumDurationY;\n var newPositionY = image.currentY + momentumDistanceY; // Fix duration\n\n if (velocity.x !== 0) momentumDurationX = Math.abs((newPositionX - image.currentX) / velocity.x);\n if (velocity.y !== 0) momentumDurationY = Math.abs((newPositionY - image.currentY) / velocity.y);\n var momentumDuration = Math.max(momentumDurationX, momentumDurationY);\n image.currentX = newPositionX;\n image.currentY = newPositionY; // Define if we need image drag\n\n var scaledWidth = image.width * zoom.scale;\n var scaledHeight = image.height * zoom.scale;\n image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);\n image.maxX = -image.minX;\n image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);\n image.maxY = -image.minY;\n image.currentX = Math.max(Math.min(image.currentX, image.maxX), image.minX);\n image.currentY = Math.max(Math.min(image.currentY, image.maxY), image.minY);\n gesture.$imageWrapEl.transition(momentumDuration).transform(\"translate3d(\" + image.currentX + \"px, \" + image.currentY + \"px,0)\");\n },\n onTransitionEnd: function onTransitionEnd() {\n var swiper = this;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n\n if (gesture.$slideEl && swiper.previousIndex !== swiper.activeIndex) {\n if (gesture.$imageEl) {\n gesture.$imageEl.transform('translate3d(0,0,0) scale(1)');\n }\n\n if (gesture.$imageWrapEl) {\n gesture.$imageWrapEl.transform('translate3d(0,0,0)');\n }\n\n zoom.scale = 1;\n zoom.currentScale = 1;\n gesture.$slideEl = undefined;\n gesture.$imageEl = undefined;\n gesture.$imageWrapEl = undefined;\n }\n },\n // Toggle Zoom\n toggle: function toggle(e) {\n var swiper = this;\n var zoom = swiper.zoom;\n\n if (zoom.scale && zoom.scale !== 1) {\n // Zoom Out\n zoom.out();\n } else {\n // Zoom In\n zoom.in(e);\n }\n },\n in: function _in(e) {\n var swiper = this;\n var window = getWindow();\n var zoom = swiper.zoom;\n var params = swiper.params.zoom;\n var gesture = zoom.gesture,\n image = zoom.image;\n\n if (!gesture.$slideEl) {\n if (e && e.target) {\n gesture.$slideEl = $(e.target).closest(\".\" + swiper.params.slideClass);\n }\n\n if (!gesture.$slideEl) {\n if (swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual) {\n gesture.$slideEl = swiper.$wrapperEl.children(\".\" + swiper.params.slideActiveClass);\n } else {\n gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);\n }\n }\n\n gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');\n gesture.$imageWrapEl = gesture.$imageEl.parent(\".\" + params.containerClass);\n }\n\n if (!gesture.$imageEl || gesture.$imageEl.length === 0 || !gesture.$imageWrapEl || gesture.$imageWrapEl.length === 0) return;\n gesture.$slideEl.addClass(\"\" + params.zoomedSlideClass);\n var touchX;\n var touchY;\n var offsetX;\n var offsetY;\n var diffX;\n var diffY;\n var translateX;\n var translateY;\n var imageWidth;\n var imageHeight;\n var scaledWidth;\n var scaledHeight;\n var translateMinX;\n var translateMinY;\n var translateMaxX;\n var translateMaxY;\n var slideWidth;\n var slideHeight;\n\n if (typeof image.touchesStart.x === 'undefined' && e) {\n touchX = e.type === 'touchend' ? e.changedTouches[0].pageX : e.pageX;\n touchY = e.type === 'touchend' ? e.changedTouches[0].pageY : e.pageY;\n } else {\n touchX = image.touchesStart.x;\n touchY = image.touchesStart.y;\n }\n\n zoom.scale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;\n zoom.currentScale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;\n\n if (e) {\n slideWidth = gesture.$slideEl[0].offsetWidth;\n slideHeight = gesture.$slideEl[0].offsetHeight;\n offsetX = gesture.$slideEl.offset().left + window.scrollX;\n offsetY = gesture.$slideEl.offset().top + window.scrollY;\n diffX = offsetX + slideWidth / 2 - touchX;\n diffY = offsetY + slideHeight / 2 - touchY;\n imageWidth = gesture.$imageEl[0].offsetWidth;\n imageHeight = gesture.$imageEl[0].offsetHeight;\n scaledWidth = imageWidth * zoom.scale;\n scaledHeight = imageHeight * zoom.scale;\n translateMinX = Math.min(slideWidth / 2 - scaledWidth / 2, 0);\n translateMinY = Math.min(slideHeight / 2 - scaledHeight / 2, 0);\n translateMaxX = -translateMinX;\n translateMaxY = -translateMinY;\n translateX = diffX * zoom.scale;\n translateY = diffY * zoom.scale;\n\n if (translateX < translateMinX) {\n translateX = translateMinX;\n }\n\n if (translateX > translateMaxX) {\n translateX = translateMaxX;\n }\n\n if (translateY < translateMinY) {\n translateY = translateMinY;\n }\n\n if (translateY > translateMaxY) {\n translateY = translateMaxY;\n }\n } else {\n translateX = 0;\n translateY = 0;\n }\n\n gesture.$imageWrapEl.transition(300).transform(\"translate3d(\" + translateX + \"px, \" + translateY + \"px,0)\");\n gesture.$imageEl.transition(300).transform(\"translate3d(0,0,0) scale(\" + zoom.scale + \")\");\n },\n out: function out() {\n var swiper = this;\n var zoom = swiper.zoom;\n var params = swiper.params.zoom;\n var gesture = zoom.gesture;\n\n if (!gesture.$slideEl) {\n if (swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual) {\n gesture.$slideEl = swiper.$wrapperEl.children(\".\" + swiper.params.slideActiveClass);\n } else {\n gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);\n }\n\n gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');\n gesture.$imageWrapEl = gesture.$imageEl.parent(\".\" + params.containerClass);\n }\n\n if (!gesture.$imageEl || gesture.$imageEl.length === 0 || !gesture.$imageWrapEl || gesture.$imageWrapEl.length === 0) return;\n zoom.scale = 1;\n zoom.currentScale = 1;\n gesture.$imageWrapEl.transition(300).transform('translate3d(0,0,0)');\n gesture.$imageEl.transition(300).transform('translate3d(0,0,0) scale(1)');\n gesture.$slideEl.removeClass(\"\" + params.zoomedSlideClass);\n gesture.$slideEl = undefined;\n },\n toggleGestures: function toggleGestures(method) {\n var swiper = this;\n var zoom = swiper.zoom;\n var selector = zoom.slideSelector,\n passive = zoom.passiveListener;\n swiper.$wrapperEl[method]('gesturestart', selector, zoom.onGestureStart, passive);\n swiper.$wrapperEl[method]('gesturechange', selector, zoom.onGestureChange, passive);\n swiper.$wrapperEl[method]('gestureend', selector, zoom.onGestureEnd, passive);\n },\n enableGestures: function enableGestures() {\n if (this.zoom.gesturesEnabled) return;\n this.zoom.gesturesEnabled = true;\n this.zoom.toggleGestures('on');\n },\n disableGestures: function disableGestures() {\n if (!this.zoom.gesturesEnabled) return;\n this.zoom.gesturesEnabled = false;\n this.zoom.toggleGestures('off');\n },\n // Attach/Detach Events\n enable: function enable() {\n var swiper = this;\n var support = swiper.support;\n var zoom = swiper.zoom;\n if (zoom.enabled) return;\n zoom.enabled = true;\n var passiveListener = swiper.touchEvents.start === 'touchstart' && support.passiveListener && swiper.params.passiveListeners ? {\n passive: true,\n capture: false\n } : false;\n var activeListenerWithCapture = support.passiveListener ? {\n passive: false,\n capture: true\n } : true;\n var slideSelector = \".\" + swiper.params.slideClass;\n swiper.zoom.passiveListener = passiveListener;\n swiper.zoom.slideSelector = slideSelector; // Scale image\n\n if (support.gestures) {\n swiper.$wrapperEl.on(swiper.touchEvents.start, swiper.zoom.enableGestures, passiveListener);\n swiper.$wrapperEl.on(swiper.touchEvents.end, swiper.zoom.disableGestures, passiveListener);\n } else if (swiper.touchEvents.start === 'touchstart') {\n swiper.$wrapperEl.on(swiper.touchEvents.start, slideSelector, zoom.onGestureStart, passiveListener);\n swiper.$wrapperEl.on(swiper.touchEvents.move, slideSelector, zoom.onGestureChange, activeListenerWithCapture);\n swiper.$wrapperEl.on(swiper.touchEvents.end, slideSelector, zoom.onGestureEnd, passiveListener);\n\n if (swiper.touchEvents.cancel) {\n swiper.$wrapperEl.on(swiper.touchEvents.cancel, slideSelector, zoom.onGestureEnd, passiveListener);\n }\n } // Move image\n\n\n swiper.$wrapperEl.on(swiper.touchEvents.move, \".\" + swiper.params.zoom.containerClass, zoom.onTouchMove, activeListenerWithCapture);\n },\n disable: function disable() {\n var swiper = this;\n var zoom = swiper.zoom;\n if (!zoom.enabled) return;\n var support = swiper.support;\n swiper.zoom.enabled = false;\n var passiveListener = swiper.touchEvents.start === 'touchstart' && support.passiveListener && swiper.params.passiveListeners ? {\n passive: true,\n capture: false\n } : false;\n var activeListenerWithCapture = support.passiveListener ? {\n passive: false,\n capture: true\n } : true;\n var slideSelector = \".\" + swiper.params.slideClass; // Scale image\n\n if (support.gestures) {\n swiper.$wrapperEl.off(swiper.touchEvents.start, swiper.zoom.enableGestures, passiveListener);\n swiper.$wrapperEl.off(swiper.touchEvents.end, swiper.zoom.disableGestures, passiveListener);\n } else if (swiper.touchEvents.start === 'touchstart') {\n swiper.$wrapperEl.off(swiper.touchEvents.start, slideSelector, zoom.onGestureStart, passiveListener);\n swiper.$wrapperEl.off(swiper.touchEvents.move, slideSelector, zoom.onGestureChange, activeListenerWithCapture);\n swiper.$wrapperEl.off(swiper.touchEvents.end, slideSelector, zoom.onGestureEnd, passiveListener);\n\n if (swiper.touchEvents.cancel) {\n swiper.$wrapperEl.off(swiper.touchEvents.cancel, slideSelector, zoom.onGestureEnd, passiveListener);\n }\n } // Move image\n\n\n swiper.$wrapperEl.off(swiper.touchEvents.move, \".\" + swiper.params.zoom.containerClass, zoom.onTouchMove, activeListenerWithCapture);\n }\n};\nexport default {\n name: 'zoom',\n params: {\n zoom: {\n enabled: false,\n maxRatio: 3,\n minRatio: 1,\n toggle: true,\n containerClass: 'swiper-zoom-container',\n zoomedSlideClass: 'swiper-slide-zoomed'\n }\n },\n create: function create() {\n var swiper = this;\n bindModuleMethods(swiper, {\n zoom: _extends({\n enabled: false,\n scale: 1,\n currentScale: 1,\n isScaling: false,\n gesture: {\n $slideEl: undefined,\n slideWidth: undefined,\n slideHeight: undefined,\n $imageEl: undefined,\n $imageWrapEl: undefined,\n maxRatio: 3\n },\n image: {\n isTouched: undefined,\n isMoved: undefined,\n currentX: undefined,\n currentY: undefined,\n minX: undefined,\n minY: undefined,\n maxX: undefined,\n maxY: undefined,\n width: undefined,\n height: undefined,\n startX: undefined,\n startY: undefined,\n touchesStart: {},\n touchesCurrent: {}\n },\n velocity: {\n x: undefined,\n y: undefined,\n prevPositionX: undefined,\n prevPositionY: undefined,\n prevTime: undefined\n }\n }, Zoom)\n });\n var scale = 1;\n Object.defineProperty(swiper.zoom, 'scale', {\n get: function get() {\n return scale;\n },\n set: function set(value) {\n if (scale !== value) {\n var imageEl = swiper.zoom.gesture.$imageEl ? swiper.zoom.gesture.$imageEl[0] : undefined;\n var slideEl = swiper.zoom.gesture.$slideEl ? swiper.zoom.gesture.$slideEl[0] : undefined;\n swiper.emit('zoomChange', value, imageEl, slideEl);\n }\n\n scale = value;\n }\n });\n },\n on: {\n init: function init(swiper) {\n if (swiper.params.zoom.enabled) {\n swiper.zoom.enable();\n }\n },\n destroy: function destroy(swiper) {\n swiper.zoom.disable();\n },\n touchStart: function touchStart(swiper, e) {\n if (!swiper.zoom.enabled) return;\n swiper.zoom.onTouchStart(e);\n },\n touchEnd: function touchEnd(swiper, e) {\n if (!swiper.zoom.enabled) return;\n swiper.zoom.onTouchEnd(e);\n },\n doubleTap: function doubleTap(swiper, e) {\n if (!swiper.animating && swiper.params.zoom.enabled && swiper.zoom.enabled && swiper.params.zoom.toggle) {\n swiper.zoom.toggle(e);\n }\n },\n transitionEnd: function transitionEnd(swiper) {\n if (swiper.zoom.enabled && swiper.params.zoom.enabled) {\n swiper.zoom.onTransitionEnd();\n }\n },\n slideChange: function slideChange(swiper) {\n if (swiper.zoom.enabled && swiper.params.zoom.enabled && swiper.params.cssMode) {\n swiper.zoom.onTransitionEnd();\n }\n }\n }\n};","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport { getWindow } from 'ssr-window';\nimport { bindModuleMethods } from '../../utils/utils';\nvar Observer = {\n attach: function attach(target, options) {\n if (options === void 0) {\n options = {};\n }\n\n var window = getWindow();\n var swiper = this;\n var ObserverFunc = window.MutationObserver || window.WebkitMutationObserver;\n var observer = new ObserverFunc(function (mutations) {\n // The observerUpdate event should only be triggered\n // once despite the number of mutations. Additional\n // triggers are redundant and are very costly\n if (mutations.length === 1) {\n swiper.emit('observerUpdate', mutations[0]);\n return;\n }\n\n var observerUpdate = function observerUpdate() {\n swiper.emit('observerUpdate', mutations[0]);\n };\n\n if (window.requestAnimationFrame) {\n window.requestAnimationFrame(observerUpdate);\n } else {\n window.setTimeout(observerUpdate, 0);\n }\n });\n observer.observe(target, {\n attributes: typeof options.attributes === 'undefined' ? true : options.attributes,\n childList: typeof options.childList === 'undefined' ? true : options.childList,\n characterData: typeof options.characterData === 'undefined' ? true : options.characterData\n });\n swiper.observer.observers.push(observer);\n },\n init: function init() {\n var swiper = this;\n if (!swiper.support.observer || !swiper.params.observer) return;\n\n if (swiper.params.observeParents) {\n var containerParents = swiper.$el.parents();\n\n for (var i = 0; i < containerParents.length; i += 1) {\n swiper.observer.attach(containerParents[i]);\n }\n } // Observe container\n\n\n swiper.observer.attach(swiper.$el[0], {\n childList: swiper.params.observeSlideChildren\n }); // Observe wrapper\n\n swiper.observer.attach(swiper.$wrapperEl[0], {\n attributes: false\n });\n },\n destroy: function destroy() {\n var swiper = this;\n swiper.observer.observers.forEach(function (observer) {\n observer.disconnect();\n });\n swiper.observer.observers = [];\n }\n};\nexport default {\n name: 'observer',\n params: {\n observer: false,\n observeParents: false,\n observeSlideChildren: false\n },\n create: function create() {\n var swiper = this;\n bindModuleMethods(swiper, {\n observer: _extends({}, Observer, {\n observers: []\n })\n });\n },\n on: {\n init: function init(swiper) {\n swiper.observer.init();\n },\n destroy: function destroy(swiper) {\n swiper.observer.destroy();\n }\n }\n};","import { getWindow } from 'ssr-window';\nimport { extend } from '../../utils/utils';\n\nvar supportsResizeObserver = function supportsResizeObserver() {\n var window = getWindow();\n return typeof window.ResizeObserver !== 'undefined';\n};\n\nexport default {\n name: 'resize',\n create: function create() {\n var swiper = this;\n extend(swiper, {\n resize: {\n observer: null,\n createObserver: function createObserver() {\n if (!swiper || swiper.destroyed || !swiper.initialized) return;\n swiper.resize.observer = new ResizeObserver(function (entries) {\n var width = swiper.width,\n height = swiper.height;\n var newWidth = width;\n var newHeight = height;\n entries.forEach(function (_ref) {\n var contentBoxSize = _ref.contentBoxSize,\n contentRect = _ref.contentRect,\n target = _ref.target;\n if (target && target !== swiper.el) return;\n newWidth = contentRect ? contentRect.width : (contentBoxSize[0] || contentBoxSize).inlineSize;\n newHeight = contentRect ? contentRect.height : (contentBoxSize[0] || contentBoxSize).blockSize;\n });\n\n if (newWidth !== width || newHeight !== height) {\n swiper.resize.resizeHandler();\n }\n });\n swiper.resize.observer.observe(swiper.el);\n },\n removeObserver: function removeObserver() {\n if (swiper.resize.observer && swiper.resize.observer.unobserve && swiper.el) {\n swiper.resize.observer.unobserve(swiper.el);\n swiper.resize.observer = null;\n }\n },\n resizeHandler: function resizeHandler() {\n if (!swiper || swiper.destroyed || !swiper.initialized) return;\n swiper.emit('beforeResize');\n swiper.emit('resize');\n },\n orientationChangeHandler: function orientationChangeHandler() {\n if (!swiper || swiper.destroyed || !swiper.initialized) return;\n swiper.emit('orientationchange');\n }\n }\n });\n },\n on: {\n init: function init(swiper) {\n var window = getWindow();\n\n if (swiper.params.resizeObserver && supportsResizeObserver()) {\n swiper.resize.createObserver();\n return;\n } // Emit resize\n\n\n window.addEventListener('resize', swiper.resize.resizeHandler); // Emit orientationchange\n\n window.addEventListener('orientationchange', swiper.resize.orientationChangeHandler);\n },\n destroy: function destroy(swiper) {\n var window = getWindow();\n swiper.resize.removeObserver();\n window.removeEventListener('resize', swiper.resize.resizeHandler);\n window.removeEventListener('orientationchange', swiper.resize.orientationChangeHandler);\n }\n }\n};","import { $, addClass, removeClass, hasClass, toggleClass, attr, removeAttr, transform, transition, on, off, trigger, transitionEnd, outerWidth, outerHeight, styles, offset, css, each, html, text, is, index, eq, append, prepend, next, nextAll, prev, prevAll, parent, parents, closest, find, children, filter, remove } from 'dom7';\nvar Methods = {\n addClass: addClass,\n removeClass: removeClass,\n hasClass: hasClass,\n toggleClass: toggleClass,\n attr: attr,\n removeAttr: removeAttr,\n transform: transform,\n transition: transition,\n on: on,\n off: off,\n trigger: trigger,\n transitionEnd: transitionEnd,\n outerWidth: outerWidth,\n outerHeight: outerHeight,\n styles: styles,\n offset: offset,\n css: css,\n each: each,\n html: html,\n text: text,\n is: is,\n index: index,\n eq: eq,\n append: append,\n prepend: prepend,\n next: next,\n nextAll: nextAll,\n prev: prev,\n prevAll: prevAll,\n parent: parent,\n parents: parents,\n closest: closest,\n find: find,\n children: children,\n filter: filter,\n remove: remove\n};\nObject.keys(Methods).forEach(function (methodName) {\n Object.defineProperty($.fn, methodName, {\n value: Methods[methodName],\n writable: true\n });\n});\nexport default $;","import { getWindow } from 'ssr-window';\nvar browser;\n\nfunction calcBrowser() {\n var window = getWindow();\n\n function isSafari() {\n var ua = window.navigator.userAgent.toLowerCase();\n return ua.indexOf('safari') >= 0 && ua.indexOf('chrome') < 0 && ua.indexOf('android') < 0;\n }\n\n return {\n isEdge: !!window.navigator.userAgent.match(/Edge/g),\n isSafari: isSafari(),\n isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(window.navigator.userAgent)\n };\n}\n\nfunction getBrowser() {\n if (!browser) {\n browser = calcBrowser();\n }\n\n return browser;\n}\n\nexport { getBrowser };","import { getWindow } from 'ssr-window';\nimport { getSupport } from './get-support';\nvar device;\n\nfunction calcDevice(_temp) {\n var _ref = _temp === void 0 ? {} : _temp,\n userAgent = _ref.userAgent;\n\n var support = getSupport();\n var window = getWindow();\n var platform = window.navigator.platform;\n var ua = userAgent || window.navigator.userAgent;\n var device = {\n ios: false,\n android: false\n };\n var screenWidth = window.screen.width;\n var screenHeight = window.screen.height;\n var android = ua.match(/(Android);?[\\s\\/]+([\\d.]+)?/); // eslint-disable-line\n\n var ipad = ua.match(/(iPad).*OS\\s([\\d_]+)/);\n var ipod = ua.match(/(iPod)(.*OS\\s([\\d_]+))?/);\n var iphone = !ipad && ua.match(/(iPhone\\sOS|iOS)\\s([\\d_]+)/);\n var windows = platform === 'Win32';\n var macos = platform === 'MacIntel'; // iPadOs 13 fix\n\n var iPadScreens = ['1024x1366', '1366x1024', '834x1194', '1194x834', '834x1112', '1112x834', '768x1024', '1024x768', '820x1180', '1180x820', '810x1080', '1080x810'];\n\n if (!ipad && macos && support.touch && iPadScreens.indexOf(screenWidth + \"x\" + screenHeight) >= 0) {\n ipad = ua.match(/(Version)\\/([\\d.]+)/);\n if (!ipad) ipad = [0, 1, '13_0_0'];\n macos = false;\n } // Android\n\n\n if (android && !windows) {\n device.os = 'android';\n device.android = true;\n }\n\n if (ipad || iphone || ipod) {\n device.os = 'ios';\n device.ios = true;\n } // Export object\n\n\n return device;\n}\n\nfunction getDevice(overrides) {\n if (overrides === void 0) {\n overrides = {};\n }\n\n if (!device) {\n device = calcDevice(overrides);\n }\n\n return device;\n}\n\nexport { getDevice };","import { getWindow, getDocument } from 'ssr-window';\nvar support;\n\nfunction calcSupport() {\n var window = getWindow();\n var document = getDocument();\n return {\n touch: !!('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch),\n pointerEvents: !!window.PointerEvent && 'maxTouchPoints' in window.navigator && window.navigator.maxTouchPoints >= 0,\n observer: function checkObserver() {\n return 'MutationObserver' in window || 'WebkitMutationObserver' in window;\n }(),\n passiveListener: function checkPassiveListener() {\n var supportsPassive = false;\n\n try {\n var opts = Object.defineProperty({}, 'passive', {\n // eslint-disable-next-line\n get: function get() {\n supportsPassive = true;\n }\n });\n window.addEventListener('testPassiveListener', null, opts);\n } catch (e) {// No support\n }\n\n return supportsPassive;\n }(),\n gestures: function checkGestures() {\n return 'ongesturestart' in window;\n }()\n };\n}\n\nfunction getSupport() {\n if (!support) {\n support = calcSupport();\n }\n\n return support;\n}\n\nexport { getSupport };","import { getDocument, getWindow } from 'ssr-window';\n\nfunction deleteProps(obj) {\n var object = obj;\n Object.keys(object).forEach(function (key) {\n try {\n object[key] = null;\n } catch (e) {// no getter for object\n }\n\n try {\n delete object[key];\n } catch (e) {// something got wrong\n }\n });\n}\n\nfunction nextTick(callback, delay) {\n if (delay === void 0) {\n delay = 0;\n }\n\n return setTimeout(callback, delay);\n}\n\nfunction now() {\n return Date.now();\n}\n\nfunction getComputedStyle(el) {\n var window = getWindow();\n var style;\n\n if (window.getComputedStyle) {\n style = window.getComputedStyle(el, null);\n }\n\n if (!style && el.currentStyle) {\n style = el.currentStyle;\n }\n\n if (!style) {\n style = el.style;\n }\n\n return style;\n}\n\nfunction getTranslate(el, axis) {\n if (axis === void 0) {\n axis = 'x';\n }\n\n var window = getWindow();\n var matrix;\n var curTransform;\n var transformMatrix;\n var curStyle = getComputedStyle(el, null);\n\n if (window.WebKitCSSMatrix) {\n curTransform = curStyle.transform || curStyle.webkitTransform;\n\n if (curTransform.split(',').length > 6) {\n curTransform = curTransform.split(', ').map(function (a) {\n return a.replace(',', '.');\n }).join(', ');\n } // Some old versions of Webkit choke when 'none' is passed; pass\n // empty string instead in this case\n\n\n transformMatrix = new window.WebKitCSSMatrix(curTransform === 'none' ? '' : curTransform);\n } else {\n transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,');\n matrix = transformMatrix.toString().split(',');\n }\n\n if (axis === 'x') {\n // Latest Chrome and webkits Fix\n if (window.WebKitCSSMatrix) curTransform = transformMatrix.m41; // Crazy IE10 Matrix\n else if (matrix.length === 16) curTransform = parseFloat(matrix[12]); // Normal Browsers\n else curTransform = parseFloat(matrix[4]);\n }\n\n if (axis === 'y') {\n // Latest Chrome and webkits Fix\n if (window.WebKitCSSMatrix) curTransform = transformMatrix.m42; // Crazy IE10 Matrix\n else if (matrix.length === 16) curTransform = parseFloat(matrix[13]); // Normal Browsers\n else curTransform = parseFloat(matrix[5]);\n }\n\n return curTransform || 0;\n}\n\nfunction isObject(o) {\n return typeof o === 'object' && o !== null && o.constructor && Object.prototype.toString.call(o).slice(8, -1) === 'Object';\n}\n\nfunction isNode(node) {\n // eslint-disable-next-line\n if (typeof window !== 'undefined' && typeof window.HTMLElement !== 'undefined') {\n return node instanceof HTMLElement;\n }\n\n return node && (node.nodeType === 1 || node.nodeType === 11);\n}\n\nfunction extend() {\n var to = Object(arguments.length <= 0 ? undefined : arguments[0]);\n var noExtend = ['__proto__', 'constructor', 'prototype'];\n\n for (var i = 1; i < arguments.length; i += 1) {\n var nextSource = i < 0 || arguments.length <= i ? undefined : arguments[i];\n\n if (nextSource !== undefined && nextSource !== null && !isNode(nextSource)) {\n var keysArray = Object.keys(Object(nextSource)).filter(function (key) {\n return noExtend.indexOf(key) < 0;\n });\n\n for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n\n if (desc !== undefined && desc.enumerable) {\n if (isObject(to[nextKey]) && isObject(nextSource[nextKey])) {\n if (nextSource[nextKey].__swiper__) {\n to[nextKey] = nextSource[nextKey];\n } else {\n extend(to[nextKey], nextSource[nextKey]);\n }\n } else if (!isObject(to[nextKey]) && isObject(nextSource[nextKey])) {\n to[nextKey] = {};\n\n if (nextSource[nextKey].__swiper__) {\n to[nextKey] = nextSource[nextKey];\n } else {\n extend(to[nextKey], nextSource[nextKey]);\n }\n } else {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n }\n }\n\n return to;\n}\n\nfunction bindModuleMethods(instance, obj) {\n Object.keys(obj).forEach(function (key) {\n if (isObject(obj[key])) {\n Object.keys(obj[key]).forEach(function (subKey) {\n if (typeof obj[key][subKey] === 'function') {\n obj[key][subKey] = obj[key][subKey].bind(instance);\n }\n });\n }\n\n instance[key] = obj[key];\n });\n}\n\nfunction classesToSelector(classes) {\n if (classes === void 0) {\n classes = '';\n }\n\n return \".\" + classes.trim().replace(/([\\.:!\\/])/g, '\\\\$1') // eslint-disable-line\n .replace(/ /g, '.');\n}\n\nfunction createElementIfNotDefined($container, params, createElements, checkProps) {\n var document = getDocument();\n\n if (createElements) {\n Object.keys(checkProps).forEach(function (key) {\n if (!params[key] && params.auto === true) {\n var element = document.createElement('div');\n element.className = checkProps[key];\n $container.append(element);\n params[key] = element;\n }\n });\n }\n\n return params;\n}\n\nexport { deleteProps, nextTick, now, getTranslate, isObject, extend, bindModuleMethods, getComputedStyle, classesToSelector, createElementIfNotDefined };","/**\n * Swiper 6.8.4\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2021 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: August 23, 2021\n */\n\nimport Swiper from './esm/components/core/core-class';\nexport { default as Swiper, default } from './esm/components/core/core-class';\nimport Virtual from './esm/components/virtual/virtual';\nimport Keyboard from './esm/components/keyboard/keyboard';\nimport Mousewheel from './esm/components/mousewheel/mousewheel';\nimport Navigation from './esm/components/navigation/navigation';\nimport Pagination from './esm/components/pagination/pagination';\nimport Scrollbar from './esm/components/scrollbar/scrollbar';\nimport Parallax from './esm/components/parallax/parallax';\nimport Zoom from './esm/components/zoom/zoom';\nimport Lazy from './esm/components/lazy/lazy';\nimport Controller from './esm/components/controller/controller';\nimport A11y from './esm/components/a11y/a11y';\nimport History from './esm/components/history/history';\nimport HashNavigation from './esm/components/hash-navigation/hash-navigation';\nimport Autoplay from './esm/components/autoplay/autoplay';\nimport EffectFade from './esm/components/effect-fade/effect-fade';\nimport EffectCube from './esm/components/effect-cube/effect-cube';\nimport EffectFlip from './esm/components/effect-flip/effect-flip';\nimport EffectCoverflow from './esm/components/effect-coverflow/effect-coverflow';\nimport Thumbs from './esm/components/thumbs/thumbs';\n\n// Swiper Class\nvar components = [Virtual, Keyboard, Mousewheel, Navigation, Pagination, Scrollbar, Parallax, Zoom, Lazy, Controller, A11y, History, HashNavigation, Autoplay, EffectFade, EffectCube, EffectFlip, EffectCoverflow, Thumbs];\nSwiper.use(components);\n","/**\n * Swiper 6.8.4\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2021 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: August 23, 2021\n */\n\nexport { default as Swiper, default } from './esm/components/core/core-class';\nexport { default as Virtual } from './esm/components/virtual/virtual';\nexport { default as Keyboard } from './esm/components/keyboard/keyboard';\nexport { default as Mousewheel } from './esm/components/mousewheel/mousewheel';\nexport { default as Navigation } from './esm/components/navigation/navigation';\nexport { default as Pagination } from './esm/components/pagination/pagination';\nexport { default as Scrollbar } from './esm/components/scrollbar/scrollbar';\nexport { default as Parallax } from './esm/components/parallax/parallax';\nexport { default as Zoom } from './esm/components/zoom/zoom';\nexport { default as Lazy } from './esm/components/lazy/lazy';\nexport { default as Controller } from './esm/components/controller/controller';\nexport { default as A11y } from './esm/components/a11y/a11y';\nexport { default as History } from './esm/components/history/history';\nexport { default as HashNavigation } from './esm/components/hash-navigation/hash-navigation';\nexport { default as Autoplay } from './esm/components/autoplay/autoplay';\nexport { default as EffectFade } from './esm/components/effect-fade/effect-fade';\nexport { default as EffectCube } from './esm/components/effect-cube/effect-cube';\nexport { default as EffectFlip } from './esm/components/effect-flip/effect-flip';\nexport { default as EffectCoverflow } from './esm/components/effect-coverflow/effect-coverflow';\nexport { default as Thumbs } from './esm/components/thumbs/thumbs';","var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n","import \"@scss/main.scss\"\r\nimport \"picturefill\"\r\nimport \"lazysizes\"\r\nimport SmoothScroll from 'smooth-scroll'\r\nimport Splitting from 'splitting'\r\nimport { gsap, TimelineLite, Power2 } from 'gsap'\r\n\r\nimport Accordino from './libs/Accordino'\r\n\r\nimport HomeRenderer from './renderers/HomeRenderer'\r\nimport PageRenderer from './renderers/PageRenderer'\r\n\r\nwindow.onload = function(){\r\n\r\n // Render\r\n let renderer = false\r\n switch (document.querySelector('.o-main').dataset.type) {\r\n case 'home':\r\n renderer = new HomeRenderer\r\n break;\r\n default:\r\n renderer = new PageRenderer\r\n break;\r\n }\r\n\trenderer.onEnter()\r\n\r\n\t// Top anim\r\n\t// Title\r\n\tconst title = Splitting({\r\n\t\ttarget: '.o-top .a-heading--1'\r\n\t})\r\n\t// Text\r\n\tconst text = Splitting({\r\n\t\ttarget: '.o-top .a-text',\r\n\t\tby: 'lines'\r\n\t})\r\n\t// Timeline\r\n\tconst timeline = new TimelineLite()\r\n\ttitle[0].words.forEach((word, i) => {\r\n\t\ttimeline.from(word, { \r\n\t\t\topacity: 0, \r\n\t\t\ty: window.innerWidth < 1024 ? 20 : 40,\r\n\t\t\tduration: 0.5,\r\n\t\t\tease: Power2.easeOut\r\n\t\t}, i == 0 ? '0' : '-=0.425')\r\n\t})\r\n\tif(text.length > 0) {\r\n\t\ttext[0].lines.forEach((line, i) => {\r\n\t\t\ttimeline.addLabel(`line-${i}`, i == 0 ? '-=0.2' : '-=0.4')\r\n\t\t\tline.forEach(word => {\r\n\t\t\t\ttimeline.from(word, { \r\n\t\t\t\t\topacity: 0, \r\n\t\t\t\t\ty: window.innerWidth < 1024 ? 10 : 20,\r\n\t\t\t\t\tduration: 0.5,\r\n\t\t\t\t\tease: Power2.easeOut\r\n\t\t\t\t}, `line-${i}`)\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\tif(document.querySelector('.o-top .a-btn')) {\r\n\t\ttimeline.to(document.querySelector('.o-top .a-btn'), { \r\n\t\t\topacity: 1,\r\n\t\t\tduration: 0.5\r\n\t\t}, '-=0.25')\r\n\t}\r\n\tif(document.querySelector('.o-top .o-top__categories')) {\r\n\t\ttimeline.to(document.querySelector('.o-top .o-top__categories'), { \r\n\t\t\topacity: 1,\r\n\t\t\tduration: 0.5\r\n\t\t}, '-=0.25')\r\n\t}\r\n\r\n\tif (window.innerWidth < 1024) {\r\n\t\t// Menu open\r\n\t\tdocument.querySelector('.a-burger').addEventListener('click', () => {\r\n\t\t\tdocument.body.classList.toggle('o-body--menu-on')\r\n\t\t})\r\n\t\tdocument.querySelector('.o-body__mask').addEventListener('click', () => {\r\n\t\t\tdocument.body.classList.remove('o-body--menu-on')\r\n\t\t})\r\n\t\t// Menu accordino\r\n\t\tconst items = document.querySelectorAll('.m-nav-main__item--expanded')\r\n\t\titems.forEach(item => {\r\n\t\t\tnew Accordino(item,{\r\n\t\t\t\tquestion: item.querySelector('.m-nav-main__link'),\r\n\t\t\t\tanswer: item.querySelector('.m-nav-main__sub'),\r\n\t\t\t\tduration: 300\r\n\t\t\t})\r\n\t\t})\r\n\t}\r\n\t\r\n\t// Header on scroll\r\n\tconst longScroll = window.innerHeight / 2\r\n window.addEventListener('scroll', e => {\r\n if(window.scrollY > 40 && !document.body.classList.contains('o-body--scrolled')) {\r\n document.body.classList.add('o-body--scrolled')\r\n } else if(window.scrollY <= 40) {\r\n document.body.classList.remove('o-body--scrolled')\r\n }\r\n if(window.scrollY > longScroll && !document.body.classList.contains('o-body--long-scrolled')) {\r\n document.body.classList.add('o-body--long-scrolled')\r\n } else if(window.scrollY <= longScroll) {\r\n document.body.classList.remove('o-body--long-scrolled')\r\n }\r\n\t})\r\n\t\r\n\t// Smoothscroll links\r\n\tnew SmoothScroll('a[href*=\"#\"]', {\r\n\t\theader: window.innerWidth < 1024 ? false : 'header',\r\n\t\toffset: 40\r\n\t})\r\n\r\n\t// // UTM to cookies\r\n\t// function getParameter(theParameter) {\r\n\t// var params = window.location.search.substr(1).split('&');\r\n\t// for (var i = 0; i < params.length; i++) {\r\n\t// var p=params[i].split('=');\r\n\t// if (p[0] == theParameter) {\r\n\t// return decodeURIComponent(p[1]);\r\n\t// }\r\n\t// }\r\n\t// return false;\r\n\t// }\r\n\r\n\t// function getCookie(cname) {\r\n\t// var name = cname + \"=\";\r\n\t// var decodedCookie = decodeURIComponent(document.cookie);\r\n\t// var ca = decodedCookie.split(';');\r\n\t// for(var i = 0; i \n
`\n )\n this.infoWindow.open(this.map, marker)\n // // Zoom on point\n // this.map.setCenter(marker.position)\n // this.map.setZoom(17)\n })\n // console.log()\n })\n // // Create clusterer\n // const markerClusterer = new MarkerClusterer(this.map, departmentMarkers, {\n // styles: this.clusterStyle,\n // ignoreHidden: true\n // })\n // this.markerClusterers.push(markerClusterer)\n })\n // Create clusterer\n const markerClusterer = new MarkerClusterer(this.map, this.markers, {\n styles: this.clusterStyle,\n ignoreHidden: true\n })\n this.markerClusterers.push(markerClusterer)\n // Fit bounds\n this.map.fitBounds(bounds)\n } \n inFrance(position) {\n if(position.lat > 42.17762253766909 && position.lat < 51.2503941870643 && position.lng > -5.001833306897424 && position.lng < 8.498304022204138) {\n return true\n } else {\n return false\n }\n }\n filterMap() {\n // Get inputs value\n const department = document.querySelector('input[list=\"departments\"]').value\n const departmentValue = department == '' ? 'All' : department\n const partnerValue = document.querySelector('input[list=\"names\"]').value == '' ? 'All' : document.querySelector('input[list=\"names\"]').value\n \n // Create bounds\n var bounds = new google.maps.LatLngBounds()\n // Set visible or invisible markers\n var visible = false\n this.markers.forEach(marker => {\n\n if((departmentValue == 'All' || departmentValue == marker.department) && (partnerValue == 'All' || this.contains(marker.company.name, partnerValue))) {\n marker.setVisible(true)\n // Extend bounds\n bounds.extend(marker.position)\n visible = true\n } else {\n marker.setVisible(false)\n }\n })\n if(!visible) {\n var bounds = new google.maps.LatLngBounds(\n new google.maps.LatLng(51.0134813, -4.43702817),\n new google.maps.LatLng(42.4939796, 7.837044)\n )\n }\n // Fit bounds\n this.map.fitBounds(bounds)\n // Repaint markerClusterers\n this.markerClusterers.forEach(markerClusterer => {\n markerClusterer.repaint()\n })\n }\n contains(str, sub) {\n const normalizedSub = sub.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '').toUpperCase()\n const normalizedStr = str.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '').toUpperCase()\n\n if(normalizedStr.includes(normalizedSub)) {\n return true\n } else {\n return false\n }\n }\n clearMap() {\n // Clear markers\n this.markers.forEach(marker => {\n marker.setMap(null)\n })\n this.markers = []\n // Clear markerer clusterers\n this.markerClusterers.forEach(markerClusterer => {\n markerClusterer.clearMarkers()\n })\n this.markerClusterers = []\n }\n createValues() {\n // Create departments values array\n document.querySelectorAll('datalist[id=\"departments\"] option').forEach(option => {\n this.departments[option.innerHTML] = option.dataset.value\n })\n }\n submit() {\n // Submit event\n document.querySelector('.webform-button--submit-container input[type=\"submit\"]').addEventListener('click', e => {\n e.preventDefault()\n // Loading style on submit button\n document.querySelector('.webform-button--submit-container').classList.add('webform-button--submit-container--loading')\n // Loading style on rows\n document.querySelector('.m-view-adherents_list__rows').classList.add('m-view-adherents_list__rows--loading')\n // Reset page counter\n this.moreEl.dataset.page = 0\n // Get api call\n const url = this.getURL()\n // Send request to get results\n this.appendDOM(url, true)\n // Filter map\n this.filterMap()\n })\n }\n appendDOM(url, reset = false) {\n // Ajax call\n const request = new XMLHttpRequest()\n request.open('GET', url)\n request.responseType = 'document'\n request.send()\n const _this = this\n request.onload = () => {\n const dom = request.response\n // Get rows\n const rows = dom.querySelectorAll('.m-view-adherents_list__row')\n if(reset) {\n // FILTERED : Replace current rows\n document.querySelector('.m-view-adherents_list__rows').innerHTML = ''\n rows.forEach(row => {\n document.querySelector('.m-view-adherents_list__rows').append(row)\n })\n // Remove loading style on submit button\n document.querySelector('.webform-button--submit-container').classList.remove('webform-button--submit-container--loading')\n // Remove loading style on rows\n document.querySelector('.m-view-adherents_list__rows').classList.remove('m-view-adherents_list__rows--loading')\n // Remove more link if there are less than pagination rows\n _this.hideMoreLink(document.querySelectorAll('.m-view-adherents_list__row').length)\n } else {\n // MORE LINK : Add to current rows\n rows.forEach(row => {\n document.querySelector('.m-view-adherents_list__rows').append(row)\n })\n // Remove loading style on more link\n document.querySelector('.m-view-adherents_list__more').classList.remove('m-view-adherents_list__more--loading')\n // Remove more link if there are less than pagination rows\n _this.hideMoreLink(rows.length)\n }\n }\n }\n getURL(page = false) {\n // Get inputs value\n const department = document.querySelector('input[list=\"departments\"]').value\n let departmentValue = department\n if(department == '') {\n departmentValue = 'All'\n } else if(this.departments[department]) {\n departmentValue = document.querySelector(`datalist[id=\"departments\"] option[data-title=\"${department}\"]`).dataset.value\n }\n const partnerValue = document.querySelector('input[list=\"names\"]').value == '' ? 'All' : document.querySelector('input[list=\"names\"]').value\n // return url\n return `/api/partners?department_id=${departmentValue}&name=${partnerValue}&page=${page ? page : 0}`\n }\n more() {\n this.moreEl.dataset.page = 0\n // Check if more link has to be on page load\n this.hideMoreLink(document.querySelectorAll('.m-view-adherents_list__row').length)\n // More event\n this.moreEl.addEventListener('click', e => {\n e.preventDefault()\n // Loading style on more link\n this.moreEl.classList.add('m-view-adherents_list__more--loading')\n // Get next page\n this.moreEl.dataset.page = parseInt(this.moreEl.dataset.page) + 1\n // Get api call\n const url = this.getURL(parseInt(this.moreEl.dataset.page))\n // Send request to get results\n this.appendDOM(url)\n })\n }\n hideMoreLink(length) {\n // Check if more link\n if(length < this.pagination) {\n document.querySelector('.m-view-adherents_list__more').classList.add('m-view-adherents_list__more--inactive')\n } else {\n document.querySelector('.m-view-adherents_list__more').classList.remove('m-view-adherents_list__more--inactive')\n }\n } \n isLatitude(lat) {\n return isFinite(lat) && Math.abs(lat) <= 90\n }\n isLongitude(lng) {\n return isFinite(lng) && Math.abs(lng) <= 180\n }\n}","import Swiper from 'swiper/bundle'\n\nexport default class GMAPino {\n constructor(el, props) {\n // Check element\n if(el instanceof HTMLElement) {\n this.el = el\n } else {\n this.el = document.querySelector(el)\n }\n if(!this.el) {\n console.warn('No valid swipino found. Sorry bro.')\n return false\n }\n \n // Props\n this.options = props.options\n this.class = this.el.className\n\n // Get class names\n this.wrapperClass = void 0 !== props.wrapperClass ? props.wrapperClass : `${this.class}__rows`\n this.slideClass = void 0 !== props.slideClass ? props.slideClass : `${this.class}__row`\n\n // Add classes to DOM\n this.addClasses()\n\n // Init swiper\n this.init()\n }\n\n addClasses() {\n // Container\n this.el.classList.add('swiper-container')\n\n // Wrapper\n this.wrapper = this.el.querySelector(`.${this.wrapperClass}`)\n if(!this.wrapper) {\n // If there's no wrapper, wrap slides\n this.wrapper = document.createElement('div')\n this.wrapper.classList.add('swiper-wrapper')\n this.wrapper.innerHTML = this.el.innerHTML\n this.el.innerHTML = ''\n this.el.append(this.wrapper)\n } else {\n this.wrapper.classList.add('swiper-wrapper')\n }\n\n // Slides\n this.slides = this.el.querySelectorAll(`.${this.slideClass}`)\n console.log(this.slides)\n this.slides.forEach(slide => {\n slide.classList.add('swiper-slide')\n slide.style.opacity = 1\n slide.style.transform = 'none'\n slide.dataset.sal = ''\n })\n }\n\n init() {\n this.swiper = new Swiper(this.el, this.options)\n }\n\n destroy() {\n // Destroy swiper\n this.swiper.destroy()\n\n // Remove classes\n this.el.classList.remove('swiper-container')\n this.wrapper.classList.remove('swiper-wrapper')\n this.slides.forEach(slide => {\n slide.classList.remove('swiper-slide')\n })\n }\n}","import Swipino from '../libs/Swipino'\nimport Leaves from '../libs/Leaves'\n\nimport sal from 'sal.js'\n \n// TODO : Destroy or create swipers on resize\nexport default class HomeRenderer {\n onEnter() {\n // leaves\n sal({\n threshold: 0.15\n })\n // if(document.querySelectorAll('.a-leaves')) {\n // document.querySelectorAll('.a-leaves').forEach(leaves => {\n // const leavizi = new Leaves(leaves)\n // leaves.addEventListener('sal:in', () => {\n // leavizi.start()\n // })\n // })\n // }\n\n // Teasings leaves\n if(document.querySelectorAll('.m-teasings__leaves') && window.innerWidth >= 1280) {\n document.querySelectorAll('.m-teasings--double .m-teasings__teasing').forEach(teasing => {\n const leavizi = new Leaves(teasing.querySelector('.a-leaves'))\n let first = true\n teasing.addEventListener('mouseenter', () => {\n if(!first) {\n leavizi.restart()\n } else {\n leavizi.start()\n first = false\n }\n })\n })\n }\n\n // CTA leaves\n if(document.querySelectorAll('.o-block--button') && window.innerWidth >= 1280) {\n document.querySelectorAll('.o-block--button').forEach(block => {\n const leavizi = new Leaves(block.querySelector('.a-leaves'))\n let first = true\n block.querySelector('.a-btn').addEventListener('mouseenter', () => {\n if(!first) {\n leavizi.restart()\n } else {\n leavizi.start()\n first = false\n }\n block.classList.add('o-block--active')\n })\n block.querySelector('.a-btn').addEventListener('mouseleave', () => {\n block.classList.remove('o-block--active')\n })\n })\n }\n\n if(document.querySelector('.m-view-news') && window.innerWidth < 768) {\n new Swipino('.m-view-news', {\n options: {\n speed: 500,\n spaceBetween: 40,\n slidesPerView: 'auto',\n centeredSlides: true,\n slideToClickedSlide: true,\n loop: true\n }\n })\n }\n if(document.querySelector('.m-cards') && window.innerWidth < 1024) {\n new Swipino('.m-cards', {\n slideClass: 'm-cards__card',\n options: {\n speed: 500,\n spaceBetween: 20,\n slidesPerView: 'auto',\n slideToClickedSlide: true,\n centeredSlides: true,\n breakpoints: {\n 768: {\n centeredSlides: false\n }\n }\n }\n })\n } \n }\n}","import Map from '../libs/Map'\nimport Feedizi from '../libs/Feedizi'\nimport Leaves from '../libs/Leaves'\nimport Swipino from '../libs/Swipino'\nimport Accordino from '../libs/Accordino'\n\nimport sal from 'sal.js'\nimport Swiper from 'swiper'\n\nexport default class PageRenderer {\n constructor() {\n }\n\n onEnter() {\n // leaves\n sal({\n threshold: '0.1'\n })\n // if(document.querySelectorAll('.a-leaves')) {\n // document.querySelectorAll('.a-leaves').forEach(leaves => {\n // const leavizi = new Leaves(leaves)\n // leaves.addEventListener('sal:in', () => {\n // leavizi.start()\n // })\n // })\n // }\n\n // Jobs leaves\n if(document.querySelectorAll('.m-view-jobs_list__leaves') && window.innerWidth >= 1280) {\n document.querySelectorAll('.m-view-jobs_list__row').forEach(job => {\n const leavizi = new Leaves(job.querySelector('.a-leaves'))\n let first = true\n job.addEventListener('mouseenter', () => {\n if(!first) {\n leavizi.restart()\n } else {\n leavizi.start()\n first = false\n }\n })\n })\n }\n\n // Stats leaves\n if(document.querySelectorAll('.m-stats__leaves') && window.innerWidth >= 1280) {\n document.querySelectorAll('.m-stats__item').forEach(stat => {\n const leavizi = new Leaves(stat.querySelector('.a-leaves'))\n let first = true\n stat.addEventListener('mouseenter', () => {\n if(!first) {\n leavizi.restart()\n } else {\n leavizi.start()\n first = false\n }\n })\n })\n }\n\n // CTA leaves\n if(document.querySelectorAll('.o-block--button') && window.innerWidth >= 1280) {\n document.querySelectorAll('.o-block--button').forEach(block => {\n const leavizi = new Leaves(block.querySelector('.a-leaves'))\n let first = true\n block.querySelector('.a-btn').addEventListener('mouseenter', () => {\n if(!first) {\n leavizi.restart()\n } else {\n leavizi.start()\n first = false\n }\n block.classList.add('o-block--active')\n })\n block.querySelector('.a-btn').addEventListener('mouseleave', () => {\n block.classList.remove('o-block--active')\n })\n })\n }\n\n // Feedizi on views\n if(document.querySelector('.m-view-news')) {\n new Feedizi('.m-view-news')\n }\n\n // Companies map\n if(document.querySelector('.m-map')) {\n new Map('.m-map')\n }\n\n // Missions\n if(document.querySelector('.m-missions') && window.innerWidth < 768) {\n new Swipino('.m-missions', {\n slideClass: 'm-missions__mission',\n options: {\n speed: 500,\n spaceBetween: 40,\n slidesPerView: 'auto',\n slideToClickedSlide: true,\n centeredSlides: true,\n }\n })\n } \n\n // Logos\n if(document.querySelector('.m-logos') && window.innerWidth < 1024) {\n new Swipino('.m-logos', {\n slideClass: 'm-logos__logo',\n options: {\n speed: 500,\n spaceBetween: 40,\n slidesPerView: 'auto',\n slideToClickedSlide: true,\n centeredSlides: true,\n loop: true\n }\n })\n } \n\n // Team\n if(document.querySelector('.m-team') && window.innerWidth < 1024) {\n document.querySelectorAll('.m-team').forEach(team => {\n new Swipino(team, {\n slideClass: 'm-team__member',\n options: {\n speed: 500,\n spaceBetween: 20,\n slidesPerView: 'auto',\n centeredSlides: true,\n slideToClickedSlide: true,\n breakpoints: {\n 768: {\n centeredSlides: false\n }\n }\n }\n })\n })\n }\n\n // Team\n if(document.querySelector('.m-view-jobs_list__container') && window.innerWidth < 768) {\n document.querySelectorAll('.m-view-jobs_list__container').forEach(jobList => {\n new Swipino(jobList, {\n slideClass: 'm-view-jobs_list__row',\n options: {\n speed: 500,\n spaceBetween: 20,\n slidesPerView: 'auto',\n centeredSlides: true,\n slideToClickedSlide: true,\n }\n })\n })\n }\n\n // Text lists\n if(document.querySelector('.m-list')) {\n if(window.innerWidth < 1024) {\n const items = document.querySelectorAll('.m-list__item')\n items.forEach(item => {\n new Accordino(item,{\n question: item.querySelector('.m-list__question'),\n answer: item.querySelector('.m-list__answer'),\n duration: 300\n })\n })\n } else {\n const items = new Swiper('.m-list__items', {\n speed: 250,\n effect: 'fade',\n fadeEffect: {\n crossFade: true\n },\n init: false\n })\n items.on('init', swiper => {\n let counter = 0\n swiper.slides.forEach(slide => {\n // Create titles\n const title = document.createElement('span')\n title.classList.add('m-list__title')\n if(counter == 0)\n title.classList.add('m-list__title--active')\n title.innerHTML = slide.dataset.title\n title.dataset.id = counter\n document.querySelector('.m-list__titles').append(title)\n // Listener\n title.addEventListener('click', () => {\n items.slideTo(title.dataset.id)\n })\n counter++\n })\n })\n items.on('slideChange', swiper => {\n document.querySelector('.m-list__title--active').classList.remove('m-list__title--active')\n document.querySelector(`.m-list__title[data-id=\"${swiper.realIndex}\"]`).classList.add('m-list__title--active')\n })\n items.init()\n }\n }\n }\n}","// extracted by mini-css-extract-plugin"],"sourceRoot":""}\n
\n \n ![\"${shop.company.name}\"/](\"${shop.company.logo}\")
\n
\n \n
\n ${shop.department}
\n ${shop.company.name}
\n\n ${shop.address}
\n ${shop.zip_code} ${shop.city}\n
\n \n ${shop.zip_code} ${shop.city}\n