vueperslides - npm Package Compare versions

Comparing version 1.7.0 to 1.8.0

dist/vueperslides.js

@@ -79,3 +79,3 @@ (function (global, factory) {
         style = document.createElement('style'),
-        css = ".vueperslides { position: relative; } .vueperslides__inner { position: relative; user-select: none; } .vueperslides__parallax-wrapper { position: relative; overflow: hidden; } .vueperslides__track-wrapper { position: absolute; top: 0; height: 100%; left: 0; right: 0; overflow: hidden; z-index: 1; } .vueperslides--parallax .vueperslides__track-wrapper { height: 200%; transform: translateY(0); } .vueperslides--fade .vueperslides__track { white-space: normal; transition: none; } .vueperslides--touchable .vueperslides__track { cursor: ew-resize; cursor: -webkit-grab; cursor: grab; } .vueperslides--touchable .vueperslides__track--mousedown, .vueperslides--touchable .vueperslides__track--dragging { cursor: -webkit-grabbing; cursor: grabbing; } .vueperslides__track { white-space: nowrap; transition: 0.5s ease-in-out transform; height: 100%; } .vueperslides__track--mousedown { transition: 0.2s ease-in-out transform !important; } .vueperslides__track--dragging { transition: none; } .vueperslides__track--no-animation { transition-duration: 0s; } .vueperslides__slide { white-space: normal; background-position: top; background-size: cover; display: inline-block; width: 100%; height: 100%; position: relative; } .vueperslides__slide .vueperslides__slide-content { position: absolute; } .vueperslides--fade .vueperslides__slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: .8s ease-in-out opacity; } .vueperslides--fade .vueperslides__slide--active { z-index: 1; opacity: 1; } .vueperslides__arrow { position: absolute; fill: currentColor; width: 1em; text-align: center; transform: translateY(-50%); transition: 0.3s ease-in-out; cursor: pointer; user-select: none; outline: none; z-index: 2; } .vueperslides__paused { position: absolute; transition: 0.3s ease-in-out; } .vueperslides__bullets { display: flex; justify-content: center; position: absolute; bottom: 0; left: 0; right: 0; } .vueperslides__bullets--outside { position: relative; } .vueperslides__bullet { cursor: pointer; user-select: none; outline: none; z-index: 2; display: flex; justify-content: center; align-items: center; } .vueperslides__bullet::-moz-focus-inner { border: 0; } ";style.type = 'text/css';if (style.styleSheet) {
+        css = ".vueperslides { position: relative; } .vueperslides__inner { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vueperslides__parallax-wrapper { position: relative; overflow: hidden; } .vueperslides__track-wrapper { position: absolute; top: 0; height: 100%; left: 0; right: 0; overflow: hidden; z-index: 1; } .vueperslides--parallax .vueperslides__track-wrapper { height: 200%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .vueperslides--fade .vueperslides__track { white-space: normal; -webkit-transition: none; -o-transition: none; transition: none; } .vueperslides--touchable .vueperslides__track { cursor: ew-resize; cursor: -webkit-grab; cursor: grab; } .vueperslides--touchable .vueperslides__track--mousedown, .vueperslides--touchable .vueperslides__track--dragging { cursor: -webkit-grabbing; cursor: grabbing; } .vueperslides__track { white-space: nowrap; -webkit-transition: 0.5s ease-in-out transform; -o-transition: 0.5s ease-in-out transform; transition: 0.5s ease-in-out transform; height: 100%; } .vueperslides__track--mousedown { -webkit-transition: 0.2s ease-in-out transform !important; -o-transition: 0.2s ease-in-out transform !important; transition: 0.2s ease-in-out transform !important; } .vueperslides__track--dragging { -webkit-transition: none; -o-transition: none; transition: none; } .vueperslides__track--no-animation { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .vueperslides__slide { white-space: normal; background-size: cover; display: inline-block; width: 100%; height: 100%; position: relative; } .vueperslides__slide .vueperslides__slide-content { position: absolute; } .vueperslides--fade .vueperslides__slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: .8s ease-in-out opacity; -o-transition: .8s ease-in-out opacity; transition: .8s ease-in-out opacity; } .vueperslides--fade .vueperslides__slide--active { z-index: 1; opacity: 1; } .vueperslides__arrow { position: absolute; fill: currentColor; width: 1em; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; z-index: 2; } .vueperslides__paused { position: absolute; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .vueperslides__bullets { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 0; left: 0; right: 0; } .vueperslides__bullets--outside { position: relative; } .vueperslides__bullet { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vueperslides__bullet::-moz-focus-inner { border: 0; } ";style.type = 'text/css';if (style.styleSheet) {
       style.styleSheet.cssText = css;
@@ -89,3 +89,3 @@ } else {
 var VueperSlides = { render: function render() {
-    var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('div', { ref: "vueperslides", staticClass: "vueperslides", class: { 'vueperslides--ready': _vm.isReady, 'vueperslides--fade': _vm.conf.fade, 'vueperslides--parallax': _vm.conf.parallax, 'vueperslides--touchable': _vm.touch.enabled && !_vm.disable, 'vueperslides--animated': true }, attrs: { "aria-label": "Slideshow" } }, [_vm.conf.slideContentOutside === 'top' ? _c('div', { staticClass: "vueperslides__slide-content vueperslides__slide-content--outside-top", class: _vm.conf.slideContentOutsideClass }, [_vm.slides.count ? _c('div', { staticClass: "slide-title", domProps: { "innerHTML": _vm._s(_vm.getCurrentSlideData('title')) } }) : _vm._e(), _vm.slides.count ? _c('div', { staticClass: "slide-content", domProps: { "innerHTML": _vm._s(_vm.getCurrentSlideData('content')) } }) : _vm._e()]) : _vm._e(), _c('div', { staticClass: "vueperslides__inner" }, [_c('div', { staticClass: "vueperslides__parallax-wrapper", style: 'padding-bottom:' + _vm.conf.slideRatio * 100 + '%', attrs: { "aria-live": "polite" } }, [_c('div', { staticClass: "vueperslides__track-wrapper", style: _vm.trackWrapperStyles }, [_c('div', { ref: "track", staticClass: "vueperslides__track", class: { 'vueperslides__track--dragging': _vm.touch.dragging, 'vueperslides__track--mousedown': _vm.mouseDown }, style: _vm.trackStyles }, [_vm.slides.count && _vm.clones[0] ? _c('vueper-slide', { staticClass: "vueperslides__slide--clone", style: _vm.clones[0].style, attrs: { "clone": 0, "title": _vm.clones[0].title, "content": _vm.clones[0].content, "image": _vm.clones[0].image, "aria-hidden": "true" } }, [_vm.clones[0].titleSlot ? _c('div', { attrs: { "slot": "slideTitle" }, domProps: { "innerHTML": _vm._s(_vm.clones[0].titleSlot) }, slot: "slideTitle" }) : _vm._e(), _vm.clones[0].contentSlot ? _c('div', { attrs: { "slot": "slideContent" }, domProps: { "innerHTML": _vm._s(_vm.clones[0].contentSlot) }, slot: "slideContent" }) : _vm._e()]) : _vm._e(), _vm._t("default", null, { currentSlide: _vm.slides.current }), _vm.slides.count && _vm.clones[1] ? _c('vueper-slide', { staticClass: "vueperslides__slide--clone", style: _vm.clones[1].style, attrs: { "clone": 1, "title": _vm.clones[1].title, "content": _vm.clones[1].content, "image": _vm.clones[1].image, "aria-hidden": "true" } }, [_vm.clones[1].titleSlot ? _c('div', { attrs: { "slot": "slideTitle" }, domProps: { "innerHTML": _vm._s(_vm.clones[1].titleSlot) }, slot: "slideTitle" }) : _vm._e(), _vm.clones[1].contentSlot ? _c('div', { attrs: { "slot": "slideContent" }, domProps: { "innerHTML": _vm._s(_vm.clones[1].contentSlot) }, slot: "slideContent" }) : _vm._e()]) : _vm._e()], 2)])]), _vm.$slots.pausedIcon ? _c('div', { staticClass: "vueperslides__paused" }, [_vm._t("pausedIcon")], 2) : _vm._e(), _vm.conf.arrows && _vm.slides.count > 1 && !_vm.disable ? _c('div', { staticClass: "vueperslides__arrows", class: { 'vueperslides__arrows--outside': _vm.conf.arrowsOutside } }, [_c('button', { directives: [{ name: "show", rawName: "v-show", value: !_vm.arrowPrevDisabled, expression: "!arrowPrevDisabled" }], staticClass: "vueperslides__arrow vueperslides__arrow--prev", attrs: { "aria-label": "Previous" }, on: { "click": function click($event) {
+    var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('div', { ref: "vueperslides", staticClass: "vueperslides", class: { 'vueperslides--ready': _vm.isReady, 'vueperslides--fade': _vm.conf.fade, 'vueperslides--parallax': _vm.conf.parallax, 'vueperslides--touchable': _vm.touch.enabled && !_vm.disable, 'vueperslides--animated': _vm.transition.animated }, attrs: { "aria-label": "Slideshow" } }, [_vm.conf.slideContentOutside === 'top' ? _c('div', { staticClass: "vueperslides__slide-content vueperslides__slide-content--outside-top", class: _vm.conf.slideContentOutsideClass }, [_vm.slides.count ? _c('div', { staticClass: "slide-title", domProps: { "innerHTML": _vm._s(_vm.getCurrentSlideData('title')) } }) : _vm._e(), _vm.slides.count ? _c('div', { staticClass: "slide-content", domProps: { "innerHTML": _vm._s(_vm.getCurrentSlideData('content')) } }) : _vm._e()]) : _vm._e(), _c('div', { staticClass: "vueperslides__inner" }, [_c('div', { staticClass: "vueperslides__parallax-wrapper", style: 'padding-bottom:' + _vm.conf.slideRatio * 100 + '%', attrs: { "aria-live": "polite" } }, [_c('div', { staticClass: "vueperslides__track-wrapper", style: _vm.trackWrapperStyles }, [_c('div', { ref: "track", staticClass: "vueperslides__track", class: { 'vueperslides__track--dragging': _vm.touch.dragging, 'vueperslides__track--mousedown': _vm.mouseDown }, style: _vm.trackStyles }, [_vm.slides.count && _vm.clones[0] ? _c('vueper-slide', { staticClass: "vueperslides__slide--clone", style: _vm.clones[0].style, attrs: { "clone": 0, "title": _vm.clones[0].title, "content": _vm.clones[0].content, "image": _vm.clones[0].image, "aria-hidden": "true" } }, [_vm.clones[0].titleSlot ? _c('div', { attrs: { "slot": "slideTitle" }, domProps: { "innerHTML": _vm._s(_vm.clones[0].titleSlot) }, slot: "slideTitle" }) : _vm._e(), _vm.clones[0].contentSlot ? _c('div', { attrs: { "slot": "slideContent" }, domProps: { "innerHTML": _vm._s(_vm.clones[0].contentSlot) }, slot: "slideContent" }) : _vm._e()]) : _vm._e(), _vm._t("default", null, { currentSlide: _vm.slides.current }), _vm.slides.count && _vm.clones[1] ? _c('vueper-slide', { staticClass: "vueperslides__slide--clone", style: _vm.clones[1].style, attrs: { "clone": 1, "title": _vm.clones[1].title, "content": _vm.clones[1].content, "image": _vm.clones[1].image, "aria-hidden": "true" } }, [_vm.clones[1].titleSlot ? _c('div', { attrs: { "slot": "slideTitle" }, domProps: { "innerHTML": _vm._s(_vm.clones[1].titleSlot) }, slot: "slideTitle" }) : _vm._e(), _vm.clones[1].contentSlot ? _c('div', { attrs: { "slot": "slideContent" }, domProps: { "innerHTML": _vm._s(_vm.clones[1].contentSlot) }, slot: "slideContent" }) : _vm._e()]) : _vm._e()], 2)])]), _vm.$slots.pausedIcon ? _c('div', { staticClass: "vueperslides__paused" }, [_vm._t("pausedIcon")], 2) : _vm._e(), _vm.conf.arrows && _vm.slides.count > 1 && !_vm.disable ? _c('div', { staticClass: "vueperslides__arrows", class: { 'vueperslides__arrows--outside': _vm.conf.arrowsOutside } }, [_c('button', { directives: [{ name: "show", rawName: "v-show", value: !_vm.arrowPrevDisabled, expression: "!arrowPrevDisabled" }], staticClass: "vueperslides__arrow vueperslides__arrow--prev", attrs: { "aria-label": "Previous" }, on: { "click": function click($event) {
           _vm.onArrowClick(false);
@@ -230,3 +230,3 @@ } } }, [_vm._t("arrowLeft", [_c('svg', { attrs: { "viewBox": "0 0 24 24" } }, [_c('path', { attrs: { "d": "M16.2,21c0.3,0,0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L9.6,12L17,4.7c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L6.8,12l8.8,8.7C15.7,20.9,16,21,16.2,21z" } })])])], 2), _c('button', { directives: [{ name: "show", rawName: "v-show", value: !_vm.arrowNextDisabled, expression: "!arrowNextDisabled" }], staticClass: "vueperslides__arrow vueperslides__arrow--next", attrs: { "aria-label": "Next" }, on: { "click": function click($event) {
       touch: { enabled: true, dragging: false, dragStartX: 0, dragAmount: 0, goNext: true },
-      transition: { currentTranslation: 0, speed: 0 },
+      transition: { currentTranslation: 0, speed: 0, animated: false },
       timer: null,
@@ -250,2 +250,4 @@ arrowPrevDisabled: false,
       this.touch.enabled = this.conf.touchable;
+      // Store speed in extra variable because transition.speed can be set to 0,
+      // then after slide change we need to reapply original speed.
       this.transition.speed = this.conf.transitionSpeed;
@@ -258,3 +260,3 @@
 
-      if (this.conf.infinite && !this.conf.fade) {
+      if (this.conf.infinite) {
         this.cloneSlides();
@@ -366,4 +368,4 @@ this.$nextTick(function () {
     setBreakpointConfig: function setBreakpointConfig(breakpoint) {
+      // this.conf gets updated by itself when this.breakpointsData.current changes.
       this.breakpointsData.current = breakpoint;
-      // this.conf gets updated by itself when this.breakpointsData.current changes.
     },
@@ -475,3 +477,3 @@ cloneSlides: function cloneSlides() {
 
-      if (this.conf.infinite && !this.conf.fade) this.cloneSlides();
+      if (this.conf.infinite) this.cloneSlides();
       // this.disableScroll()
@@ -500,3 +502,3 @@
         // Set refreshClonesOnDrag to true if you want to keep updating clones before you see them.
-        if (this.conf.refreshClonesOnDrag && this.conf.infinite && !this.conf.fade) {
+        if (this.conf.refreshClonesOnDrag && this.conf.infinite) {
           this.cloneSlides();
@@ -649,2 +651,8 @@ }
 
+
+      this.transition.animated = animation;
+      setTimeout(function () {
+        return _this3.transition.animated = false;
+      }, this.transitionSpeed);
+
       // Get the next slide index and whether it's a clone.
@@ -724,3 +732,3 @@
 
-      var needReclone = this.conf.infinite && !this.conf.fade && this.isReady && newSlide.clone === null;
+      var needReclone = this.conf.infinite && this.isReady && newSlide.clone === null;
 
@@ -784,3 +792,9 @@ if (newSlide.clone !== null) {
       // the breakpoint ones.
-      return _extends({}, this.$props, this.$props.breakpoints && this.$props.breakpoints[this.breakpointsData.current] || {});
+      var conf = _extends({}, this.$props, this.$props.breakpoints && this.$props.breakpoints[this.breakpointsData.current] || {});
+
+      if (conf.fade) {
+        conf.infinite = false;
+      }
+
+      return conf;
     },
@@ -814,3 +828,2 @@ trackStyles: function trackStyles() {
 
-// Expose component to global scope.
 if (typeof window !== 'undefined' && window.Vue) {
@@ -817,0 +830,0 @@ window.Vue.component('vueper-slides', VueperSlides);

dist/vueperslides.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t(e.VueperSlides=e.VueperSlides||{})}(this,function(e){"use strict";var t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(e[s]=i[s])}return e};!function(){if("undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css",t.styleSheet?t.styleSheet.cssText="":t.appendChild(document.createTextNode("")),e.appendChild(t)}}();var i={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{class:{vueperslides__slide:!0,"vueperslides__slide--active":e.$parent.slides.activeUid===e._uid},style:e.styles,attrs:{"aria-hidden":e.$parent.slides.activeUid===e._uid?"false":"true"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:!e.$parent.conf.slideContentOutside&&(e.title||e.hasTitleSlotData||e.content||e.hasContentSlotData),expression:"!$parent.conf.slideContentOutside && (title || hasTitleSlotData || content || hasContentSlotData)"}],staticClass:"vueperslides__slide-content"},[i("div",{directives:[{name:"show",rawName:"v-show",value:e.title||e.hasTitleSlotData,expression:"title || hasTitleSlotData"}],staticClass:"slide-title"},[i("div",{directives:[{name:"show",rawName:"v-show",value:!e.$parent.conf.slideContentOutside&&!e.title,expression:"!$parent.conf.slideContentOutside && !title"}]},[e._t("slideTitle")],2),e.title?i("div",{domProps:{innerHTML:e._s(e.title)}}):e._e()]),e.content||e.hasContentSlotData?i("div",{staticClass:"slide-content"},[i("div",{directives:[{name:"show",rawName:"v-show",value:!e.$parent.conf.slideContentOutside&&!e.content,expression:"!$parent.conf.slideContentOutside && !content"}]},[e._t("slideContent")],2),e.content?i("div",{domProps:{innerHTML:e._s(e.content)}}):e._e()]):e._e()])])},staticRenderFns:[],props:{clone:{type:Number,default:null},image:{type:String,default:""},title:{type:String,default:""},content:{type:String,default:""}},created:function(){this.$parent.addSlide(this)},destroyed:function(){null===this.clone&&this.$parent.removeSlide(this._uid)},computed:{styles:function(){return t({},this.image&&{backgroundImage:"url("+this.image+")"})},hasTitleSlotData:function(){return void 0!==this.$slots.slideTitle},hasContentSlotData:function(){return void 0!==this.$slots.slideContent}}},s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(e[s]=i[s])}return e};function n(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t<e.length;t++)i[t]=e[t];return i}return Array.from(e)}!function(){if("undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style"),i=".vueperslides { position: relative; } .vueperslides__inner { position: relative; user-select: none; } .vueperslides__parallax-wrapper { position: relative; overflow: hidden; } .vueperslides__track-wrapper { position: absolute; top: 0; height: 100%; left: 0; right: 0; overflow: hidden; z-index: 1; } .vueperslides--parallax .vueperslides__track-wrapper { height: 200%; transform: translateY(0); } .vueperslides--fade .vueperslides__track { white-space: normal; transition: none; } .vueperslides--touchable .vueperslides__track { cursor: ew-resize; cursor: -webkit-grab; cursor: grab; } .vueperslides--touchable .vueperslides__track--mousedown, .vueperslides--touchable .vueperslides__track--dragging { cursor: -webkit-grabbing; cursor: grabbing; } .vueperslides__track { white-space: nowrap; transition: 0.5s ease-in-out transform; height: 100%; } .vueperslides__track--mousedown { transition: 0.2s ease-in-out transform !important; } .vueperslides__track--dragging { transition: none; } .vueperslides__track--no-animation { transition-duration: 0s; } .vueperslides__slide { white-space: normal; background-position: top; background-size: cover; display: inline-block; width: 100%; height: 100%; position: relative; } .vueperslides__slide .vueperslides__slide-content { position: absolute; } .vueperslides--fade .vueperslides__slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: .8s ease-in-out opacity; } .vueperslides--fade .vueperslides__slide--active { z-index: 1; opacity: 1; } .vueperslides__arrow { position: absolute; fill: currentColor; width: 1em; text-align: center; transform: translateY(-50%); transition: 0.3s ease-in-out; cursor: pointer; user-select: none; outline: none; z-index: 2; } .vueperslides__paused { position: absolute; transition: 0.3s ease-in-out; } .vueperslides__bullets { display: flex; justify-content: center; position: absolute; bottom: 0; left: 0; right: 0; } .vueperslides__bullets--outside { position: relative; } .vueperslides__bullet { cursor: pointer; user-select: none; outline: none; z-index: 2; display: flex; justify-content: center; align-items: center; } .vueperslides__bullet::-moz-focus-inner { border: 0; } ";t.type="text/css",t.styleSheet?t.styleSheet.cssText=i:t.appendChild(document.createTextNode(i)),e.appendChild(t)}}();var o={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{ref:"vueperslides",staticClass:"vueperslides",class:{"vueperslides--ready":e.isReady,"vueperslides--fade":e.conf.fade,"vueperslides--parallax":e.conf.parallax,"vueperslides--touchable":e.touch.enabled&&!e.disable,"vueperslides--animated":!0},attrs:{"aria-label":"Slideshow"}},["top"===e.conf.slideContentOutside?i("div",{staticClass:"vueperslides__slide-content vueperslides__slide-content--outside-top",class:e.conf.slideContentOutsideClass},[e.slides.count?i("div",{staticClass:"slide-title",domProps:{innerHTML:e._s(e.getCurrentSlideData("title"))}}):e._e(),e.slides.count?i("div",{staticClass:"slide-content",domProps:{innerHTML:e._s(e.getCurrentSlideData("content"))}}):e._e()]):e._e(),i("div",{staticClass:"vueperslides__inner"},[i("div",{staticClass:"vueperslides__parallax-wrapper",style:"padding-bottom:"+100*e.conf.slideRatio+"%",attrs:{"aria-live":"polite"}},[i("div",{staticClass:"vueperslides__track-wrapper",style:e.trackWrapperStyles},[i("div",{ref:"track",staticClass:"vueperslides__track",class:{"vueperslides__track--dragging":e.touch.dragging,"vueperslides__track--mousedown":e.mouseDown},style:e.trackStyles},[e.slides.count&&e.clones[0]?i("vueper-slide",{staticClass:"vueperslides__slide--clone",style:e.clones[0].style,attrs:{clone:0,title:e.clones[0].title,content:e.clones[0].content,image:e.clones[0].image,"aria-hidden":"true"}},[e.clones[0].titleSlot?i("div",{attrs:{slot:"slideTitle"},domProps:{innerHTML:e._s(e.clones[0].titleSlot)},slot:"slideTitle"}):e._e(),e.clones[0].contentSlot?i("div",{attrs:{slot:"slideContent"},domProps:{innerHTML:e._s(e.clones[0].contentSlot)},slot:"slideContent"}):e._e()]):e._e(),e._t("default",null,{currentSlide:e.slides.current}),e.slides.count&&e.clones[1]?i("vueper-slide",{staticClass:"vueperslides__slide--clone",style:e.clones[1].style,attrs:{clone:1,title:e.clones[1].title,content:e.clones[1].content,image:e.clones[1].image,"aria-hidden":"true"}},[e.clones[1].titleSlot?i("div",{attrs:{slot:"slideTitle"},domProps:{innerHTML:e._s(e.clones[1].titleSlot)},slot:"slideTitle"}):e._e(),e.clones[1].contentSlot?i("div",{attrs:{slot:"slideContent"},domProps:{innerHTML:e._s(e.clones[1].contentSlot)},slot:"slideContent"}):e._e()]):e._e()],2)])]),e.$slots.pausedIcon?i("div",{staticClass:"vueperslides__paused"},[e._t("pausedIcon")],2):e._e(),e.conf.arrows&&e.slides.count>1&&!e.disable?i("div",{staticClass:"vueperslides__arrows",class:{"vueperslides__arrows--outside":e.conf.arrowsOutside}},[i("button",{directives:[{name:"show",rawName:"v-show",value:!e.arrowPrevDisabled,expression:"!arrowPrevDisabled"}],staticClass:"vueperslides__arrow vueperslides__arrow--prev",attrs:{"aria-label":"Previous"},on:{click:function(t){e.onArrowClick(!1)}}},[e._t("arrowLeft",[i("svg",{attrs:{viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M16.2,21c0.3,0,0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L9.6,12L17,4.7c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L6.8,12l8.8,8.7C15.7,20.9,16,21,16.2,21z"}})])])],2),i("button",{directives:[{name:"show",rawName:"v-show",value:!e.arrowNextDisabled,expression:"!arrowNextDisabled"}],staticClass:"vueperslides__arrow vueperslides__arrow--next",attrs:{"aria-label":"Next"},on:{click:function(t){e.onArrowClick()}}},[e._t("arrowRight",[i("svg",{attrs:{viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M7.8,21c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l7.4-7.3L7,4.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l8.8,8.7l-8.8,8.7C8.3,20.9,8,21,7.8,21z"}})])])],2)]):e._e(),e.conf.bullets&&e.slides.count>1&&!e.disable&&!e.conf.bulletsOutside?i("div",{staticClass:"vueperslides__bullets",attrs:{role:"tablist","aria-label":"Slideshow navigation"}},e._l(e.slides.list,function(t,s){return i("button",{key:s,ref:"bullet",refInFor:!0,staticClass:"vueperslides__bullet",class:{"vueperslides__bullet--active":e.slides.current===s},on:{click:function(t){e.goToSlide(s)},keyup:[function(t){return"button"in t||!e._k(t.keyCode,"left",37,t.key,["Left","ArrowLeft"])?"button"in t&&0!==t.button?null:void e.onArrowClick(!1):null},function(t){return"button"in t||!e._k(t.keyCode,"right",39,t.key,["Right","ArrowRight"])?"button"in t&&2!==t.button?null:void e.onArrowClick():null}]}},[i("span",[e._v(e._s(s+1))])])})):e._e()]),e.conf.bullets&&e.slides.count>1&&!e.disable&&e.conf.bulletsOutside?i("div",{staticClass:"vueperslides__bullets vueperslides__bullets--outside"},e._l(e.slides.list,function(t,s){return i("button",{key:s,ref:"bullet",refInFor:!0,staticClass:"vueperslides__bullet",class:{"vueperslides__bullet--active":e.slides.current===s},on:{click:function(t){e.goToSlide(s)},keyup:[function(t){return"button"in t||!e._k(t.keyCode,"left",37,t.key,["Left","ArrowLeft"])?"button"in t&&0!==t.button?null:void e.onArrowClick(!1):null},function(t){return"button"in t||!e._k(t.keyCode,"right",39,t.key,["Right","ArrowRight"])?"button"in t&&2!==t.button?null:void e.onArrowClick():null}]}},[i("span",[e._v(e._s(s+1))])])})):e._e(),"bottom"===e.conf.slideContentOutside?i("div",{staticClass:"vueperslides__slide-content vueperslides__slide-content--outside-bottom",class:e.conf.slideContentOutsideClass},[e.slides.count?i("div",{staticClass:"slide-title",domProps:{innerHTML:e._s(e.getCurrentSlideData("title"))}}):e._e(),e.slides.count?i("div",{staticClass:"slide-content",domProps:{innerHTML:e._s(e.getCurrentSlideData("content"))}}):e._e()]):e._e()])},staticRenderFns:[],name:"vueper-slides",components:{VueperSlide:i},props:{initSlide:{type:Number,default:1},slideRatio:{type:Number,default:1/3},arrows:{type:Boolean,default:!0},arrowsOutside:{type:Boolean,default:!1},disableArrowsOnEdges:{type:[Boolean,String],default:!1},bullets:{type:Boolean,default:!0},bulletsOutside:{type:Boolean,default:!1},fade:{type:Boolean,default:!1},slideContentOutside:{type:[Boolean,String],default:!1},slideContentOutsideClass:{type:String,default:""},autoplay:{type:Boolean,default:!1},speed:{type:[Number,String],default:4e3},transitionSpeed:{type:[Number,String],default:600},pauseOnHover:{type:Boolean,default:!0},infinite:{type:Boolean,default:!0},refreshClonesOnDrag:{type:Boolean,default:!1},parallax:{type:[Boolean,Number],default:!1},touchable:{type:Boolean,default:!0},draggingDistance:{type:Number,default:null},disable:{type:Boolean,default:!1},breakpoints:{type:Object,default:function(){return{}}}},data:function(){return{isReady:!1,container:null,slides:{list:[],count:0,activeUid:null,current:0,clones:[]},clones:[],mouseDown:!1,mouseOver:!1,touch:{enabled:!0,dragging:!1,dragStartX:0,dragAmount:0,goNext:!0},transition:{currentTranslation:0,speed:0},timer:null,arrowPrevDisabled:!1,arrowNextDisabled:!1,breakpointsData:{list:[],current:null},parallaxData:{translation:0,slideshowOffsetTop:null,isVisible:!1}}},mounted:function(){this.init()},methods:{init:function(){var e=this;this.emit("before-init",!1),this.container=this.$refs.vueperslides,this.touch.enabled=this.conf.touchable,this.transition.speed=this.conf.transitionSpeed,Object.keys(this.breakpoints).length&&(this.setBreakpointsList(),this.setBreakpointConfig(this.getCurrentBreakpoint())),this.conf.infinite&&!this.conf.fade&&(this.cloneSlides(),this.$nextTick(function(){return e.cloneSlides()})),this.goToSlide(this.conf.initSlide-1),this.bindEvents(),this.isReady=!0,this.emit("ready")},emit:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],s=[e];if((t||"number"==typeof i)&&(s[1]={},t&&this.slides.activeUid&&(s[1].currentSlide=this.getSlideData(this.slides.current)),"number"==typeof i)){var n=this.getSlideInRange(i).nextSlide;s[1].nextSlide=this.getSlideData(n)}this.$emit.apply(this,[e].concat(s))},getSlideData:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=this.slides.list[e],s=i.$slots,n=s.slideTitle,o=void 0===n?[{}]:n,l=s.slideContent,r=void 0===l?[{}]:l,a=o[0].elm,d=void 0===a?{}:a,u=r[0].elm,c=void 0===u?{}:u,h={index:e,title:i.title,titleSlot:d&&d.innerHTML||null,content:i.content,contentSlot:c&&c.innerHTML||null,image:i.image};if(t){var p=i.$el.attributes,f=(p=void 0===p?{}:p).style,v=(f=void 0===f?{}:f).value,g=void 0===v?"":v;h.style=g}return h},getCurrentSlideData:function(e){var t=this.getSlideData(this.slides.current),i=t.titleSlot,s=t.title,n=t.contentSlot,o=t.content;return"title"===e?s||i:o||n},setBreakpointsList:function(){this.breakpointsData.list=[99999].concat(n(Object.keys(this.breakpoints))).sort(function(e,t){return parseInt(e)<parseInt(t)})},getCurrentBreakpoint:function(){var e=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,t=[e].concat(n(this.breakpointsData.list)).sort(function(e,t){return parseInt(e)<parseInt(t)});return this.breakpointsData.list[t.indexOf(e)-1]},hasBreakpointChanged:function(e){return this.breakpointsData.current!==e},setBreakpointConfig:function(e){this.breakpointsData.current=e},cloneSlides:function(){this.clones[0]=this.getSlideData(this.slides.count-1,!0),this.clones[1]=this.getSlideData(0,!0)},bindEvents:function(){var e="ontouchstart"in window;this.touch.enabled&&(this.$refs.track.addEventListener(e?"touchstart":"mousedown",this.onMouseDown),document.addEventListener(e?"touchmove":"mousemove",this.onMouseMove),document.addEventListener(e?"touchend":"mouseup",this.onMouseUp)),this.conf.pauseOnHover&&!e&&this.conf.autoplay&&(this.container.addEventListener("mouseover",this.onMouseIn),this.container.addEventListener("mouseout",this.onMouseOut)),(this.breakpointsData.list.length||this.conf.parallax)&&window.addEventListener("resize",this.onResize),this.conf.parallax&&document.addEventListener("scroll",this.onScroll)},getSlideshowOffsetTop:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(null===this.parallaxData.slideshowOffsetTop||e){for(var t=this.container,i=t.offsetTop;t=t.offsetParent;)i+=t.offsetTop;this.parallaxData.slideshowOffsetTop=i}return this.parallaxData.slideshowOffsetTop},onScroll:function(e){var t=document.documentElement,i=(window.pageYOffset||t.scrollTop)-(t.clientTop||0),s=window.innerHeight||t.clientHeight||document.body.clientHeight,n=this.container.clientHeight,o=this.getSlideshowOffsetTop(),l=o+n-i,r=s+i-o;if(this.parallaxData.isVisible=l>0&&r>0,this.parallaxData.isVisible){var a=100*l/(s+n),d=-1===this.conf.parallax?100-a:a;this.parallaxData.translation=-d/2}},onResize:function(){if(this.breakpointsData.list.length){var e=this.getCurrentBreakpoint();this.hasBreakpointChanged(e)&&this.setBreakpointConfig(e)}this.conf.parallax&&this.getSlideshowOffsetTop(!0)},onMouseIn:function(){this.mouseOver=!0,this.conf.pauseOnHover&&this.conf.autoplay&&this.clearTimer()},onMouseOut:function(){this.mouseOver=!1,this.conf.pauseOnHover&&this.conf.autoplay&&this.setTimer()},onMouseDown:function(e){if(this.touch.enabled&&!this.disable)if(e.touches||e.preventDefault(),this.conf.infinite&&!this.conf.fade&&this.cloneSlides(),this.mouseDown=!0,this.draggingDistance)this.touch.dragStartX="ontouchstart"in window?e.touches[0].clientX:e.clientX;else{var t=this.getDragPercentage(e);this.touch.goNext=t>=.5,this.transition.currentTranslation=-100*(this.slides.current+(this.touch.goNext?1:0)+(this.clones.length?1:0)-t)}},onMouseMove:function(e){if(this.mouseDown||this.touch.dragging)if(this.mouseDown=!1,this.touch.dragging=!0,this.conf.refreshClonesOnDrag&&this.conf.infinite&&!this.conf.fade&&this.cloneSlides(),this.draggingDistance){this.touch.dragAmount=this.getDragAmount(e);var t=this.touch.dragAmount/this.container.clientWidth;this.transition.currentTranslation=-100*(this.slides.current+(this.clones.length?1:0)-t)}else{var i=this.getDragPercentage(e);this.transition.currentTranslation=-100*(this.slides.current+(this.touch.goNext?1:0)+(this.clones.length?1:0)-i)}},onMouseUp:function(e){if(this.mouseDown||this.touch.dragging){this.mouseDown=!1,this.touch.dragging=!1;var t=void 0;if(this.draggingDistance){var i=this.touch.dragAmount;this.container.clientWidth;t=this.slides.current,Math.abs(i)>=this.draggingDistance&&(t+=i>0?-1:1)}else t=-(Math.round(this.transition.currentTranslation/100)+(this.clones.length?1:0));var s=this.getSlideInRange(t).nextSlide;this.arrowNextDisabled&&this.conf.autoplay&&0===s&&(s=this.slides.count-1),s!==this.slides.current?this.goToSlide(t):this.transition.currentTranslation=100*-(this.slides.current+(this.clones.length?1:0)),this.touch.dragStartX=null,this.touch.dragAmount=null,this.enableScroll()}},getDragPercentage:function(e){return(("ontouchstart"in window?e.touches[0].clientX:e.clientX)-this.container.offsetLeft)/this.container.clientWidth},getDragAmount:function(e){return("ontouchstart"in window?e.touches[0].clientX:e.clientX)-this.touch.dragStartX},disableScroll:function(){document.ontouchmove=function(e){e.preventDefault()}},enableScroll:function(){document.ontouchmove=function(){return!0}},clearTimer:function(){clearTimeout(this.timer),this.timer=0},setTimer:function(){var e=this;this.timer=setTimeout(function(){e.goToSlide(e.slides.current+1,{autoPlaying:!0})},this.conf.speed)},onArrowClick:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.goToSlide(this.slides.current+(e?1:-1))},getSlideInRange:function(e){var t=null;return this.clones.length?e<0?(e=this.slides.count-1,t=0):e>this.slides.count-1&&(e=0,t=1):e<0?e=this.conf.disableArrowsOnEdges?0:this.slides.count-1:e>this.slides.count-1&&(e=this.conf.disableArrowsOnEdges?this.conf.autoplay?0:this.slides.count-1:0),{nextSlide:e,clone:t}},goToSlide:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.slides.count&&!this.disable){this.conf.autoplay&&this.clearTimer();i.animation;var s=i.autoPlaying,n=void 0!==s&&s,o=i.jumping,l=void 0!==o&&o,r=this.getSlideInRange(e),a=r.nextSlide,d=r.clone;this.isReady&&!l&&(this.emit("before-slide",!0,a),null!==d&&this.cloneSlides()),this.conf.arrows&&this.conf.disableArrowsOnEdges&&(this.arrowPrevDisabled=0===a,this.arrowNextDisabled=a===this.slides.count-1),null!==d&&setTimeout(function(){var i=-1===e&&t.slides.current!==t.slides.count-1,s=e===t.slides.count&&0!==t.slides.current;i||s||(t.transition.speed=0,t.goToSlide(d?0:t.slides.count-1,{animation:!1,jumping:!0}),setTimeout(function(){return t.transition.speed=t.conf.transitionSpeed},10))},this.transition.speed-50),this.slides.current=a,this.conf.fade||(this.transition.currentTranslation=null!==d?-100*(d?this.slides.count+1:0):-100*(this.slides.current+(this.clones.length?1:0))),this.slides.activeUid=this.slides.list[this.slides.current]._uid,this.conf.autoplay&&!this.mouseOver&&this.setTimer(),this.slides.count&&(this.$slots.default[this.slides.current]&&this.isReady&&!l&&this.emit("slide"),this.isReady&&!n&&!l&&this.$refs.bullet[this.slides.current]&&this.$refs.bullet[this.slides.current].focus())}},addSlide:function(e){var t=this,i=this.conf.infinite&&!this.conf.fade&&this.isReady&&null===e.clone;null!==e.clone?this.clones[e.clone]=e:(this.slides.list.push(e),this.slides.count=this.slides.list.length),this.slides.count>1&&this.touchable&&(this.touch.enabled=!0),i&&this.$nextTick(function(){return t.cloneSlides()})},removeSlide:function(e){var t=this,i=!1;this.slides.list.some(function(s,n){if(s._uid===e)return t.slides.list.splice(n,1),t.slides.count=t.slides.list.length,e===t.slides.activeUid&&(t.slides.activeUid=null,t.goToSlide(n-1,{autoPlaying:!0})),t.slides.count<=1&&(t.touch.enabled=!1),t.clones.length&&t.isReady&&!s.clone&&(i=!0),!0}),this.slides.count&&i&&this.cloneSlides()}},computed:{conf:function(){return s({},this.$props,this.$props.breakpoints&&this.$props.breakpoints[this.breakpointsData.current]||{})},trackStyles:function(){var e={};return e.transitionDuration=this.transition.speed+"ms",this.conf.fade||(e.transform="translateX("+this.transition.currentTranslation+"%)"),e},trackWrapperStyles:function(){var e={};return this.conf.parallax&&(e.transform="translateY("+this.parallaxData.translation+"%)",e.willChange=this.parallaxData.isVisible?"transform":"auto"),e}}};"undefined"!=typeof window&&window.Vue&&(window.Vue.component("vueper-slides",o),window.Vue.component("vueper-slide",i)),e.VueperSlides=o,e.VueperSlide=i,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t(e.VueperSlides=e.VueperSlides||{})}(this,function(e){"use strict";var t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(e[s]=i[s])}return e};!function(){if("undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css",t.styleSheet?t.styleSheet.cssText="":t.appendChild(document.createTextNode("")),e.appendChild(t)}}();var i={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{class:{vueperslides__slide:!0,"vueperslides__slide--active":e.$parent.slides.activeUid===e._uid},style:e.styles,attrs:{"aria-hidden":e.$parent.slides.activeUid===e._uid?"false":"true"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:!e.$parent.conf.slideContentOutside&&(e.title||e.hasTitleSlotData||e.content||e.hasContentSlotData),expression:"!$parent.conf.slideContentOutside && (title || hasTitleSlotData || content || hasContentSlotData)"}],staticClass:"vueperslides__slide-content"},[i("div",{directives:[{name:"show",rawName:"v-show",value:e.title||e.hasTitleSlotData,expression:"title || hasTitleSlotData"}],staticClass:"slide-title"},[i("div",{directives:[{name:"show",rawName:"v-show",value:!e.$parent.conf.slideContentOutside&&!e.title,expression:"!$parent.conf.slideContentOutside && !title"}]},[e._t("slideTitle")],2),e.title?i("div",{domProps:{innerHTML:e._s(e.title)}}):e._e()]),e.content||e.hasContentSlotData?i("div",{staticClass:"slide-content"},[i("div",{directives:[{name:"show",rawName:"v-show",value:!e.$parent.conf.slideContentOutside&&!e.content,expression:"!$parent.conf.slideContentOutside && !content"}]},[e._t("slideContent")],2),e.content?i("div",{domProps:{innerHTML:e._s(e.content)}}):e._e()]):e._e()])])},staticRenderFns:[],props:{clone:{type:Number,default:null},image:{type:String,default:""},title:{type:String,default:""},content:{type:String,default:""}},created:function(){this.$parent.addSlide(this)},destroyed:function(){null===this.clone&&this.$parent.removeSlide(this._uid)},computed:{styles:function(){return t({},this.image&&{backgroundImage:"url("+this.image+")"})},hasTitleSlotData:function(){return void 0!==this.$slots.slideTitle},hasContentSlotData:function(){return void 0!==this.$slots.slideContent}}},s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(e[s]=i[s])}return e};function n(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t<e.length;t++)i[t]=e[t];return i}return Array.from(e)}!function(){if("undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style"),i=".vueperslides { position: relative; } .vueperslides__inner { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vueperslides__parallax-wrapper { position: relative; overflow: hidden; } .vueperslides__track-wrapper { position: absolute; top: 0; height: 100%; left: 0; right: 0; overflow: hidden; z-index: 1; } .vueperslides--parallax .vueperslides__track-wrapper { height: 200%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .vueperslides--fade .vueperslides__track { white-space: normal; -webkit-transition: none; -o-transition: none; transition: none; } .vueperslides--touchable .vueperslides__track { cursor: ew-resize; cursor: -webkit-grab; cursor: grab; } .vueperslides--touchable .vueperslides__track--mousedown, .vueperslides--touchable .vueperslides__track--dragging { cursor: -webkit-grabbing; cursor: grabbing; } .vueperslides__track { white-space: nowrap; -webkit-transition: 0.5s ease-in-out transform; -o-transition: 0.5s ease-in-out transform; transition: 0.5s ease-in-out transform; height: 100%; } .vueperslides__track--mousedown { -webkit-transition: 0.2s ease-in-out transform !important; -o-transition: 0.2s ease-in-out transform !important; transition: 0.2s ease-in-out transform !important; } .vueperslides__track--dragging { -webkit-transition: none; -o-transition: none; transition: none; } .vueperslides__track--no-animation { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .vueperslides__slide { white-space: normal; background-size: cover; display: inline-block; width: 100%; height: 100%; position: relative; } .vueperslides__slide .vueperslides__slide-content { position: absolute; } .vueperslides--fade .vueperslides__slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: .8s ease-in-out opacity; -o-transition: .8s ease-in-out opacity; transition: .8s ease-in-out opacity; } .vueperslides--fade .vueperslides__slide--active { z-index: 1; opacity: 1; } .vueperslides__arrow { position: absolute; fill: currentColor; width: 1em; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; z-index: 2; } .vueperslides__paused { position: absolute; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .vueperslides__bullets { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 0; left: 0; right: 0; } .vueperslides__bullets--outside { position: relative; } .vueperslides__bullet { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vueperslides__bullet::-moz-focus-inner { border: 0; } ";t.type="text/css",t.styleSheet?t.styleSheet.cssText=i:t.appendChild(document.createTextNode(i)),e.appendChild(t)}}();var o={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{ref:"vueperslides",staticClass:"vueperslides",class:{"vueperslides--ready":e.isReady,"vueperslides--fade":e.conf.fade,"vueperslides--parallax":e.conf.parallax,"vueperslides--touchable":e.touch.enabled&&!e.disable,"vueperslides--animated":e.transition.animated},attrs:{"aria-label":"Slideshow"}},["top"===e.conf.slideContentOutside?i("div",{staticClass:"vueperslides__slide-content vueperslides__slide-content--outside-top",class:e.conf.slideContentOutsideClass},[e.slides.count?i("div",{staticClass:"slide-title",domProps:{innerHTML:e._s(e.getCurrentSlideData("title"))}}):e._e(),e.slides.count?i("div",{staticClass:"slide-content",domProps:{innerHTML:e._s(e.getCurrentSlideData("content"))}}):e._e()]):e._e(),i("div",{staticClass:"vueperslides__inner"},[i("div",{staticClass:"vueperslides__parallax-wrapper",style:"padding-bottom:"+100*e.conf.slideRatio+"%",attrs:{"aria-live":"polite"}},[i("div",{staticClass:"vueperslides__track-wrapper",style:e.trackWrapperStyles},[i("div",{ref:"track",staticClass:"vueperslides__track",class:{"vueperslides__track--dragging":e.touch.dragging,"vueperslides__track--mousedown":e.mouseDown},style:e.trackStyles},[e.slides.count&&e.clones[0]?i("vueper-slide",{staticClass:"vueperslides__slide--clone",style:e.clones[0].style,attrs:{clone:0,title:e.clones[0].title,content:e.clones[0].content,image:e.clones[0].image,"aria-hidden":"true"}},[e.clones[0].titleSlot?i("div",{attrs:{slot:"slideTitle"},domProps:{innerHTML:e._s(e.clones[0].titleSlot)},slot:"slideTitle"}):e._e(),e.clones[0].contentSlot?i("div",{attrs:{slot:"slideContent"},domProps:{innerHTML:e._s(e.clones[0].contentSlot)},slot:"slideContent"}):e._e()]):e._e(),e._t("default",null,{currentSlide:e.slides.current}),e.slides.count&&e.clones[1]?i("vueper-slide",{staticClass:"vueperslides__slide--clone",style:e.clones[1].style,attrs:{clone:1,title:e.clones[1].title,content:e.clones[1].content,image:e.clones[1].image,"aria-hidden":"true"}},[e.clones[1].titleSlot?i("div",{attrs:{slot:"slideTitle"},domProps:{innerHTML:e._s(e.clones[1].titleSlot)},slot:"slideTitle"}):e._e(),e.clones[1].contentSlot?i("div",{attrs:{slot:"slideContent"},domProps:{innerHTML:e._s(e.clones[1].contentSlot)},slot:"slideContent"}):e._e()]):e._e()],2)])]),e.$slots.pausedIcon?i("div",{staticClass:"vueperslides__paused"},[e._t("pausedIcon")],2):e._e(),e.conf.arrows&&e.slides.count>1&&!e.disable?i("div",{staticClass:"vueperslides__arrows",class:{"vueperslides__arrows--outside":e.conf.arrowsOutside}},[i("button",{directives:[{name:"show",rawName:"v-show",value:!e.arrowPrevDisabled,expression:"!arrowPrevDisabled"}],staticClass:"vueperslides__arrow vueperslides__arrow--prev",attrs:{"aria-label":"Previous"},on:{click:function(t){e.onArrowClick(!1)}}},[e._t("arrowLeft",[i("svg",{attrs:{viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M16.2,21c0.3,0,0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L9.6,12L17,4.7c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L6.8,12l8.8,8.7C15.7,20.9,16,21,16.2,21z"}})])])],2),i("button",{directives:[{name:"show",rawName:"v-show",value:!e.arrowNextDisabled,expression:"!arrowNextDisabled"}],staticClass:"vueperslides__arrow vueperslides__arrow--next",attrs:{"aria-label":"Next"},on:{click:function(t){e.onArrowClick()}}},[e._t("arrowRight",[i("svg",{attrs:{viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M7.8,21c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l7.4-7.3L7,4.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l8.8,8.7l-8.8,8.7C8.3,20.9,8,21,7.8,21z"}})])])],2)]):e._e(),e.conf.bullets&&e.slides.count>1&&!e.disable&&!e.conf.bulletsOutside?i("div",{staticClass:"vueperslides__bullets",attrs:{role:"tablist","aria-label":"Slideshow navigation"}},e._l(e.slides.list,function(t,s){return i("button",{key:s,ref:"bullet",refInFor:!0,staticClass:"vueperslides__bullet",class:{"vueperslides__bullet--active":e.slides.current===s},on:{click:function(t){e.goToSlide(s)},keyup:[function(t){return"button"in t||!e._k(t.keyCode,"left",37,t.key,["Left","ArrowLeft"])?"button"in t&&0!==t.button?null:void e.onArrowClick(!1):null},function(t){return"button"in t||!e._k(t.keyCode,"right",39,t.key,["Right","ArrowRight"])?"button"in t&&2!==t.button?null:void e.onArrowClick():null}]}},[i("span",[e._v(e._s(s+1))])])})):e._e()]),e.conf.bullets&&e.slides.count>1&&!e.disable&&e.conf.bulletsOutside?i("div",{staticClass:"vueperslides__bullets vueperslides__bullets--outside"},e._l(e.slides.list,function(t,s){return i("button",{key:s,ref:"bullet",refInFor:!0,staticClass:"vueperslides__bullet",class:{"vueperslides__bullet--active":e.slides.current===s},on:{click:function(t){e.goToSlide(s)},keyup:[function(t){return"button"in t||!e._k(t.keyCode,"left",37,t.key,["Left","ArrowLeft"])?"button"in t&&0!==t.button?null:void e.onArrowClick(!1):null},function(t){return"button"in t||!e._k(t.keyCode,"right",39,t.key,["Right","ArrowRight"])?"button"in t&&2!==t.button?null:void e.onArrowClick():null}]}},[i("span",[e._v(e._s(s+1))])])})):e._e(),"bottom"===e.conf.slideContentOutside?i("div",{staticClass:"vueperslides__slide-content vueperslides__slide-content--outside-bottom",class:e.conf.slideContentOutsideClass},[e.slides.count?i("div",{staticClass:"slide-title",domProps:{innerHTML:e._s(e.getCurrentSlideData("title"))}}):e._e(),e.slides.count?i("div",{staticClass:"slide-content",domProps:{innerHTML:e._s(e.getCurrentSlideData("content"))}}):e._e()]):e._e()])},staticRenderFns:[],name:"vueper-slides",components:{VueperSlide:i},props:{initSlide:{type:Number,default:1},slideRatio:{type:Number,default:1/3},arrows:{type:Boolean,default:!0},arrowsOutside:{type:Boolean,default:!1},disableArrowsOnEdges:{type:[Boolean,String],default:!1},bullets:{type:Boolean,default:!0},bulletsOutside:{type:Boolean,default:!1},fade:{type:Boolean,default:!1},slideContentOutside:{type:[Boolean,String],default:!1},slideContentOutsideClass:{type:String,default:""},autoplay:{type:Boolean,default:!1},speed:{type:[Number,String],default:4e3},transitionSpeed:{type:[Number,String],default:600},pauseOnHover:{type:Boolean,default:!0},infinite:{type:Boolean,default:!0},refreshClonesOnDrag:{type:Boolean,default:!1},parallax:{type:[Boolean,Number],default:!1},touchable:{type:Boolean,default:!0},draggingDistance:{type:Number,default:null},disable:{type:Boolean,default:!1},breakpoints:{type:Object,default:function(){return{}}}},data:function(){return{isReady:!1,container:null,slides:{list:[],count:0,activeUid:null,current:0,clones:[]},clones:[],mouseDown:!1,mouseOver:!1,touch:{enabled:!0,dragging:!1,dragStartX:0,dragAmount:0,goNext:!0},transition:{currentTranslation:0,speed:0,animated:!1},timer:null,arrowPrevDisabled:!1,arrowNextDisabled:!1,breakpointsData:{list:[],current:null},parallaxData:{translation:0,slideshowOffsetTop:null,isVisible:!1}}},mounted:function(){this.init()},methods:{init:function(){var e=this;this.emit("before-init",!1),this.container=this.$refs.vueperslides,this.touch.enabled=this.conf.touchable,this.transition.speed=this.conf.transitionSpeed,Object.keys(this.breakpoints).length&&(this.setBreakpointsList(),this.setBreakpointConfig(this.getCurrentBreakpoint())),this.conf.infinite&&(this.cloneSlides(),this.$nextTick(function(){return e.cloneSlides()})),this.goToSlide(this.conf.initSlide-1),this.bindEvents(),this.isReady=!0,this.emit("ready")},emit:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],s=[e];if((t||"number"==typeof i)&&(s[1]={},t&&this.slides.activeUid&&(s[1].currentSlide=this.getSlideData(this.slides.current)),"number"==typeof i)){var n=this.getSlideInRange(i).nextSlide;s[1].nextSlide=this.getSlideData(n)}this.$emit.apply(this,[e].concat(s))},getSlideData:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=this.slides.list[e],s=i.$slots,n=s.slideTitle,o=void 0===n?[{}]:n,l=s.slideContent,r=void 0===l?[{}]:l,a=o[0].elm,d=void 0===a?{}:a,u=r[0].elm,c=void 0===u?{}:u,h={index:e,title:i.title,titleSlot:d&&d.innerHTML||null,content:i.content,contentSlot:c&&c.innerHTML||null,image:i.image};if(t){var p=i.$el.attributes,f=(p=void 0===p?{}:p).style,v=(f=void 0===f?{}:f).value,g=void 0===v?"":v;h.style=g}return h},getCurrentSlideData:function(e){var t=this.getSlideData(this.slides.current),i=t.titleSlot,s=t.title,n=t.contentSlot,o=t.content;return"title"===e?s||i:o||n},setBreakpointsList:function(){this.breakpointsData.list=[99999].concat(n(Object.keys(this.breakpoints))).sort(function(e,t){return parseInt(e)<parseInt(t)})},getCurrentBreakpoint:function(){var e=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,t=[e].concat(n(this.breakpointsData.list)).sort(function(e,t){return parseInt(e)<parseInt(t)});return this.breakpointsData.list[t.indexOf(e)-1]},hasBreakpointChanged:function(e){return this.breakpointsData.current!==e},setBreakpointConfig:function(e){this.breakpointsData.current=e},cloneSlides:function(){this.clones[0]=this.getSlideData(this.slides.count-1,!0),this.clones[1]=this.getSlideData(0,!0)},bindEvents:function(){var e="ontouchstart"in window;this.touch.enabled&&(this.$refs.track.addEventListener(e?"touchstart":"mousedown",this.onMouseDown),document.addEventListener(e?"touchmove":"mousemove",this.onMouseMove),document.addEventListener(e?"touchend":"mouseup",this.onMouseUp)),this.conf.pauseOnHover&&!e&&this.conf.autoplay&&(this.container.addEventListener("mouseover",this.onMouseIn),this.container.addEventListener("mouseout",this.onMouseOut)),(this.breakpointsData.list.length||this.conf.parallax)&&window.addEventListener("resize",this.onResize),this.conf.parallax&&document.addEventListener("scroll",this.onScroll)},getSlideshowOffsetTop:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(null===this.parallaxData.slideshowOffsetTop||e){for(var t=this.container,i=t.offsetTop;t=t.offsetParent;)i+=t.offsetTop;this.parallaxData.slideshowOffsetTop=i}return this.parallaxData.slideshowOffsetTop},onScroll:function(e){var t=document.documentElement,i=(window.pageYOffset||t.scrollTop)-(t.clientTop||0),s=window.innerHeight||t.clientHeight||document.body.clientHeight,n=this.container.clientHeight,o=this.getSlideshowOffsetTop(),l=o+n-i,r=s+i-o;if(this.parallaxData.isVisible=l>0&&r>0,this.parallaxData.isVisible){var a=100*l/(s+n),d=-1===this.conf.parallax?100-a:a;this.parallaxData.translation=-d/2}},onResize:function(){if(this.breakpointsData.list.length){var e=this.getCurrentBreakpoint();this.hasBreakpointChanged(e)&&this.setBreakpointConfig(e)}this.conf.parallax&&this.getSlideshowOffsetTop(!0)},onMouseIn:function(){this.mouseOver=!0,this.conf.pauseOnHover&&this.conf.autoplay&&this.clearTimer()},onMouseOut:function(){this.mouseOver=!1,this.conf.pauseOnHover&&this.conf.autoplay&&this.setTimer()},onMouseDown:function(e){if(this.touch.enabled&&!this.disable)if(e.touches||e.preventDefault(),this.conf.infinite&&this.cloneSlides(),this.mouseDown=!0,this.draggingDistance)this.touch.dragStartX="ontouchstart"in window?e.touches[0].clientX:e.clientX;else{var t=this.getDragPercentage(e);this.touch.goNext=t>=.5,this.transition.currentTranslation=-100*(this.slides.current+(this.touch.goNext?1:0)+(this.clones.length?1:0)-t)}},onMouseMove:function(e){if(this.mouseDown||this.touch.dragging)if(this.mouseDown=!1,this.touch.dragging=!0,this.conf.refreshClonesOnDrag&&this.conf.infinite&&this.cloneSlides(),this.draggingDistance){this.touch.dragAmount=this.getDragAmount(e);var t=this.touch.dragAmount/this.container.clientWidth;this.transition.currentTranslation=-100*(this.slides.current+(this.clones.length?1:0)-t)}else{var i=this.getDragPercentage(e);this.transition.currentTranslation=-100*(this.slides.current+(this.touch.goNext?1:0)+(this.clones.length?1:0)-i)}},onMouseUp:function(e){if(this.mouseDown||this.touch.dragging){this.mouseDown=!1,this.touch.dragging=!1;var t=void 0;if(this.draggingDistance){var i=this.touch.dragAmount;this.container.clientWidth;t=this.slides.current,Math.abs(i)>=this.draggingDistance&&(t+=i>0?-1:1)}else t=-(Math.round(this.transition.currentTranslation/100)+(this.clones.length?1:0));var s=this.getSlideInRange(t).nextSlide;this.arrowNextDisabled&&this.conf.autoplay&&0===s&&(s=this.slides.count-1),s!==this.slides.current?this.goToSlide(t):this.transition.currentTranslation=100*-(this.slides.current+(this.clones.length?1:0)),this.touch.dragStartX=null,this.touch.dragAmount=null,this.enableScroll()}},getDragPercentage:function(e){return(("ontouchstart"in window?e.touches[0].clientX:e.clientX)-this.container.offsetLeft)/this.container.clientWidth},getDragAmount:function(e){return("ontouchstart"in window?e.touches[0].clientX:e.clientX)-this.touch.dragStartX},disableScroll:function(){document.ontouchmove=function(e){e.preventDefault()}},enableScroll:function(){document.ontouchmove=function(){return!0}},clearTimer:function(){clearTimeout(this.timer),this.timer=0},setTimer:function(){var e=this;this.timer=setTimeout(function(){e.goToSlide(e.slides.current+1,{autoPlaying:!0})},this.conf.speed)},onArrowClick:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.goToSlide(this.slides.current+(e?1:-1))},getSlideInRange:function(e){var t=null;return this.clones.length?e<0?(e=this.slides.count-1,t=0):e>this.slides.count-1&&(e=0,t=1):e<0?e=this.conf.disableArrowsOnEdges?0:this.slides.count-1:e>this.slides.count-1&&(e=this.conf.disableArrowsOnEdges?this.conf.autoplay?0:this.slides.count-1:0),{nextSlide:e,clone:t}},goToSlide:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(this.slides.count&&!this.disable){this.conf.autoplay&&this.clearTimer();var s=i.animation,n=void 0===s||s,o=i.autoPlaying,l=void 0!==o&&o,r=i.jumping,a=void 0!==r&&r;this.transition.animated=n,setTimeout(function(){return t.transition.animated=!1},this.transitionSpeed);var d=this.getSlideInRange(e),u=d.nextSlide,c=d.clone;this.isReady&&!a&&(this.emit("before-slide",!0,u),null!==c&&this.cloneSlides()),this.conf.arrows&&this.conf.disableArrowsOnEdges&&(this.arrowPrevDisabled=0===u,this.arrowNextDisabled=u===this.slides.count-1),null!==c&&setTimeout(function(){var i=-1===e&&t.slides.current!==t.slides.count-1,s=e===t.slides.count&&0!==t.slides.current;i||s||(t.transition.speed=0,t.goToSlide(c?0:t.slides.count-1,{animation:!1,jumping:!0}),setTimeout(function(){return t.transition.speed=t.conf.transitionSpeed},10))},this.transition.speed-50),this.slides.current=u,this.conf.fade||(this.transition.currentTranslation=null!==c?-100*(c?this.slides.count+1:0):-100*(this.slides.current+(this.clones.length?1:0))),this.slides.activeUid=this.slides.list[this.slides.current]._uid,this.conf.autoplay&&!this.mouseOver&&this.setTimer(),this.slides.count&&(this.$slots.default[this.slides.current]&&this.isReady&&!a&&this.emit("slide"),this.isReady&&!l&&!a&&this.$refs.bullet[this.slides.current]&&this.$refs.bullet[this.slides.current].focus())}},addSlide:function(e){var t=this,i=this.conf.infinite&&this.isReady&&null===e.clone;null!==e.clone?this.clones[e.clone]=e:(this.slides.list.push(e),this.slides.count=this.slides.list.length),this.slides.count>1&&this.touchable&&(this.touch.enabled=!0),i&&this.$nextTick(function(){return t.cloneSlides()})},removeSlide:function(e){var t=this,i=!1;this.slides.list.some(function(s,n){if(s._uid===e)return t.slides.list.splice(n,1),t.slides.count=t.slides.list.length,e===t.slides.activeUid&&(t.slides.activeUid=null,t.goToSlide(n-1,{autoPlaying:!0})),t.slides.count<=1&&(t.touch.enabled=!1),t.clones.length&&t.isReady&&!s.clone&&(i=!0),!0}),this.slides.count&&i&&this.cloneSlides()}},computed:{conf:function(){var e=s({},this.$props,this.$props.breakpoints&&this.$props.breakpoints[this.breakpointsData.current]||{});return e.fade&&(e.infinite=!1),e},trackStyles:function(){var e={};return e.transitionDuration=this.transition.speed+"ms",this.conf.fade||(e.transform="translateX("+this.transition.currentTranslation+"%)"),e},trackWrapperStyles:function(){var e={};return this.conf.parallax&&(e.transform="translateY("+this.parallaxData.translation+"%)",e.willChange=this.parallaxData.isVisible?"transform":"auto"),e}}};"undefined"!=typeof window&&window.Vue&&(window.Vue.component("vueper-slides",o),window.Vue.component("vueper-slide",i)),e.VueperSlides=o,e.VueperSlide=i,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=vueperslides.min.js.map

