hooper - npm Package Compare versions

Comparing version 0.2.1 to 0.2.2

dist/hooper.esm.js

@@ -6,2 +6,4 @@ /**
     */
+import Vue from 'vue';
+
 function _defineProperty(obj, key, value) {
@@ -117,2 +119,3 @@ if (key in obj) {
 //
+var EMITTER = new Vue();
 var script = {
@@ -201,7 +204,2 @@ name: 'Hooper',
     },
-    // sync two carousels to slide together
-    sync: {
-      default: '',
-      type: String
-    },
     // pause autoPlay on mousehover
@@ -223,2 +221,6 @@ hoverPause: {
       type: Object
+    },
+    group: {
+      type: String,
+      default: null
     }
@@ -280,2 +282,12 @@ },
   },
+  watch: {
+    group: function group(val, oldVal) {
+      if (val === oldVal) {
+        return;
+      }
+
+      EMITTER.$off("slideGroup:".concat(oldVal), this._groupSlideHandler);
+      this.addGroupListeners();
+    }
+  },
   methods: {
@@ -286,3 +298,3 @@ // controlling methods
 
-      var mute = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var isSource = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
 
@@ -301,6 +313,6 @@ if (this.isSliding || slideIndex === this.currentSlide) {
       var previousSlide = this.currentSlide;
-      var index = infiniteScroll ? slideIndex : getInRange(slideIndex, this.trimStart, this.slidesCount - this.trimEnd);
+      var index = infiniteScroll ? slideIndex : getInRange(slideIndex, this.trimStart, this.slidesCount - this.trimEnd); // Notify others if in a group and is the slide event initiator.
 
-      if (this.syncEl && !mute) {
-        this.syncEl.slideTo(slideIndex, true);
+      if (this.group && isSource) {
+        EMITTER.$emit("slideGroup:".concat(this.group), slideIndex);
       }
@@ -358,15 +370,2 @@
     },
-    initSync: function initSync() {
-      if (this.config.sync) {
-        var el = this.$parent.$refs[this.config.sync];
-
-        if (!el && process && process.env.NODE_ENV !== 'production') {
-          console.warn("Hooper: expects an element with attribute ref=\"".concat(this.config.sync, "\", but found none."));
-          return;
-        }
-
-        this.syncEl = this.$parent.$refs[this.config.sync];
-        this.syncEl.syncEl = this;
-      }
-    },
     initAutoPlay: function initAutoPlay() {
@@ -621,2 +620,16 @@ var _this2 = this;
       });
+    },
+    addGroupListeners: function addGroupListeners() {
+      var _this6 = this;
+
+      if (!this.group) {
+        return;
+      }
+
+      this._groupSlideHandler = function (slideIndex) {
+        // set the isSource to false to prevent infinite emitting loop.
+        _this6.slideTo(slideIndex, false);
+      };
+
+      EMITTER.$on("slideGroup:".concat(this.group), this._groupSlideHandler);
     }
@@ -637,13 +650,12 @@ },
   mounted: function mounted() {
-    var _this6 = this;
+    var _this7 = this;
 
     this.initEvents();
+    this.addGroupListeners();
     this.$nextTick(function () {
-      _this6.initSync();
+      _this7.update();
 
-      _this6.update();
+      _this7.slideTo(_this7.config.initialSlide);
 
-      _this6.slideTo(_this6.config.initialSlide);
-
-      _this6.$emit('loaded');
+      _this7.$emit('loaded');
     });
@@ -654,2 +666,6 @@ },
 
+    if (this.group) {
+      EMITTER.$off("slideGroup:".concat(this.group), this._groupSlideHandler);
+    }
+
     if (this.timer) {
@@ -870,4 +886,3 @@ this.timer.stop();
           config = _ref2.config,
-          currentSlide = _ref2.currentSlide,
-          slidesCount = _ref2.slidesCount;
+          currentSlide = _ref2.currentSlide;
 
@@ -880,4 +895,3 @@ var siblings = config.itemsToShow;
           config = _ref3.config,
-          currentSlide = _ref3.currentSlide,
-          slidesCount = _ref3.slidesCount;
+          currentSlide = _ref3.currentSlide;
 
@@ -1208,3 +1222,3 @@ var siblings = config.itemsToShow;
     }
