vueperslides - npm Package Compare versions

Comparing version 1.12.0 to 1.13.0

dist/vueperslides.js

@@ -57,3 +57,3 @@ (function (global, factory) {
       wrapperStyles: function wrapperStyles() {
-        return _extends({}, !this.$parent.conf.slideImageInside && this.image && { backgroundImage: 'url(' + this.image + ')' });
+        return _extends({}, !this.$parent.conf.slideImageInside && this.image && { backgroundImage: 'url(' + this.image + ')' }, this.$parent.conf.visibleSlides && { width: 100 / this.$parent.conf.visibleSlides + '%' });
       },
@@ -134,3 +134,3 @@ imageStyles: function imageStyles() {
     if (!inject) return;
-    inject("data-v-78115b02_0", { source: "\n.vueperslide {\n  white-space: normal;\n  background-size: cover;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.vueperslide__image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-size: cover;\n}\n.vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom) {\n    position: absolute;\n}\n.vueperslides--fade .vueperslide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0;\n  transition: .8s ease-in-out opacity;\n}\n.vueperslides--fade .vueperslide--active {\n    z-index: 1;\n    opacity: 1;\n}\n\n/*# sourceMappingURL=VueperSlide.vue.map */", map: { "version": 3, "sources": ["/Users/anto/Programming/localhost/vueper-slides/src/components/VueperSlide.vue", "VueperSlide.vue"], "names": [], "mappings": ";AAgEA;EACA,oBAAA;EACA,uBAAA;EACA,sBAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;CAcA;AAZA;IACA,mBAAA;IACA,OAAA;IACA,QAAA;IACA,SAAA;IACA,UAAA;IACA,uBAAA;CACA;AAEA;IACA,mBAAA;CACA;AAGA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,oCAAA;CAMA;AAbA;IAUA,WAAA;IACA,WAAA;CACA;;ACrEA,2CAA2C", "file": "VueperSlide.vue", "sourcesContent": [null, ".vueperslide {\n  white-space: normal;\n  background-size: cover;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  height: 100%; }\n  .vueperslide__image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-size: cover; }\n  .vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom) {\n    position: absolute; }\n\n.vueperslides--fade .vueperslide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0;\n  transition: .8s ease-in-out opacity; }\n  .vueperslides--fade .vueperslide--active {\n    z-index: 1;\n    opacity: 1; }\n\n/*# sourceMappingURL=VueperSlide.vue.map */"] }, media: undefined });
+    inject("data-v-37ed1eb1_0", { source: "\n.vueperslide {\n  white-space: normal;\n  background-size: cover;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.vueperslide__image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-size: cover;\n}\n.vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom) {\n    position: absolute;\n}\n.vueperslides--fade .vueperslide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0;\n  transition: .8s ease-in-out opacity;\n}\n.vueperslides--fade .vueperslide--active {\n    z-index: 1;\n    opacity: 1;\n}\n\n/*# sourceMappingURL=VueperSlide.vue.map */", map: { "version": 3, "sources": ["/Users/anto/Programming/localhost/vueper-slides/src/components/VueperSlide.vue", "VueperSlide.vue"], "names": [], "mappings": ";AAmEA;EACA,oBAAA;EACA,uBAAA;EACA,sBAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;CAcA;AAZA;IACA,mBAAA;IACA,OAAA;IACA,QAAA;IACA,SAAA;IACA,UAAA;IACA,uBAAA;CACA;AAEA;IACA,mBAAA;CACA;AAGA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,oCAAA;CAMA;AAbA;IAUA,WAAA;IACA,WAAA;CACA;;ACxEA,2CAA2C", "file": "VueperSlide.vue", "sourcesContent": [null, ".vueperslide {\n  white-space: normal;\n  background-size: cover;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  height: 100%; }\n  .vueperslide__image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-size: cover; }\n  .vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom) {\n    position: absolute; }\n\n.vueperslides--fade .vueperslide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0;\n  transition: .8s ease-in-out opacity; }\n  .vueperslides--fade .vueperslide--active {\n    z-index: 1;\n    opacity: 1; }\n\n/*# sourceMappingURL=VueperSlide.vue.map */"] }, media: undefined });
   };
@@ -264,3 +264,3 @@ /* scoped */
         type: Boolean,
-        default: false
+        default: null
       },
@@ -278,3 +278,3 @@ // Ability to disable arrows on slideshow edges. Only if not infinite mode.
         type: Boolean,
-        default: false
+        default: null
       },
@@ -348,2 +348,10 @@ fade: {
         default: false
+      },
+      slideMultiple: {
+        type: [Boolean, Number],
+        default: false
+      },
+      visibleSlides: {
+        type: Number,
+        default: 1
       }
@@ -355,7 +363,14 @@ },
         container: null,
-        slides: { list: [], count: 0, activeUid: null, current: 0, clones: [] },
+        slides: {
+          list: [],
+          count: 0,
+          activeUid: null,
+          current: 0,
+          focus: 0, // Don't loose the focused slide when changing breakpoint & slideMultiple > 1.
+          clones: []
+        },
         clones: [],
         mouseDown: false,
         mouseOver: false,
-        touch: { enabled: true, dragging: false, dragStartX: 0, dragAmount: 0, goNext: true },
+        touch: { enabled: true, dragging: false, dragStartX: 0, dragAmount: 0 },
         transition: { currentTranslation: 0, speed: 0, animated: false },
@@ -496,4 +511,12 @@ timer: null,
       setBreakpointConfig: function setBreakpointConfig(breakpoint) {
+        var bp = this.breakpoints && this.breakpoints[breakpoint] || {};
+        var slideMultipleChanged = bp.slideMultiple !== this.conf.slideMultiple;
+
         // this.conf gets updated by itself when this.breakpointsData.current changes.
         this.breakpointsData.current = breakpoint;
+
+        if (slideMultipleChanged) {
+          this.slides.current = this.slides.focus;
+          this.goToSlide(this.slides.current);
+        }
       },