package.json

 {
   "name": "vueperslides",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "A touch ready & responsive slideshow for Vue JS.",
@@ -49,3 +49,13 @@ "repository": "https://github.com/antoniandre/vueper-slides",
     "vue": "^2.5.16"
-  }
+  },
+  "postcss": {
+    "plugins": {
+      "autoprefixer": {}
+    }
+  },
+  "browserslist": [
+    "last 5 version",
+    "ie 9",
+    "iOS >= 9"
+  ]
 }

README.md

@@ -12,3 +12,3 @@ # Vueper Slides
 ## Demo & Documentation
-> [https://antoniandre.github.io/vueper-slides/documentation](https://antoniandre.github.io/vueper-slides/documentation)
+> [https://antoniandre.github.io/vueper-slides](https://antoniandre.github.io/vueper-slides)
 
@@ -29,2 +29,3 @@ ## Try it yourself
 
+- __Version 1.8.0__ Add animated class while slideshow is animated
 - __Version 1.7.0__ Improve slide data reactivity & allow to refresh clones on drag
@@ -34,3 +35,3 @@ - __Version 1.6.0__ Externalize CSS & add accessibility attributes
 - __Version 1.4.0__ Allow complex slide title & content
-- __Version 1.3.2__ Add option to place arrows outside. The config is now vuejs-reactive
+- __Version 1.3.2__ Add option to place arrows outside. The config is now VueJS-reactive
 - __Version 1.3.1__ More options & improvements of parallax feature
@@ -37,0 +38,0 @@ - __Version 1.3.0__ Add parallax feature

No alert changes

Improved metrics

Total package byte prevSize

197534

increased by2.22%

Lines of code

835

increased by2.2%

Number of lines in readme file

39

increased by2.63%

No dependency changes