-  }, [_vm._t("hooper-prev", [_c('icons', {
+  }, [_vm._t("hooper-prev", [_c('Icons', {
     attrs: {
@@ -1224,3 +1238,3 @@ "name": _vm.isVertical ? 'arrowUp' : _vm.isRTL ? 'arrowRight' : 'arrowLeft'
     }
-  }, [_vm._t("hooper-next", [_c('icons', {
+  }, [_vm._t("hooper-next", [_c('Icons', {
     attrs: {
@@ -1255,2 +1269,2 @@ "name": _vm.isVertical ? 'arrowDown' : _vm.isRTL ? 'arrowLeft' : 'arrowRight'
 export default Hooper;
-export { Hooper, Slide, Progress, Pagination, Navigation, Icons, Mixin as addonMixin };
+export { Hooper, Icons, Navigation, Pagination, Progress, Slide, Mixin as addonMixin };

dist/hooper.js

@@ -7,7 +7,9 @@ /**
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-  typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = global || self, factory(global.Hooper = {}));
-}(this, function (exports) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'vue'], factory) :
+  (global = global || self, factory(global.Hooper = {}, global.Vue));
+}(this, function (exports, Vue) { 'use strict';
 
+  Vue = Vue && Vue.hasOwnProperty('default') ? Vue['default'] : Vue;
+
   function _defineProperty(obj, key, value) {
@@ -123,2 +125,3 @@ if (key in obj) {
   //
+  var EMITTER = new Vue();
   var script = {
@@ -207,7 +210,2 @@ name: 'Hooper',
       },
-      // sync two carousels to slide together
-      sync: {
-        default: '',
-        type: String
-      },
       // pause autoPlay on mousehover
@@ -229,2 +227,6 @@ hoverPause: {
         type: Object
+      },
+      group: {
+        type: String,
+        default: null
       }
@@ -286,2 +288,12 @@ },
     },
+    watch: {
+      group: function group(val, oldVal) {
+        if (val === oldVal) {
+          return;
+        }
+
+        EMITTER.$off("slideGroup:".concat(oldVal), this._groupSlideHandler);
+        this.addGroupListeners();
+      }
+    },
     methods: {
@@ -292,3 +304,3 @@ // controlling methods
 
-        var mute = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+        var isSource = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
 
@@ -307,6 +319,6 @@ if (this.isSliding || slideIndex === this.currentSlide) {
         var previousSlide = this.currentSlide;
-        var index = infiniteScroll ? slideIndex : getInRange(slideIndex, this.trimStart, this.slidesCount - this.trimEnd);
+        var index = infiniteScroll ? slideIndex : getInRange(slideIndex, this.trimStart, this.slidesCount - this.trimEnd); // Notify others if in a group and is the slide event initiator.
 
-        if (this.syncEl && !mute) {
-          this.syncEl.slideTo(slideIndex, true);
+        if (this.group && isSource) {
+          EMITTER.$emit("slideGroup:".concat(this.group), slideIndex);
         }
@@ -364,15 +376,2 @@
       },
-      initSync: function initSync() {
-        if (this.config.sync) {
-          var el = this.$parent.$refs[this.config.sync];
-
-          if (!el && process && process.env.NODE_ENV !== 'production') {
-            console.warn("Hooper: expects an element with attribute ref=\"".concat(this.config.sync, "\", but found none."));
-            return;
-          }
-
-          this.syncEl = this.$parent.$refs[this.config.sync];
-          this.syncEl.syncEl = this;
-        }
-      },
       initAutoPlay: function initAutoPlay() {
@@ -627,2 +626,16 @@ var _this2 = this;
         });
+      },
+      addGroupListeners: function addGroupListeners() {
+        var _this6 = this;
+
+        if (!this.group) {
+          return;
+        }
+
+        this._groupSlideHandler = function (slideIndex) {
+          // set the isSource to false to prevent infinite emitting loop.
+          _this6.slideTo(slideIndex, false);
+        };
+
+        EMITTER.$on("slideGroup:".concat(this.group), this._groupSlideHandler);
       }
@@ -643,13 +656,12 @@ },
     mounted: function mounted() {
-      var _this6 = this;
+      var _this7 = this;
 
       this.initEvents();
+      this.addGroupListeners();
       this.$nextTick(function () {
-        _this6.initSync();
+        _this7.update();
 
-        _this6.update();
+        _this7.slideTo(_this7.config.initialSlide);
 
-        _this6.slideTo(_this6.config.initialSlide);
-
-        _this6.$emit('loaded');
+        _this7.$emit('loaded');
       });
@@ -660,2 +672,6 @@ },
 
+      if (this.group) {
+        EMITTER.$off("slideGroup:".concat(this.group), this._groupSlideHandler);
+      }
+
       if (this.timer) {
@@ -876,4 +892,3 @@ this.timer.stop();
             config = _ref2.config,
-            currentSlide = _ref2.currentSlide,
-            slidesCount = _ref2.slidesCount;
+            currentSlide = _ref2.currentSlide;
 
@@ -886,4 +901,3 @@ var siblings = config.itemsToShow;
             config = _ref3.config,
-            currentSlide = _ref3.currentSlide,
-            slidesCount = _ref3.slidesCount;
+            currentSlide = _ref3.currentSlide;
 
@@ -1214,3 +1228,3 @@ var siblings = config.itemsToShow;
       }
-    }, [_vm._t("hooper-prev", [_c('icons', {
+    }, [_vm._t("hooper-prev", [_c('Icons', {
       attrs: {
@@ -1230,3 +1244,3 @@ "name": _vm.isVertical ? 'arrowUp' : _vm.isRTL ? 'arrowRight' : 'arrowLeft'
       }
-    }, [_vm._t("hooper-next", [_c('icons', {
+    }, [_vm._t("hooper-next", [_c('Icons', {
       attrs: {
@@ -1261,7 +1275,7 @@ "name": _vm.isVertical ? 'arrowDown' : _vm.isRTL ? 'arrowLeft' : 'arrowRight'
   exports.Hooper = Hooper;
+  exports.Icons = Icons;
+  exports.Navigation = Navigation;
+  exports.Pagination = Pagination;
+  exports.Progress = Progress;
   exports.Slide = Slide;
-  exports.Progress = Progress;
-  exports.Pagination = Pagination;
-  exports.Navigation = Navigation;
-  exports.Icons = Icons;
   exports.addonMixin = Mixin;
@@ -1268,0 +1282,0 @@ exports.default = Hooper;

dist/hooper.min.js

@@ -1,1 +0,1 @@
-var t,i;t=this,i=function(t){"use strict";function s(){return Date.now()}function i(t,i){this.create=function(){return window.setInterval(t,i)},this.stop=function(){this.timer&&(window.clearInterval(this.timer),this.timer=null)},this.start=function(){this.timer||(this.timer=this.create())},this.restart=function(t){i=t||i,this.stop(),this.start()},this.timer=this.create()}function d(t,i){return t<0?(t+i)%i:t%i}function o(t,i){var e=t.componentOptions;return{class:t.data.class,staticClass:t.data.staticClass,style:t.data.style,attrs:t.data.attrs,props:function(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},i=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(o).filter(function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable}))),i.forEach(function(t){var i,e,s;i=n,s=o[e=t],e in i?Object.defineProperty(i,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):i[e]=s})}return n}({},e.propsData,{isClone:!0,index:i}),on:e.listeners,nativeOn:t.data.nativeOn,directives:t.data.directives,scopesSlots:t.data.scopesSlots,slot:t.data.slot,ref:t.data.ref,key:t.data.key?"".concat(i,"-clone"):void 0}}function r(t,i){var e=t.context&&t.context.$createElement,s=t.componentOptions.children,n=o(t,i);return e(t.componentOptions.Ctor,n,s)}var e=function(t,i,e,s,n,o,r,a,c,l){"boolean"!=typeof r&&(c=a,a=r,r=!1);var h,d="function"==typeof e?e.options:e;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,n&&(d.functional=!0)),s&&(d._scopeId=s),o?(h=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),i&&i.call(this,c(t)),t&&t._registeredComponents&&t._registeredComponents.add(o)},d._ssrRegister=h):i&&(h=r?function(){i.call(this,l(this.$root.$options.shadowRoot))}:function(t){i.call(this,a(t))}),h)if(d.functional){var u=d.render;d.render=function(t,i){return h.call(i),u(t,i)}}else{var f=d.beforeCreate;d.beforeCreate=f?[].concat(f,h):[h]}return e},n=e({render:function(){var i=this,t=i.$createElement,e=i._self._c||t;return e("section",{staticClass:"hooper",class:{"is-vertical":i.config.vertical,"is-rtl":i.config.rtl},attrs:{tabindex:"0"},on:{mouseover:function(t){i.isHover=!0},mouseleave:function(t){i.isHover=!1},focusin:function(t){i.isFocus=!0},focusout:function(t){i.isFocus=!1}}},[e("div",{staticClass:"hooper-list"},[e("ul",{ref:"track",staticClass:"hooper-track",class:{"is-dragging":i.isDragging},style:i.trackTransform+i.trackTransition,on:{transitionend:i.onTransitionend}},[i._t("clone-before"),i._v(" "),i._t("default"),i._v(" "),i._t("clone-after")],2)]),i._v(" "),i._t("hooper-addons"),i._v(" "),e("div",{staticClass:"hooper-liveregion hooper-sr-only",attrs:{"aria-live":"polite","aria-atomic":"true"}},[i._v("\n    "+i._s("Item "+(i.currentSlide+1)+" of "+i.slidesCount)+"\n  ")])],2)},staticRenderFns:[]},void 0,{name:"Hooper",provide:function(){return{$hooper:this}},props:{itemsToShow:{default:1,type:Number},itemsToSlide:{default:1,type:Number},initialSlide:{default:0,type:Number},infiniteScroll:{default:!1,type:Boolean},centerMode:{default:!1,type:Boolean},vertical:{default:!1,type:Boolean},rtl:{default:null,type:Boolean},autoPlay:{default:!1,type:Boolean},playSpeed:{default:2e3,type:Number},mouseDrag:{default:!0,type:Boolean},touchDrag:{default:!0,type:Boolean},wheelControl:{default:!0,type:Boolean},keysControl:{default:!0,type:Boolean},shortDrag:{default:!0,type:Boolean},transition:{default:300,type:Number},sync:{default:"",type:String},hoverPause:{default:!0,type:Boolean},trimWhiteSpace:{default:!1,type:Boolean},settings:{default:function(){return{}},type:Object}},data:function(){return{isDragging:!1,isSliding:!1,isTouch:!1,isHover:!1,isFocus:!1,slideWidth:0,slideHeight:0,slidesCount:0,trimStart:0,trimEnd:1,currentSlide:null,timer:null,slides:[],defaults:{},breakpoints:{},delta:{x:0,y:0},config:{}}},computed:{trackTransform:function(){var t=this.config,i=t.infiniteScroll,e=t.vertical,s=t.rtl,n=t.centerMode,o=s?-1:1,r=e?this.slideHeight:this.slideWidth,a=e?this.containerHeight:this.containerWidth,c=(e?this.delta.y:this.delta.x)+o*((n?(a-r)/2:0)-(i?r*this.slidesCount:0)-this.currentSlide*r);return e?"transform: translate(0, ".concat(c,"px);"):"transform: translate(".concat(c,"px, 0);")},trackTransition:function(){return this.isSliding?"transition: ".concat(this.config.transition,"ms"):""}},methods:{slideTo:function(t){var i=this,e=1<arguments.length&&void 0!==arguments[1]&&arguments[1];if(!this.isSliding&&t!==this.currentSlide){this.$emit("beforeSlide",{currentSlide:this.currentSlide,slideTo:h});var s,n,o,r=this.config,a=r.infiniteScroll,c=r.transition,l=this.currentSlide,h=a?t:(s=t,n=this.trimStart,o=this.slidesCount-this.trimEnd,Math.max(Math.min(s,o),n));this.syncEl&&!e&&this.syncEl.slideTo(t,!0),this.currentSlide=h,this.isSliding=!0,window.setTimeout(function(){i.isSliding=!1,i.currentSlide=d(h,i.slidesCount)},c),this.$emit("slide",{currentSlide:this.currentSlide,slideFrom:l})}},slideNext:function(){this.slideTo(this.currentSlide+this.config.itemsToSlide)},slidePrev:function(){this.slideTo(this.currentSlide-this.config.itemsToSlide)},initEvents:function(){null===this.defaults.rtl&&(this.defaults.rtl="rtl"===getComputedStyle(this.$el).direction),this.config.autoPlay&&this.initAutoPlay(),this.config.mouseDrag&&this.$refs.track.addEventListener("mousedown",this.onDragStart),this.config.touchDrag&&this.$refs.track.addEventListener("touchstart",this.onDragStart,{passive:!0}),this.config.keysControl&&this.$el.addEventListener("keydown",this.onKeypress),this.config.wheelControl&&(this.lastScrollTime=s(),this.$el.addEventListener("wheel",this.onWheel,{passive:!1})),window.addEventListener("resize",this.update)},initSync:function(){if(this.config.sync){if(!this.$parent.$refs[this.config.sync]&&process&&"production"!==process.env.NODE_ENV)return void console.warn('Hooper: expects an element with attribute ref="'.concat(this.config.sync,'", but found none.'));this.syncEl=this.$parent.$refs[this.config.sync],this.syncEl.syncEl=this}},initAutoPlay:function(){var t=this;this.timer=new i(function(){t.isSliding||t.isDragging||t.isHover&&t.config.hoverPause||t.isFocus||(t.currentSlide!==t.slidesCount-1||t.config.infiniteScroll?t.slideNext():t.slideTo(0))},this.config.playSpeed)},initDefaults:function(){this.breakpoints=this.settings.breakpoints,this.defaults=Object.assign({},this.$props,this.settings),this.config=Object.assign({},this.defaults)},initSlides:function(){var e=this;if(this.slides=this.filteredSlides(),this.slidesCount=this.slides.length,this.slides.forEach(function(t,i){t.componentOptions.propsData.index=i}),this.config.infiniteScroll){var s=[],n=[];this.slides.forEach(function(t,i){s.push(r(t,i-e.slidesCount)),n.push(r(t,i+e.slidesCount))}),this.$slots["clone-before"]=s,this.$slots["clone-after"]=n}},update:function(){this.breakpoints&&this.updateConfig(),this.updateWidth(),this.updateTrim(),this.$emit("updated",{containerWidth:this.containerWidth,containerHeight:this.containerHeight,slideWidth:this.slideWidth,slideHeight:this.slideHeight,settings:this.config})},updateTrim:function(){var t=this.config,i=t.trimWhiteSpace,e=t.itemsToShow,s=t.centerMode,n=t.infiniteScroll;if(!i||n)return this.trimStart=0,void(this.trimEnd=1);this.trimStart=s?Math.floor((e-1)/2):0,this.trimEnd=s?Math.ceil(e/2):e},updateWidth:function(){var t=this.$el.getBoundingClientRect();this.containerWidth=t.width,this.containerHeight=t.height,this.config.vertical?this.slideHeight=this.containerHeight/this.config.itemsToShow:this.slideWidth=this.containerWidth/this.config.itemsToShow},updateConfig:function(){var i,e=this;Object.keys(this.breakpoints).sort(function(t,i){return i-t}).some(function(t){if(i=window.matchMedia("(min-width: ".concat(t,"px)")).matches)return e.config=Object.assign({},e.config,e.defaults,e.breakpoints[t]),!0}),i||(this.config=Object.assign(this.config,this.defaults))},restartTimer:function(){this.timer&&this.timer.restart()},restart:function(){var t=this;this.initSlides(),this.$nextTick(function(){t.update()})},onDragStart:function(t){this.isTouch="touchstart"===t.type,(this.isTouch||0===t.button)&&(this.startPosition={x:0,y:0},this.endPosition={x:0,y:0},this.isDragging=!0,this.startPosition.x=this.isTouch?t.touches[0].clientX:t.clientX,this.startPosition.y=this.isTouch?t.touches[0].clientY:t.clientY,document.addEventListener(this.isTouch?"touchmove":"mousemove",this.onDrag),document.addEventListener(this.isTouch?"touchend":"mouseup",this.onDragEnd),t.preventDefault())},onDrag:function(t){this.isSliding||(this.endPosition.x=this.isTouch?t.touches[0].clientX:t.clientX,this.endPosition.y=this.isTouch?t.touches[0].clientY:t.clientY,this.delta.x=this.endPosition.x-this.startPosition.x,this.delta.y=this.endPosition.y-this.startPosition.y,t.preventDefault())},onDragEnd:function(){var t=this.config.shortDrag?.5:.15;if(this.isDragging=!1,this.config.vertical){var i=Math.round(Math.abs(this.delta.y/this.slideHeight)+t);this.slideTo(this.currentSlide-Math.sign(this.delta.y)*i)}if(!this.config.vertical){var e=(this.config.rtl?-1:1)*Math.sign(this.delta.x),s=Math.round(Math.abs(this.delta.x/this.slideWidth)+t);this.slideTo(this.currentSlide-e*s)}this.delta.x=0,this.delta.y=0,document.removeEventListener(this.isTouch?"touchmove":"mousemove",this.onDrag),document.removeEventListener(this.isTouch?"touchend":"mouseup",this.onDragEnd),this.restartTimer()},onTransitionend:function(){this.isSliding=!1,this.$emit("afterSlide",{currentSlide:this.currentSlide})},onKeypress:function(t){var i=t.key;return i.startsWith("Arrow")&&t.preventDefault(),this.config.vertical?("ArrowUp"===i&&this.slidePrev(),void("ArrowDown"===i&&this.slideNext())):this.config.rtl?("ArrowRight"===i&&this.slidePrev(),void("ArrowLeft"===i&&this.slideNext())):("ArrowRight"===i&&this.slideNext(),void("ArrowLeft"===i&&this.slidePrev()))},onWheel:function(t){if(t.preventDefault(),!(s()-this.lastScrollTime<200)){this.lastScrollTime=s();var i=t.wheelDelta||-t.deltaY,e=Math.sign(i);-1===e&&this.slideNext(),1===e&&this.slidePrev()}},filteredSlides:function(){return this.$slots.default.filter(function(t){return!(!t.componentOptions||!t.componentOptions.Ctor)&&"HooperSlide"===t.componentOptions.Ctor.options.name})}},beforeUpdate:function(){var t=this.config.infiniteScroll&&(!this.$slots["clone-before"]||!this.$slots["clone-after"]),i=this.filteredSlides().length!==this.slidesCount;(t||i)&&this.initSlides()},created:function(){this.initDefaults(),this.initSlides()},mounted:function(){var t=this;this.initEvents(),this.$nextTick(function(){t.initSync(),t.update(),t.slideTo(t.config.initialSlide),t.$emit("loaded")})},beforeDestroy:function(){window.removeEventListener("resize",this.update),this.timer&&this.timer.stop()}},void 0,!1,void 0,void 0,void 0),a=e({render:function(){var t=this,i=t.$createElement;return(t._self._c||i)("li",{staticClass:"hooper-slide",class:{"is-clone":t.isClone,"is-active":t.isActive,"is-prev":t.isPrev,"is-next":t.isNext,"is-current":t.isCurrent},style:t.style,attrs:{"aria-hidden":t.isActive}},[t._t("default")],2)},staticRenderFns:[]},void 0,{name:"HooperSlide",inject:["$hooper"],props:{isClone:{type:Boolean,default:!1},index:{type:Number,default:0,required:!0}},computed:{style:function(){var t=this.$hooper||{},i=t.config,e=t.slideHeight,s=t.slideWidth;return i.vertical?"height: ".concat(e,"px"):"width: ".concat(s,"px")},lower:function(){var t=this.$hooper||{},i=t.config,e=t.currentSlide,s=(t.slidesCount,i.itemsToShow);return i.centerMode?Math.ceil(e-s/2):e},upper:function(){var t=this.$hooper||{},i=t.config,e=t.currentSlide,s=(t.slidesCount,i.itemsToShow);return i.centerMode?Math.floor(e+s/2):Math.floor(e+s-1)},isActive:function(){return this.index>=this.lower&&this.index<=this.upper},isPrev:function(){return this.index<=this.lower-1},isNext:function(){return this.index>=this.upper+1},isCurrent:function(){return this.index===this.$hooper.currentSlide}}},void 0,!1,void 0,void 0,void 0),c={arrowUp:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z",arrowDown:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z",arrowRight:"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z",arrowLeft:"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"},l={name:"HooperIcon",functional:!0,inheritAttrs:!0,props:{name:{type:String,required:!0,validator:function(t){return t in c}}},render:function(t,i){var e,s=i.props,n=c[s.name],o=[];return o.push(t("title",(e=(e=s.name).replace(/([A-Z]+)/g," $1")).charAt(0).toUpperCase()+e.slice(1))),o.push(t("path",{attrs:{d:"M0 0h24v24H0z",fill:"none"}})),o.push(t("path",{attrs:{d:n}})),t("svg",{attrs:{class:"icon icon-".concat(s.name),viewBox:"0 0 24 24",width:"24px",height:"24px"}},o)}},h=e({render:function(){var t=this.$createElement,i=this._self._c||t;return i("div",{staticClass:"hooper-progress"},[i("div",{staticClass:"hooper-progress-inner",style:"width: "+this.progress+"%"})])},staticRenderFns:[]},void 0,{inject:["$hooper"],name:"HooperProgress",computed:{currentSlide:function(){return d(this.$hooper.currentSlide,this.$hooper.slidesCount)},progress:function(){var t=this.$hooper.slidesCount-this.$hooper.trimStart-this.$hooper.trimEnd;return 100*(this.currentSlide-this.$hooper.trimStart)/t}}},void 0,!1,void 0,void 0,void 0),u=e({render:function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"hooper-pagination",class:{"is-vertical":e.$hooper.config.vertical}},["indicator"===e.mode?s("ol",{staticClass:"hooper-indicators"},e._l(e.slides,function(i){return s("li",{key:i},[s("button",{staticClass:"hooper-indicator",class:{"is-active":e.currentSlide===i},on:{click:function(t){return e.$hooper.slideTo(i)}}},[s("span",{staticClass:"hooper-sr-only"},[e._v("item "+e._s(i))])])])}),0):e._e(),e._v(" "),"fraction"===e.mode?[s("span",[e._v(e._s(e.currentSlide+1))]),e._v(" "),s("span",[e._v("/")]),e._v(" "),s("span",[e._v(e._s(e.$hooper.slidesCount))])]:e._e()],2)},staticRenderFns:[]},void 0,{inject:["$hooper"],name:"HooperPagination",props:{mode:{default:"indicator",type:String}},computed:{currentSlide:function(){return d(this.$hooper.currentSlide,this.$hooper.slidesCount)},slides:function(){var t=this.$hooper.slides.map(function(t,i){return i});return t.slice(this.$hooper.trimStart,this.$hooper.slidesCount-this.$hooper.trimEnd+1)}}},void 0,!1,void 0,void 0,void 0),f=e({render:function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"hooper-navigation",class:{"is-vertical":t.$hooper.config.vertical,"is-rtl":t.$hooper.config.rtl}},[e("button",{staticClass:"hooper-prev",class:{"is-disabled":t.isPrevDisabled},attrs:{type:"button"},on:{click:t.slidePrev}},[t._t("hooper-prev",[e("icons",{attrs:{name:t.isVertical?"arrowUp":t.isRTL?"arrowRight":"arrowLeft"}})])],2),t._v(" "),e("button",{staticClass:"hooper-next",class:{"is-disabled":t.isNextDisabled},attrs:{type:"button"},on:{click:t.slideNext}},[t._t("hooper-next",[e("icons",{attrs:{name:t.isVertical?"arrowDown":t.isRTL?"arrowLeft":"arrowRight"}})])],2)])},staticRenderFns:[]},void 0,{inject:["$hooper"],name:"HooperNavigation",components:{Icons:l},computed:{isPrevDisabled:function(){return!this.$hooper.config.infiniteScroll&&0===this.$hooper.currentSlide},isNextDisabled:function(){return!this.$hooper.config.infiniteScroll&&this.$hooper.currentSlide===this.$hooper.slidesCount-1},isRTL:function(){return this.$hooper.config.rtl},isVertical:function(){return this.$hooper.config.vertical}},methods:{slideNext:function(){this.$hooper.slideNext(),this.$hooper.restartTimer()},slidePrev:function(){this.$hooper.slidePrev(),this.$hooper.restartTimer()}}},void 0,!1,void 0,void 0,void 0);t.Hooper=n,t.Slide=a,t.Progress=h,t.Pagination=u,t.Navigation=f,t.Icons=l,t.addonMixin={inject:["$hooper"]},t.default=n,Object.defineProperty(t,"__esModule",{value:!0})},"object"==typeof exports&&"undefined"!=typeof module?i(exports):"function"==typeof define&&define.amd?define(["exports"],i):i((t=t||self).Hooper={});
+var t,i;t=this,i=function(t,i){"use strict";function s(){return Date.now()}function e(t,i){this.create=function(){return window.setInterval(t,i)},this.stop=function(){this.timer&&(window.clearInterval(this.timer),this.timer=null)},this.start=function(){this.timer||(this.timer=this.create())},this.restart=function(t){i=t||i,this.stop(),this.start()},this.timer=this.create()}function c(t,i){return t<0?(t+i)%i:t%i}function o(t,i){var e=t.componentOptions;return{class:t.data.class,staticClass:t.data.staticClass,style:t.data.style,attrs:t.data.attrs,props:function(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},i=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(o).filter(function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable}))),i.forEach(function(t){var i,e,s;i=n,s=o[e=t],e in i?Object.defineProperty(i,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):i[e]=s})}return n}({},e.propsData,{isClone:!0,index:i}),on:e.listeners,nativeOn:t.data.nativeOn,directives:t.data.directives,scopesSlots:t.data.scopesSlots,slot:t.data.slot,ref:t.data.ref,key:t.data.key?"".concat(i,"-clone"):void 0}}function r(t,i){var e=t.context&&t.context.$createElement,s=t.componentOptions.children,n=o(t,i);return e(t.componentOptions.Ctor,n,s)}var h=new(i=i&&i.hasOwnProperty("default")?i.default:i);var n=function(t,i,e,s,n,o,r,a,l,c){"boolean"!=typeof r&&(l=a,a=r,r=!1);var h,d="function"==typeof e?e.options:e;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,n&&(d.functional=!0)),s&&(d._scopeId=s),o?(h=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),i&&i.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(o)},d._ssrRegister=h):i&&(h=r?function(){i.call(this,c(this.$root.$options.shadowRoot))}:function(t){i.call(this,a(t))}),h)if(d.functional){var u=d.render;d.render=function(t,i){return h.call(i),u(t,i)}}else{var f=d.beforeCreate;d.beforeCreate=f?[].concat(f,h):[h]}return e},a=n({render:function(){var i=this,t=i.$createElement,e=i._self._c||t;return e("section",{staticClass:"hooper",class:{"is-vertical":i.config.vertical,"is-rtl":i.config.rtl},attrs:{tabindex:"0"},on:{mouseover:function(t){i.isHover=!0},mouseleave:function(t){i.isHover=!1},focusin:function(t){i.isFocus=!0},focusout:function(t){i.isFocus=!1}}},[e("div",{staticClass:"hooper-list"},[e("ul",{ref:"track",staticClass:"hooper-track",class:{"is-dragging":i.isDragging},style:i.trackTransform+i.trackTransition,on:{transitionend:i.onTransitionend}},[i._t("clone-before"),i._v(" "),i._t("default"),i._v(" "),i._t("clone-after")],2)]),i._v(" "),i._t("hooper-addons"),i._v(" "),e("div",{staticClass:"hooper-liveregion hooper-sr-only",attrs:{"aria-live":"polite","aria-atomic":"true"}},[i._v("\n    "+i._s("Item "+(i.currentSlide+1)+" of "+i.slidesCount)+"\n  ")])],2)},staticRenderFns:[]},void 0,{name:"Hooper",provide:function(){return{$hooper:this}},props:{itemsToShow:{default:1,type:Number},itemsToSlide:{default:1,type:Number},initialSlide:{default:0,type:Number},infiniteScroll:{default:!1,type:Boolean},centerMode:{default:!1,type:Boolean},vertical:{default:!1,type:Boolean},rtl:{default:null,type:Boolean},autoPlay:{default:!1,type:Boolean},playSpeed:{default:2e3,type:Number},mouseDrag:{default:!0,type:Boolean},touchDrag:{default:!0,type:Boolean},wheelControl:{default:!0,type:Boolean},keysControl:{default:!0,type:Boolean},shortDrag:{default:!0,type:Boolean},transition:{default:300,type:Number},hoverPause:{default:!0,type:Boolean},trimWhiteSpace:{default:!1,type:Boolean},settings:{default:function(){return{}},type:Object},group:{type:String,default:null}},data:function(){return{isDragging:!1,isSliding:!1,isTouch:!1,isHover:!1,isFocus:!1,slideWidth:0,slideHeight:0,slidesCount:0,trimStart:0,trimEnd:1,currentSlide:null,timer:null,slides:[],defaults:{},breakpoints:{},delta:{x:0,y:0},config:{}}},computed:{trackTransform:function(){var t=this.config,i=t.infiniteScroll,e=t.vertical,s=t.rtl,n=t.centerMode,o=s?-1:1,r=e?this.slideHeight:this.slideWidth,a=e?this.containerHeight:this.containerWidth,l=(e?this.delta.y:this.delta.x)+o*((n?(a-r)/2:0)-(i?r*this.slidesCount:0)-this.currentSlide*r);return e?"transform: translate(0, ".concat(l,"px);"):"transform: translate(".concat(l,"px, 0);")},trackTransition:function(){return this.isSliding?"transition: ".concat(this.config.transition,"ms"):""}},watch:{group:function(t,i){t!==i&&(h.$off("slideGroup:".concat(i),this._groupSlideHandler),this.addGroupListeners())}},methods:{slideTo:function(t,i){var e=this,s=!(1<arguments.length&&void 0!==i)||i;if(!this.isSliding&&t!==this.currentSlide){this.$emit("beforeSlide",{currentSlide:this.currentSlide,slideTo:l});var n=this.config,o=n.infiniteScroll,r=n.transition,a=this.currentSlide,l=o?t:function(t,i,e){return Math.max(Math.min(t,e),i)}(t,this.trimStart,this.slidesCount-this.trimEnd);this.group&&s&&h.$emit("slideGroup:".concat(this.group),t),this.currentSlide=l,this.isSliding=!0,window.setTimeout(function(){e.isSliding=!1,e.currentSlide=c(l,e.slidesCount)},r),this.$emit("slide",{currentSlide:this.currentSlide,slideFrom:a})}},slideNext:function(){this.slideTo(this.currentSlide+this.config.itemsToSlide)},slidePrev:function(){this.slideTo(this.currentSlide-this.config.itemsToSlide)},initEvents:function(){null===this.defaults.rtl&&(this.defaults.rtl="rtl"===getComputedStyle(this.$el).direction),this.config.autoPlay&&this.initAutoPlay(),this.config.mouseDrag&&this.$refs.track.addEventListener("mousedown",this.onDragStart),this.config.touchDrag&&this.$refs.track.addEventListener("touchstart",this.onDragStart,{passive:!0}),this.config.keysControl&&this.$el.addEventListener("keydown",this.onKeypress),this.config.wheelControl&&(this.lastScrollTime=s(),this.$el.addEventListener("wheel",this.onWheel,{passive:!1})),window.addEventListener("resize",this.update)},initAutoPlay:function(){var t=this;this.timer=new e(function(){t.isSliding||t.isDragging||t.isHover&&t.config.hoverPause||t.isFocus||(t.currentSlide!==t.slidesCount-1||t.config.infiniteScroll?t.slideNext():t.slideTo(0))},this.config.playSpeed)},initDefaults:function(){this.breakpoints=this.settings.breakpoints,this.defaults=Object.assign({},this.$props,this.settings),this.config=Object.assign({},this.defaults)},initSlides:function(){var e=this;if(this.slides=this.filteredSlides(),this.slidesCount=this.slides.length,this.slides.forEach(function(t,i){t.componentOptions.propsData.index=i}),this.config.infiniteScroll){var s=[],n=[];this.slides.forEach(function(t,i){s.push(r(t,i-e.slidesCount)),n.push(r(t,i+e.slidesCount))}),this.$slots["clone-before"]=s,this.$slots["clone-after"]=n}},update:function(){this.breakpoints&&this.updateConfig(),this.updateWidth(),this.updateTrim(),this.$emit("updated",{containerWidth:this.containerWidth,containerHeight:this.containerHeight,slideWidth:this.slideWidth,slideHeight:this.slideHeight,settings:this.config})},updateTrim:function(){var t=this.config,i=t.trimWhiteSpace,e=t.itemsToShow,s=t.centerMode,n=t.infiniteScroll;if(!i||n)return this.trimStart=0,void(this.trimEnd=1);this.trimStart=s?Math.floor((e-1)/2):0,this.trimEnd=s?Math.ceil(e/2):e},updateWidth:function(){var t=this.$el.getBoundingClientRect();this.containerWidth=t.width,this.containerHeight=t.height,this.config.vertical?this.slideHeight=this.containerHeight/this.config.itemsToShow:this.slideWidth=this.containerWidth/this.config.itemsToShow},updateConfig:function(){var i,e=this;Object.keys(this.breakpoints).sort(function(t,i){return i-t}).some(function(t){if(i=window.matchMedia("(min-width: ".concat(t,"px)")).matches)return e.config=Object.assign({},e.config,e.defaults,e.breakpoints[t]),!0}),i||(this.config=Object.assign(this.config,this.defaults))},restartTimer:function(){this.timer&&this.timer.restart()},restart:function(){var t=this;this.initSlides(),this.$nextTick(function(){t.update()})},onDragStart:function(t){this.isTouch="touchstart"===t.type,!this.isTouch&&0!==t.button||(this.startPosition={x:0,y:0},this.endPosition={x:0,y:0},this.isDragging=!0,this.startPosition.x=this.isTouch?t.touches[0].clientX:t.clientX,this.startPosition.y=this.isTouch?t.touches[0].clientY:t.clientY,document.addEventListener(this.isTouch?"touchmove":"mousemove",this.onDrag),document.addEventListener(this.isTouch?"touchend":"mouseup",this.onDragEnd),t.preventDefault())},onDrag:function(t){this.isSliding||(this.endPosition.x=this.isTouch?t.touches[0].clientX:t.clientX,this.endPosition.y=this.isTouch?t.touches[0].clientY:t.clientY,this.delta.x=this.endPosition.x-this.startPosition.x,this.delta.y=this.endPosition.y-this.startPosition.y,t.preventDefault())},onDragEnd:function(){var t=this.config.shortDrag?.5:.15;if(this.isDragging=!1,this.config.vertical){var i=Math.round(Math.abs(this.delta.y/this.slideHeight)+t);this.slideTo(this.currentSlide-Math.sign(this.delta.y)*i)}if(!this.config.vertical){var e=(this.config.rtl?-1:1)*Math.sign(this.delta.x),s=Math.round(Math.abs(this.delta.x/this.slideWidth)+t);this.slideTo(this.currentSlide-e*s)}this.delta.x=0,this.delta.y=0,document.removeEventListener(this.isTouch?"touchmove":"mousemove",this.onDrag),document.removeEventListener(this.isTouch?"touchend":"mouseup",this.onDragEnd),this.restartTimer()},onTransitionend:function(){this.isSliding=!1,this.$emit("afterSlide",{currentSlide:this.currentSlide})},onKeypress:function(t){var i=t.key;return i.startsWith("Arrow")&&t.preventDefault(),this.config.vertical?("ArrowUp"===i&&this.slidePrev(),void("ArrowDown"===i&&this.slideNext())):this.config.rtl?("ArrowRight"===i&&this.slidePrev(),void("ArrowLeft"===i&&this.slideNext())):("ArrowRight"===i&&this.slideNext(),void("ArrowLeft"===i&&this.slidePrev()))},onWheel:function(t){if(t.preventDefault(),!(s()-this.lastScrollTime<200)){this.lastScrollTime=s();var i=t.wheelDelta||-t.deltaY,e=Math.sign(i);-1===e&&this.slideNext(),1===e&&this.slidePrev()}},filteredSlides:function(){return this.$slots.default.filter(function(t){return!(!t.componentOptions||!t.componentOptions.Ctor)&&"HooperSlide"===t.componentOptions.Ctor.options.name})},addGroupListeners:function(){var i=this;this.group&&(this._groupSlideHandler=function(t){i.slideTo(t,!1)},h.$on("slideGroup:".concat(this.group),this._groupSlideHandler))}},beforeUpdate:function(){var t=this.config.infiniteScroll&&(!this.$slots["clone-before"]||!this.$slots["clone-after"]),i=this.filteredSlides().length!==this.slidesCount;(t||i)&&this.initSlides()},created:function(){this.initDefaults(),this.initSlides()},mounted:function(){var t=this;this.initEvents(),this.addGroupListeners(),this.$nextTick(function(){t.update(),t.slideTo(t.config.initialSlide),t.$emit("loaded")})},beforeDestroy:function(){window.removeEventListener("resize",this.update),this.group&&h.$off("slideGroup:".concat(this.group),this._groupSlideHandler),this.timer&&this.timer.stop()}},void 0,!1,void 0,void 0,void 0),l=n({render:function(){var t=this,i=t.$createElement;return(t._self._c||i)("li",{staticClass:"hooper-slide",class:{"is-clone":t.isClone,"is-active":t.isActive,"is-prev":t.isPrev,"is-next":t.isNext,"is-current":t.isCurrent},style:t.style,attrs:{"aria-hidden":t.isActive}},[t._t("default")],2)},staticRenderFns:[]},void 0,{name:"HooperSlide",inject:["$hooper"],props:{isClone:{type:Boolean,default:!1},index:{type:Number,default:0,required:!0}},computed:{style:function(){var t=this.$hooper||{},i=t.config,e=t.slideHeight,s=t.slideWidth;return i.vertical?"height: ".concat(e,"px"):"width: ".concat(s,"px")},lower:function(){var t=this.$hooper||{},i=t.config,e=t.currentSlide,s=i.itemsToShow;return i.centerMode?Math.ceil(e-s/2):e},upper:function(){var t=this.$hooper||{},i=t.config,e=t.currentSlide,s=i.itemsToShow;return i.centerMode?Math.floor(e+s/2):Math.floor(e+s-1)},isActive:function(){return this.index>=this.lower&&this.index<=this.upper},isPrev:function(){return this.index<=this.lower-1},isNext:function(){return this.index>=this.upper+1},isCurrent:function(){return this.index===this.$hooper.currentSlide}}},void 0,!1,void 0,void 0,void 0),d={arrowUp:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z",arrowDown:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z",arrowRight:"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z",arrowLeft:"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"},u={name:"HooperIcon",functional:!0,inheritAttrs:!0,props:{name:{type:String,required:!0,validator:function(t){return t in d}}},render:function(t,i){var e=i.props,s=d[e.name],n=[];return n.push(t("title",function(t){return(t=t.replace(/([A-Z]+)/g," $1")).charAt(0).toUpperCase()+t.slice(1)}(e.name))),n.push(t("path",{attrs:{d:"M0 0h24v24H0z",fill:"none"}})),n.push(t("path",{attrs:{d:s}})),t("svg",{attrs:{class:"icon icon-".concat(e.name),viewBox:"0 0 24 24",width:"24px",height:"24px"}},n)}},f=n({render:function(){var t=this.$createElement,i=this._self._c||t;return i("div",{staticClass:"hooper-progress"},[i("div",{staticClass:"hooper-progress-inner",style:"width: "+this.progress+"%"})])},staticRenderFns:[]},void 0,{inject:["$hooper"],name:"HooperProgress",computed:{currentSlide:function(){return c(this.$hooper.currentSlide,this.$hooper.slidesCount)},progress:function(){var t=this.$hooper.slidesCount-this.$hooper.trimStart-this.$hooper.trimEnd;return 100*(this.currentSlide-this.$hooper.trimStart)/t}}},void 0,!1,void 0,void 0,void 0),p=n({render:function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"hooper-pagination",class:{"is-vertical":e.$hooper.config.vertical}},["indicator"===e.mode?s("ol",{staticClass:"hooper-indicators"},e._l(e.slides,function(i){return s("li",{key:i},[s("button",{staticClass:"hooper-indicator",class:{"is-active":e.currentSlide===i},on:{click:function(t){return e.$hooper.slideTo(i)}}},[s("span",{staticClass:"hooper-sr-only"},[e._v("item "+e._s(i))])])])}),0):e._e(),e._v(" "),"fraction"===e.mode?[s("span",[e._v(e._s(e.currentSlide+1))]),e._v(" "),s("span",[e._v("/")]),e._v(" "),s("span",[e._v(e._s(e.$hooper.slidesCount))])]:e._e()],2)},staticRenderFns:[]},void 0,{inject:["$hooper"],name:"HooperPagination",props:{mode:{default:"indicator",type:String}},computed:{currentSlide:function(){return c(this.$hooper.currentSlide,this.$hooper.slidesCount)},slides:function(){var t=this.$hooper.slides.map(function(t,i){return i});return t.slice(this.$hooper.trimStart,this.$hooper.slidesCount-this.$hooper.trimEnd+1)}}},void 0,!1,void 0,void 0,void 0),v=n({render:function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"hooper-navigation",class:{"is-vertical":t.$hooper.config.vertical,"is-rtl":t.$hooper.config.rtl}},[e("button",{staticClass:"hooper-prev",class:{"is-disabled":t.isPrevDisabled},attrs:{type:"button"},on:{click:t.slidePrev}},[t._t("hooper-prev",[e("Icons",{attrs:{name:t.isVertical?"arrowUp":t.isRTL?"arrowRight":"arrowLeft"}})])],2),t._v(" "),e("button",{staticClass:"hooper-next",class:{"is-disabled":t.isNextDisabled},attrs:{type:"button"},on:{click:t.slideNext}},[t._t("hooper-next",[e("Icons",{attrs:{name:t.isVertical?"arrowDown":t.isRTL?"arrowLeft":"arrowRight"}})])],2)])},staticRenderFns:[]},void 0,{inject:["$hooper"],name:"HooperNavigation",components:{Icons:u},computed:{isPrevDisabled:function(){return!this.$hooper.config.infiniteScroll&&0===this.$hooper.currentSlide},isNextDisabled:function(){return!this.$hooper.config.infiniteScroll&&this.$hooper.currentSlide===this.$hooper.slidesCount-1},isRTL:function(){return this.$hooper.config.rtl},isVertical:function(){return this.$hooper.config.vertical}},methods:{slideNext:function(){this.$hooper.slideNext(),this.$hooper.restartTimer()},slidePrev:function(){this.$hooper.slidePrev(),this.$hooper.restartTimer()}}},void 0,!1,void 0,void 0,void 0);t.Hooper=a,t.Icons=u,t.Navigation=v,t.Pagination=p,t.Progress=f,t.Slide=l,t.addonMixin={inject:["$hooper"]},t.default=a,Object.defineProperty(t,"__esModule",{value:!0})},"object"==typeof exports&&"undefined"!=typeof module?i(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],i):i((t=t||self).Hooper={},t.Vue);

package.json

 {
   "name": "hooper",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "A customizable accessible carousel slider optimized for Vue",
@@ -20,37 +20,40 @@ "module": "dist/hooper.esm.js",
   "devDependencies": {
-    "@babel/core": "^7.2.2",
+    "@babel/core": "^7.4.5",
+    "@commitlint/cli": "^8.0.0",
     "@vue/test-utils": "^1.0.0-beta.29",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-jest": "^24.1.0",
-    "babel-loader": "^8.0.5",
-    "browser-sync": "^2.26.3",
+    "babel-eslint": "^10.0.2",
+    "babel-jest": "^24.8.0",
     "chalk": "^2.4.2",
-    "css-loader": "^2.1.0",
-    "filesize": "^4.0.0",
+    "eslint": "^5.16.0",
+    "eslint-config-prettier": "^5.0.0",
+    "eslint-plugin-prettier": "^3.1.0",
+    "eslint-plugin-vue": "^5.2.2",
+    "filesize": "^4.1.2",
     "friendly-errors-webpack-plugin": "^1.7.0",
-    "fs": "^0.0.1-security",
-    "gzip-size": "^5.0.0",
+    "gzip-size": "^5.1.1",
     "html-webpack-plugin": "^3.2.0",
-    "jest": "24.1.0",
+    "husky": "^2.4.1",
+    "jest": "24.8.0",
+    "lint-staged": "^8.2.1",
     "mkdirp": "^0.5.1",
-    "path": "^0.12.7",
+    "prettier": "^1.18.2",
+    "pretty-quick": "^1.11.1",
     "progress-bar-webpack-plugin": "^1.12.1",
-    "rollup": "^1.1.2",
+    "rollup": "^1.15.6",
     "rollup-plugin-babel": "^4.3.2",
-    "rollup-plugin-commonjs": "^9.2.0",
+    "rollup-plugin-commonjs": "^10.0.0",
     "rollup-plugin-css-only": "^1.0.0",
-    "rollup-plugin-node-resolve": "^4.0.0",
-    "rollup-plugin-replace": "^2.1.0",
-    "rollup-plugin-vue": "^4.7.1",
-    "style-loader": "^0.23.1",
-    "uglify-js": "^3.4.9",
-    "util": "^0.11.1",
-    "vue": "^2.6.4",
-    "vue-jest": "^3.0.3",
-    "vue-loader": "^15.6.2",
-    "vue-template-compiler": "^2.6.4",
-    "vuepress": "^0.14.8",
-    "webpack": "^4.29.3",
-    "webpack-cli": "^3.2.3",
-    "webpack-dev-server": "^3.1.14"
+    "rollup-plugin-node-resolve": "^5.0.3",
+    "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-vue": "^5.0.0",
+    "uglify-js": "^3.6.0",
+    "vue": "^2.6.10",
+    "vue-jest": "^3.0.4",
+    "vue-server-renderer": "^2.6.10",
+    "vue-template-compiler": "^2.6.10",
+    "vuepress": "^1.0.1",
+    "webpack": "^4.34.0",
+    "webpack-cli": "^3.3.4",
+    "webpack-dev-server": "^3.7.2"
   },
@@ -65,6 +68,10 @@ "license": "MIT",
   ],
-  "optionalDependencies": {},
-  "dependencies": {
-    "vue-server-renderer": "^2.6.4"
-  }
+  "lint-staged": {
+    "*.{js,vue}": [
+      "prettier --write",
+      "git add",
+      "jest --maxWorkers=1 --bail --findRelatedTests"
+    ]
+  },
+  "dependencies": {}
 }

README.md

@@ -79,2 +79,4 @@ <p align="center">
 
+> If you are using [PurgeCSS](https://www.purgecss.com/), make sure to whitelist hooper css When importing `hooper/dist/hooper.css`.
+
 more info at [Documentation](https://baianat.github.io/hooper/)
@@ -81,0 +83,0 @@

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Dependency count

0

decreased by-100%

Number of lines in readme file

115

increased by1.77%

Worsened metrics

Total package byte prevSize

98002

decreased by-83.27%

Dev dependency count

38

increased by8.57%

Lines of code

2224

decreased by-0.4%

Number of low quality alerts

3

increased by50%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removedvue-server-renderer@^2.6.4

• - Removedansi-styles@4.3.0(transitive)

• - Removedchalk@4.1.2(transitive)

• - Removedcolor-convert@2.0.1(transitive)

• - Removedcolor-name@1.1.4(transitive)

• - Removedfunction-bind@1.1.2(transitive)

• - Removedhas-flag@4.0.0(transitive)

• - Removedhash-sum@2.0.0(transitive)

• - Removedhasown@2.0.2(transitive)

• - Removedhe@1.2.0(transitive)

• - Removedis-core-module@2.16.1(transitive)

• - Removedlodash._reinterpolate@3.0.0(transitive)

• - Removedlodash.template@4.5.0(transitive)

• - Removedlodash.templatesettings@4.2.0(transitive)

• - Removedlodash.uniq@4.5.0(transitive)

• - Removedpath-parse@1.0.7(transitive)

• - Removedrandombytes@2.1.0(transitive)

• - Removedresolve@1.22.10(transitive)

• - Removedsafe-buffer@5.2.1(transitive)

• - Removedserialize-javascript@6.0.2(transitive)

• - Removedsource-map@0.5.6(transitive)

• - Removedsupports-color@7.2.0(transitive)

• - Removedsupports-preserve-symlinks-flag@1.0.0(transitive)

• - Removedvue-server-renderer@2.7.16(transitive)