@@ -609,2 +632,3 @@ cloneSlides: function cloneSlides() {
 
+        // The clones are created with a copy of content. Refresh this content before dragging.
         if (this.conf.infinite) this.cloneSlides();
@@ -615,12 +639,7 @@ // this.disableScroll()
 
-        if (this.draggingDistance) {
-          // Store drag start in var for distance calculation in onMouseUp().
-          this.touch.dragStartX = 'ontouchstart' in window ? e.touches[0].clientX : e.clientX;
-        } else {
-          var dragPercentage = this.getDragPercentage(e);
+        // Store drag start in var for distance calculation in onMouseUp().
+        this.touch.dragStartX = this.getCurrentMouseX(e);
 
-          // Set a flag for use while dragging in `onMouseMove` to know if drag was toward left or right.
-          this.touch.goNext = dragPercentage >= 0.5;
-
-          this.transition.currentTranslation = -100 * (this.slides.current + (this.touch.goNext ? 1 : 0) + (this.clones.length ? 1 : 0) - dragPercentage);
+        if (!this.conf.draggingDistance) {
+          this.updateCurrentTranslation(null, this.touch.dragStartX);
         }
@@ -639,10 +658,10 @@ },
 
-          if (this.draggingDistance) {
+          if (this.conf.draggingDistance) {
             this.touch.dragAmount = this.getDragAmount(e);
             var dragAmountPercentage = this.touch.dragAmount / this.container.clientWidth;
 
-            this.transition.currentTranslation = -100 * (this.slides.current + (this.clones.length ? 1 : 0) - dragAmountPercentage);
+            this.updateCurrentTranslation();
+            this.transition.currentTranslation += 100 * dragAmountPercentage;
           } else {
-            var dragPercentage = this.getDragPercentage(e);
-            this.transition.currentTranslation = -100 * (this.slides.current + (this.touch.goNext ? 1 : 0) + (this.clones.length ? 1 : 0) - dragPercentage);
+            this.updateCurrentTranslation(null, this.getCurrentMouseX(e));
           }
@@ -652,54 +671,49 @@ }
       onMouseUp: function onMouseUp(e) {
-        if (this.mouseDown || this.touch.dragging) {
-          this.mouseDown = false;
-          this.touch.dragging = false;
+        this.mouseDown = false;
 
-          var slideOnDragEnd = void 0;
-          if (this.draggingDistance) {
-            var dragAmount = this.touch.dragAmount;
-            var dragAmountPercentage = dragAmount / this.container.clientWidth;
+        // If no mouse move there is nothing to do so don't go further.
+        if (!this.touch.dragging) return this.cancelSlideChange();
 
-            slideOnDragEnd = this.slides.current;
-            if (Math.abs(dragAmount) >= this.draggingDistance) {
-              slideOnDragEnd += dragAmount > 0 ? -1 : 1;
-            }
-          } else {
-            // When the drag is realeased, calculate if the drag ends before or after the 50%-slideshow-width threshold.
-            // Then finish the sliding toward that slide.
-            slideOnDragEnd = -(Math.round(this.transition.currentTranslation / 100) + (this.clones.length ? 1 : 0));
-          }
+        this.touch.dragging = false;
+        var dragAmount = this.conf.draggingDistance ? -this.touch.dragAmount : 0;
+        var realCurrentSlideIndex = this.slides.current + !!this.clones.length * 1; // Takes clones in account if any.
+        var dragPercentageStart = (this.touch.dragStartX - this.container.offsetLeft) / this.container.clientWidth;
+        var dragPercentageNow = (this.getCurrentMouseX(e) - this.container.offsetLeft) / this.container.clientWidth;
+        var dragPercentage = ((dragPercentageStart < 0.5 ? 0 : 1) - dragPercentageNow) * 100;
+        var forwards = (dragAmount || dragPercentage) > 0;
 
-          var _getSlideInRange2 = this.getSlideInRange(slideOnDragEnd),
-              nextSlide = _getSlideInRange2.nextSlide;
+        var reasonsToCancelSliding = [
+        // Dragging distance conf is set & drag amount is lesser than dragging distance conf.
+        Math.abs(dragAmount) < this.conf.draggingDistance,
 
-          // If drag is not allowed (`arrowNextDisabled` = true) and dragging beyond last slide,
-          // cancel sliding and snap back to last slide.
+        // Dragging distance conf is not set & dragging is lesser than 50%.
+        !this.conf.draggingDistance && Math.abs(dragPercentage) < 50,
 
+        // arrowNext is disabled and dragging beyond last slide.
+        this.arrowPrevDisabled && !this.slides.current && !forwards,
 
-          if (this.arrowNextDisabled && this.conf.autoplay && nextSlide === 0) {
-            nextSlide = this.slides.count - 1;
-          }
+        // arrowPrev is disabled and dragging beyond first slide.
+        this.arrowNextDisabled && this.slides.current === this.slides.count - 1 && forwards];
 
-          // Only call `goToSlide` if the drag ends on a slide that is different than the currentSlide.
-          if (nextSlide !== this.slides.current) {
-            this.goToSlide(slideOnDragEnd);
-          } else {
-            // Apply transition to snap back to current slide.
-            this.transition.currentTranslation = -(this.slides.current + (this.clones.length ? 1 : 0)) * 100;
-          }
+        // If no reason to cancel sliding.
+        if (reasonsToCancelSliding.indexOf(true) === -1) {
+          var targetSlide = this.slides.current + this.conf.slideMultiple * (forwards ? 1 : -1);
+          this.goToSlide(targetSlide);
+        } else this.cancelSlideChange();
 
-          this.touch.dragStartX = null;
-          this.touch.dragAmount = null;
-          this.enableScroll();
-        }
+        this.touch.dragStartX = null;
+        this.touch.dragAmount = null;
+        // this.enableScroll()
       },
-      getDragPercentage: function getDragPercentage(e) {
-        var dragStartX = 'ontouchstart' in window ? e.touches[0].clientX : e.clientX;
 
-        // For full window width slideshow only.
-        // let windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
-        // return dragStartX / windowWidth
 
-        return (dragStartX - this.container.offsetLeft) / this.container.clientWidth;
+      // Dragging did not pass conditions to change slide, snap back to current slide.
+      cancelSlideChange: function cancelSlideChange() {
+        if (!this.conf.fade) {
+          this.updateCurrentTranslation();
+        }
       },
+      getCurrentMouseX: function getCurrentMouseX(e) {
+        return 'ontouchstart' in window ? e.touches[0].clientX : e.clientX;
+      },
 
@@ -713,2 +727,69 @@
       },
+
+
+      /**
+       * The translation of most cases, in other cases this can still be used as a base calc.
+       */
+      getBasicTranslation: function getBasicTranslation() {
+        var translation = this.slides.current / this.conf.visibleSlides;
+
+        if (this.conf.infinite) translation += 1 / this.conf.visibleSlides; // A clone is prepended to the slides track.
+
+        return translation;
+      },
+
+
+      /**
+       * Update the current translation of the slides track - for sliding slideshows.
+       * The resulting translation will be set in percentage and negative value.
+       *
+       * @param {null, 0, 1} nextSlideIsClone: wheter the slide to access is a clone, and
+       *                                       if so, if it's the first or last one.
+       * @param {null, float} currentDragX: whether the slide track is being dragged and if so
+       *                                    the value of the current drag.
+       */
+      updateCurrentTranslation: function updateCurrentTranslation() {
+        var nextSlideIsClone = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+        var currentMouseX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+        var translation = this.getBasicTranslation();
+
+        if (this.conf.infinite && nextSlideIsClone !== null) {
+          translation = (nextSlideIsClone ? this.slides.count + 1 : 0) / this.conf.visibleSlides;
+        }
+
+        // If dragging.
+        if (this.touch.dragStartX && currentMouseX) {
+          var dragPercentage = 0;
+          var dragPercentageStart = (this.touch.dragStartX - this.container.offsetLeft) / this.container.clientWidth;
+          var dragPercentageNow = (currentMouseX - this.container.offsetLeft) / this.container.clientWidth;
+
+          dragPercentage = (dragPercentageStart < 0.5 ? 0 : 1) - dragPercentageNow;
+
+          translation += dragPercentage;
+        }
+
+        // Special behavior if multiple visible slides and sliding 1 by 1:
+        // The translation is modified as user slides just to look nicer.
+        if (this.conf.visibleSlides > 1 && this.conf.slideMultiple === 1) {
+          // If not inifinite sliding.
+          if (!this.conf.infinite) {
+            var preferredPosition = Math.ceil(this.conf.visibleSlides / 2);
+            var remainingSlides = this.slides.count - (this.slides.current + 1);
+            var positionsAfterPreferred = this.conf.visibleSlides - preferredPosition;
+            var preferredPositionIsPassed = remainingSlides < positionsAfterPreferred;
+
+            var slidesWOTranslation = preferredPosition - 1;
+            var substractFromTranslation = Math.min(slidesWOTranslation, this.slides.current);
+
+            // From next position after the preferred position.
+            if (preferredPositionIsPassed) {
+              substractFromTranslation += positionsAfterPreferred - remainingSlides;
+            }
+
+            translation -= substractFromTranslation / this.conf.visibleSlides;
+          }
+        }
+
+        this.transition.currentTranslation = -translation * 100;
+      },
       disableScroll: function disableScroll() {
@@ -732,10 +813,10 @@ document.ontouchmove = function (e) {
         this.timer = setTimeout(function () {
-          _this2.goToSlide(_this2.slides.current + 1, { autoPlaying: true });
+          _this2.goToSlide(_this2.slides.current + _this2.conf.slideMultiple, { autoPlaying: true });
         }, this.conf.speed);
       },
       previous: function previous() {
-        this.goToSlide(this.slides.current - 1);
+        this.goToSlide(this.slides.current - this.conf.slideMultiple);
       },
       next: function next() {
-        this.goToSlide(this.slides.current + 1);
+        this.goToSlide(this.slides.current + this.conf.slideMultiple);
       },
@@ -750,28 +831,51 @@ refreshParallax: function refreshParallax() {
       },
-      getSlideInRange: function getSlideInRange(index) {
+
+
+      /**
+       * When visibleSlides > 1 and slideMultiple > 1, get the first visible slide from given index.
+       *
+       * @return {integer} the first visible slide index
+       */
+      getFirstVisibleSlide: function getFirstVisibleSlide(index) {
+        return Math.floor(index / this.conf.slideMultiple) * this.conf.slideMultiple;
+      },
+      getSlideInRange: function getSlideInRange(index, autoPlaying) {
         var clone = null;
 
         // If infinite enabled, going out of range takes the first slide from the other end.
-        if (this.clones.length) {
-          if (index < 0) {
-            index = this.slides.count - 1;
-            clone = 0;
-          } else if (index > this.slides.count - 1) {
-            index = 0;
-            clone = 1;
+        if (this.conf.infinite && index === -1) clone = 0;else if (this.conf.infinite && index === this.slides.count) clone = 1;
+
+        // Generic case:
+        // If going beyond slides count, take the modulo as next slide index.
+        // E.g. If we want to access slide 9 and there are only 6 slides, go to slide 3.
+        // (index + this.slides.count) to also handle negative index.
+        var newIndex = (index + this.slides.count) % this.slides.count;
+
+        if (this.conf.slideMultiple > 1) {
+          var lastSlideItems = this.slides.count % this.conf.slideMultiple || this.conf.slideMultiple;
+          var missingItems = this.conf.slideMultiple - lastSlideItems;
+
+          newIndex += index < 0 ? missingItems : 0;
+          newIndex = this.getFirstVisibleSlide(newIndex);
+
+          // When using slideMultiple & breakpoints, on breakpoint change if slideMultiple has
+          // changed, the slideshow will snap to the current slide. but current slide is always the
+          // first of visible slides so by playing around breakpoints we lose the original slide on
+          // focus. this.slides.focus is here to never lose it.
+          // E.g.
+          // slideMultiple = 3, currentSlide = 9 (10th slide), means this is the only visible slide,
+          // now change breakpoint and slideMultiple = 2, so go to slide index 8 (shows slide 9 & 10)
+          // now current slide is 8. If we change back to previous breakpoint (slideMultiple = 3),
+          // current slide index becomes 6! and so on.
+          if (this.getFirstVisibleSlide(this.slides.focus) !== newIndex) {
+            this.slides.focus = newIndex;
           }
         }
 
-        // If not infinite, can't go lower than 0 or beyond `slides.count` with `disableArrowsOnEdges`.
-        // If `disableArrowsOnEdges` is enabled going out of range will take first slide from the other end
-        // of the slideshow.
-        else {
-            if (index < 0) index = this.conf.disableArrowsOnEdges ? 0 : this.slides.count - 1;else if (index > this.slides.count - 1) {
-              // If autoplay is on but disableArrowsOnEdges is enabled, going beyond the last one will also bring
-              // the first one in.
-              index = this.conf.disableArrowsOnEdges ? this.conf.autoplay ? 0 : this.slides.count - 1 : 0;
-            }
-          }
+        // Disable sliding if already on edge with disableArrowsOnEdges.
+        if (this.conf.disableArrowsOnEdges && (index < 0 || index > this.slides.count - 1) && !autoPlaying) {
+          newIndex = this.slides.current;
+        }
 
-        return { nextSlide: index, clone: clone };
+        return { nextSlide: newIndex, clone: clone };
       },
@@ -805,5 +909,5 @@ goToSlide: function goToSlide(index) {
 
-        var _getSlideInRange3 = this.getSlideInRange(index),
-            nextSlide = _getSlideInRange3.nextSlide,
-            nextSlideIsClone = _getSlideInRange3.clone;
+        var _getSlideInRange2 = this.getSlideInRange(index, autoPlaying),
+            nextSlide = _getSlideInRange2.nextSlide,
+            nextSlideIsClone = _getSlideInRange2.clone;
 
@@ -816,2 +920,3 @@ // Emit event. First use of `goToSlide` is while init, so should not propagate an event.
 
+          // Refresh clones.
           if (nextSlideIsClone !== null) this.cloneSlides();
@@ -822,4 +927,4 @@ }
         if (this.conf.arrows && this.conf.disableArrowsOnEdges) {
-          this.arrowPrevDisabled = nextSlide === 0;
-          this.arrowNextDisabled = nextSlide === this.slides.count - 1;
+          this.arrowPrevDisabled = nextSlide === 0 || nextSlide - this.conf.slideMultiple < 0;
+          this.arrowNextDisabled = nextSlide === this.slides.count - 1 || nextSlide + this.conf.slideMultiple > this.slides.count - 1;
         }
@@ -846,3 +951,3 @@
                 return _this4.transition.speed = _this4.conf.transitionSpeed;
-              }, 10);
+              }, 50);
             }
@@ -856,5 +961,3 @@ }, this.transition.speed - 50);
         if (!this.conf.fade) {
-          if (nextSlideIsClone !== null) {
-            this.transition.currentTranslation = -100 * (nextSlideIsClone ? this.slides.count + 1 : 0);
-          } else this.transition.currentTranslation = -100 * (this.slides.current + (this.clones.length ? 1 : 0));
+          this.updateCurrentTranslation(nextSlideIsClone);
         }
