{"version":3,"sources":["webpack:///./node_modules/vue-agile/src/Agile.vue?bf6b","webpack:///./node_modules/vue-agile/src/Agile.vue?3932","webpack:///./node_modules/vue-agile/src/mixins/handlers.js","webpack:///./node_modules/vue-agile/src/mixins/helpers.js","webpack:///./node_modules/vue-agile/src/mixins/methods.js","webpack:///./node_modules/vue-agile/src/mixins/preparations.js","webpack:///./node_modules/vue-agile/src/mixins/settings.js","webpack:///./node_modules/vue-agile/src/mixins/throttle.js","webpack:///./node_modules/vue-agile/src/mixins/watchers.js","webpack:///node_modules/vue-agile/src/Agile.vue","webpack:///./node_modules/vue-agile/src/Agile.vue?36eb","webpack:///./node_modules/vue-agile/src/Agile.vue","webpack:///./node_modules/vue-agile/src/index.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isSSR","settings","autoplay","unagile","fade","rtl","navButtons","on","ref","style","transform","translateX","marginX","transition","transitionDelay","$event","handleMouseOver","handleMouseOut","directives","name","rawName","value","expression","_t","$slots","_e","dots","attrs","canGoToPrev","goToPrev","restartAutoPlay","_v","_l","n","key","currentSlide","goTo","_s","canGoToNext","goToNext","staticRenderFns","mixin","methods","handleMouseDown","e","isMouseDown","type","indexOf","dragStartX","touches","clientX","dragStartY","clientY","handleMouseMove","positionX","positionY","dragDistanceX","Math","abs","dragDistanceY","disableScroll","dragDistance","handleMouseUp","enableScroll","element","pauseOnDotsHover","pauseOnHover","isAutoplayPaused","getWidth","widthWindow","window","innerWidth","document","documentElement","clientWidth","body","widthContainer","$refs","list","htmlCollectionToArray","collection","Array","prototype","slice","call","clearAutoPlayPause","clearTimeout","autoplayTimeout","autoplayRemaining","disableAutoPlay","clearInterval","autoplayInterval","ontouchmove","preventDefault","toggleAutoPlay","enabled","setInterval","hidden","autoplaySpeed","toggleFade","i","countSlides","slides","timing","speed","widthSlide","prepareSlides","children","slidesCloned","slidesClonedBefore","slidesClonedAfter","slidesAll","slide","classList","add","prepareSlidesClasses","remove","setTimeout","changeDelay","start","centerMode","floor","slidesToShow","max","min","prepareCarousel","initialSlide","props","asNavFor","default","Boolean","Number","centerPadding","String","infinite","mobileFirst","options","Object","responsive","slidesToScroll","swipeDistance","throttleDelay","validator","computed","initialSettings","$props","orderBy","forEach","option","breakpoint","created","throttle","watch","currentBreakpoint","$emit","autoplayStartTimestamp","Date","nevValue","remaining","countSlidesAll","width","newValue","oldValue","component","install","Vue","VueAgile"],"mappings":"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","file":"js/npm.vue-agile.388a944c.js","sourcesContent":["export * from \"-!../../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../vue-loader/lib/loaders/stylePostLoader.js!../../postcss-loader/src/index.js??ref--6-oneOf-1-2!../../cache-loader/dist/cjs.js??ref--0-0!../../vue-loader/lib/index.js??vue-loader-options!./Agile.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"agile\",class:{'agile--ssr': _vm.isSSR, 'agile--auto-play': _vm.settings.autoplay, 'agile--disabled': _vm.settings.unagile, 'agile--fade': _vm.settings.fade && !_vm.settings.unagile, 'agile--rtl': _vm.settings.rtl, 'agile--no-nav-buttons': !_vm.settings.navButtons},on:{\"touchstart\":function () {}}},[_c('div',{ref:\"list\",staticClass:\"agile__list\"},[_c('div',{ref:\"track\",staticClass:\"agile__track\",style:({transform: (\"translate(\" + (_vm.translateX + _vm.marginX) + \"px)\"), transition: (\"transform \" + (_vm.settings.timing) + \" \" + _vm.transitionDelay + \"ms\")}),on:{\"mouseover\":function($event){return _vm.handleMouseOver('track')},\"mouseout\":function($event){return _vm.handleMouseOut('track')}}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.slidesCloned),expression:\"slidesCloned\"}],ref:\"slidesClonedBefore\",staticClass:\"agile__slides agile__slides--cloned\"},[_vm._t(\"default\")],2),_c('div',{ref:\"slides\",staticClass:\"agile__slides agile__slides--regular\"},[_vm._t(\"default\")],2),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.slidesCloned),expression:\"slidesCloned\"}],ref:\"slidesClonedAfter\",staticClass:\"agile__slides agile__slides--cloned\"},[_vm._t(\"default\")],2)])]),(_vm.$slots.caption)?_c('div',{staticClass:\"agile__caption\"},[_vm._t(\"caption\")],2):_vm._e(),(!_vm.settings.unagile && (_vm.settings.navButtons || _vm.settings.dots))?_c('div',{staticClass:\"agile__actions\"},[(_vm.settings.navButtons && !_vm.settings.unagile)?_c('button',{ref:\"prevButton\",staticClass:\"agile__nav-button agile__nav-button--prev\",attrs:{\"disabled\":!_vm.canGoToPrev,\"type\":\"button\"},on:{\"click\":function($event){_vm.goToPrev(), _vm.restartAutoPlay()}}},[_vm._t(\"prevButton\",[_vm._v(\" ← \")])],2):_vm._e(),(_vm.settings.dots && !_vm.settings.unagile)?_c('ul',{ref:\"dots\",staticClass:\"agile__dots\"},_vm._l((_vm.countSlides),function(n){return _c('li',{key:n,staticClass:\"agile__dot\",class:{'agile__dot--current': n - 1 === _vm.currentSlide},on:{\"mouseover\":function($event){return _vm.handleMouseOver('dot')},\"mouseout\":function($event){return _vm.handleMouseOut('dot')}}},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.goTo(n - 1), _vm.restartAutoPlay()}}},[_vm._v(\" \"+_vm._s(n)+\" \")])])}),0):_vm._e(),(_vm.settings.navButtons && !_vm.settings.unagile)?_c('button',{ref:\"nextButton\",staticClass:\"agile__nav-button agile__nav-button--next\",attrs:{\"disabled\":!_vm.canGoToNext,\"type\":\"button\"},on:{\"click\":function($event){_vm.goToNext(), _vm.restartAutoPlay()}}},[_vm._t(\"nextButton\",[_vm._v(\" → \")])],2):_vm._e()]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/**\n * Handlers methods for mouse/touch events\n */\nconst mixin = {\n\tmethods: {\n\t\thandleMouseDown (e) {\n\t\t\tthis.isMouseDown = true\n\n\t\t\tif (e.type.indexOf('touch') !== -1) {\n\t\t\t\tthis.dragStartX = e.touches[0].clientX\n\t\t\t\tthis.dragStartY = e.touches[0].clientY\n\t\t\t}\n\t\t\tif (e.type.indexOf('mouse') !== -1) {\n\t\t\t\tthis.dragStartX = e.clientX\n\t\t\t\tthis.dragStartY = e.clientY\n\t\t\t}\n\t\t},\n\n\t\thandleMouseMove (e) {\n\t\t\tlet positionX\n\t\t\tlet positionY\n\t\t\tif (e.type.indexOf('touch') !== -1) {\n\t\t\t\tpositionX = e.touches[0].clientX\n\t\t\t\tpositionY = e.touches[0].clientY\n\t\t\t}\n\t\t\tif (e.type.indexOf('mouse') !== -1) {\n\t\t\t\tpositionX = e.clientX\n\t\t\t\tpositionY = e.clientY\n\t\t\t}\n\t\t\tlet dragDistanceX = Math.abs(positionX - this.dragStartX)\n\t\t\tlet dragDistanceY = Math.abs(positionY - this.dragStartY)\n\t\t\tif (dragDistanceX > 3 * dragDistanceY) {\n\t\t\t\tthis.disableScroll()\n\t\t\t\tthis.dragDistance = positionX - this.dragStartX\n\t\t\t}\n\t\t},\n\n\t\thandleMouseUp () {\n\t\t\tthis.isMouseDown = false\n\t\t\tthis.enableScroll()\n\t\t},\n\n\t\thandleMouseOver (element) {\n\t\t\tif (this.settings.autoplay) {\n\t\t\t\tif ((element === 'dot' && this.settings.pauseOnDotsHover) || (element === 'track' && this.settings.pauseOnHover)) {\n\t\t\t\t\tthis.isAutoplayPaused = true\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\thandleMouseOut (element) {\n\t\t\tif (this.settings.autoplay) {\n\t\t\t\tif ((element === 'dot' && this.settings.pauseOnDotsHover) || (element === 'track' && this.settings.pauseOnHover)) {\n\t\t\t\t\tthis.isAutoplayPaused = false\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\nexport default mixin\n","/**\n * Helpers methods\n */\nconst mixin = {\n\tmethods: {\n\t\t/**\n\t\t * Set window & container width\n\t\t */\n\t\tgetWidth () {\n\t\t\tif (this.isSSR) {\n\t\t\t\treturn false\n\t\t\t}\n\n\t\t\tthis.widthWindow = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth\n\t\t\tthis.widthContainer = this.$refs.list.clientWidth\n\t\t},\n\n\t\t/**\n\t\t * Convert HTML Collection to JS Array\n\t\t */\n\t\thtmlCollectionToArray (collection) {\n\t\t\treturn Array.prototype.slice.call(collection, 0)\n\t\t}\n\t}\n}\n\nexport default mixin\n","/**\n * All not public methods doesn't classified elsewhere\n */\nconst mixin = {\n\tmethods: {\n\t\tclearAutoPlayPause () {\n\t\t\tclearTimeout(this.autoplayTimeout)\n\t\t\tthis.autoplayRemaining = null\n\t\t},\n\n\t\tdisableAutoPlay () {\n\t\t\tclearInterval(this.autoplayInterval)\n\t\t\tthis.autoplayInterval = null\n\t\t},\n\n\t\tdisableScroll () {\n\t\t\tdocument.ontouchmove = (e) => e.preventDefault()\n\t\t},\n\n\t\tenableScroll () {\n\t\t\tdocument.ontouchmove = () => true\n\t\t},\n\n\t\trestartAutoPlay () {\n\t\t\tthis.disableAutoPlay()\n\t\t\tthis.toggleAutoPlay()\n\t\t},\n\n\t\ttoggleAutoPlay () {\n\t\t\tlet enabled = (!this.settings.unagile && this.settings.autoplay)\n\n\t\t\tif (!this.autoplayInterval && enabled) {\n\t\t\t\tthis.autoplayInterval = setInterval(() => {\n\t\t\t\t\tif (!document.hidden) {\n\t\t\t\t\t\tif (!this.canGoToNext) {\n\t\t\t\t\t\t\tthis.disableAutoPlay()\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.goToNext()\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}, this.settings.autoplaySpeed)\n\t\t\t} else {\n\t\t\t\tthis.disableAutoPlay()\n\t\t\t}\n\t\t},\n\n\t\ttoggleFade () {\n\t\t\tlet enabled = (!this.settings.unagile && this.settings.fade)\n\n\t\t\tfor (let i = 0; i < this.countSlides; i++) {\n\t\t\t\tthis.slides[i].style.transition = (enabled) ? 'opacity ' + this.settings.timing + ' ' + this.settings.speed + 'ms' : 'none'\n\t\t\t\tthis.slides[i].style.transform = (enabled) ? `translate(-${i * this.widthSlide}px)` : 'none'\n\t\t\t}\n\t\t}\n\t}\n}\n\nexport default mixin\n","/**\n * Carousel preparation methods\n */\nconst mixin = {\n\tmethods: {\n\t\t/**\n\t\t * Prepare slides classes and styles\n\t\t */\n\t\tprepareSlides () {\n\t\t\tthis.slides = this.htmlCollectionToArray(this.$refs.slides.children)\n\n\t\t\t// Probably timeout needed\n\t\t\tif (this.slidesCloned) {\n\t\t\t\tthis.slidesClonedBefore = this.htmlCollectionToArray(this.$refs.slidesClonedBefore.children)\n\t\t\t\tthis.slidesClonedAfter = this.htmlCollectionToArray(this.$refs.slidesClonedAfter.children)\n\t\t\t}\n\n\t\t\tfor (let slide of this.slidesAll) {\n\t\t\t\tslide.classList.add('agile__slide')\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t *  Prepare slides active/current classes\n\t\t */\n\t\tprepareSlidesClasses () {\n\t\t\tif (this.currentSlide === null) {\n\t\t\t\treturn false\n\t\t\t}\n\n\t\t\t// Remove active & current classes\n\t\t\tfor (let i = 0; i < this.countSlides; i++) {\n\t\t\t\tthis.slides[i].classList.remove('agile__slide--active')\n\t\t\t\tthis.slides[i].classList.remove('agile__slide--current')\n\t\t\t}\n\n\t\t\t// Add active & current class for current slide\n\t\t\tsetTimeout(() => this.slides[this.currentSlide].classList.add('agile__slide--active'), this.changeDelay)\n\n\t\t\tlet start = (this.slidesCloned) ? this.countSlides + this.currentSlide : this.currentSlide\n\n\t\t\tif (this.centerMode) {\n\t\t\t\tstart -= (Math.floor(this.settings.slidesToShow / 2) - +(this.settings.slidesToShow % 2 === 0))\n\t\t\t}\n\n\t\t\t// To account for the combination of infinite = false and centerMode = true, ensure we don't overrun the bounds of the slide count.\n\t\t\tfor (let i = Math.max(start, 0); i < Math.min(start + this.settings.slidesToShow, this.countSlides); i++) {\n\t\t\t\tthis.slidesAll[i].classList.add('agile__slide--current')\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Prepare carousel styles\n\t\t */\n\t\tprepareCarousel () {\n\t\t\t// Prepare track\n\t\t\tif (this.settings.unagile) {\n\t\t\t\tthis.translateX = 0\n\t\t\t} else {\n\t\t\t\tif (this.currentSlide === null && this.countSlides) {\n\t\t\t\t\tthis.currentSlide = this.settings.initialSlide\n\t\t\t\t}\n\n\t\t\t\tif (this.currentSlide > this.countSlides) {\n\t\t\t\t\tthis.currentSlide = this.countSlides - 1\n\t\t\t\t}\n\n\t\t\t\tthis.goTo(this.currentSlide, false, false)\n\t\t\t}\n\t\t}\n\t}\n}\n\nexport default mixin\n","/**\n * Component settings\n */\n\nimport orderBy from 'lodash.orderby'\n\nconst mixin = {\n\tprops: {\n\t\t/**\n\t\t * Set the carousel to be the navigation of other carousels\n\t\t */\n\t\tasNavFor: {\n\t\t\ttype: Array,\n\t\t\tdefault: function () {\n\t\t\t\treturn []\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Enable autoplay\n\t\t */\n\t\tautoplay: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\n\t\t/**\n\t\t * Autoplay interval in milliseconds\n\t\t */\n\t\tautoplaySpeed: {\n\t\t\ttype: Number,\n\t\t\tdefault: 3000\n\t\t},\n\n\t\t/**\n\t\t * Enable centered view when slidesToShow > 1\n\t\t */\n\t\tcenterMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\n\t\t/**\n\t\t * Slides padding in center mode\n\t\t */\n\t\tcenterPadding: {\n\t\t\ttype: String,\n\t\t\tdefault: '15%'\n\t\t},\n\n\t\t/**\n\t\t * Slide change delay in milliseconds\n\t\t */\n\t\tchangeDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0\n\t\t},\n\n\t\t/**\n\t\t * Enable dot indicators/pagination\n\t\t */\n\t\tdots: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\n\t\t/**\n\t\t * Enable fade effect\n\t\t */\n\t\tfade: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\n\t\t/**\n\t\t * Infinite loop sliding\n\t\t */\n\t\tinfinite: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\n\t\t/**\n\t\t * Index of slide to start on\n\t\t */\n\t\tinitialSlide: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0\n\t\t},\n\n\t\t/**\n\t\t * Enable mobile first calculation for responsive settings\n\t\t */\n\t\tmobileFirst: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\n\t\t/**\n\t\t * Enable prev/next navigation buttons\n\t\t */\n\t\tnavButtons: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\n\t\t/**\n\t\t * All settings as one object\n\t\t */\n\t\toptions: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => null\n\t\t},\n\n\t\t/**\n\t\t * Pause autoplay when a dot is hovered\n\t\t */\n\t\tpauseOnDotsHover: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\n\t\t/**\n\t\t * Pause autoplay when a slide is hovered\n\t\t */\n\t\tpauseOnHover: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\n\t\t/**\n\t\t * Object containing breakpoints and settings objects\n\t\t */\n\t\tresponsive: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => null\n\t\t},\n\n\t\t/**\n\t\t * Enable right-to-left mode\n\t\t */\n\t\trtl: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\n\t\t/**\n\t\t * Number of slides to scroll\n\t\t */\n\t\tslidesToScroll: {\n\t\t\ttype: Number,\n\t\t\tdefault: 1\n\t\t},\n\n\t\t/**\n\t\t * Number of slides to show\n\t\t */\n\t\tslidesToShow: {\n\t\t\ttype: Number,\n\t\t\tdefault: 1\n\t\t},\n\n\t\t/**\n\t\t * Slide animation speed in milliseconds\n\t\t */\n\t\tspeed: {\n\t\t\ttype: Number,\n\t\t\tdefault: 300\n\t\t},\n\n    /**\n\t\t * Swipe distance\n\t\t */\n\t\tswipeDistance: {\n\t\t\ttype: Number,\n\t\t\tdefault: 50\n\t\t},\n\n\t\t/**\n\t\t * Throttle delay in milliseconds\n\t\t */\n\t\tthrottleDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 500\n\t\t},\n\n\t\t/**\n\t\t * Transition timing function\n\t\t * Available: ease, linear, ease-in, ease-out, ease-in-out\n\t\t */\n\t\ttiming: {\n\t\t\ttype: String,\n\t\t\tdefault: 'ease',\n\t\t\tvalidator: (value) => {\n\t\t\t\treturn ['ease', 'linear', 'ease-in', 'ease-out', 'ease-in-out'].indexOf(value) !== -1\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Disable Agile carousel\n\t\t */\n\t\tunagile: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t// Initial settings based on props and options object\n\t\tinitialSettings: function () {\n\t\t\t// options prop is excluded\n\t\t\tlet { options, ...initialSettings } = this.$props\n\n\t\t\t// Join settings from options\n\t\t\tif (options) {\n\t\t\t\tinitialSettings = {...initialSettings, ...options}\n\t\t\t}\n\n\t\t\t// Sort breakpoints\n\t\t\tif (initialSettings.responsive) {\n\t\t\t\tinitialSettings.responsive = orderBy(initialSettings.responsive, 'breakpoint')\n\t\t\t}\n\n\t\t\treturn initialSettings\n\t\t},\n\n\t\t// Settings for current breakpoint\n\t\tsettings: function () {\n\t\t\tconst { responsive, ...settings } = this.initialSettings\n\n\t\t\tif (responsive) {\n\t\t\t\tresponsive.forEach(option => {\n\t\t\t\t\tif (settings.mobileFirst ? option.breakpoint < this.widthWindow : option.breakpoint > this.widthWindow) {\n\t\t\t\t\t\tfor (let key in option.settings) {\n\t\t\t\t\t\t\tsettings[key] = option.settings[key]\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\n\t\t\treturn settings\n\t\t}\n\t}\n}\n\nexport default mixin\n","/**\n * Throttle methods by lodash\n */\n\nimport throttle from 'lodash.throttle'\n\nconst mixin = {\n\tcreated () {\n\t\tthis.goTo = throttle(this.goTo, this.throttleDelay)\n\t\tthis.getWidth = throttle(this.getWidth, 500)\n\t}\n}\n\nexport default mixin\n","/**\n * Component watchers\n */\nconst mixin = {\n\twatch: {\n\t\t// Recalculate settings\n\t\tcurrentBreakpoint () {\n\t\t\t// this.prepareSettings()\n\t\t\tthis.$emit('breakpoint', { breakpoint: this.currentBreakpoint })\n\t\t},\n\n\t\t// Watch current slide change\n\t\tcurrentSlide () {\n\t\t\tthis.prepareSlidesClasses()\n\n\t\t\t// Set start time of slide\n\t\t\tthis.autoplayStartTimestamp = (this.settings.autoplay) ? +new Date() : null\n\n\t\t\tthis.$emit('after-change', { currentSlide: this.currentSlide })\n\t\t},\n\n\t\t// Watch drag distance change\n\t\tdragDistance () {\n\t\t\tif (this.isMouseDown) {\n\t\t\t\tconst { rtl } = this.settings\n\t\t\t\tconst dragDistance = this.dragDistance * (rtl ? -1 : 1)\n\n\t\t\t\tif (dragDistance > this.swipeDistance && this.canGoToPrev) {\n\t\t\t\t\tthis.goToPrev()\n\t\t\t\t\tthis.handleMouseUp()\n\t\t\t\t}\n\n\t\t\t\tif (dragDistance < -1 * this.swipeDistance && this.canGoToNext) {\n\t\t\t\t\tthis.goToNext()\n\t\t\t\t\tthis.handleMouseUp()\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\tisAutoplayPaused (nevValue) {\n\t\t\tif (nevValue) {\n\t\t\t\t// Store current slide remaining time and disable auto play mode\n\t\t\t\tthis.remaining = this.settings.autoplaySpeed - (+new Date() - this.autoplayStartTimestamp)\n\t\t\t\tthis.disableAutoPlay()\n\t\t\t\tthis.clearAutoPlayPause()\n\t\t\t} else {\n\t\t\t\t// Go to next after remaining time and rerun auto play mode\n\t\t\t\tthis.autoplayTimeout = setTimeout(() => {\n\t\t\t\t\tthis.clearAutoPlayPause()\n\t\t\t\t\tthis.goToNext()\n\t\t\t\t\tthis.toggleAutoPlay()\n\t\t\t\t}, this.remaining)\n\t\t\t}\n\t\t},\n\n\t\t'settings.autoplay' () {\n\t\t\tthis.toggleAutoPlay()\n\t\t},\n\n\t\t'settings.fade' () {\n\t\t\tthis.toggleFade()\n\t\t},\n\n\t\t'settings.unagile' () {\n\t\t\t// this.prepareSlides()\n\t\t\t// this.prepareCarousel()\n\t\t},\n\n\t\twidthSlide () {\n\t\t\tfor (let i = 0; i < this.countSlidesAll; i++) {\n\t\t\t\t// console.log(this.widthSlide)\n\t\t\t\t// console.log(this.settings)\n\t\t\t\tthis.slidesAll[i].style.width = `${this.widthSlide}${(this.widthSlide !== 'auto') ? 'px' : ''}`\n\t\t\t}\n\t\t},\n\n\t\t// Watch window width change\n\t\twidthWindow (newValue, oldValue) {\n\t\t\tif (oldValue) {\n\t\t\t\tthis.prepareCarousel()\n\t\t\t\tthis.toggleFade()\n\t\t\t}\n\t\t}\n\t}\n}\n\nexport default mixin\n","<template>\n\t<div\n\t\tclass=\"agile\"\n\t\t:class=\"{'agile--ssr': isSSR, 'agile--auto-play': settings.autoplay, 'agile--disabled': settings.unagile, 'agile--fade': settings.fade && !settings.unagile, 'agile--rtl': settings.rtl, 'agile--no-nav-buttons': !settings.navButtons}\"\n\t\t@touchstart=\"() => {}\"\n\t>\n\t\t<div\n\t\t\tref=\"list\"\n\t\t\tclass=\"agile__list\"\n\t\t>\n\t\t\t<div\n\t\t\t\tref=\"track\"\n\t\t\t\tclass=\"agile__track\"\n\t\t\t\t:style=\"{transform: `translate(${translateX + marginX}px)`, transition: `transform ${settings.timing} ${transitionDelay}ms`}\"\n\t\t\t\t@mouseover=\"handleMouseOver('track')\"\n\t\t\t\t@mouseout=\"handleMouseOut('track')\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tv-show=\"slidesCloned\"\n\t\t\t\t\tref=\"slidesClonedBefore\"\n\t\t\t\t\tclass=\"agile__slides agile__slides--cloned\"\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tref=\"slides\"\n\t\t\t\t\tclass=\"agile__slides agile__slides--regular\"\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tv-show=\"slidesCloned\"\n\t\t\t\t\tref=\"slidesClonedAfter\"\n\t\t\t\t\tclass=\"agile__slides agile__slides--cloned\"\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\n\t\t<div\n\t\t\tv-if=\"$slots.caption\"\n\t\t\tclass=\"agile__caption\"\n\t\t>\n\t\t\t<slot name=\"caption\" />\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"!settings.unagile && (settings.navButtons || settings.dots)\"\n\t\t\tclass=\"agile__actions\"\n\t\t>\n\t\t\t<button\n\t\t\t\tv-if=\"settings.navButtons && !settings.unagile\"\n\t\t\t\tref=\"prevButton\"\n\t\t\t\tclass=\"agile__nav-button agile__nav-button--prev\"\n\t\t\t\t:disabled=\"!canGoToPrev\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"goToPrev(), restartAutoPlay()\"\n\t\t\t>\n\t\t\t\t<slot name=\"prevButton\">\n\t\t\t\t\t←\n\t\t\t\t</slot>\n\t\t\t</button>\n\n\t\t\t<ul\n\t\t\t\tv-if=\"settings.dots && !settings.unagile\"\n\t\t\t\tref=\"dots\"\n\t\t\t\tclass=\"agile__dots\"\n\t\t\t>\n\t\t\t\t<li\n\t\t\t\t\tv-for=\"n in countSlides\"\n\t\t\t\t\t:key=\"n\"\n\t\t\t\t\tclass=\"agile__dot\"\n\t\t\t\t\t:class=\"{'agile__dot--current': n - 1 === currentSlide}\"\n\t\t\t\t\t@mouseover=\"handleMouseOver('dot')\"\n\t\t\t\t\t@mouseout=\"handleMouseOut('dot')\"\n\t\t\t\t>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t@click=\"goTo(n - 1), restartAutoPlay()\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ n }}\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t</ul>\n\n\t\t\t<button\n\t\t\t\tv-if=\"settings.navButtons && !settings.unagile\"\n\t\t\t\tref=\"nextButton\"\n\t\t\t\tclass=\"agile__nav-button agile__nav-button--next\"\n\t\t\t\t:disabled=\"!canGoToNext\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"goToNext(), restartAutoPlay()\"\n\t\t\t>\n\t\t\t\t<slot name=\"nextButton\">\n\t\t\t\t\t→\n\t\t\t\t</slot>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n\timport handlers from './mixins/handlers'\n\timport helpers from './mixins/helpers'\n\timport methods from './mixins/methods'\n\timport preparations from './mixins/preparations'\n\timport settings from './mixins/settings'\n\timport throttle from './mixins/throttle'\n\timport watchers from './mixins/watchers'\n\n\texport default {\n\t\tname: 'Agile',\n\n\t\tmixins: [handlers, helpers, methods, preparations, settings, throttle, watchers],\n\n\t\tdata () {\n\t\t\treturn {\n\t\t\t\tautoplayInterval: null,\n\t\t\t\tautoplayRemaining: null,\n\t\t\t\tautoplayStartTimestamp: null,\n\t\t\t\tautoplayTimeout: null,\n\t\t\t\tcurrentSlide: null,\n\t\t\t\tdragDistance: 0,\n\t\t\t\tdragStartX: 0,\n\t\t\t\tdragStartY: 0,\n\t\t\t\tisAutoplayPaused: false,\n\t\t\t\tisMouseDown: false,\n\t\t\t\tslides: [],\n\t\t\t\tslidesClonedAfter: [],\n\t\t\t\tslidesClonedBefore: [],\n\t\t\t\tisSSR: (typeof window === 'undefined'),\n\t\t\t\ttransitionDelay: 0,\n\t\t\t\ttranslateX: 0,\n\t\t\t\twidthWindow: 0,\n\t\t\t\twidthContainer: 0\n\t\t\t}\n\t\t},\n\n\t\tcomputed: {\n\t\t\tbreakpoints: function () {\n\t\t\t\treturn (!this.initialSettings.responsive) ? [] : this.initialSettings.responsive.map(item => item.breakpoint)\n\t\t\t},\n\n\t\t\tcanGoToPrev: function () {\n\t\t\t\treturn (this.settings.infinite || this.currentSlide > 0)\n\t\t\t},\n\n\t\t\tcanGoToNext: function () {\n\t\t\t\treturn (this.settings.infinite || this.currentSlide < this.countSlides - 1)\n\t\t\t},\n\n\t\t\tcountSlides: function () {\n\t\t\t\treturn (this.isSSR) ? this.htmlCollectionToArray(this.$slots.default).length : this.slides.length\n\t\t\t},\n\n\t\t\tcountSlidesAll: function () {\n\t\t\t\treturn this.slidesAll.length\n\t\t\t},\n\n\t\t\tcurrentBreakpoint: function () {\n\t\t\t\tlet breakpoints = this.breakpoints.map(item => item).reverse()\n\t\t\t\treturn (this.initialSettings.mobileFirst) ? breakpoints.find(item => item < this.widthWindow) || 0 : breakpoints.find(item => item > this.widthWindow) || null\n\t\t\t},\n\n\t\t\tmarginX: function () {\n\t\t\t\tif (this.settings.unagile) {\n\t\t\t\t\treturn 0\n\t\t\t\t}\n\n\t\t\t\tlet marginX = (this.slidesCloned) ? this.countSlides * this.widthSlide : 0\n\n\t\t\t\t// Center mode margin\n\t\t\t\tif (this.settings.centerMode) {\n\t\t\t\t\tmarginX -= (Math.floor(this.settings.slidesToShow / 2) - +(this.settings.slidesToShow % 2 === 0)) * this.widthSlide\n\t\t\t\t}\n\n\t\t\t\treturn (this.settings.rtl) ? marginX : -1 * marginX\n\t\t\t},\n\n\t\t\tslidesCloned: function () {\n\t\t\t\treturn (!this.settings.unagile && !this.settings.fade && this.settings.infinite)\n\t\t\t},\n\n\t\t\tslidesAll: function () {\n\t\t\t\treturn (this.slidesCloned) ? [...this.slidesClonedBefore, ...this.slides, ...this.slidesClonedAfter] : this.slides\n\t\t\t},\n\n\t\t\twidthSlide: function () {\n\t\t\t\treturn (!this.settings.unagile) ? this.widthContainer / this.settings.slidesToShow : 'auto'\n\t\t\t}\n\t\t},\n\n\t\tmounted () {\n\t\t\t// Windows resize listener\n\t\t\twindow.addEventListener('resize', this.getWidth)\n\n\t\t\t// Mouse and touch events\n\t\t\tthis.$refs.track.addEventListener('touchstart', this.handleMouseDown)\n\t\t\tthis.$refs.track.addEventListener('touchend', this.handleMouseUp)\n\t\t\tthis.$refs.track.addEventListener('touchmove', this.handleMouseMove)\n\t\t\tthis.$refs.track.addEventListener('mousedown', this.handleMouseDown)\n\t\t\tthis.$refs.track.addEventListener('mouseup', this.handleMouseUp)\n\t\t\tthis.$refs.track.addEventListener('mousemove', this.handleMouseMove)\n\n\t\t\t// Init\n\t\t\tthis.isSSR = false\n\t\t\tthis.reload()\n\t\t},\n\n\t\tbeforeDestroy () {\n\t\t\twindow.removeEventListener('resize', this.getWidth)\n\n\t\t\tthis.$refs.track.removeEventListener('touchstart', this.handleMouseDown)\n\t\t\tthis.$refs.track.removeEventListener('touchend', this.handleMouseUp)\n\t\t\tthis.$refs.track.removeEventListener('touchmove', this.handleMouseMove)\n\t\t\tthis.$refs.track.removeEventListener('mousedown', this.handleMouseDown)\n\t\t\tthis.$refs.track.removeEventListener('mouseup', this.handleMouseUp)\n\t\t\tthis.$refs.track.removeEventListener('mousemove', this.handleMouseMove)\n\n\t\t\tthis.disableAutoPlay()\n\t\t},\n\n\t\tmethods: {\n\t\t\t// Return current breakpoint\n\t\t\tgetCurrentBreakpoint () {\n\t\t\t\treturn this.currentBreakpoint\n\t\t\t},\n\n\t\t\t// Return settings for current breakpoint\n\t\t\tgetCurrentSettings () {\n\t\t\t\treturn this.settings\n\t\t\t},\n\n\t\t\t// Return current slide index\n\t\t\tgetCurrentSlide () {\n\t\t\t\treturn this.currentSlide\n\t\t\t},\n\n\t\t\t// Return initial settings\n\t\t\tgetInitialSettings () {\n\t\t\t\treturn this.initialSettings\n\t\t\t},\n\n\t\t\t// Go to slide\n\t\t\tgoTo (n, transition = true, asNav = false) {\n\t\t\t\t// Break goTo() if unagile is active\n\t\t\t\tif (this.settings.unagile) {\n\t\t\t\t\treturn false\n\t\t\t\t}\n\n\t\t\t\tif (!asNav) {\n\t\t\t\t\tthis.settings.asNavFor.forEach(carousel => {\n\t\t\t\t\t\tif (carousel) {\n\t\t\t\t\t\t\tcarousel.goTo(n, transition, true)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\n\t\t\t\tlet slideNextReal = n\n\n\t\t\t\tif (transition) {\n\t\t\t\t\tif (this.settings.infinite && n < 0) {\n\t\t\t\t\t\tslideNextReal = this.countSlides - 1\n\t\t\t\t\t} else if (n >= this.countSlides) {\n\t\t\t\t\t\tslideNextReal = 0\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.$emit('before-change', { currentSlide: this.currentSlide, nextSlide: slideNextReal })\n\n\t\t\t\t\tthis.currentSlide = slideNextReal\n\n\t\t\t\t\tif (n !== slideNextReal) {\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tthis.goTo(slideNextReal, false)\n\t\t\t\t\t\t}, this.settings.speed)\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tlet translateX = (!this.settings.fade) ? n * this.widthSlide * this.settings.slidesToScroll : 0\n\t\t\t\tthis.transitionDelay = (transition) ? this.speed : 0\n\n\t\t\t\tif (this.infinite || (this.currentSlide + this.slidesToShow <= this.countSlides)) {\n\t\t\t\t\tthis.translateX = (this.settings.rtl) ? translateX : -1 * translateX\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t// Go to next slide\n\t\t\tgoToNext () {\n\t\t\t\tif (this.canGoToNext) {\n\t\t\t\t\tthis.goTo(this.currentSlide + 1)\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t// Go to previous slide\n\t\t\tgoToPrev () {\n\t\t\t\tif (this.canGoToPrev) {\n\t\t\t\t\tthis.goTo(this.currentSlide - 1)\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t// Reload carousel\n\t\t\treload () {\n\t\t\t\tthis.getWidth()\n\t\t\t\tthis.prepareSlides()\n\t\t\t\tthis.prepareCarousel()\n\t\t\t\tthis.toggleFade()\n\t\t\t\tthis.toggleAutoPlay()\n\t\t\t}\n\t\t}\n\t}\n</script>\n\n<style>\n\t.agile {\n\t\tposition: relative;\n\t}\n\n\t.agile--ssr .agile__slides--cloned {\n\t\tdisplay: none\n\t}\n\n\t.agile--ssr .agile__slides > * {\n\t\toverflow: hidden;\n\t\twidth: 0\n\t}\n\n\t.agile--ssr .agile__slides > *:first-child {\n\t\twidth: 100%\n\t}\n\n\t.agile--rtl .agile__track,\n\t.agile--rtl .agile__slides,\n\t.agile--rtl .agile__actions,\n\t.agile--rtl .agile__dots {\n\t\tflex-direction: row-reverse;\n\t}\n\n\t.agile:focus, .agile:active, .agile *:focus, .agile *:active {\n\t\toutline: none;\n\t}\n\n\t.agile__list {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t}\n\n\t.agile__track {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-wrap: nowrap;\n\t}\n\n\t.agile__actions {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t}\n\n\t.agile--no-nav-buttons .agile__actions {\n\t\tjustify-content: center;\n\t}\n\n\t.agile__slides {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-grow: 1;\n\t\tflex-shrink: unset;\n\t\tflex-wrap: nowrap;\n\t\tjustify-content: flex-start;\n\t}\n\n\t.agile--disabled .agile__slides {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t}\n\n\t.agile__slide {\n\t\tdisplay: block;\n\t\tflex-grow: 1;\n\t\tflex-shrink: 0;\n\t}\n\n\t.agile__slide,\n\t.agile__slide * {\n\t\t-webkit-user-drag: none;\n\t}\n\n\t.agile--fade .agile__slide {\n\t\topacity: 0;\n\t\tposition: relative;\n\t\tz-index: 0;\n\t}\n\n\t.agile--fade .agile__slide--active {\n\t\topacity: 1;\n\t\tz-index: 2;\n\t}\n\n\t.agile--fade .agile__slide--expiring {\n\t\topacity: 1;\n\t\ttransition-duration: 0s;\n\t\tz-index: 1;\n\t}\n\n\t.agile__nav-button[disabled] {\n\t\tcursor: default;\n\t}\n\n\t.agile__dots {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tlist-style: none;\n\t\tpadding: 0;\n\t\twhite-space: nowrap;\n\t}\n\n\t.agile__dot button {\n\t\tcursor: pointer;\n\t\tdisplay: block;\n\t\tfont-size: 0;\n\t\tline-height: 0;\n\t}\n</style>\n","import mod from \"-!../../cache-loader/dist/cjs.js??ref--12-0!../../thread-loader/dist/cjs.js!../../babel-loader/lib/index.js!../../cache-loader/dist/cjs.js??ref--0-0!../../vue-loader/lib/index.js??vue-loader-options!./Agile.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../cache-loader/dist/cjs.js??ref--12-0!../../thread-loader/dist/cjs.js!../../babel-loader/lib/index.js!../../cache-loader/dist/cjs.js??ref--0-0!../../vue-loader/lib/index.js??vue-loader-options!./Agile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Agile.vue?vue&type=template&id=1f0ce51c&\"\nimport script from \"./Agile.vue?vue&type=script&lang=js&\"\nexport * from \"./Agile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Agile.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import VueAgile from './Agile.vue'\n\nconst install = (Vue) => {\n\tVue.component('agile', VueAgile)\n}\n\nexport default {\n\tinstall\n}\n\nexport { VueAgile }\n"],"sourceRoot":""}