Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vueperslides

Package Overview
Dependencies
Maintainers
1
Versions
109
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vueperslides - npm Package Compare versions

Comparing version 1.14.0 to 1.15.0

78

dist/vueperslides.js

@@ -43,6 +43,11 @@ (function (global, factory) {

},
data: function data() {
return {
index: 0
};
},
created: function created() {
// vueperslide component has this useful attributes:
// _uid, image, title, titleSlot, content, contentSlot, clone.
this.$parent.addSlide(this);
this.index = this.$parent.addSlide(this);
},

@@ -58,3 +63,3 @@

wrapperStyles: function wrapperStyles() {
return _extends({}, !this.$parent.conf.slideImageInside && this.image && { backgroundImage: 'url(' + this.image + ')' }, this.$parent.conf.visibleSlides && { width: 100 / this.$parent.conf.visibleSlides + '%' }, this.$parent.conf.visibleSlides > 1 && this.$parent.conf.fade && { left: this.slideIndex % this.$parent.conf.visibleSlides / this.$parent.conf.visibleSlides * 100 + '%' });
return _extends({}, !this.$parent.conf.slideImageInside && this.image && { backgroundImage: 'url(' + this.image + ')' }, this.$parent.conf.visibleSlides > 1 && { width: 100 / this.$parent.conf.visibleSlides + '%' }, this.$parent.conf.visibleSlides > 1 && this.$parent.conf.fade && { left: this.slideIndex % this.$parent.conf.visibleSlides / this.$parent.conf.visibleSlides * 100 + '%' });
},

@@ -74,2 +79,26 @@ imageStyles: function imageStyles() {

},
slideFace3d: function slideFace3d() {
if (!this.$parent.conf['3d']) return false;
var faces = ['front', 'right', 'back', 'left'];
var slidesCount = this.$parent.slides.list.length;
var prevSlideIndex = (this.$parent.slides.current - 1 + slidesCount) % slidesCount;
var nextSlideIndex = (this.$parent.slides.current + 1) % slidesCount;
// Index starts at 1 so this.index-1.
if (this.index - 1 === prevSlideIndex) return faces[(4 + this.$parent.slides.current - 1) % 4];else if (this.index - 1 === nextSlideIndex) return faces[(this.$parent.slides.current + 1) % 4];
return faces[(this.index - 1) % 4];
},
isPreviousSlide: function isPreviousSlide() {
if (!this.$parent.conf['3d']) return false;
var slidesCount = this.$parent.slides.list.length;
var prevSlideIndex = (this.$parent.slides.current - 1 + slidesCount) % slidesCount;
return this._uid === this.$parent.slides.list[prevSlideIndex]._uid;
},
isNextSlide: function isNextSlide() {
if (!this.$parent.conf['3d']) return false;
var slidesCount = this.$parent.slides.list.length;
var nextSlideIndex = (this.$parent.slides.current + 1) % slidesCount;
return this._uid === this.$parent.slides.list[nextSlideIndex]._uid;
},
isSlideVisible: function isSlideVisible() {

@@ -98,3 +127,3 @@ var activeSlideUid = this.$parent.slides.activeUid;

var __vue_render__ = function __vue_render__() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('div', { class: { 'vueperslide': true, 'vueperslide--active': _vm.$parent.slides.activeUid === _vm._uid, 'vueperslide--visible': _vm.isSlideVisible }, style: _vm.wrapperStyles, attrs: { "aria-hidden": _vm.$parent.slides.activeUid === _vm._uid ? 'false' : 'true' } }, [_vm.image && _vm.$parent.conf.slideImageInside ? _c('div', { staticClass: "vueperslide__image", style: _vm.imageStyles }) : _vm._e(), _c('div', { directives: [{ name: "show", rawName: "v-show", value: !_vm.$parent.conf.slideContentOutside && (_vm.title || _vm.hasTitleSlotData || _vm.content || _vm.hasContentSlotData), expression: "!$parent.conf.slideContentOutside && (title || hasTitleSlotData || content || hasContentSlotData)" }], staticClass: "vueperslide__content-wrapper" }, [_c('div', { directives: [{ name: "show", rawName: "v-show", value: _vm.title || _vm.hasTitleSlotData, expression: "title || hasTitleSlotData" }], staticClass: "vueperslide__title" }, [_c('div', { directives: [{ name: "show", rawName: "v-show", value: !_vm.$parent.conf.slideContentOutside && !_vm.title, expression: "!$parent.conf.slideContentOutside && !title" }] }, [_vm._t("slideTitle")], 2), _vm.title ? _c('div', { domProps: { "innerHTML": _vm._s(_vm.title) } }) : _vm._e()]), _vm.content || _vm.hasContentSlotData ? _c('div', { staticClass: "vueperslide__content" }, [_c('div', { directives: [{ name: "show", rawName: "v-show", value: !_vm.$parent.conf.slideContentOutside && !_vm.content, expression: "!$parent.conf.slideContentOutside && !content" }] }, [_vm._t("slideContent")], 2), _vm.content ? _c('div', { domProps: { "innerHTML": _vm._s(_vm.content) } }) : _vm._e()]) : _vm._e()])]);
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('div', { staticClass: "vueperslide", class: { 'vueperslide--active': _vm.$parent.slides.activeUid === _vm._uid, 'vueperslide--previous-slide': _vm.isPreviousSlide, 'vueperslide--next-slide': _vm.isNextSlide, 'vueperslide--visible': _vm.isSlideVisible }, style: _vm.wrapperStyles, attrs: { "face": _vm.slideFace3d, "aria-hidden": _vm.$parent.slides.activeUid === _vm._uid || _vm.isSlideVisible ? 'false' : 'true' } }, [_vm.image && _vm.$parent.conf.slideImageInside ? _c('div', { staticClass: "vueperslide__image", style: _vm.imageStyles }) : _vm._e(), _c('div', { directives: [{ name: "show", rawName: "v-show", value: !_vm.$parent.conf.slideContentOutside && (_vm.title || _vm.hasTitleSlotData || _vm.content || _vm.hasContentSlotData), expression: "!$parent.conf.slideContentOutside && (title || hasTitleSlotData || content || hasContentSlotData)" }], staticClass: "vueperslide__content-wrapper" }, [_c('div', { directives: [{ name: "show", rawName: "v-show", value: _vm.title || _vm.hasTitleSlotData, expression: "title || hasTitleSlotData" }], staticClass: "vueperslide__title" }, [_c('div', { directives: [{ name: "show", rawName: "v-show", value: !_vm.$parent.conf.slideContentOutside && !_vm.title, expression: "!$parent.conf.slideContentOutside && !title" }] }, [_vm._t("slideTitle")], 2), _vm.title ? _c('div', { domProps: { "innerHTML": _vm._s(_vm.title) } }) : _vm._e()]), _vm.content || _vm.hasContentSlotData ? _c('div', { staticClass: "vueperslide__content" }, [_c('div', { directives: [{ name: "show", rawName: "v-show", value: !_vm.$parent.conf.slideContentOutside && !_vm.content, expression: "!$parent.conf.slideContentOutside && !content" }] }, [_vm._t("slideContent")], 2), _vm.content ? _c('div', { domProps: { "innerHTML": _vm._s(_vm.content) } }) : _vm._e()]) : _vm._e()])]);
};

@@ -106,3 +135,3 @@ var __vue_staticRenderFns__ = [];

if (!inject) return;
inject("data-v-060a16ad_0", { source: "\n.vueperslide{white-space:normal;background-size:cover;display:inline-block;position:relative;width:100%;height:100%\n}\n.vueperslide__image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover\n}\n.vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom){position:absolute\n}\n.vueperslides--fade .vueperslide{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:.8s ease-in-out opacity\n}\n.vueperslides--fade .vueperslide--active,.vueperslides--fade .vueperslide--visible{z-index:1;opacity:1\n}", map: undefined, media: undefined });
inject("data-v-3a2e6bdc_0", { source: "\n.vueperslide{white-space:normal;background-size:cover;display:inline-block;position:relative;width:100%;height:100%\n}\n.vueperslide__image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover\n}\n.vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom){position:absolute\n}\n.vueperslides--fade .vueperslide{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:.8s ease-in-out opacity\n}\n.vueperslides--fade .vueperslide--active,.vueperslides--fade .vueperslide--visible{z-index:1;opacity:1\n}\n.vueperslides--3d .vueperslide{position:absolute;z-index:-1\n}\n.vueperslides--3d .vueperslide--active,.vueperslides--3d .vueperslide--next-slide,.vueperslides--3d .vueperslide--previous-slide{z-index:0\n}\n.vueperslides--3d .vueperslide--active{z-index:1\n}\n.vueperslides--3d .vueperslide[face=front]{transform:rotateY(90deg) translateX(-50%) rotateY(-90deg)\n}\n.vueperslides--3d .vueperslide[face=right]{transform:rotateY(90deg) translateX(50%);transform-origin:100% 0\n}\n.vueperslides--3d .vueperslide[face=back]{transform:rotateY(270deg) translateX(-50%) rotateY(-90deg)\n}\n.vueperslides--3d .vueperslide[face=left]{transform:rotateY(270deg) translateX(-50%);transform-origin:0 0\n}", map: undefined, media: undefined });
};