@@ -939,10 +1042,19 @@
       conf: function conf() {
-        // Read config from the props then check if breakpoints are defined. If so override the config with
-        // the breakpoint ones.
+        // Read config from the props then check if breakpoints are defined.
+        // If so override the config with the breakpoint ones.
         var conf = _extends$1({}, this.$props, this.$props.breakpoints && this.$props.breakpoints[this.breakpointsData.current] || {});
 
-        if (conf.fade) {
+        // Overrides: once config from breakpoints is imported, we can use the conf object
+        // and be sure all the options are up to date.
+        //-------------------------------//
+        conf.slideMultiple = conf.slideMultiple ? conf.visibleSlides : 1;
+
+        if (conf.fade || conf.disableArrowsOnEdges || conf.visibleSlides > 1) {
           conf.infinite = false;
         }
 
+        conf.arrowsOutside = conf.arrowsOutside || conf.visibleSlides > 1 && conf.arrowsOutside === null;
+        conf.bulletsOutside = conf.bulletsOutside || conf.visibleSlides > 1 && conf.bulletsOutside === null;
+        //-------------------------------//
+
         return conf;
@@ -957,6 +1069,8 @@ },
 
-        styles.transitionDuration = this.transition.speed + 'ms';
+        if (this.conf.parallax) {
+          styles.transform = 'translateY(' + this.parallaxData.translation + '%)';
 
-        if (!this.conf.fade) {
-          styles.transform = 'translateX(' + this.transition.currentTranslation + '%)';
+          // Increase browser optimizations by allocating more machine resource.
+          // ! \\ To be used wisely so deactivate when not needed.
+          styles.willChange = this.parallaxData.isVisible ? 'transform' : 'auto';
         }
@@ -966,11 +1080,9 @@
       },
-      trackWrapperStyles: function trackWrapperStyles() {
+      trackInnerStyles: function trackInnerStyles() {
         var styles = {};
 
-        if (this.conf.parallax) {
-          styles.transform = 'translateY(' + this.parallaxData.translation + '%)';
+        styles.transitionDuration = this.transition.speed + 'ms';
 
-          // Increase browser optimizations by allocating more machine resource.
-          // ! \\ To be used wisely so deactivate when not needed.
-          styles.willChange = this.parallaxData.isVisible ? 'transform' : 'auto';
+        if (!this.conf.fade) {
+          styles.transform = 'translateX(' + this.transition.currentTranslation + '%)';
         }
@@ -1022,5 +1134,2 @@
     }, [_c("div", {
-      staticClass: "vueperslides__track-wrapper",
-      style: _vm.trackWrapperStyles
-    }, [_c("div", {
       ref: "track",
@@ -1033,2 +1142,5 @@ staticClass: "vueperslides__track",
       style: _vm.trackStyles
+    }, [_c("div", {
+      staticClass: "vueperslides__track-inner",
+      style: _vm.trackInnerStyles
     }, [_vm.slides.count && _vm.clones[0] ? _c("vueper-slide", {
@@ -1124,3 +1236,3 @@ staticClass: "vueperslide--clone",
       attrs: { role: "tablist", "aria-label": "Slideshow navigation" }
-    }, _vm._l(_vm.slides.list, function (item, i) {
+    }, _vm._l(Math.ceil(_vm.slides.count / _vm.conf.slideMultiple), function (item, i) {
       return _c("button", {
@@ -1132,7 +1244,7 @@ key: i,
         class: {
-          "vueperslides__bullet--active": _vm.slides.current === i
+          "vueperslides__bullet--active": _vm.slides.current === i * _vm.conf.slideMultiple
         },
         on: {
           click: function click($event) {
-            _vm.goToSlide(i);
+            _vm.goToSlide(i * _vm.conf.slideMultiple);
           },
@@ -1160,3 +1272,3 @@ keyup: [function ($event) {
       staticClass: "vueperslides__bullets vueperslides__bullets--outside"
-    }, _vm._l(_vm.slides.list, function (item, i) {
+    }, _vm._l(Math.ceil(_vm.slides.count / _vm.conf.slideMultiple), function (item, i) {
       return _c("button", {
@@ -1168,7 +1280,7 @@ key: i,
         class: {
-          "vueperslides__bullet--active": _vm.slides.current === i
+          "vueperslides__bullet--active": _vm.slides.current === i * _vm.conf.slideMultiple
         },
         on: {
           click: function click($event) {
-            _vm.goToSlide(i);
+            _vm.goToSlide(i * _vm.conf.slideMultiple);
           },
@@ -1215,3 +1327,3 @@ keyup: [function ($event) {
     if (!inject) return;
-    inject("data-v-8ae54a42_0", { source: "\n.vueperslides {\n  position: relative;\n}\n.vueperslides--fixed-height .vueperslides__inner,\n  .vueperslides--fixed-height .vueperslides__parallax-wrapper,\n  .vueperslides--fixed-height .vueperslide {\n    height: inherit;\n}\n.vueperslides--fixed-height .vueperslides__parallax-wrapper {\n    padding-bottom: 0 !important;\n}\n.vueperslides__inner {\n    position: relative;\n    user-select: none;\n}\n.vueperslides__parallax-wrapper {\n    position: relative;\n    overflow: hidden;\n}\n.vueperslides__track-wrapper {\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: 0;\n    right: 0;\n    overflow: hidden;\n    z-index: 1;\n}\n.vueperslides--parallax .vueperslides__track-wrapper {\n    height: 200%;\n    transform: translateY(0);\n}\n.vueperslides--fade .vueperslides__track {\n    white-space: normal;\n    transition: none;\n}\n.vueperslides--touchable .vueperslides__track {\n    cursor: ew-resize;\n    cursor: -webkit-grab;\n    cursor: grab;\n}\n.vueperslides--touchable .vueperslides__track--mousedown, .vueperslides--touchable .vueperslides__track--dragging {\n      cursor: -webkit-grabbing;\n      cursor: grabbing;\n}\n.vueperslides__track {\n    white-space: nowrap;\n    transition: 0.5s ease-in-out transform;\n    height: 100%;\n}\n.vueperslides__track--mousedown {\n      transition: 0.2s ease-in-out transform !important;\n}\n.vueperslides__track--dragging {\n      transition: none;\n}\n.vueperslides__track--no-animation {\n      transition-duration: 0s;\n}\n.vueperslides__arrow {\n    position: absolute;\n    fill: currentColor;\n    width: 1em;\n    text-align: center;\n    transform: translateY(-50%);\n    transition: 0.3s ease-in-out;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2;\n}\n.vueperslides__paused {\n    position: absolute;\n    transition: 0.3s ease-in-out;\n}\n.vueperslides__bullets {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n}\n.vueperslides__bullets--outside {\n      position: relative;\n}\n.vueperslides__bullet {\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.vueperslides__bullet::-moz-focus-inner {\n      border: 0;\n}\n\n/*# sourceMappingURL=VueperSlides.vue.map */", map: { "version": 3, "sources": ["/Users/anto/Programming/localhost/vueper-slides/src/components/VueperSlides.vue", "VueperSlides.vue"], "names": [], "mappings": ";AAqtBA;EACA,mBAAA;CAsHA;AApHA;;;IAIA,gBAAA;CACA;AALA;IAQA,6BAAA;CACA;AAGA;IACA,mBAAA;IACA,kBAAA;CACA;AAEA;IACA,mBAAA;IAEA,iBAAA;CACA;AAEA;IACA,mBAAA;IACA,OAAA;IACA,aAAA;IACA,QAAA;IACA,SAAA;IACA,iBAAA;IACA,WAAA;CACA;AAEA;IACA,aAAA;IACA,yBAAA;CACA;AAEA;IACA,oBAAA;IACA,iBAAA;CACA;AAEA;IACA,kBAAA;IACA,qBAAA;IACA,aAAA;CAMA;AATA;MAMA,yBAAA;MACA,iBAAA;CACA;AAGA;IACA,oBAAA;IACA,uCAAA;IACA,aAAA;CAaA;AAXA;MACA,kDAAA;CACA;AAEA;MACA,iBAAA;CACA;AAEA;MACA,wBAAA;CACA;AAGA;IACA,mBAAA;IACA,mBAAA;IACA,WAAA;IACA,mBAAA;IACA,4BAAA;IACA,6BAAA;IACA,gBAAA;IACA,kBAAA;IACA,cAAA;IACA,WAAA;CACA;AAEA;IACA,mBAAA;IACA,6BAAA;CACA;AAEA;IACA,cAAA;IACA,wBAAA;IACA,mBAAA;IACA,UAAA;IACA,QAAA;IACA,SAAA;CAKA;AAHA;MACA,mBAAA;CACA;AAGA;IACA,gBAAA;IACA,kBAAA;IACA,cAAA;IACA,WAAA;IACA,cAAA;IACA,wBAAA;IACA,oBAAA;CAKA;AAZA;MAUA,UAAA;CACA;;AC3vBA,4CAA4C", "file": "VueperSlides.vue", "sourcesContent": [null, ".vueperslides {\n  position: relative; }\n  .vueperslides--fixed-height .vueperslides__inner,\n  .vueperslides--fixed-height .vueperslides__parallax-wrapper,\n  .vueperslides--fixed-height .vueperslide {\n    height: inherit; }\n  .vueperslides--fixed-height .vueperslides__parallax-wrapper {\n    padding-bottom: 0 !important; }\n  .vueperslides__inner {\n    position: relative;\n    user-select: none; }\n  .vueperslides__parallax-wrapper {\n    position: relative;\n    overflow: hidden; }\n  .vueperslides__track-wrapper {\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: 0;\n    right: 0;\n    overflow: hidden;\n    z-index: 1; }\n  .vueperslides--parallax .vueperslides__track-wrapper {\n    height: 200%;\n    transform: translateY(0); }\n  .vueperslides--fade .vueperslides__track {\n    white-space: normal;\n    transition: none; }\n  .vueperslides--touchable .vueperslides__track {\n    cursor: ew-resize;\n    cursor: -webkit-grab;\n    cursor: grab; }\n    .vueperslides--touchable .vueperslides__track--mousedown, .vueperslides--touchable .vueperslides__track--dragging {\n      cursor: -webkit-grabbing;\n      cursor: grabbing; }\n  .vueperslides__track {\n    white-space: nowrap;\n    transition: 0.5s ease-in-out transform;\n    height: 100%; }\n    .vueperslides__track--mousedown {\n      transition: 0.2s ease-in-out transform !important; }\n    .vueperslides__track--dragging {\n      transition: none; }\n    .vueperslides__track--no-animation {\n      transition-duration: 0s; }\n  .vueperslides__arrow {\n    position: absolute;\n    fill: currentColor;\n    width: 1em;\n    text-align: center;\n    transform: translateY(-50%);\n    transition: 0.3s ease-in-out;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2; }\n  .vueperslides__paused {\n    position: absolute;\n    transition: 0.3s ease-in-out; }\n  .vueperslides__bullets {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0; }\n    .vueperslides__bullets--outside {\n      position: relative; }\n  .vueperslides__bullet {\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n    .vueperslides__bullet::-moz-focus-inner {\n      border: 0; }\n\n/*# sourceMappingURL=VueperSlides.vue.map */"] }, media: undefined });
+    inject("data-v-f2e9e65c_0", { source: "\n.vueperslides {\n  position: relative;\n}\n.vueperslides--fixed-height .vueperslides__inner,\n  .vueperslides--fixed-height .vueperslides__parallax-wrapper,\n  .vueperslides--fixed-height .vueperslide {\n    height: inherit;\n}\n.vueperslides--fixed-height .vueperslides__parallax-wrapper {\n    padding-bottom: 0 !important;\n}\n.vueperslides__inner {\n    position: relative;\n    user-select: none;\n}\n.vueperslides__parallax-wrapper {\n    position: relative;\n    overflow: hidden;\n}\n.vueperslides__track {\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: 0;\n    right: 0;\n    overflow: hidden;\n    z-index: 1;\n}\n.vueperslides--parallax .vueperslides__track {\n      height: 200%;\n      transform: translateY(0);\n}\n.vueperslides--touchable .vueperslides__track {\n      cursor: ew-resize;\n      cursor: -webkit-grab;\n      cursor: grab;\n}\n.vueperslides--touchable .vueperslides__track--mousedown, .vueperslides--touchable .vueperslides__track--dragging {\n        cursor: -webkit-grabbing;\n        cursor: grabbing;\n}\n.vueperslides__track-inner {\n    white-space: nowrap;\n    transition: 0.5s ease-in-out transform;\n    height: 100%;\n}\n.vueperslides--fade .vueperslides__track-inner {\n      white-space: normal;\n      transition: none;\n}\n.vueperslides__track--mousedown .vueperslides__track-inner {\n      transition: 0.2s ease-in-out transform !important;\n}\n.vueperslides__track--dragging .vueperslides__track-inner {\n      transition: none;\n}\n.vueperslides__track--no-animation .vueperslides__track-inner {\n      transition-duration: 0s;\n}\n.vueperslides__arrow {\n    position: absolute;\n    fill: currentColor;\n    width: 1em;\n    text-align: center;\n    transform: translateY(-50%);\n    transition: 0.3s ease-in-out;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2;\n}\n.vueperslides__paused {\n    position: absolute;\n    transition: 0.3s ease-in-out;\n}\n.vueperslides__bullets {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n}\n.vueperslides__bullets--outside {\n      position: relative;\n}\n.vueperslides__bullet {\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.vueperslides__bullet::-moz-focus-inner {\n      border: 0;\n}\n\n/*# sourceMappingURL=VueperSlides.vue.map */", map: { "version": 3, "sources": ["/Users/anto/Programming/localhost/vueper-slides/src/components/VueperSlides.vue", "VueperSlides.vue"], "names": [], "mappings": ";AAo0BA;EACA,mBAAA;CAqHA;AAnHA;;;IAIA,gBAAA;CACA;AALA;IAQA,6BAAA;CACA;AAGA;IACA,mBAAA;IACA,kBAAA;CACA;AAEA;IACA,mBAAA;IACA,iBAAA;CACA;AAEA;IACA,mBAAA;IACA,OAAA;IACA,aAAA;IACA,QAAA;IACA,SAAA;IACA,iBAAA;IACA,WAAA;CAiBA;AAfA;MACA,aAAA;MACA,yBAAA;CACA;AAEA;MACA,kBAAA;MACA,qBAAA;MACA,aAAA;CAMA;AATA;QAMA,yBAAA;QACA,iBAAA;CACA;AAIA;IACA,oBAAA;IACA,uCAAA;IACA,aAAA;CAkBA;AAhBA;MACA,oBAAA;MACA,iBAAA;CACA;AAEA;MACA,kDAAA;CACA;AAEA;MACA,iBAAA;CACA;AAEA;MACA,wBAAA;CACA;AAGA;IACA,mBAAA;IACA,mBAAA;IACA,WAAA;IACA,mBAAA;IACA,4BAAA;IACA,6BAAA;IACA,gBAAA;IACA,kBAAA;IACA,cAAA;IACA,WAAA;CACA;AAEA;IACA,mBAAA;IACA,6BAAA;CACA;AAEA;IACA,cAAA;IACA,wBAAA;IACA,mBAAA;IACA,UAAA;IACA,QAAA;IACA,SAAA;CAKA;AAHA;MACA,mBAAA;CACA;AAGA;IACA,gBAAA;IACA,kBAAA;IACA,cAAA;IACA,WAAA;IACA,cAAA;IACA,wBAAA;IACA,oBAAA;CAKA;AAZA;MAUA,UAAA;CACA;;ACz2BA,4CAA4C", "file": "VueperSlides.vue", "sourcesContent": [null, ".vueperslides {\n  position: relative; }\n  .vueperslides--fixed-height .vueperslides__inner,\n  .vueperslides--fixed-height .vueperslides__parallax-wrapper,\n  .vueperslides--fixed-height .vueperslide {\n    height: inherit; }\n  .vueperslides--fixed-height .vueperslides__parallax-wrapper {\n    padding-bottom: 0 !important; }\n  .vueperslides__inner {\n    position: relative;\n    user-select: none; }\n  .vueperslides__parallax-wrapper {\n    position: relative;\n    overflow: hidden; }\n  .vueperslides__track {\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: 0;\n    right: 0;\n    overflow: hidden;\n    z-index: 1; }\n    .vueperslides--parallax .vueperslides__track {\n      height: 200%;\n      transform: translateY(0); }\n    .vueperslides--touchable .vueperslides__track {\n      cursor: ew-resize;\n      cursor: -webkit-grab;\n      cursor: grab; }\n      .vueperslides--touchable .vueperslides__track--mousedown, .vueperslides--touchable .vueperslides__track--dragging {\n        cursor: -webkit-grabbing;\n        cursor: grabbing; }\n  .vueperslides__track-inner {\n    white-space: nowrap;\n    transition: 0.5s ease-in-out transform;\n    height: 100%; }\n    .vueperslides--fade .vueperslides__track-inner {\n      white-space: normal;\n      transition: none; }\n    .vueperslides__track--mousedown .vueperslides__track-inner {\n      transition: 0.2s ease-in-out transform !important; }\n    .vueperslides__track--dragging .vueperslides__track-inner {\n      transition: none; }\n    .vueperslides__track--no-animation .vueperslides__track-inner {\n      transition-duration: 0s; }\n  .vueperslides__arrow {\n    position: absolute;\n    fill: currentColor;\n    width: 1em;\n    text-align: center;\n    transform: translateY(-50%);\n    transition: 0.3s ease-in-out;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2; }\n  .vueperslides__paused {\n    position: absolute;\n    transition: 0.3s ease-in-out; }\n  .vueperslides__bullets {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0; }\n    .vueperslides__bullets--outside {\n      position: relative; }\n  .vueperslides__bullet {\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n    .vueperslides__bullet::-moz-focus-inner {\n      border: 0; }\n\n/*# sourceMappingURL=VueperSlides.vue.map */"] }, media: undefined });
   };
@@ -1218,0 +1330,0 @@ /* scoped */

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={})}(this,function(e){"use strict";var t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},n={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:{wrapperStyles:function(){return t({},!this.$parent.conf.slideImageInside&&this.image&&{backgroundImage:"url("+this.image+")"})},imageStyles:function(){return t({},this.$parent.conf.slideImageInside&&this.image&&{backgroundImage:"url("+this.image+")"})},hasTitleSlotData:function(){return void 0!==this.$slots.slideTitle},hasContentSlotData:function(){return void 0!==this.$slots.slideContent}}},i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:{vueperslide:!0,"vueperslide--active":e.$parent.slides.activeUid===e._uid},style:e.wrapperStyles,attrs:{"aria-hidden":e.$parent.slides.activeUid===e._uid?"false":"true"}},[e.image&&e.$parent.conf.slideImageInside?n("div",{staticClass:"vueperslide__image",style:e.imageStyles}):e._e(),n("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:"vueperslide__content-wrapper"},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.title||e.hasTitleSlotData,expression:"title || hasTitleSlotData"}],staticClass:"vueperslide__title"},[n("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?n("div",{domProps:{innerHTML:e._s(e.title)}}):e._e()]),e.content||e.hasContentSlotData?n("div",{staticClass:"vueperslide__content"},[n("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?n("div",{domProps:{innerHTML:e._s(e.content)}}):e._e()]):e._e()])])};i._withStripped=!0;var s=function(e,t,n,i,s,o,r,a){var l=("function"==typeof n?n.options:n)||{};l.__file="/Users/anto/Programming/localhost/vueper-slides/src/components/VueperSlide.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,s&&(l.functional=!0)),l._scopeId=i;var d=void 0;if(t&&(d=function(e){t.call(this,r(e))}),void 0!==d)if(l.functional){var u=l.render;l.render=function(e,t){return d.call(t),u(e,t)}}else{var c=l.beforeCreate;l.beforeCreate=c?[].concat(c,d):[d]}return l}({render:i,staticRenderFns:[]},function(e){e&&e("data-v-78115b02_0",{source:"\n.vueperslide {\n  white-space: normal;\n  background-size: cover;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.vueperslide__image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-size: cover;\n}\n.vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom) {\n    position: absolute;\n}\n.vueperslides--fade .vueperslide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0;\n  transition: .8s ease-in-out opacity;\n}\n.vueperslides--fade .vueperslide--active {\n    z-index: 1;\n    opacity: 1;\n}\n\n/*# sourceMappingURL=VueperSlide.vue.map */",map:{version:3,sources:["/Users/anto/Programming/localhost/vueper-slides/src/components/VueperSlide.vue","VueperSlide.vue"],names:[],mappings:";AAgEA;EACA,oBAAA;EACA,uBAAA;EACA,sBAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;CAcA;AAZA;IACA,mBAAA;IACA,OAAA;IACA,QAAA;IACA,SAAA;IACA,UAAA;IACA,uBAAA;CACA;AAEA;IACA,mBAAA;CACA;AAGA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,oCAAA;CAMA;AAbA;IAUA,WAAA;IACA,WAAA;CACA;;ACrEA,2CAA2C",file:"VueperSlide.vue",sourcesContent:[null,".vueperslide {\n  white-space: normal;\n  background-size: cover;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  height: 100%; }\n  .vueperslide__image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-size: cover; }\n  .vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom) {\n    position: absolute; }\n\n.vueperslides--fade .vueperslide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0;\n  transition: .8s ease-in-out opacity; }\n  .vueperslides--fade .vueperslide--active {\n    z-index: 1;\n    opacity: 1; }\n\n/*# sourceMappingURL=VueperSlide.vue.map */"]},media:void 0})},n,void 0,!1,0,function e(){var d=document.head||document.getElementsByTagName("head")[0],u=e.styles||(e.styles={}),c="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(e,t){if(!document.querySelector('style[data-vue-ssr-id~="'+e+'"]')){var n=c?t.media||"default":e,i=u[n]||(u[n]={ids:[],parts:[],element:void 0});if(!i.ids.includes(e)){var s=t.source,o=i.ids.length;if(i.ids.push(e),c&&(i.element=i.element||document.querySelector("style[data-group="+n+"]")),!i.element){var r=i.element=document.createElement("style");r.type="text/css",t.media&&r.setAttribute("media",t.media),c&&(r.setAttribute("data-group",n),r.setAttribute("data-next-index","0")),d.appendChild(r)}if(c&&(o=parseInt(i.element.getAttribute("data-next-index")),i.element.setAttribute("data-next-index",o+1)),i.element.styleSheet)i.parts.push(s),i.element.styleSheet.cssText=i.parts.filter(Boolean).join("\n");else{var a=document.createTextNode(s),l=i.element.childNodes;l[o]&&i.element.removeChild(l[o]),l.length?i.element.insertBefore(a,l[o]):i.element.appendChild(a)}}}}}),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e};function r(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var a={name:"vueper-slides",components:{VueperSlide:s},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{}}},fixedHeight:{type:[Boolean,String],default:!1},slideImageInside:{type:Boolean,default:!1}},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=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],n=2<arguments.length&&void 0!==arguments[2]&&arguments[2],i=[e];if((t||"number"==typeof n)&&(i[1]={},t&&this.slides.activeUid&&(i[1].currentSlide=this.getSlideData(this.slides.current)),"number"==typeof n)){var s=this.getSlideInRange(n).nextSlide;i[1].nextSlide=this.getSlideData(s)}this.$emit.apply(this,[e].concat(i))},getSlideData:function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],n=this.slides.list[e],i=n.$slots,s=i.slideTitle,o=void 0===s?[{}]:s,r=i.slideContent,a=void 0===r?[{}]:r,l=o[0].elm,d=void 0===l?{}:l,u=a[0].elm,c=void 0===u?{}:u,A={index:e,title:n.title,titleSlot:d&&d.innerHTML||null,content:n.content,contentSlot:c&&c.innerHTML||null,image:n.image};if(t){var p=n.$el.attributes,h=(p=void 0===p?{}:p).style,v=(h=void 0===h?{}:h).value,f=void 0===v?"":v;A.style=f}return A},getCurrentSlideData:function(e){var t=this.getSlideData(this.slides.current),n=t.titleSlot,i=t.title,s=t.contentSlot,o=t.content;return"title"===e?i||n:o||s},setBreakpointsList:function(){this.breakpointsData.list=[99999].concat(r(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(r(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&&(this.refreshParallax(),document.addEventListener("scroll",this.onScroll))},getSlideshowOffsetTop:function(){var e=0<arguments.length&&void 0!==arguments[0]&&arguments[0];if(null===this.parallaxData.slideshowOffsetTop||e){for(var t=this.container,n=t.offsetTop;t=t.offsetParent;)n+=t.offsetTop;this.parallaxData.slideshowOffsetTop=n}return this.parallaxData.slideshowOffsetTop},onScroll:function(){var e=document.documentElement,t=(window.pageYOffset||e.scrollTop)-(e.clientTop||0),n=window.innerHeight||e.clientHeight||document.body.clientHeight,i=this.container.clientHeight,s=this.getSlideshowOffsetTop(),o=s+i-t,r=n+t-s;if(this.parallaxData.isVisible=0<o&&0<r,this.parallaxData.isVisible){var a=100*o/(n+i),l=-1===this.conf.parallax?100-a:a;this.parallaxData.translation=-l/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=.5<=t,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 n=this.getDragPercentage(e);this.transition.currentTranslation=-100*(this.slides.current+(this.touch.goNext?1:0)+(this.clones.length?1:0)-n)}},onMouseUp:function(e){if(this.mouseDown||this.touch.dragging){this.mouseDown=!1,this.touch.dragging=!1;var t=void 0;if(this.draggingDistance){var n=this.touch.dragAmount;this.container.clientWidth;t=this.slides.current,Math.abs(n)>=this.draggingDistance&&(t+=0<n?-1:1)}else t=-(Math.round(this.transition.currentTranslation/100)+(this.clones.length?1:0));var i=this.getSlideInRange(t).nextSlide;this.arrowNextDisabled&&this.conf.autoplay&&0===i&&(i=this.slides.count-1),i!==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)},previous:function(){this.goToSlide(this.slides.current-1)},next:function(){this.goToSlide(this.slides.current+1)},refreshParallax:function(){var e=this;setTimeout(function(){e.onResize(),e.onScroll()},100)},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(n){var i=this,e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};if(this.slides.count&&!this.disable){this.conf.autoplay&&this.clearTimer();var t=e.animation,s=void 0===t||t,o=e.autoPlaying,r=void 0!==o&&o,a=e.jumping,l=void 0!==a&&a;this.transition.animated=s,setTimeout(function(){return i.transition.animated=!1},this.transitionSpeed);var d=this.getSlideInRange(n),u=d.nextSlide,c=d.clone;this.isReady&&!l&&(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 e=-1===n&&i.slides.current!==i.slides.count-1,t=n===i.slides.count&&0!==i.slides.current;e||t||(i.transition.speed=0,i.goToSlide(c?0:i.slides.count-1,{animation:!1,jumping:!0}),setTimeout(function(){return i.transition.speed=i.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&&!l&&this.emit("slide"),this.isReady&&!r&&!l&&this.$refs.bullet[this.slides.current]&&this.$refs.bullet[this.slides.current].focus())}},addSlide:function(e){var t=this,n=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),1<this.slides.count&&this.touchable&&(this.touch.enabled=!0),n&&this.$nextTick(function(){return t.cloneSlides()})},removeSlide:function(n){var i=this,s=!1;this.slides.list.some(function(e,t){if(e._uid===n)return i.slides.list.splice(t,1),i.slides.count=i.slides.list.length,n===i.slides.activeUid&&(i.slides.activeUid=null,i.goToSlide(t-1,{autoPlaying:!0})),i.slides.count<=1&&(i.touch.enabled=!1),i.clones.length&&i.isReady&&!e.clone&&(s=!0),!0}),this.slides.count&&s&&this.cloneSlides()}},computed:{conf:function(){var e=o({},this.$props,this.$props.breakpoints&&this.$props.breakpoints[this.breakpointsData.current]||{});return e.fade&&(e.infinite=!1),e},vueperStyles:function(){return/^-?\d/.test(this.conf.fixedHeight)?"height: "+this.conf.fixedHeight:null},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}}},l=function(){var n=this,e=n.$createElement,i=n._self._c||e;return i("div",{ref:"vueperslides",staticClass:"vueperslides",class:{"vueperslides--ready":n.isReady,"vueperslides--fade":n.conf.fade,"vueperslides--parallax":n.conf.parallax,"vueperslides--touchable":n.touch.enabled&&!n.disable,"vueperslides--fixed-height":n.conf.fixedHeight,"vueperslides--animated":n.transition.animated},style:n.vueperStyles,attrs:{"aria-label":"Slideshow"}},["top"===n.conf.slideContentOutside?i("div",{staticClass:"vueperslide__content-wrapper vueperslide__content-wrapper--outside-top",class:n.conf.slideContentOutsideClass},[n.slides.count?i("div",{staticClass:"vueperslide__title",domProps:{innerHTML:n._s(n.getCurrentSlideData("title"))}}):n._e(),n.slides.count?i("div",{staticClass:"vueperslide__content",domProps:{innerHTML:n._s(n.getCurrentSlideData("content"))}}):n._e()]):n._e(),i("div",{staticClass:"vueperslides__inner"},[i("div",{staticClass:"vueperslides__parallax-wrapper",style:"padding-bottom:"+100*n.conf.slideRatio+"%",attrs:{"aria-live":"polite"}},[i("div",{staticClass:"vueperslides__track-wrapper",style:n.trackWrapperStyles},[i("div",{ref:"track",staticClass:"vueperslides__track",class:{"vueperslides__track--dragging":n.touch.dragging,"vueperslides__track--mousedown":n.mouseDown},style:n.trackStyles},[n.slides.count&&n.clones[0]?i("vueper-slide",{staticClass:"vueperslide--clone",style:n.clones[0].style,attrs:{clone:0,title:n.clones[0].title,content:n.clones[0].content,image:n.clones[0].image,"aria-hidden":"true"}},[n.clones[0].titleSlot?i("div",{attrs:{slot:"slideTitle"},domProps:{innerHTML:n._s(n.clones[0].titleSlot)},slot:"slideTitle"}):n._e(),n.clones[0].contentSlot?i("div",{attrs:{slot:"slideContent"},domProps:{innerHTML:n._s(n.clones[0].contentSlot)},slot:"slideContent"}):n._e()]):n._e(),n._t("default",null,{currentSlide:n.slides.current}),n.slides.count&&n.clones[1]?i("vueper-slide",{staticClass:"vueperslide--clone",style:n.clones[1].style,attrs:{clone:1,title:n.clones[1].title,content:n.clones[1].content,image:n.clones[1].image,"aria-hidden":"true"}},[n.clones[1].titleSlot?i("div",{attrs:{slot:"slideTitle"},domProps:{innerHTML:n._s(n.clones[1].titleSlot)},slot:"slideTitle"}):n._e(),n.clones[1].contentSlot?i("div",{attrs:{slot:"slideContent"},domProps:{innerHTML:n._s(n.clones[1].contentSlot)},slot:"slideContent"}):n._e()]):n._e()],2)])]),n.$slots.pausedIcon?i("div",{staticClass:"vueperslides__paused"},[n._t("pausedIcon")],2):n._e(),n.conf.arrows&&1<n.slides.count&&!n.disable?i("div",{staticClass:"vueperslides__arrows",class:{"vueperslides__arrows--outside":n.conf.arrowsOutside}},[i("button",{directives:[{name:"show",rawName:"v-show",value:!n.arrowPrevDisabled,expression:"!arrowPrevDisabled"}],staticClass:"vueperslides__arrow vueperslides__arrow--prev",attrs:{"aria-label":"Previous"},on:{click:function(e){n.previous()}}},[n._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:!n.arrowNextDisabled,expression:"!arrowNextDisabled"}],staticClass:"vueperslides__arrow vueperslides__arrow--next",attrs:{"aria-label":"Next"},on:{click:function(e){n.next()}}},[n._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)]):n._e(),n.conf.bullets&&1<n.slides.count&&!n.disable&&!n.conf.bulletsOutside?i("div",{staticClass:"vueperslides__bullets",attrs:{role:"tablist","aria-label":"Slideshow navigation"}},n._l(n.slides.list,function(e,t){return i("button",{key:t,ref:"bullet",refInFor:!0,staticClass:"vueperslides__bullet",class:{"vueperslides__bullet--active":n.slides.current===t},on:{click:function(e){n.goToSlide(t)},keyup:[function(e){return"button"in e||!n._k(e.keyCode,"left",37,e.key,["Left","ArrowLeft"])?"button"in e&&0!==e.button?null:void n.previous():null},function(e){return"button"in e||!n._k(e.keyCode,"right",39,e.key,["Right","ArrowRight"])?"button"in e&&2!==e.button?null:void n.next():null}]}},[i("span",[n._v(n._s(t+1))])])})):n._e()]),n.conf.bullets&&1<n.slides.count&&!n.disable&&n.conf.bulletsOutside?i("div",{staticClass:"vueperslides__bullets vueperslides__bullets--outside"},n._l(n.slides.list,function(e,t){return i("button",{key:t,ref:"bullet",refInFor:!0,staticClass:"vueperslides__bullet",class:{"vueperslides__bullet--active":n.slides.current===t},on:{click:function(e){n.goToSlide(t)},keyup:[function(e){return"button"in e||!n._k(e.keyCode,"left",37,e.key,["Left","ArrowLeft"])?"button"in e&&0!==e.button?null:void n.previous():null},function(e){return"button"in e||!n._k(e.keyCode,"right",39,e.key,["Right","ArrowRight"])?"button"in e&&2!==e.button?null:void n.next():null}]}},[i("span",[n._v(n._s(t+1))])])})):n._e(),"bottom"===n.conf.slideContentOutside?i("div",{staticClass:"vueperslide__content-wrapper vueperslide__content-wrapper--outside-bottom",class:n.conf.slideContentOutsideClass},[n.slides.count?i("div",{staticClass:"vueperslide__title",domProps:{innerHTML:n._s(n.getCurrentSlideData("title"))}}):n._e(),n.slides.count?i("div",{staticClass:"vueperslide__content",domProps:{innerHTML:n._s(n.getCurrentSlideData("content"))}}):n._e()]):n._e()])};l._withStripped=!0;var d=function(e,t,n,i,s,o,r,a){var l=("function"==typeof n?n.options:n)||{};l.__file="/Users/anto/Programming/localhost/vueper-slides/src/components/VueperSlides.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,s&&(l.functional=!0)),l._scopeId=i;var d=void 0;if(t&&(d=function(e){t.call(this,r(e))}),void 0!==d)if(l.functional){var u=l.render;l.render=function(e,t){return d.call(t),u(e,t)}}else{var c=l.beforeCreate;l.beforeCreate=c?[].concat(c,d):[d]}return l}({render:l,staticRenderFns:[]},function(e){e&&e("data-v-8ae54a42_0",{source:"\n.vueperslides {\n  position: relative;\n}\n.vueperslides--fixed-height .vueperslides__inner,\n  .vueperslides--fixed-height .vueperslides__parallax-wrapper,\n  .vueperslides--fixed-height .vueperslide {\n    height: inherit;\n}\n.vueperslides--fixed-height .vueperslides__parallax-wrapper {\n    padding-bottom: 0 !important;\n}\n.vueperslides__inner {\n    position: relative;\n    user-select: none;\n}\n.vueperslides__parallax-wrapper {\n    position: relative;\n    overflow: hidden;\n}\n.vueperslides__track-wrapper {\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: 0;\n    right: 0;\n    overflow: hidden;\n    z-index: 1;\n}\n.vueperslides--parallax .vueperslides__track-wrapper {\n    height: 200%;\n    transform: translateY(0);\n}\n.vueperslides--fade .vueperslides__track {\n    white-space: normal;\n    transition: none;\n}\n.vueperslides--touchable .vueperslides__track {\n    cursor: ew-resize;\n    cursor: -webkit-grab;\n    cursor: grab;\n}\n.vueperslides--touchable .vueperslides__track--mousedown, .vueperslides--touchable .vueperslides__track--dragging {\n      cursor: -webkit-grabbing;\n      cursor: grabbing;\n}\n.vueperslides__track {\n    white-space: nowrap;\n    transition: 0.5s ease-in-out transform;\n    height: 100%;\n}\n.vueperslides__track--mousedown {\n      transition: 0.2s ease-in-out transform !important;\n}\n.vueperslides__track--dragging {\n      transition: none;\n}\n.vueperslides__track--no-animation {\n      transition-duration: 0s;\n}\n.vueperslides__arrow {\n    position: absolute;\n    fill: currentColor;\n    width: 1em;\n    text-align: center;\n    transform: translateY(-50%);\n    transition: 0.3s ease-in-out;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2;\n}\n.vueperslides__paused {\n    position: absolute;\n    transition: 0.3s ease-in-out;\n}\n.vueperslides__bullets {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n}\n.vueperslides__bullets--outside {\n      position: relative;\n}\n.vueperslides__bullet {\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.vueperslides__bullet::-moz-focus-inner {\n      border: 0;\n}\n\n/*# sourceMappingURL=VueperSlides.vue.map */",map:{version:3,sources:["/Users/anto/Programming/localhost/vueper-slides/src/components/VueperSlides.vue","VueperSlides.vue"],names:[],mappings:";AAqtBA;EACA,mBAAA;CAsHA;AApHA;;;IAIA,gBAAA;CACA;AALA;IAQA,6BAAA;CACA;AAGA;IACA,mBAAA;IACA,kBAAA;CACA;AAEA;IACA,mBAAA;IAEA,iBAAA;CACA;AAEA;IACA,mBAAA;IACA,OAAA;IACA,aAAA;IACA,QAAA;IACA,SAAA;IACA,iBAAA;IACA,WAAA;CACA;AAEA;IACA,aAAA;IACA,yBAAA;CACA;AAEA;IACA,oBAAA;IACA,iBAAA;CACA;AAEA;IACA,kBAAA;IACA,qBAAA;IACA,aAAA;CAMA;AATA;MAMA,yBAAA;MACA,iBAAA;CACA;AAGA;IACA,oBAAA;IACA,uCAAA;IACA,aAAA;CAaA;AAXA;MACA,kDAAA;CACA;AAEA;MACA,iBAAA;CACA;AAEA;MACA,wBAAA;CACA;AAGA;IACA,mBAAA;IACA,mBAAA;IACA,WAAA;IACA,mBAAA;IACA,4BAAA;IACA,6BAAA;IACA,gBAAA;IACA,kBAAA;IACA,cAAA;IACA,WAAA;CACA;AAEA;IACA,mBAAA;IACA,6BAAA;CACA;AAEA;IACA,cAAA;IACA,wBAAA;IACA,mBAAA;IACA,UAAA;IACA,QAAA;IACA,SAAA;CAKA;AAHA;MACA,mBAAA;CACA;AAGA;IACA,gBAAA;IACA,kBAAA;IACA,cAAA;IACA,WAAA;IACA,cAAA;IACA,wBAAA;IACA,oBAAA;CAKA;AAZA;MAUA,UAAA;CACA;;AC3vBA,4CAA4C",file:"VueperSlides.vue",sourcesContent:[null,".vueperslides {\n  position: relative; }\n  .vueperslides--fixed-height .vueperslides__inner,\n  .vueperslides--fixed-height .vueperslides__parallax-wrapper,\n  .vueperslides--fixed-height .vueperslide {\n    height: inherit; }\n  .vueperslides--fixed-height .vueperslides__parallax-wrapper {\n    padding-bottom: 0 !important; }\n  .vueperslides__inner {\n    position: relative;\n    user-select: none; }\n  .vueperslides__parallax-wrapper {\n    position: relative;\n    overflow: hidden; }\n  .vueperslides__track-wrapper {\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: 0;\n    right: 0;\n    overflow: hidden;\n    z-index: 1; }\n  .vueperslides--parallax .vueperslides__track-wrapper {\n    height: 200%;\n    transform: translateY(0); }\n  .vueperslides--fade .vueperslides__track {\n    white-space: normal;\n    transition: none; }\n  .vueperslides--touchable .vueperslides__track {\n    cursor: ew-resize;\n    cursor: -webkit-grab;\n    cursor: grab; }\n    .vueperslides--touchable .vueperslides__track--mousedown, .vueperslides--touchable .vueperslides__track--dragging {\n      cursor: -webkit-grabbing;\n      cursor: grabbing; }\n  .vueperslides__track {\n    white-space: nowrap;\n    transition: 0.5s ease-in-out transform;\n    height: 100%; }\n    .vueperslides__track--mousedown {\n      transition: 0.2s ease-in-out transform !important; }\n    .vueperslides__track--dragging {\n      transition: none; }\n    .vueperslides__track--no-animation {\n      transition-duration: 0s; }\n  .vueperslides__arrow {\n    position: absolute;\n    fill: currentColor;\n    width: 1em;\n    text-align: center;\n    transform: translateY(-50%);\n    transition: 0.3s ease-in-out;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2; }\n  .vueperslides__paused {\n    position: absolute;\n    transition: 0.3s ease-in-out; }\n  .vueperslides__bullets {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0; }\n    .vueperslides__bullets--outside {\n      position: relative; }\n  .vueperslides__bullet {\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n    .vueperslides__bullet::-moz-focus-inner {\n      border: 0; }\n\n/*# sourceMappingURL=VueperSlides.vue.map */"]},media:void 0})},a,void 0,!1,0,function e(){var d=document.head||document.getElementsByTagName("head")[0],u=e.styles||(e.styles={}),c="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(e,t){if(!document.querySelector('style[data-vue-ssr-id~="'+e+'"]')){var n=c?t.media||"default":e,i=u[n]||(u[n]={ids:[],parts:[],element:void 0});if(!i.ids.includes(e)){var s=t.source,o=i.ids.length;if(i.ids.push(e),c&&(i.element=i.element||document.querySelector("style[data-group="+n+"]")),!i.element){var r=i.element=document.createElement("style");r.type="text/css",t.media&&r.setAttribute("media",t.media),c&&(r.setAttribute("data-group",n),r.setAttribute("data-next-index","0")),d.appendChild(r)}if(c&&(o=parseInt(i.element.getAttribute("data-next-index")),i.element.setAttribute("data-next-index",o+1)),i.element.styleSheet)i.parts.push(s),i.element.styleSheet.cssText=i.parts.filter(Boolean).join("\n");else{var a=document.createTextNode(s),l=i.element.childNodes;l[o]&&i.element.removeChild(l[o]),l.length?i.element.insertBefore(a,l[o]):i.element.appendChild(a)}}}}});"undefined"!=typeof window&&window.Vue&&(window.Vue.component("vueper-slides",d),window.Vue.component("vueper-slide",s)),e.VueperSlides=d,e.VueperSlide=s,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={})}(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 n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},i={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:{wrapperStyles:function(){return t({},!this.$parent.conf.slideImageInside&&this.image&&{backgroundImage:"url("+this.image+")"},this.$parent.conf.visibleSlides&&{width:100/this.$parent.conf.visibleSlides+"%"})},imageStyles:function(){return t({},this.$parent.conf.slideImageInside&&this.image&&{backgroundImage:"url("+this.image+")"})},hasTitleSlotData:function(){return void 0!==this.$slots.slideTitle},hasContentSlotData:function(){return void 0!==this.$slots.slideContent}}},n=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{class:{vueperslide:!0,"vueperslide--active":e.$parent.slides.activeUid===e._uid},style:e.wrapperStyles,attrs:{"aria-hidden":e.$parent.slides.activeUid===e._uid?"false":"true"}},[e.image&&e.$parent.conf.slideImageInside?i("div",{staticClass:"vueperslide__image",style:e.imageStyles}):e._e(),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:"vueperslide__content-wrapper"},[i("div",{directives:[{name:"show",rawName:"v-show",value:e.title||e.hasTitleSlotData,expression:"title || hasTitleSlotData"}],staticClass:"vueperslide__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:"vueperslide__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()])])};n._withStripped=!0;var s=function(e,t,i,n,s,o,r,l){var a=("function"==typeof i?i.options:i)||{};a.__file="/Users/anto/Programming/localhost/vueper-slides/src/components/VueperSlide.vue",a.render||(a.render=e.render,a.staticRenderFns=e.staticRenderFns,a._compiled=!0,s&&(a.functional=!0)),a._scopeId=n;var d=void 0;if(t&&(d=function(e){t.call(this,r(e))}),void 0!==d)if(a.functional){var u=a.render;a.render=function(e,t){return d.call(t),u(e,t)}}else{var c=a.beforeCreate;a.beforeCreate=c?[].concat(c,d):[d]}return a}({render:n,staticRenderFns:[]},function(e){e&&e("data-v-37ed1eb1_0",{source:"\n.vueperslide {\n  white-space: normal;\n  background-size: cover;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.vueperslide__image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-size: cover;\n}\n.vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom) {\n    position: absolute;\n}\n.vueperslides--fade .vueperslide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0;\n  transition: .8s ease-in-out opacity;\n}\n.vueperslides--fade .vueperslide--active {\n    z-index: 1;\n    opacity: 1;\n}\n\n/*# sourceMappingURL=VueperSlide.vue.map */",map:{version:3,sources:["/Users/anto/Programming/localhost/vueper-slides/src/components/VueperSlide.vue","VueperSlide.vue"],names:[],mappings:";AAmEA;EACA,oBAAA;EACA,uBAAA;EACA,sBAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;CAcA;AAZA;IACA,mBAAA;IACA,OAAA;IACA,QAAA;IACA,SAAA;IACA,UAAA;IACA,uBAAA;CACA;AAEA;IACA,mBAAA;CACA;AAGA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,oCAAA;CAMA;AAbA;IAUA,WAAA;IACA,WAAA;CACA;;ACxEA,2CAA2C",file:"VueperSlide.vue",sourcesContent:[null,".vueperslide {\n  white-space: normal;\n  background-size: cover;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  height: 100%; }\n  .vueperslide__image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-size: cover; }\n  .vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom) {\n    position: absolute; }\n\n.vueperslides--fade .vueperslide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0;\n  transition: .8s ease-in-out opacity; }\n  .vueperslides--fade .vueperslide--active {\n    z-index: 1;\n    opacity: 1; }\n\n/*# sourceMappingURL=VueperSlide.vue.map */"]},media:void 0})},i,void 0,!1,0,function e(){var d=document.head||document.getElementsByTagName("head")[0],u=e.styles||(e.styles={}),c="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(e,t){if(!document.querySelector('style[data-vue-ssr-id~="'+e+'"]')){var i=c?t.media||"default":e,n=u[i]||(u[i]={ids:[],parts:[],element:void 0});if(!n.ids.includes(e)){var s=t.source,o=n.ids.length;if(n.ids.push(e),c&&(n.element=n.element||document.querySelector("style[data-group="+i+"]")),!n.element){var r=n.element=document.createElement("style");r.type="text/css",t.media&&r.setAttribute("media",t.media),c&&(r.setAttribute("data-group",i),r.setAttribute("data-next-index","0")),d.appendChild(r)}if(c&&(o=parseInt(n.element.getAttribute("data-next-index")),n.element.setAttribute("data-next-index",o+1)),n.element.styleSheet)n.parts.push(s),n.element.styleSheet.cssText=n.parts.filter(Boolean).join("\n");else{var l=document.createTextNode(s),a=n.element.childNodes;a[o]&&n.element.removeChild(a[o]),a.length?n.element.insertBefore(l,a[o]):n.element.appendChild(l)}}}}}),o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e};function r(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)}var l={name:"vueper-slides",components:{VueperSlide:s},props:{initSlide:{type:Number,default:1},slideRatio:{type:Number,default:1/3},arrows:{type:Boolean,default:!0},arrowsOutside:{type:Boolean,default:null},disableArrowsOnEdges:{type:[Boolean,String],default:!1},bullets:{type:Boolean,default:!0},bulletsOutside:{type:Boolean,default:null},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{}}},fixedHeight:{type:[Boolean,String],default:!1},slideImageInside:{type:Boolean,default:!1},slideMultiple:{type:[Boolean,Number],default:!1},visibleSlides:{type:Number,default:1}},data:function(){return{isReady:!1,container:null,slides:{list:[],count:0,activeUid:null,current:0,focus:0,clones:[]},clones:[],mouseDown:!1,mouseOver:!1,touch:{enabled:!0,dragging:!1,dragStartX:0,dragAmount: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=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],i=2<arguments.length&&void 0!==arguments[2]&&arguments[2],n=[e];if((t||"number"==typeof i)&&(n[1]={},t&&this.slides.activeUid&&(n[1].currentSlide=this.getSlideData(this.slides.current)),"number"==typeof i)){var s=this.getSlideInRange(i).nextSlide;n[1].nextSlide=this.getSlideData(s)}this.$emit.apply(this,[e].concat(n))},getSlideData:function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],i=this.slides.list[e],n=i.$slots,s=n.slideTitle,o=void 0===s?[{}]:s,r=n.slideContent,l=void 0===r?[{}]:r,a=o[0].elm,d=void 0===a?{}:a,u=l[0].elm,c=void 0===u?{}:u,p={index:e,title:i.title,titleSlot:d&&d.innerHTML||null,content:i.content,contentSlot:c&&c.innerHTML||null,image:i.image};if(t){var A=i.$el.attributes,h=(A=void 0===A?{}:A).style,f=(h=void 0===h?{}:h).value,v=void 0===f?"":f;p.style=v}return p},getCurrentSlideData:function(e){var t=this.getSlideData(this.slides.current),i=t.titleSlot,n=t.title,s=t.contentSlot,o=t.content;return"title"===e?n||i:o||s},setBreakpointsList:function(){this.breakpointsData.list=[99999].concat(r(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(r(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){var t=(this.breakpoints&&this.breakpoints[e]||{}).slideMultiple!==this.conf.slideMultiple;this.breakpointsData.current=e,t&&(this.slides.current=this.slides.focus,this.goToSlide(this.slides.current))},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&&(this.refreshParallax(),document.addEventListener("scroll",this.onScroll))},getSlideshowOffsetTop:function(){var e=0<arguments.length&&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(){var e=document.documentElement,t=(window.pageYOffset||e.scrollTop)-(e.clientTop||0),i=window.innerHeight||e.clientHeight||document.body.clientHeight,n=this.container.clientHeight,s=this.getSlideshowOffsetTop(),o=s+n-t,r=i+t-s;if(this.parallaxData.isVisible=0<o&&0<r,this.parallaxData.isVisible){var l=100*o/(i+n),a=-1===this.conf.parallax?100-l:l;this.parallaxData.translation=-a/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){this.touch.enabled&&!this.disable&&(e.touches||e.preventDefault(),this.conf.infinite&&this.cloneSlides(),this.mouseDown=!0,this.touch.dragStartX=this.getCurrentMouseX(e),this.conf.draggingDistance||this.updateCurrentTranslation(null,this.touch.dragStartX))},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.conf.draggingDistance){this.touch.dragAmount=this.getDragAmount(e);var t=this.touch.dragAmount/this.container.clientWidth;this.updateCurrentTranslation(),this.transition.currentTranslation+=100*t}else this.updateCurrentTranslation(null,this.getCurrentMouseX(e))},onMouseUp:function(e){if(this.mouseDown=!1,!this.touch.dragging)return this.cancelSlideChange();this.touch.dragging=!1;var t=this.conf.draggingDistance?-this.touch.dragAmount:0,i=(this.slides.current,this.clones.length,100*(((this.touch.dragStartX-this.container.offsetLeft)/this.container.clientWidth<.5?0:1)-(this.getCurrentMouseX(e)-this.container.offsetLeft)/this.container.clientWidth)),n=0<(t||i);if(-1===[Math.abs(t)<this.conf.draggingDistance,!this.conf.draggingDistance&&Math.abs(i)<50,this.arrowPrevDisabled&&!this.slides.current&&!n,this.arrowNextDisabled&&this.slides.current===this.slides.count-1&&n].indexOf(!0)){var s=this.slides.current+this.conf.slideMultiple*(n?1:-1);this.goToSlide(s)}else this.cancelSlideChange();this.touch.dragStartX=null,this.touch.dragAmount=null},cancelSlideChange:function(){this.conf.fade||this.updateCurrentTranslation()},getCurrentMouseX:function(e){return"ontouchstart"in window?e.touches[0].clientX:e.clientX},getDragAmount:function(e){return("ontouchstart"in window?e.touches[0].clientX:e.clientX)-this.touch.dragStartX},getBasicTranslation:function(){var e=this.slides.current/this.conf.visibleSlides;return this.conf.infinite&&(e+=1/this.conf.visibleSlides),e},updateCurrentTranslation:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:null,t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null,i=this.getBasicTranslation();if(this.conf.infinite&&null!==e&&(i=(e?this.slides.count+1:0)/this.conf.visibleSlides),this.touch.dragStartX&&t){i+=((this.touch.dragStartX-this.container.offsetLeft)/this.container.clientWidth<.5?0:1)-(t-this.container.offsetLeft)/this.container.clientWidth}if(1<this.conf.visibleSlides&&1===this.conf.slideMultiple&&!this.conf.infinite){var n=Math.ceil(this.conf.visibleSlides/2),s=this.slides.count-(this.slides.current+1),o=this.conf.visibleSlides-n,r=s<o,l=n-1,a=Math.min(l,this.slides.current);r&&(a+=o-s),i-=a/this.conf.visibleSlides}this.transition.currentTranslation=100*-i},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+e.conf.slideMultiple,{autoPlaying:!0})},this.conf.speed)},previous:function(){this.goToSlide(this.slides.current-this.conf.slideMultiple)},next:function(){this.goToSlide(this.slides.current+this.conf.slideMultiple)},refreshParallax:function(){var e=this;setTimeout(function(){e.onResize(),e.onScroll()},100)},getFirstVisibleSlide:function(e){return Math.floor(e/this.conf.slideMultiple)*this.conf.slideMultiple},getSlideInRange:function(e,t){var i=null;this.conf.infinite&&-1===e?i=0:this.conf.infinite&&e===this.slides.count&&(i=1);var n=(e+this.slides.count)%this.slides.count;if(1<this.conf.slideMultiple){var s=this.slides.count%this.conf.slideMultiple||this.conf.slideMultiple,o=this.conf.slideMultiple-s;n+=e<0?o:0,n=this.getFirstVisibleSlide(n),this.getFirstVisibleSlide(this.slides.focus)!==n&&(this.slides.focus=n)}return this.conf.disableArrowsOnEdges&&(e<0||e>this.slides.count-1)&&!t&&(n=this.slides.current),{nextSlide:n,clone:i}},goToSlide:function(i){var n=this,e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};if(this.slides.count&&!this.disable){this.conf.autoplay&&this.clearTimer();var t=e.animation,s=void 0===t||t,o=e.autoPlaying,r=void 0!==o&&o,l=e.jumping,a=void 0!==l&&l;this.transition.animated=s,setTimeout(function(){return n.transition.animated=!1},this.transitionSpeed);var d=this.getSlideInRange(i,r),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||u-this.conf.slideMultiple<0,this.arrowNextDisabled=u===this.slides.count-1||u+this.conf.slideMultiple>this.slides.count-1),null!==c&&setTimeout(function(){var e=-1===i&&n.slides.current!==n.slides.count-1,t=i===n.slides.count&&0!==n.slides.current;e||t||(n.transition.speed=0,n.goToSlide(c?0:n.slides.count-1,{animation:!1,jumping:!0}),setTimeout(function(){return n.transition.speed=n.conf.transitionSpeed},50))},this.transition.speed-50),this.slides.current=u,this.conf.fade||this.updateCurrentTranslation(c),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&&!r&&!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),1<this.slides.count&&this.touchable&&(this.touch.enabled=!0),i&&this.$nextTick(function(){return t.cloneSlides()})},removeSlide:function(i){var n=this,s=!1;this.slides.list.some(function(e,t){if(e._uid===i)return n.slides.list.splice(t,1),n.slides.count=n.slides.list.length,i===n.slides.activeUid&&(n.slides.activeUid=null,n.goToSlide(t-1,{autoPlaying:!0})),n.slides.count<=1&&(n.touch.enabled=!1),n.clones.length&&n.isReady&&!e.clone&&(s=!0),!0}),this.slides.count&&s&&this.cloneSlides()}},computed:{conf:function(){var e=o({},this.$props,this.$props.breakpoints&&this.$props.breakpoints[this.breakpointsData.current]||{});return e.slideMultiple=e.slideMultiple?e.visibleSlides:1,(e.fade||e.disableArrowsOnEdges||1<e.visibleSlides)&&(e.infinite=!1),e.arrowsOutside=e.arrowsOutside||1<e.visibleSlides&&null===e.arrowsOutside,e.bulletsOutside=e.bulletsOutside||1<e.visibleSlides&&null===e.bulletsOutside,e},vueperStyles:function(){return/^-?\d/.test(this.conf.fixedHeight)?"height: "+this.conf.fixedHeight:null},trackStyles:function(){var e={};return this.conf.parallax&&(e.transform="translateY("+this.parallaxData.translation+"%)",e.willChange=this.parallaxData.isVisible?"transform":"auto"),e},trackInnerStyles:function(){var e={};return e.transitionDuration=this.transition.speed+"ms",this.conf.fade||(e.transform="translateX("+this.transition.currentTranslation+"%)"),e}}},a=function(){var i=this,e=i.$createElement,n=i._self._c||e;return n("div",{ref:"vueperslides",staticClass:"vueperslides",class:{"vueperslides--ready":i.isReady,"vueperslides--fade":i.conf.fade,"vueperslides--parallax":i.conf.parallax,"vueperslides--touchable":i.touch.enabled&&!i.disable,"vueperslides--fixed-height":i.conf.fixedHeight,"vueperslides--animated":i.transition.animated},style:i.vueperStyles,attrs:{"aria-label":"Slideshow"}},["top"===i.conf.slideContentOutside?n("div",{staticClass:"vueperslide__content-wrapper vueperslide__content-wrapper--outside-top",class:i.conf.slideContentOutsideClass},[i.slides.count?n("div",{staticClass:"vueperslide__title",domProps:{innerHTML:i._s(i.getCurrentSlideData("title"))}}):i._e(),i.slides.count?n("div",{staticClass:"vueperslide__content",domProps:{innerHTML:i._s(i.getCurrentSlideData("content"))}}):i._e()]):i._e(),n("div",{staticClass:"vueperslides__inner"},[n("div",{staticClass:"vueperslides__parallax-wrapper",style:"padding-bottom:"+100*i.conf.slideRatio+"%",attrs:{"aria-live":"polite"}},[n("div",{ref:"track",staticClass:"vueperslides__track",class:{"vueperslides__track--dragging":i.touch.dragging,"vueperslides__track--mousedown":i.mouseDown},style:i.trackStyles},[n("div",{staticClass:"vueperslides__track-inner",style:i.trackInnerStyles},[i.slides.count&&i.clones[0]?n("vueper-slide",{staticClass:"vueperslide--clone",style:i.clones[0].style,attrs:{clone:0,title:i.clones[0].title,content:i.clones[0].content,image:i.clones[0].image,"aria-hidden":"true"}},[i.clones[0].titleSlot?n("div",{attrs:{slot:"slideTitle"},domProps:{innerHTML:i._s(i.clones[0].titleSlot)},slot:"slideTitle"}):i._e(),i.clones[0].contentSlot?n("div",{attrs:{slot:"slideContent"},domProps:{innerHTML:i._s(i.clones[0].contentSlot)},slot:"slideContent"}):i._e()]):i._e(),i._t("default",null,{currentSlide:i.slides.current}),i.slides.count&&i.clones[1]?n("vueper-slide",{staticClass:"vueperslide--clone",style:i.clones[1].style,attrs:{clone:1,title:i.clones[1].title,content:i.clones[1].content,image:i.clones[1].image,"aria-hidden":"true"}},[i.clones[1].titleSlot?n("div",{attrs:{slot:"slideTitle"},domProps:{innerHTML:i._s(i.clones[1].titleSlot)},slot:"slideTitle"}):i._e(),i.clones[1].contentSlot?n("div",{attrs:{slot:"slideContent"},domProps:{innerHTML:i._s(i.clones[1].contentSlot)},slot:"slideContent"}):i._e()]):i._e()],2)])]),i.$slots.pausedIcon?n("div",{staticClass:"vueperslides__paused"},[i._t("pausedIcon")],2):i._e(),i.conf.arrows&&1<i.slides.count&&!i.disable?n("div",{staticClass:"vueperslides__arrows",class:{"vueperslides__arrows--outside":i.conf.arrowsOutside}},[n("button",{directives:[{name:"show",rawName:"v-show",value:!i.arrowPrevDisabled,expression:"!arrowPrevDisabled"}],staticClass:"vueperslides__arrow vueperslides__arrow--prev",attrs:{"aria-label":"Previous"},on:{click:function(e){i.previous()}}},[i._t("arrowLeft",[n("svg",{attrs:{viewBox:"0 0 24 24"}},[n("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),n("button",{directives:[{name:"show",rawName:"v-show",value:!i.arrowNextDisabled,expression:"!arrowNextDisabled"}],staticClass:"vueperslides__arrow vueperslides__arrow--next",attrs:{"aria-label":"Next"},on:{click:function(e){i.next()}}},[i._t("arrowRight",[n("svg",{attrs:{viewBox:"0 0 24 24"}},[n("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)]):i._e(),i.conf.bullets&&1<i.slides.count&&!i.disable&&!i.conf.bulletsOutside?n("div",{staticClass:"vueperslides__bullets",attrs:{role:"tablist","aria-label":"Slideshow navigation"}},i._l(Math.ceil(i.slides.count/i.conf.slideMultiple),function(e,t){return n("button",{key:t,ref:"bullet",refInFor:!0,staticClass:"vueperslides__bullet",class:{"vueperslides__bullet--active":i.slides.current===t*i.conf.slideMultiple},on:{click:function(e){i.goToSlide(t*i.conf.slideMultiple)},keyup:[function(e){return"button"in e||!i._k(e.keyCode,"left",37,e.key,["Left","ArrowLeft"])?"button"in e&&0!==e.button?null:void i.previous():null},function(e){return"button"in e||!i._k(e.keyCode,"right",39,e.key,["Right","ArrowRight"])?"button"in e&&2!==e.button?null:void i.next():null}]}},[n("span",[i._v(i._s(t+1))])])})):i._e()]),i.conf.bullets&&1<i.slides.count&&!i.disable&&i.conf.bulletsOutside?n("div",{staticClass:"vueperslides__bullets vueperslides__bullets--outside"},i._l(Math.ceil(i.slides.count/i.conf.slideMultiple),function(e,t){return n("button",{key:t,ref:"bullet",refInFor:!0,staticClass:"vueperslides__bullet",class:{"vueperslides__bullet--active":i.slides.current===t*i.conf.slideMultiple},on:{click:function(e){i.goToSlide(t*i.conf.slideMultiple)},keyup:[function(e){return"button"in e||!i._k(e.keyCode,"left",37,e.key,["Left","ArrowLeft"])?"button"in e&&0!==e.button?null:void i.previous():null},function(e){return"button"in e||!i._k(e.keyCode,"right",39,e.key,["Right","ArrowRight"])?"button"in e&&2!==e.button?null:void i.next():null}]}},[n("span",[i._v(i._s(t+1))])])})):i._e(),"bottom"===i.conf.slideContentOutside?n("div",{staticClass:"vueperslide__content-wrapper vueperslide__content-wrapper--outside-bottom",class:i.conf.slideContentOutsideClass},[i.slides.count?n("div",{staticClass:"vueperslide__title",domProps:{innerHTML:i._s(i.getCurrentSlideData("title"))}}):i._e(),i.slides.count?n("div",{staticClass:"vueperslide__content",domProps:{innerHTML:i._s(i.getCurrentSlideData("content"))}}):i._e()]):i._e()])};a._withStripped=!0;var d=function(e,t,i,n,s,o,r,l){var a=("function"==typeof i?i.options:i)||{};a.__file="/Users/anto/Programming/localhost/vueper-slides/src/components/VueperSlides.vue",a.render||(a.render=e.render,a.staticRenderFns=e.staticRenderFns,a._compiled=!0,s&&(a.functional=!0)),a._scopeId=n;var d=void 0;if(t&&(d=function(e){t.call(this,r(e))}),void 0!==d)if(a.functional){var u=a.render;a.render=function(e,t){return d.call(t),u(e,t)}}else{var c=a.beforeCreate;a.beforeCreate=c?[].concat(c,d):[d]}return a}({render:a,staticRenderFns:[]},function(e){e&&e("data-v-f2e9e65c_0",{source:"\n.vueperslides {\n  position: relative;\n}\n.vueperslides--fixed-height .vueperslides__inner,\n  .vueperslides--fixed-height .vueperslides__parallax-wrapper,\n  .vueperslides--fixed-height .vueperslide {\n    height: inherit;\n}\n.vueperslides--fixed-height .vueperslides__parallax-wrapper {\n    padding-bottom: 0 !important;\n}\n.vueperslides__inner {\n    position: relative;\n    user-select: none;\n}\n.vueperslides__parallax-wrapper {\n    position: relative;\n    overflow: hidden;\n}\n.vueperslides__track {\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: 0;\n    right: 0;\n    overflow: hidden;\n    z-index: 1;\n}\n.vueperslides--parallax .vueperslides__track {\n      height: 200%;\n      transform: translateY(0);\n}\n.vueperslides--touchable .vueperslides__track {\n      cursor: ew-resize;\n      cursor: -webkit-grab;\n      cursor: grab;\n}\n.vueperslides--touchable .vueperslides__track--mousedown, .vueperslides--touchable .vueperslides__track--dragging {\n        cursor: -webkit-grabbing;\n        cursor: grabbing;\n}\n.vueperslides__track-inner {\n    white-space: nowrap;\n    transition: 0.5s ease-in-out transform;\n    height: 100%;\n}\n.vueperslides--fade .vueperslides__track-inner {\n      white-space: normal;\n      transition: none;\n}\n.vueperslides__track--mousedown .vueperslides__track-inner {\n      transition: 0.2s ease-in-out transform !important;\n}\n.vueperslides__track--dragging .vueperslides__track-inner {\n      transition: none;\n}\n.vueperslides__track--no-animation .vueperslides__track-inner {\n      transition-duration: 0s;\n}\n.vueperslides__arrow {\n    position: absolute;\n    fill: currentColor;\n    width: 1em;\n    text-align: center;\n    transform: translateY(-50%);\n    transition: 0.3s ease-in-out;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2;\n}\n.vueperslides__paused {\n    position: absolute;\n    transition: 0.3s ease-in-out;\n}\n.vueperslides__bullets {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n}\n.vueperslides__bullets--outside {\n      position: relative;\n}\n.vueperslides__bullet {\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.vueperslides__bullet::-moz-focus-inner {\n      border: 0;\n}\n\n/*# sourceMappingURL=VueperSlides.vue.map */",map:{version:3,sources:["/Users/anto/Programming/localhost/vueper-slides/src/components/VueperSlides.vue","VueperSlides.vue"],names:[],mappings:";AAo0BA;EACA,mBAAA;CAqHA;AAnHA;;;IAIA,gBAAA;CACA;AALA;IAQA,6BAAA;CACA;AAGA;IACA,mBAAA;IACA,kBAAA;CACA;AAEA;IACA,mBAAA;IACA,iBAAA;CACA;AAEA;IACA,mBAAA;IACA,OAAA;IACA,aAAA;IACA,QAAA;IACA,SAAA;IACA,iBAAA;IACA,WAAA;CAiBA;AAfA;MACA,aAAA;MACA,yBAAA;CACA;AAEA;MACA,kBAAA;MACA,qBAAA;MACA,aAAA;CAMA;AATA;QAMA,yBAAA;QACA,iBAAA;CACA;AAIA;IACA,oBAAA;IACA,uCAAA;IACA,aAAA;CAkBA;AAhBA;MACA,oBAAA;MACA,iBAAA;CACA;AAEA;MACA,kDAAA;CACA;AAEA;MACA,iBAAA;CACA;AAEA;MACA,wBAAA;CACA;AAGA;IACA,mBAAA;IACA,mBAAA;IACA,WAAA;IACA,mBAAA;IACA,4BAAA;IACA,6BAAA;IACA,gBAAA;IACA,kBAAA;IACA,cAAA;IACA,WAAA;CACA;AAEA;IACA,mBAAA;IACA,6BAAA;CACA;AAEA;IACA,cAAA;IACA,wBAAA;IACA,mBAAA;IACA,UAAA;IACA,QAAA;IACA,SAAA;CAKA;AAHA;MACA,mBAAA;CACA;AAGA;IACA,gBAAA;IACA,kBAAA;IACA,cAAA;IACA,WAAA;IACA,cAAA;IACA,wBAAA;IACA,oBAAA;CAKA;AAZA;MAUA,UAAA;CACA;;ACz2BA,4CAA4C",file:"VueperSlides.vue",sourcesContent:[null,".vueperslides {\n  position: relative; }\n  .vueperslides--fixed-height .vueperslides__inner,\n  .vueperslides--fixed-height .vueperslides__parallax-wrapper,\n  .vueperslides--fixed-height .vueperslide {\n    height: inherit; }\n  .vueperslides--fixed-height .vueperslides__parallax-wrapper {\n    padding-bottom: 0 !important; }\n  .vueperslides__inner {\n    position: relative;\n    user-select: none; }\n  .vueperslides__parallax-wrapper {\n    position: relative;\n    overflow: hidden; }\n  .vueperslides__track {\n    position: absolute;\n    top: 0;\n    height: 100%;\n    left: 0;\n    right: 0;\n    overflow: hidden;\n    z-index: 1; }\n    .vueperslides--parallax .vueperslides__track {\n      height: 200%;\n      transform: translateY(0); }\n    .vueperslides--touchable .vueperslides__track {\n      cursor: ew-resize;\n      cursor: -webkit-grab;\n      cursor: grab; }\n      .vueperslides--touchable .vueperslides__track--mousedown, .vueperslides--touchable .vueperslides__track--dragging {\n        cursor: -webkit-grabbing;\n        cursor: grabbing; }\n  .vueperslides__track-inner {\n    white-space: nowrap;\n    transition: 0.5s ease-in-out transform;\n    height: 100%; }\n    .vueperslides--fade .vueperslides__track-inner {\n      white-space: normal;\n      transition: none; }\n    .vueperslides__track--mousedown .vueperslides__track-inner {\n      transition: 0.2s ease-in-out transform !important; }\n    .vueperslides__track--dragging .vueperslides__track-inner {\n      transition: none; }\n    .vueperslides__track--no-animation .vueperslides__track-inner {\n      transition-duration: 0s; }\n  .vueperslides__arrow {\n    position: absolute;\n    fill: currentColor;\n    width: 1em;\n    text-align: center;\n    transform: translateY(-50%);\n    transition: 0.3s ease-in-out;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2; }\n  .vueperslides__paused {\n    position: absolute;\n    transition: 0.3s ease-in-out; }\n  .vueperslides__bullets {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0; }\n    .vueperslides__bullets--outside {\n      position: relative; }\n  .vueperslides__bullet {\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n    .vueperslides__bullet::-moz-focus-inner {\n      border: 0; }\n\n/*# sourceMappingURL=VueperSlides.vue.map */"]},media:void 0})},l,void 0,!1,0,function e(){var d=document.head||document.getElementsByTagName("head")[0],u=e.styles||(e.styles={}),c="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(e,t){if(!document.querySelector('style[data-vue-ssr-id~="'+e+'"]')){var i=c?t.media||"default":e,n=u[i]||(u[i]={ids:[],parts:[],element:void 0});if(!n.ids.includes(e)){var s=t.source,o=n.ids.length;if(n.ids.push(e),c&&(n.element=n.element||document.querySelector("style[data-group="+i+"]")),!n.element){var r=n.element=document.createElement("style");r.type="text/css",t.media&&r.setAttribute("media",t.media),c&&(r.setAttribute("data-group",i),r.setAttribute("data-next-index","0")),d.appendChild(r)}if(c&&(o=parseInt(n.element.getAttribute("data-next-index")),n.element.setAttribute("data-next-index",o+1)),n.element.styleSheet)n.parts.push(s),n.element.styleSheet.cssText=n.parts.filter(Boolean).join("\n");else{var l=document.createTextNode(s),a=n.element.childNodes;a[o]&&n.element.removeChild(a[o]),a.length?n.element.insertBefore(l,a[o]):n.element.appendChild(l)}}}}});"undefined"!=typeof window&&window.Vue&&(window.Vue.component("vueper-slides",d),window.Vue.component("vueper-slide",s)),e.VueperSlides=d,e.VueperSlide=s,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=vueperslides.min.js.map

package.json

 {
   "name": "vueperslides",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "A touch ready & responsive slideshow for Vue JS.",
@@ -5,0 +5,0 @@ "repository": "https://github.com/antoniandre/vueper-slides",

README.md

@@ -28,2 +28,3 @@ # Vueper Slides
 
+- __Version 1.13.0__ Allow multiple items per slide
 - __Version 1.12.0__ Add a 'no-shadow' class to remove default inner shadow
@@ -30,0 +31,0 @@ - __Version 1.11.0__ Allow slide background inside slide container

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

146456

increased by9.71%

Lines of code

1392

increased by7.41%

Number of lines in readme file

46

increased by2.22%

No dependency changes