@@ -334,2 +363,6 @@ /* scoped */

default: 1
},
'3d': {
type: Boolean,
default: false
}

@@ -747,12 +780,19 @@ },

// 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;
else 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;
if (this.conf['3d']) {
// Prevent dragging more than 1 face away from front face,
// So that we don't need to update faces on drag.
var range = Math.round(dragPercentageStart) ? [0, 2] : [-1, 1];
dragPercentageNow = Math.min(Math.max(dragPercentageNow, range[0]), range[1]);
}
translation += dragPercentage;
}
dragPercentage = (dragPercentageStart < 0.5 ? 0 : 1) - dragPercentageNow;
translation += dragPercentage;
}
// Special behavior if multiple visible slides and sliding 1 by 1:

@@ -985,2 +1025,4 @@ // The translation is modified as user slides just to look nicer.

}
return this.slides.list.length;
},

@@ -1032,3 +1074,3 @@ removeSlide: function removeSlide(uid) {

if (conf.fade || conf.disableArrowsOnEdges || conf.visibleSlides > 1) {
if (conf.fade || conf.disableArrowsOnEdges || conf.visibleSlides > 1 || conf['3d']) {
conf.infinite = false;

@@ -1065,3 +1107,9 @@ }

if (!this.conf.fade) {
if (this.conf['3d']) {
var rotation = this.transition.currentTranslation * 90 / 100;
// Following calculation is equivalent to:
// 'translateZ(slideshowWidth / 2) rotateY(' + rotation + 'deg)'
// but does not require a fixed width.
styles.transform = 'rotateY(-90deg) translateX(-50%) rotateY(90deg) rotateY(' + rotation + 'deg)';
} else if (!this.conf.fade) {
styles.transform = 'translate3d(' + this.transition.currentTranslation + '%, 0, 0)';

@@ -1084,3 +1132,3 @@

var __vue_render__$1 = function __vue_render__() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('div', { ref: "vueperslides", staticClass: "vueperslides", class: { 'vueperslides--ready': _vm.isReady, 'vueperslides--fade': _vm.conf.fade, 'vueperslides--parallax': _vm.conf.parallax, 'vueperslides--touchable': _vm.touch.enabled && !_vm.disable, 'vueperslides--fixed-height': _vm.conf.fixedHeight, 'vueperslides--animated': _vm.transition.animated }, style: _vm.vueperStyles, attrs: { "aria-label": "Slideshow" } }, [_vm.conf.slideContentOutside === 'top' ? _c('div', { staticClass: "vueperslide__content-wrapper vueperslide__content-wrapper--outside-top", class: _vm.conf.slideContentOutsideClass }, [_vm.slides.count ? _c('div', { staticClass: "vueperslide__title", domProps: { "innerHTML": _vm._s(_vm.getCurrentSlideData('title')) } }) : _vm._e(), _vm.slides.count ? _c('div', { staticClass: "vueperslide__content", domProps: { "innerHTML": _vm._s(_vm.getCurrentSlideData('content')) } }) : _vm._e()]) : _vm._e(), _c('div', { staticClass: "vueperslides__inner" }, [_c('div', { staticClass: "vueperslides__parallax-wrapper", style: 'padding-bottom:' + _vm.conf.slideRatio * 100 + '%', attrs: { "aria-live": "polite" } }, [_c('div', { ref: "track", staticClass: "vueperslides__track", class: { 'vueperslides__track--dragging': _vm.touch.dragging, 'vueperslides__track--mousedown': _vm.mouseDown }, style: _vm.trackStyles }, [_c('div', { staticClass: "vueperslides__track-inner", style: _vm.trackInnerStyles }, [_vm.slides.count && _vm.clones[0] ? _c('vueper-slide', { staticClass: "vueperslide--clone", style: _vm.clones[0].style, attrs: { "clone": 0, "title": _vm.clones[0].title, "content": _vm.clones[0].content, "image": _vm.clones[0].image, "aria-hidden": "true" } }, [_vm.clones[0].titleSlot ? _c('div', { attrs: { "slot": "slideTitle" }, domProps: { "innerHTML": _vm._s(_vm.clones[0].titleSlot) }, slot: "slideTitle" }) : _vm._e(), _vm.clones[0].contentSlot ? _c('div', { attrs: { "slot": "slideContent" }, domProps: { "innerHTML": _vm._s(_vm.clones[0].contentSlot) }, slot: "slideContent" }) : _vm._e()]) : _vm._e(), _vm._t("default", null, { currentSlide: _vm.slides.current }), _vm.slides.count && _vm.clones[1] ? _c('vueper-slide', { staticClass: "vueperslide--clone", style: _vm.clones[1].style, attrs: { "clone": 1, "title": _vm.clones[1].title, "content": _vm.clones[1].content, "image": _vm.clones[1].image, "aria-hidden": "true" } }, [_vm.clones[1].titleSlot ? _c('div', { attrs: { "slot": "slideTitle" }, domProps: { "innerHTML": _vm._s(_vm.clones[1].titleSlot) }, slot: "slideTitle" }) : _vm._e(), _vm.clones[1].contentSlot ? _c('div', { attrs: { "slot": "slideContent" }, domProps: { "innerHTML": _vm._s(_vm.clones[1].contentSlot) }, slot: "slideContent" }) : _vm._e()]) : _vm._e()], 2)])]), _vm.$slots.pausedIcon ? _c('div', { staticClass: "vueperslides__paused" }, [_vm._t("pausedIcon")], 2) : _vm._e(), _vm.conf.arrows && _vm.slides.count > 1 && !_vm.disable ? _c('div', { staticClass: "vueperslides__arrows", class: { 'vueperslides__arrows--outside': _vm.conf.arrowsOutside } }, [_c('button', { directives: [{ name: "show", rawName: "v-show", value: !_vm.arrowPrevDisabled, expression: "!arrowPrevDisabled" }], staticClass: "vueperslides__arrow vueperslides__arrow--prev", attrs: { "aria-label": "Previous" }, on: { "click": function click($event) {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('div', { ref: "vueperslides", staticClass: "vueperslides", class: { 'vueperslides--ready': _vm.isReady, 'vueperslides--fade': _vm.conf.fade, 'vueperslides--parallax': _vm.conf.parallax, 'vueperslides--touchable': _vm.touch.enabled && !_vm.disable, 'vueperslides--fixed-height': _vm.conf.fixedHeight, 'vueperslides--3d': _vm.conf['3d'], 'vueperslides--animated': _vm.transition.animated }, style: _vm.vueperStyles, attrs: { "aria-label": "Slideshow" } }, [_vm.conf.slideContentOutside === 'top' ? _c('div', { staticClass: "vueperslide__content-wrapper vueperslide__content-wrapper--outside-top", class: _vm.conf.slideContentOutsideClass }, [_vm.slides.count ? _c('div', { staticClass: "vueperslide__title", domProps: { "innerHTML": _vm._s(_vm.getCurrentSlideData('title')) } }) : _vm._e(), _vm.slides.count ? _c('div', { staticClass: "vueperslide__content", domProps: { "innerHTML": _vm._s(_vm.getCurrentSlideData('content')) } }) : _vm._e()]) : _vm._e(), _c('div', { staticClass: "vueperslides__inner" }, [_c('div', { staticClass: "vueperslides__parallax-wrapper", style: 'padding-bottom:' + _vm.conf.slideRatio * 100 + '%', attrs: { "aria-live": "polite" } }, [_c('div', { ref: "track", staticClass: "vueperslides__track", class: { 'vueperslides__track--dragging': _vm.touch.dragging, 'vueperslides__track--mousedown': _vm.mouseDown }, style: _vm.trackStyles }, [_c('div', { staticClass: "vueperslides__track-inner", style: _vm.trackInnerStyles }, [_vm.slides.count && _vm.clones[0] ? _c('vueper-slide', { staticClass: "vueperslide--clone", style: _vm.clones[0].style, attrs: { "clone": 0, "title": _vm.clones[0].title, "content": _vm.clones[0].content, "image": _vm.clones[0].image, "aria-hidden": "true" } }, [_vm.clones[0].titleSlot ? _c('div', { attrs: { "slot": "slideTitle" }, domProps: { "innerHTML": _vm._s(_vm.clones[0].titleSlot) }, slot: "slideTitle" }) : _vm._e(), _vm.clones[0].contentSlot ? _c('div', { attrs: { "slot": "slideContent" }, domProps: { "innerHTML": _vm._s(_vm.clones[0].contentSlot) }, slot: "slideContent" }) : _vm._e()]) : _vm._e(), _vm._t("default", null, { currentSlide: _vm.slides.current }), _vm.slides.count && _vm.clones[1] ? _c('vueper-slide', { staticClass: "vueperslide--clone", style: _vm.clones[1].style, attrs: { "clone": 1, "title": _vm.clones[1].title, "content": _vm.clones[1].content, "image": _vm.clones[1].image, "aria-hidden": "true" } }, [_vm.clones[1].titleSlot ? _c('div', { attrs: { "slot": "slideTitle" }, domProps: { "innerHTML": _vm._s(_vm.clones[1].titleSlot) }, slot: "slideTitle" }) : _vm._e(), _vm.clones[1].contentSlot ? _c('div', { attrs: { "slot": "slideContent" }, domProps: { "innerHTML": _vm._s(_vm.clones[1].contentSlot) }, slot: "slideContent" }) : _vm._e()]) : _vm._e()], 2)])]), _vm.$slots.pausedIcon ? _c('div', { staticClass: "vueperslides__paused" }, [_vm._t("pausedIcon")], 2) : _vm._e(), _vm.conf.arrows && _vm.slides.count > 1 && !_vm.disable ? _c('div', { staticClass: "vueperslides__arrows", class: { 'vueperslides__arrows--outside': _vm.conf.arrowsOutside } }, [_c('button', { directives: [{ name: "show", rawName: "v-show", value: !_vm.arrowPrevDisabled, expression: "!arrowPrevDisabled" }], staticClass: "vueperslides__arrow vueperslides__arrow--prev", attrs: { "aria-label": "Previous" }, on: { "click": function click($event) {
_vm.previous();

@@ -1152,3 +1200,3 @@ }, "keyup": [function ($event) {

if (!inject) return;
inject("data-v-629ccff4_0", { source: "\n.vueperslides{position:relative\n}\n.vueperslides--fixed-height .vueperslide,.vueperslides--fixed-height .vueperslides__inner,.vueperslides--fixed-height .vueperslides__parallax-wrapper{height:inherit\n}\n.vueperslides--fixed-height .vueperslides__parallax-wrapper{padding-bottom:0!important\n}\n.vueperslides__inner{position:relative;user-select:none\n}\n.vueperslides__parallax-wrapper{position:relative;overflow:hidden\n}\n.vueperslides__track{position:absolute;top:0;height:100%;left:0;right:0;overflow:hidden;z-index:1\n}\n.vueperslides--parallax .vueperslides__track{height:200%;transform:translateY(0)\n}\n.vueperslides--touchable .vueperslides__track{cursor:ew-resize;cursor:-webkit-grab;cursor:grab\n}\n.vueperslides--touchable .vueperslides__track--dragging,.vueperslides--touchable .vueperslides__track--mousedown{cursor:-webkit-grabbing;cursor:grabbing\n}\n.vueperslides__track-inner{white-space:nowrap;transition:.5s ease-in-out transform;height:100%\n}\n.vueperslides--fade .vueperslides__track-inner{white-space:normal;transition:none\n}\n.vueperslides__track--mousedown .vueperslides__track-inner{transition:.2s ease-in-out transform!important\n}\n.vueperslides__track--dragging .vueperslides__track-inner{transition:none\n}\n.vueperslides__track--no-animation .vueperslides__track-inner{transition-duration:0s\n}\n.vueperslides__arrow{position:absolute;fill:currentColor;width:1em;text-align:center;transform:translateY(-50%);transition:.3s ease-in-out;cursor:pointer;user-select:none;outline:0;z-index:2\n}\n.vueperslides__paused{position:absolute;transition:.3s ease-in-out\n}\n.vueperslides__bullets{display:flex;justify-content:center;position:absolute;bottom:0;left:0;right:0\n}\n.vueperslides__bullets--outside{position:relative\n}\n.vueperslides__bullet{cursor:pointer;user-select:none;outline:0;z-index:2;display:flex;justify-content:center;align-items:center\n}\n.vueperslides__bullet::-moz-focus-inner{border:0\n}", map: undefined, media: undefined });
inject("data-v-700c793e_0", { source: "\n.vueperslides{position:relative\n}\n.vueperslides--fixed-height .vueperslide,.vueperslides--fixed-height .vueperslides__inner,.vueperslides--fixed-height .vueperslides__parallax-wrapper{height:inherit\n}\n.vueperslides--fixed-height .vueperslides__parallax-wrapper{padding-bottom:0!important\n}\n.vueperslides__inner{position:relative;user-select:none\n}\n.vueperslides__parallax-wrapper{position:relative;overflow:hidden\n}\n.vueperslides--3d .vueperslides__parallax-wrapper{overflow:visible\n}\n.vueperslides__track{position:absolute;top:0;height:100%;left:0;right:0;overflow:hidden;z-index:1\n}\n.vueperslides--parallax .vueperslides__track{height:200%;transform:translateY(0)\n}\n.vueperslides--touchable .vueperslides__track{cursor:ew-resize;cursor:-webkit-grab;cursor:grab\n}\n.vueperslides--touchable .vueperslides__track--dragging,.vueperslides--touchable .vueperslides__track--mousedown{cursor:-webkit-grabbing;cursor:grabbing\n}\n.vueperslides--3d .vueperslides__track{overflow:visible;perspective:100em\n}\n.vueperslides__track-inner{white-space:nowrap;transition:.5s ease-in-out transform;height:100%\n}\n.vueperslides--fade .vueperslides__track-inner{white-space:normal;transition:none\n}\n.vueperslides--3d .vueperslides__track-inner{transform-style:preserve-3d\n}\n.vueperslides__track--mousedown .vueperslides__track-inner{transition:.2s ease-in-out transform!important\n}\n.vueperslides__track--dragging .vueperslides__track-inner{transition:none\n}\n.vueperslides__track--no-animation .vueperslides__track-inner{transition-duration:0s\n}\n.vueperslides__arrow{position:absolute;fill:currentColor;width:1em;text-align:center;transform:translateY(-50%);transition:.3s ease-in-out;cursor:pointer;user-select:none;outline:0;z-index:2\n}\n.vueperslides__paused{position:absolute;transition:.3s ease-in-out\n}\n.vueperslides__bullets{display:flex;justify-content:center;position:absolute;bottom:0;left:0;right:0\n}\n.vueperslides__bullets--outside{position:relative\n}\n.vueperslides__bullet{cursor:pointer;user-select:none;outline:0;z-index:2;display:flex;justify-content:center;align-items:center\n}\n.vueperslides__bullet::-moz-focus-inner{border:0\n}", map: undefined, media: undefined });
};

@@ -1155,0 +1203,0 @@ /* scoped */

2

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 i=arguments[t];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(e[s]=i[s])}return e};var i=function(e,t,i,s,n,o,l,r){var a=("function"==typeof i?i.options:i)||{};a.__file="VueperSlide.vue",a.render||(a.render=e.render,a.staticRenderFns=e.staticRenderFns,a._compiled=!0,n&&(a.functional=!0)),a._scopeId=s;var d=void 0;if(t&&(d=function(e){t.call(this,l(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: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,"vueperslide--visible":e.isSlideVisible},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()])])},staticRenderFns:[]},function(e){e&&e("data-v-060a16ad_0",{source:"\n.vueperslide{white-space:normal;background-size:cover;display:inline-block;position:relative;width:100%;height:100%\n}\n.vueperslide__image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover\n}\n.vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom){position:absolute\n}\n.vueperslides--fade .vueperslide{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:.8s ease-in-out opacity\n}\n.vueperslides--fade .vueperslide--active,.vueperslides--fade .vueperslide--visible{z-index:1;opacity:1\n}",map:void 0,media:void 0})},{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+"%"},1<this.$parent.conf.visibleSlides&&this.$parent.conf.fade&&{left:this.slideIndex%this.$parent.conf.visibleSlides/this.$parent.conf.visibleSlides*100+"%"})},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},isSlideVisible:function(){var e=this.$parent.slides.activeUid,t=this.slidesList.indexOf(e),i=this.$parent.conf.visibleSlides;return this.slideIndex>=t&&this.slideIndex<t+i},slidesList:function(){return this.$parent.slides.list.map(function(e){return e._uid})},slideIndex:function(){return this.slidesList.indexOf(this._uid)}}},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,s=u[i]||(u[i]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){var n=t.source,o=s.ids.length;if(s.ids.push(e),t.map&&(n+="\n/*# sourceURL="+t.map.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),c&&(s.element=s.element||document.querySelector("style[data-group="+i+"]")),!s.element){var l=s.element=document.createElement("style");l.type="text/css",t.media&&l.setAttribute("media",t.media),c&&(l.setAttribute("data-group",i),l.setAttribute("data-next-index","0")),d.appendChild(l)}if(c&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(n),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{var r=document.createTextNode(n),a=s.element.childNodes;a[o]&&s.element.removeChild(a[o]),a.length?s.element.insertBefore(r,a[o]):s.element.appendChild(r)}}}}}),s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(e[s]=i[s])}return e};function n(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t<e.length;t++)i[t]=e[t];return i}return Array.from(e)}var o=function(e,t,i,s,n,o,l,r){var a=("function"==typeof i?i.options:i)||{};a.__file="VueperSlides.vue",a.render||(a.render=e.render,a.staticRenderFns=e.staticRenderFns,a._compiled=!0,n&&(a.functional=!0)),a._scopeId=s;var d=void 0;if(t&&(d=function(e){t.call(this,l(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:function(){var i=this,e=i.$createElement,s=i._self._c||e;return s("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?s("div",{staticClass:"vueperslide__content-wrapper vueperslide__content-wrapper--outside-top",class:i.conf.slideContentOutsideClass},[i.slides.count?s("div",{staticClass:"vueperslide__title",domProps:{innerHTML:i._s(i.getCurrentSlideData("title"))}}):i._e(),i.slides.count?s("div",{staticClass:"vueperslide__content",domProps:{innerHTML:i._s(i.getCurrentSlideData("content"))}}):i._e()]):i._e(),s("div",{staticClass:"vueperslides__inner"},[s("div",{staticClass:"vueperslides__parallax-wrapper",style:"padding-bottom:"+100*i.conf.slideRatio+"%",attrs:{"aria-live":"polite"}},[s("div",{ref:"track",staticClass:"vueperslides__track",class:{"vueperslides__track--dragging":i.touch.dragging,"vueperslides__track--mousedown":i.mouseDown},style:i.trackStyles},[s("div",{staticClass:"vueperslides__track-inner",style:i.trackInnerStyles},[i.slides.count&&i.clones[0]?s("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?s("div",{attrs:{slot:"slideTitle"},domProps:{innerHTML:i._s(i.clones[0].titleSlot)},slot:"slideTitle"}):i._e(),i.clones[0].contentSlot?s("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]?s("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?s("div",{attrs:{slot:"slideTitle"},domProps:{innerHTML:i._s(i.clones[1].titleSlot)},slot:"slideTitle"}):i._e(),i.clones[1].contentSlot?s("div",{attrs:{slot:"slideContent"},domProps:{innerHTML:i._s(i.clones[1].contentSlot)},slot:"slideContent"}):i._e()]):i._e()],2)])]),i.$slots.pausedIcon?s("div",{staticClass:"vueperslides__paused"},[i._t("pausedIcon")],2):i._e(),i.conf.arrows&&1<i.slides.count&&!i.disable?s("div",{staticClass:"vueperslides__arrows",class:{"vueperslides__arrows--outside":i.conf.arrowsOutside}},[s("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()},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}]}},[i._t("arrowLeft",[s("svg",{attrs:{viewBox:"0 0 24 24"}},[s("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),s("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()},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}]}},[i._t("arrowRight",[s("svg",{attrs:{viewBox:"0 0 24 24"}},[s("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?s("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 s("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}]}},[s("span",[i._v(i._s(t+1))])])})):i._e()]),i.conf.bullets&&1<i.slides.count&&!i.disable&&i.conf.bulletsOutside?s("div",{staticClass:"vueperslides__bullets vueperslides__bullets--outside"},i._l(Math.ceil(i.slides.count/i.conf.slideMultiple),function(e,t){return s("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}]}},[s("span",[i._v(i._s(t+1))])])})):i._e(),"bottom"===i.conf.slideContentOutside?s("div",{staticClass:"vueperslide__content-wrapper vueperslide__content-wrapper--outside-bottom",class:i.conf.slideContentOutsideClass},[i.slides.count?s("div",{staticClass:"vueperslide__title",domProps:{innerHTML:i._s(i.getCurrentSlideData("title"))}}):i._e(),i.slides.count?s("div",{staticClass:"vueperslide__content",domProps:{innerHTML:i._s(i.getCurrentSlideData("content"))}}):i._e()]):i._e()])},staticRenderFns:[]},function(e){e&&e("data-v-629ccff4_0",{source:"\n.vueperslides{position:relative\n}\n.vueperslides--fixed-height .vueperslide,.vueperslides--fixed-height .vueperslides__inner,.vueperslides--fixed-height .vueperslides__parallax-wrapper{height:inherit\n}\n.vueperslides--fixed-height .vueperslides__parallax-wrapper{padding-bottom:0!important\n}\n.vueperslides__inner{position:relative;user-select:none\n}\n.vueperslides__parallax-wrapper{position:relative;overflow:hidden\n}\n.vueperslides__track{position:absolute;top:0;height:100%;left:0;right:0;overflow:hidden;z-index:1\n}\n.vueperslides--parallax .vueperslides__track{height:200%;transform:translateY(0)\n}\n.vueperslides--touchable .vueperslides__track{cursor:ew-resize;cursor:-webkit-grab;cursor:grab\n}\n.vueperslides--touchable .vueperslides__track--dragging,.vueperslides--touchable .vueperslides__track--mousedown{cursor:-webkit-grabbing;cursor:grabbing\n}\n.vueperslides__track-inner{white-space:nowrap;transition:.5s ease-in-out transform;height:100%\n}\n.vueperslides--fade .vueperslides__track-inner{white-space:normal;transition:none\n}\n.vueperslides__track--mousedown .vueperslides__track-inner{transition:.2s ease-in-out transform!important\n}\n.vueperslides__track--dragging .vueperslides__track-inner{transition:none\n}\n.vueperslides__track--no-animation .vueperslides__track-inner{transition-duration:0s\n}\n.vueperslides__arrow{position:absolute;fill:currentColor;width:1em;text-align:center;transform:translateY(-50%);transition:.3s ease-in-out;cursor:pointer;user-select:none;outline:0;z-index:2\n}\n.vueperslides__paused{position:absolute;transition:.3s ease-in-out\n}\n.vueperslides__bullets{display:flex;justify-content:center;position:absolute;bottom:0;left:0;right:0\n}\n.vueperslides__bullets--outside{position:relative\n}\n.vueperslides__bullet{cursor:pointer;user-select:none;outline:0;z-index:2;display:flex;justify-content:center;align-items:center\n}\n.vueperslides__bullet::-moz-focus-inner{border:0\n}",map:void 0,media:void 0})},{name:"vueper-slides",components:{VueperSlide:i},props:{initSlide:{type:Number,default:1},slideRatio:{type:Number,default:1/3},arrows:{type:Boolean,default:!0},arrowsOutside:{type:Boolean,default: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,dragNowX: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],s=[e];if((t||"number"==typeof i)&&(s[1]={},t&&this.slides.activeUid&&(s[1].currentSlide=this.getSlideData(this.slides.current)),"number"==typeof i)){var n=this.getSlideInRange(i).nextSlide;s[1].nextSlide=this.getSlideData(n)}this.$emit.apply(this,[e].concat(s))},getSlideData:function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],i=this.slides.list[e],s=i.$slots,n=s.slideTitle,o=void 0===n?[{}]:n,l=s.slideContent,r=void 0===l?[{}]:l,a=o[0].elm,d=void 0===a?{}:a,u=r[0].elm,c=void 0===u?{}:u,h={index:e,title:i.title,titleSlot:d&&d.innerHTML||null,content:i.content,contentSlot:c&&c.innerHTML||null,image:i.image};if(t){var p=i.$el.attributes,f=(p=void 0===p?{}:p).style,v=(f=void 0===f?{}:f).value,g=void 0===v?"":v;h.style=g}return h},getCurrentSlideData:function(e){var t=this.getSlideData(this.slides.current),i=t.titleSlot,s=t.title,n=t.contentSlot,o=t.content;return"title"===e?s||i:o||n},setBreakpointsList:function(){this.breakpointsData.list=[99999].concat(n(Object.keys(this.breakpoints))).map(function(e){return parseInt(e)}).sort(function(e,t){return parseInt(t)-parseInt(e)})},getCurrentBreakpoint:function(){var e=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,t=[e].concat(n(this.breakpointsData.list)).sort(function(e,t){return parseInt(t)-parseInt(e)});return this.breakpointsData.list[t.indexOf(e)-1]},hasBreakpointChanged:function(e){return this.breakpointsData.current!==parseInt(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,s=this.container.clientHeight,n=this.getSlideshowOffsetTop(),o=n+s-t,l=i+t-n;if(this.parallaxData.isVisible=0<o&&0<l,this.parallaxData.isVisible){var r=100*o/(i+s),a=-1===this.conf.parallax?100-r:r;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.touch.dragNowX=this.getCurrentMouseX(e),this.conf.draggingDistance){this.touch.dragAmount=this.touch.dragNowX-this.touch.dragStartX;var t=this.touch.dragAmount/this.container.clientWidth;this.updateCurrentTranslation(),this.transition.currentTranslation+=100*t}else this.updateCurrentTranslation(null,this.touch.dragNowX)},onMouseUp:function(e){var t=this;if(this.mouseDown=!1,!this.touch.dragging)return this.cancelSlideChange();this.touch.dragging=!1;var i=this.conf.draggingDistance?-this.touch.dragAmount:0,s=100*(((this.touch.dragStartX-this.container.offsetLeft)/this.container.clientWidth<.5?0:1)-(this.touch.dragNowX-this.container.offsetLeft)/this.container.clientWidth),n=0<(i||s);if(-1===[Math.abs(i)<this.conf.draggingDistance,!this.conf.draggingDistance&&Math.abs(s)<50,this.arrowPrevDisabled&&!this.slides.current&&!n,this.arrowNextDisabled&&this.slides.current===this.slides.count-1&&n].indexOf(!0)){var o=this.slides.current+this.conf.slideMultiple*(n?1:-1);this.goToSlide(o)}else this.cancelSlideChange();this.touch.dragStartX=null,this.touch.dragNowX=null,this.touch.dragAmount=null,this.touch.justDragged=!0,setTimeout(function(){return t.touch.justDragged=!1},50)},justDragged:function(){return this.touch.justDragged},cancelSlideChange:function(){this.conf.fade||this.updateCurrentTranslation()},getCurrentMouseX:function(e){return"ontouchstart"in window?e.touches[0].clientX:e.clientX},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 s=Math.ceil(this.conf.visibleSlides/2),n=this.slides.count-(this.slides.current+1),o=this.conf.visibleSlides-s,l=n<o,r=s-1,a=Math.min(r,this.slides.current);l&&(a+=o-n),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 s=(e+this.slides.count)%this.slides.count;if(1<this.conf.slideMultiple){var n=this.slides.count%this.conf.slideMultiple||this.conf.slideMultiple,o=this.conf.slideMultiple-n;s+=e<0?o:0,s=this.getFirstVisibleSlide(s),this.getFirstVisibleSlide(this.slides.focus)!==s&&(this.slides.focus=s)}return this.conf.disableArrowsOnEdges&&(e<0||e>this.slides.count-1)&&!t&&(s=this.slides.current),{nextSlide:s,clone:i}},goToSlide:function(i){var s=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,n=void 0===t||t,o=e.autoPlaying,l=void 0!==o&&o,r=e.jumping,a=void 0!==r&&r;this.transition.animated=n,setTimeout(function(){return s.transition.animated=!1},this.transitionSpeed);var d=this.getSlideInRange(i,l),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&&s.slides.current!==s.slides.count-1,t=i===s.slides.count&&0!==s.slides.current;e||t||(s.transition.speed=0,s.goToSlide(c?0:s.slides.count-1,{animation:!1,jumping:!0}),setTimeout(function(){return s.transition.speed=s.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&&this.conf.bullets&&!l&&!a&&this.$refs.bullet&&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 s=this,n=!1;this.slides.list.some(function(e,t){if(e._uid===i)return s.slides.list.splice(t,1),s.slides.count=s.slides.list.length,i===s.slides.activeUid&&(s.slides.activeUid=null,s.goToSlide(t-1,{autoPlaying:!0})),s.slides.count<=1&&(s.touch.enabled=!1),s.clones.length&&s.isReady&&!e.clone&&(n=!0),!0}),this.slides.count&&n&&this.cloneSlides()}},computed:{conf:function(){var e=s({},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="translate3d(0, "+this.parallaxData.translation+"%, 0)",e.willChange=this.parallaxData.isVisible?"transform":"auto"),e},trackInnerStyles:function(){var e={};return e.transitionDuration=this.transition.speed+"ms",this.conf.fade||(e.transform="translate3d("+this.transition.currentTranslation+"%, 0, 0)",e.willChange=this.touch.dragging||this.transition.animated?"transform":"auto"),e}}},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,s=u[i]||(u[i]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){var n=t.source,o=s.ids.length;if(s.ids.push(e),t.map&&(n+="\n/*# sourceURL="+t.map.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),c&&(s.element=s.element||document.querySelector("style[data-group="+i+"]")),!s.element){var l=s.element=document.createElement("style");l.type="text/css",t.media&&l.setAttribute("media",t.media),c&&(l.setAttribute("data-group",i),l.setAttribute("data-next-index","0")),d.appendChild(l)}if(c&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(n),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{var r=document.createTextNode(n),a=s.element.childNodes;a[o]&&s.element.removeChild(a[o]),a.length?s.element.insertBefore(r,a[o]):s.element.appendChild(r)}}}}});"undefined"!=typeof window&&window.Vue&&(window.Vue.component("vueper-slides",o),window.Vue.component("vueper-slide",i)),e.VueperSlides=o,e.VueperSlide=i,Object.defineProperty(e,"__esModule",{value:!0})});
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t(e.VueperSlides={})}(this,function(e){"use strict";var t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(e[s]=i[s])}return e};var i=function(e,t,i,s,n,r,l,o){var a=("function"==typeof i?i.options:i)||{};a.__file="VueperSlide.vue",a.render||(a.render=e.render,a.staticRenderFns=e.staticRenderFns,a._compiled=!0,n&&(a.functional=!0)),a._scopeId=s;var d=void 0;if(t&&(d=function(e){t.call(this,l(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:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"vueperslide",class:{"vueperslide--active":e.$parent.slides.activeUid===e._uid,"vueperslide--previous-slide":e.isPreviousSlide,"vueperslide--next-slide":e.isNextSlide,"vueperslide--visible":e.isSlideVisible},style:e.wrapperStyles,attrs:{face:e.slideFace3d,"aria-hidden":e.$parent.slides.activeUid===e._uid||e.isSlideVisible?"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()])])},staticRenderFns:[]},function(e){e&&e("data-v-3a2e6bdc_0",{source:"\n.vueperslide{white-space:normal;background-size:cover;display:inline-block;position:relative;width:100%;height:100%\n}\n.vueperslide__image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover\n}\n.vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom){position:absolute\n}\n.vueperslides--fade .vueperslide{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:.8s ease-in-out opacity\n}\n.vueperslides--fade .vueperslide--active,.vueperslides--fade .vueperslide--visible{z-index:1;opacity:1\n}\n.vueperslides--3d .vueperslide{position:absolute;z-index:-1\n}\n.vueperslides--3d .vueperslide--active,.vueperslides--3d .vueperslide--next-slide,.vueperslides--3d .vueperslide--previous-slide{z-index:0\n}\n.vueperslides--3d .vueperslide--active{z-index:1\n}\n.vueperslides--3d .vueperslide[face=front]{transform:rotateY(90deg) translateX(-50%) rotateY(-90deg)\n}\n.vueperslides--3d .vueperslide[face=right]{transform:rotateY(90deg) translateX(50%);transform-origin:100% 0\n}\n.vueperslides--3d .vueperslide[face=back]{transform:rotateY(270deg) translateX(-50%) rotateY(-90deg)\n}\n.vueperslides--3d .vueperslide[face=left]{transform:rotateY(270deg) translateX(-50%);transform-origin:0 0\n}",map:void 0,media:void 0})},{props:{clone:{type:Number,default:null},image:{type:String,default:""},title:{type:String,default:""},content:{type:String,default:""}},data:function(){return{index:0}},created:function(){this.index=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+")"},1<this.$parent.conf.visibleSlides&&{width:100/this.$parent.conf.visibleSlides+"%"},1<this.$parent.conf.visibleSlides&&this.$parent.conf.fade&&{left:this.slideIndex%this.$parent.conf.visibleSlides/this.$parent.conf.visibleSlides*100+"%"})},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},slideFace3d:function(){if(!this.$parent.conf["3d"])return!1;var e=["front","right","back","left"],t=this.$parent.slides.list.length,i=(this.$parent.slides.current-1+t)%t,s=(this.$parent.slides.current+1)%t;return this.index-1===i?e[(4+this.$parent.slides.current-1)%4]:this.index-1===s?e[(this.$parent.slides.current+1)%4]:e[(this.index-1)%4]},isPreviousSlide:function(){if(!this.$parent.conf["3d"])return!1;var e=this.$parent.slides.list.length,t=(this.$parent.slides.current-1+e)%e;return this._uid===this.$parent.slides.list[t]._uid},isNextSlide:function(){if(!this.$parent.conf["3d"])return!1;var e=this.$parent.slides.list.length,t=(this.$parent.slides.current+1)%e;return this._uid===this.$parent.slides.list[t]._uid},isSlideVisible:function(){var e=this.$parent.slides.activeUid,t=this.slidesList.indexOf(e),i=this.$parent.conf.visibleSlides;return this.slideIndex>=t&&this.slideIndex<t+i},slidesList:function(){return this.$parent.slides.list.map(function(e){return e._uid})},slideIndex:function(){return this.slidesList.indexOf(this._uid)}}},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,s=u[i]||(u[i]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){var n=t.source,r=s.ids.length;if(s.ids.push(e),t.map&&(n+="\n/*# sourceURL="+t.map.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),c&&(s.element=s.element||document.querySelector("style[data-group="+i+"]")),!s.element){var l=s.element=document.createElement("style");l.type="text/css",t.media&&l.setAttribute("media",t.media),c&&(l.setAttribute("data-group",i),l.setAttribute("data-next-index","0")),d.appendChild(l)}if(c&&(r=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",r+1)),s.element.styleSheet)s.parts.push(n),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{var o=document.createTextNode(n),a=s.element.childNodes;a[r]&&s.element.removeChild(a[r]),a.length?s.element.insertBefore(o,a[r]):s.element.appendChild(o)}}}}}),s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(e[s]=i[s])}return e};function n(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t<e.length;t++)i[t]=e[t];return i}return Array.from(e)}var r=function(e,t,i,s,n,r,l,o){var a=("function"==typeof i?i.options:i)||{};a.__file="VueperSlides.vue",a.render||(a.render=e.render,a.staticRenderFns=e.staticRenderFns,a._compiled=!0,n&&(a.functional=!0)),a._scopeId=s;var d=void 0;if(t&&(d=function(e){t.call(this,l(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:function(){var i=this,e=i.$createElement,s=i._self._c||e;return s("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--3d":i.conf["3d"],"vueperslides--animated":i.transition.animated},style:i.vueperStyles,attrs:{"aria-label":"Slideshow"}},["top"===i.conf.slideContentOutside?s("div",{staticClass:"vueperslide__content-wrapper vueperslide__content-wrapper--outside-top",class:i.conf.slideContentOutsideClass},[i.slides.count?s("div",{staticClass:"vueperslide__title",domProps:{innerHTML:i._s(i.getCurrentSlideData("title"))}}):i._e(),i.slides.count?s("div",{staticClass:"vueperslide__content",domProps:{innerHTML:i._s(i.getCurrentSlideData("content"))}}):i._e()]):i._e(),s("div",{staticClass:"vueperslides__inner"},[s("div",{staticClass:"vueperslides__parallax-wrapper",style:"padding-bottom:"+100*i.conf.slideRatio+"%",attrs:{"aria-live":"polite"}},[s("div",{ref:"track",staticClass:"vueperslides__track",class:{"vueperslides__track--dragging":i.touch.dragging,"vueperslides__track--mousedown":i.mouseDown},style:i.trackStyles},[s("div",{staticClass:"vueperslides__track-inner",style:i.trackInnerStyles},[i.slides.count&&i.clones[0]?s("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?s("div",{attrs:{slot:"slideTitle"},domProps:{innerHTML:i._s(i.clones[0].titleSlot)},slot:"slideTitle"}):i._e(),i.clones[0].contentSlot?s("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]?s("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?s("div",{attrs:{slot:"slideTitle"},domProps:{innerHTML:i._s(i.clones[1].titleSlot)},slot:"slideTitle"}):i._e(),i.clones[1].contentSlot?s("div",{attrs:{slot:"slideContent"},domProps:{innerHTML:i._s(i.clones[1].contentSlot)},slot:"slideContent"}):i._e()]):i._e()],2)])]),i.$slots.pausedIcon?s("div",{staticClass:"vueperslides__paused"},[i._t("pausedIcon")],2):i._e(),i.conf.arrows&&1<i.slides.count&&!i.disable?s("div",{staticClass:"vueperslides__arrows",class:{"vueperslides__arrows--outside":i.conf.arrowsOutside}},[s("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()},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}]}},[i._t("arrowLeft",[s("svg",{attrs:{viewBox:"0 0 24 24"}},[s("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),s("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()},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}]}},[i._t("arrowRight",[s("svg",{attrs:{viewBox:"0 0 24 24"}},[s("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?s("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 s("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}]}},[s("span",[i._v(i._s(t+1))])])})):i._e()]),i.conf.bullets&&1<i.slides.count&&!i.disable&&i.conf.bulletsOutside?s("div",{staticClass:"vueperslides__bullets vueperslides__bullets--outside"},i._l(Math.ceil(i.slides.count/i.conf.slideMultiple),function(e,t){return s("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}]}},[s("span",[i._v(i._s(t+1))])])})):i._e(),"bottom"===i.conf.slideContentOutside?s("div",{staticClass:"vueperslide__content-wrapper vueperslide__content-wrapper--outside-bottom",class:i.conf.slideContentOutsideClass},[i.slides.count?s("div",{staticClass:"vueperslide__title",domProps:{innerHTML:i._s(i.getCurrentSlideData("title"))}}):i._e(),i.slides.count?s("div",{staticClass:"vueperslide__content",domProps:{innerHTML:i._s(i.getCurrentSlideData("content"))}}):i._e()]):i._e()])},staticRenderFns:[]},function(e){e&&e("data-v-700c793e_0",{source:"\n.vueperslides{position:relative\n}\n.vueperslides--fixed-height .vueperslide,.vueperslides--fixed-height .vueperslides__inner,.vueperslides--fixed-height .vueperslides__parallax-wrapper{height:inherit\n}\n.vueperslides--fixed-height .vueperslides__parallax-wrapper{padding-bottom:0!important\n}\n.vueperslides__inner{position:relative;user-select:none\n}\n.vueperslides__parallax-wrapper{position:relative;overflow:hidden\n}\n.vueperslides--3d .vueperslides__parallax-wrapper{overflow:visible\n}\n.vueperslides__track{position:absolute;top:0;height:100%;left:0;right:0;overflow:hidden;z-index:1\n}\n.vueperslides--parallax .vueperslides__track{height:200%;transform:translateY(0)\n}\n.vueperslides--touchable .vueperslides__track{cursor:ew-resize;cursor:-webkit-grab;cursor:grab\n}\n.vueperslides--touchable .vueperslides__track--dragging,.vueperslides--touchable .vueperslides__track--mousedown{cursor:-webkit-grabbing;cursor:grabbing\n}\n.vueperslides--3d .vueperslides__track{overflow:visible;perspective:100em\n}\n.vueperslides__track-inner{white-space:nowrap;transition:.5s ease-in-out transform;height:100%\n}\n.vueperslides--fade .vueperslides__track-inner{white-space:normal;transition:none\n}\n.vueperslides--3d .vueperslides__track-inner{transform-style:preserve-3d\n}\n.vueperslides__track--mousedown .vueperslides__track-inner{transition:.2s ease-in-out transform!important\n}\n.vueperslides__track--dragging .vueperslides__track-inner{transition:none\n}\n.vueperslides__track--no-animation .vueperslides__track-inner{transition-duration:0s\n}\n.vueperslides__arrow{position:absolute;fill:currentColor;width:1em;text-align:center;transform:translateY(-50%);transition:.3s ease-in-out;cursor:pointer;user-select:none;outline:0;z-index:2\n}\n.vueperslides__paused{position:absolute;transition:.3s ease-in-out\n}\n.vueperslides__bullets{display:flex;justify-content:center;position:absolute;bottom:0;left:0;right:0\n}\n.vueperslides__bullets--outside{position:relative\n}\n.vueperslides__bullet{cursor:pointer;user-select:none;outline:0;z-index:2;display:flex;justify-content:center;align-items:center\n}\n.vueperslides__bullet::-moz-focus-inner{border:0\n}",map:void 0,media:void 0})},{name:"vueper-slides",components:{VueperSlide:i},props:{initSlide:{type:Number,default:1},slideRatio:{type:Number,default:1/3},arrows:{type:Boolean,default:!0},arrowsOutside:{type:Boolean,default: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},"3d":{type:Boolean,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,dragNowX: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],s=[e];if((t||"number"==typeof i)&&(s[1]={},t&&this.slides.activeUid&&(s[1].currentSlide=this.getSlideData(this.slides.current)),"number"==typeof i)){var n=this.getSlideInRange(i).nextSlide;s[1].nextSlide=this.getSlideData(n)}this.$emit.apply(this,[e].concat(s))},getSlideData:function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],i=this.slides.list[e],s=i.$slots,n=s.slideTitle,r=void 0===n?[{}]:n,l=s.slideContent,o=void 0===l?[{}]:l,a=r[0].elm,d=void 0===a?{}:a,u=o[0].elm,c=void 0===u?{}:u,h={index:e,title:i.title,titleSlot:d&&d.innerHTML||null,content:i.content,contentSlot:c&&c.innerHTML||null,image:i.image};if(t){var p=i.$el.attributes,f=(p=void 0===p?{}:p).style,v=(f=void 0===f?{}:f).value,g=void 0===v?"":v;h.style=g}return h},getCurrentSlideData:function(e){var t=this.getSlideData(this.slides.current),i=t.titleSlot,s=t.title,n=t.contentSlot,r=t.content;return"title"===e?s||i:r||n},setBreakpointsList:function(){this.breakpointsData.list=[99999].concat(n(Object.keys(this.breakpoints))).map(function(e){return parseInt(e)}).sort(function(e,t){return parseInt(t)-parseInt(e)})},getCurrentBreakpoint:function(){var e=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,t=[e].concat(n(this.breakpointsData.list)).sort(function(e,t){return parseInt(t)-parseInt(e)});return this.breakpointsData.list[t.indexOf(e)-1]},hasBreakpointChanged:function(e){return this.breakpointsData.current!==parseInt(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,s=this.container.clientHeight,n=this.getSlideshowOffsetTop(),r=n+s-t,l=i+t-n;if(this.parallaxData.isVisible=0<r&&0<l,this.parallaxData.isVisible){var o=100*r/(i+s),a=-1===this.conf.parallax?100-o:o;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.touch.dragNowX=this.getCurrentMouseX(e),this.conf.draggingDistance){this.touch.dragAmount=this.touch.dragNowX-this.touch.dragStartX;var t=this.touch.dragAmount/this.container.clientWidth;this.updateCurrentTranslation(),this.transition.currentTranslation+=100*t}else this.updateCurrentTranslation(null,this.touch.dragNowX)},onMouseUp:function(e){var t=this;if(this.mouseDown=!1,!this.touch.dragging)return this.cancelSlideChange();this.touch.dragging=!1;var i=this.conf.draggingDistance?-this.touch.dragAmount:0,s=100*(((this.touch.dragStartX-this.container.offsetLeft)/this.container.clientWidth<.5?0:1)-(this.touch.dragNowX-this.container.offsetLeft)/this.container.clientWidth),n=0<(i||s);if(-1===[Math.abs(i)<this.conf.draggingDistance,!this.conf.draggingDistance&&Math.abs(s)<50,this.arrowPrevDisabled&&!this.slides.current&&!n,this.arrowNextDisabled&&this.slides.current===this.slides.count-1&&n].indexOf(!0)){var r=this.slides.current+this.conf.slideMultiple*(n?1:-1);this.goToSlide(r)}else this.cancelSlideChange();this.touch.dragStartX=null,this.touch.dragNowX=null,this.touch.dragAmount=null,this.touch.justDragged=!0,setTimeout(function(){return t.touch.justDragged=!1},50)},justDragged:function(){return this.touch.justDragged},cancelSlideChange:function(){this.conf.fade||this.updateCurrentTranslation()},getCurrentMouseX:function(e){return"ontouchstart"in window?e.touches[0].clientX:e.clientX},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;else if(this.touch.dragStartX&&t){var s=(this.touch.dragStartX-this.container.offsetLeft)/this.container.clientWidth,n=(t-this.container.offsetLeft)/this.container.clientWidth;if(this.conf["3d"]){var r=Math.round(s)?[0,2]:[-1,1];n=Math.min(Math.max(n,r[0]),r[1])}i+=(s<.5?0:1)-n}if(1<this.conf.visibleSlides&&1===this.conf.slideMultiple&&!this.conf.infinite){var l=Math.ceil(this.conf.visibleSlides/2),o=this.slides.count-(this.slides.current+1),a=this.conf.visibleSlides-l,d=o<a,u=l-1,c=Math.min(u,this.slides.current);d&&(c+=a-o),i-=c/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 s=(e+this.slides.count)%this.slides.count;if(1<this.conf.slideMultiple){var n=this.slides.count%this.conf.slideMultiple||this.conf.slideMultiple,r=this.conf.slideMultiple-n;s+=e<0?r:0,s=this.getFirstVisibleSlide(s),this.getFirstVisibleSlide(this.slides.focus)!==s&&(this.slides.focus=s)}return this.conf.disableArrowsOnEdges&&(e<0||e>this.slides.count-1)&&!t&&(s=this.slides.current),{nextSlide:s,clone:i}},goToSlide:function(i){var s=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,n=void 0===t||t,r=e.autoPlaying,l=void 0!==r&&r,o=e.jumping,a=void 0!==o&&o;this.transition.animated=n,setTimeout(function(){return s.transition.animated=!1},this.transitionSpeed);var d=this.getSlideInRange(i,l),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&&s.slides.current!==s.slides.count-1,t=i===s.slides.count&&0!==s.slides.current;e||t||(s.transition.speed=0,s.goToSlide(c?0:s.slides.count-1,{animation:!1,jumping:!0}),setTimeout(function(){return s.transition.speed=s.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&&this.conf.bullets&&!l&&!a&&this.$refs.bullet&&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;return 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()}),this.slides.list.length},removeSlide:function(i){var s=this,n=!1;this.slides.list.some(function(e,t){if(e._uid===i)return s.slides.list.splice(t,1),s.slides.count=s.slides.list.length,i===s.slides.activeUid&&(s.slides.activeUid=null,s.goToSlide(t-1,{autoPlaying:!0})),s.slides.count<=1&&(s.touch.enabled=!1),s.clones.length&&s.isReady&&!e.clone&&(n=!0),!0}),this.slides.count&&n&&this.cloneSlides()}},computed:{conf:function(){var e=s({},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["3d"])&&(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="translate3d(0, "+this.parallaxData.translation+"%, 0)",e.willChange=this.parallaxData.isVisible?"transform":"auto"),e},trackInnerStyles:function(){var e={};if(e.transitionDuration=this.transition.speed+"ms",this.conf["3d"]){var t=90*this.transition.currentTranslation/100;e.transform="rotateY(-90deg) translateX(-50%) rotateY(90deg) rotateY("+t+"deg)"}else this.conf.fade||(e.transform="translate3d("+this.transition.currentTranslation+"%, 0, 0)",e.willChange=this.touch.dragging||this.transition.animated?"transform":"auto");return e}}},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,s=u[i]||(u[i]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){var n=t.source,r=s.ids.length;if(s.ids.push(e),t.map&&(n+="\n/*# sourceURL="+t.map.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),c&&(s.element=s.element||document.querySelector("style[data-group="+i+"]")),!s.element){var l=s.element=document.createElement("style");l.type="text/css",t.media&&l.setAttribute("media",t.media),c&&(l.setAttribute("data-group",i),l.setAttribute("data-next-index","0")),d.appendChild(l)}if(c&&(r=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",r+1)),s.element.styleSheet)s.parts.push(n),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{var o=document.createTextNode(n),a=s.element.childNodes;a[r]&&s.element.removeChild(a[r]),a.length?s.element.insertBefore(o,a[r]):s.element.appendChild(o)}}}}});"undefined"!=typeof window&&window.Vue&&(window.Vue.component("vueper-slides",r),window.Vue.component("vueper-slide",i)),e.VueperSlides=r,e.VueperSlide=i,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=vueperslides.min.js.map
{
"name": "vueperslides",
"version": "1.14.0",
"version": "1.15.0",
"description": "A touch ready and responsive slideshow for Vue JS.",

@@ -5,0 +5,0 @@ "repository": "https://github.com/antoniandre/vueper-slides",

@@ -32,2 +32,3 @@ # Vueper Slides

- __Version 1.15.0__ Add 3D Rotation feature
- __Version 1.14.0__ Allow fade transition with multiple items per slide

@@ -34,0 +35,0 @@ - __Version 1.13.0__ Allow multiple items per slide

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc