vue-cool-lightbox - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2

dist/vue-cool-lightbox.esm.js

@@ -985,3 +985,3 @@ //
       if(this.imgIndex != null) {
-
+        
         // reset styles
@@ -1102,2 +1102,6 @@ item.style.transform  = 'translate3d(calc(-50% + '+this.left+'px), calc(-50% + '+this.top+'px), 0px) scale3d(1, 1, 1)';
 
+      if(this.isZooming) {
+        return false;
+      }
+
       if(!isFromSlideshow) {
@@ -1113,2 +1117,6 @@ this.stopSlideShow();
     onPrevClick: function onPrevClick() {
+      if(this.isZooming) {
+        return false;
+      }
+      
       this.stopSlideShow();
@@ -1115,0 +1123,0 @@ this.setSwipeAnimation();

dist/vue-cool-lightbox.min.js

@@ -1,1 +0,1 @@
-var CoolLightBox=function(t){"use strict";function e(t,e,i,s,o,n,l,a,r,h){"boolean"!=typeof l&&(r=a,a=l,l=!1);var c="function"==typeof i?i.options:i;t&&t.render&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns,c._compiled=!0,o&&(c.functional=!0)),s&&(c._scopeId=s);var u;if(n?(u=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__),e&&e.call(this,r(t)),t&&t._registeredComponents&&t._registeredComponents.add(n)},c._ssrRegister=u):e&&(u=l?function(){e.call(this,h(this.$root.$options.shadowRoot))}:function(t){e.call(this,a(t))}),u)if(c.functional){var d=c.render;c.render=function(t,e){return u.call(e),d(t,e)}}else{var g=c.beforeCreate;c.beforeCreate=g?[].concat(g,u):[u]}return i}function i(t){i.installed||(i.installed=!0,t.component("CoolLightBox",s))}var s=e({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cool-lightbox-modal"}},[t.isVisible?i("div",{staticClass:"cool-lightbox",class:t.lightboxClasses,style:t.lightboxStyles,on:{click:t.closeModal}},[t.gallery?i("div",{staticClass:"cool-lightbox-thumbs"},[i("div",{staticClass:"cool-lightbox-thumbs__list"},t._l(t.items,function(e,s){return i("button",{key:s,staticClass:"cool-lightbox__thumb",class:{active:s===t.imgIndex,"is-video":t.getVideoUrl(t.getItemSrc(s))},attrs:{type:"button"},on:{click:function(e){t.imgIndex=s}}},[t.getVideoUrl(t.getItemSrc(s))?i("svg",{staticClass:"cool-lightbox__thumb__icon",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M6.5 5.4v13.2l11-6.6z"}})]):t._e(),t._v(" "),i("img",{attrs:{src:t.itemThumb(t.getItemSrc(s),s),alt:""}})])}),0)]):t._e(),t._v(" "),i("div",{staticClass:"cool-lightbox__inner",style:t.innerStyles,on:{mousedown:t.startSwipe,mousemove:t.continueSwipe,mouseup:t.endSwipe,touchstart:t.startSwipe,touchmove:t.continueSwipe,touchend:t.endSwipe}},[i("div",{staticClass:"cool-lightbox__progressbar",style:t.stylesInterval}),t._v(" "),i("div",{staticClass:"cool-lightbox__navigation"},[i("button",{directives:[{name:"show",rawName:"v-show",value:(t.hasPrevious||t.loopData)&&t.items.length>1,expression:"(hasPrevious || loopData) && items.length > 1"}],staticClass:"cool-lightbox-button cool-lightbox-button--prev",class:t.buttonsClasses,attrs:{type:"button",title:"Previous"},on:{click:t.onPrevClick}},[t._t("icon-previous",[i("div",{staticClass:"cool-lightbox-button__icon"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M11.28 15.7l-1.34 1.37L5 12l4.94-5.07 1.34 1.38-2.68 2.72H19v1.94H8.6z"}})])])])],2),t._v(" "),i("button",{directives:[{name:"show",rawName:"v-show",value:(t.hasNext||t.loopData)&&t.items.length>1,expression:"(hasNext || loopData) && items.length > 1"}],staticClass:"cool-lightbox-button cool-lightbox-button--next",class:t.buttonsClasses,attrs:{type:"button",title:"Next"},on:{click:function(e){return t.onNextClick(!1)}}},[t._t("icon-next",[i("div",{staticClass:"cool-lightbox-button__icon"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M15.4 12.97l-2.68 2.72 1.34 1.38L19 12l-4.94-5.07-1.34 1.38 2.68 2.72H5v1.94z"}})])])])],2)]),t._v(" "),"swipe"===t.effect?i("div",{staticClass:"cool-lightbox__wrapper cool-lightbox__wrapper--swipe",style:{transform:"translate3d("+t.xSwipeWrapper+"px, "+t.ySwipeWrapper+"px, 0)",transition:t.swipeAnimation}},t._l(t.items,function(e,s){return i("div",{key:s,ref:"items",refInFor:!0,staticClass:"cool-lightbox__slide",class:{"cool-lightbox__slide--current":s===t.imgIndex}},[t.getVideoUrl(t.getItemSrc(s))?i("div",{key:"video",staticClass:"cool-lightbox__iframe"},[t.checkIsMp4(t.getItemSrc(s))?t._e():i("iframe",{key:s,staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{src:t.getVideoUrl(t.getItemSrc(s)),frameborder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""}}),t._v(" "),t.checkIsMp4(t.getItemSrc(s))?i("video",{key:t.checkIsMp4(t.getItemSrc(s)),staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{controls:"",controlslist:"nodownload",poster:""}},[i("source",{attrs:{src:t.checkIsMp4(t.getItemSrc(s)),type:"video/mp4"}}),t._v("\n              Sorry, your browser doesn't support embedded videos\n            ")]):t._e()]):i("div",{key:"image",staticClass:"cool-lightbox__slide__img",style:t.imgWrapperStyle},[i("img",{key:s,attrs:{src:t.getItemSrc(s),draggable:"false"},on:{load:t.imageLoaded,click:function(e){return t.zoomImage(s)},mousedown:function(e){return t.handleMouseDown(e)},mouseup:function(e){return t.handleMouseUp(e)},mousemove:function(e){return t.handleMouseMove(e)},touchstart:function(e){return t.handleMouseDown(e)},touchmove:function(e){return t.handleMouseMove(e)},touchend:function(e){return t.handleMouseUp(e)}}}),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.imageLoading,expression:"imageLoading"}],staticClass:"cool-lightbox-loading-wrapper"},[t._t("loading",[i("div",{staticClass:"cool-lightbox-loading"})])],2)])])}),0):t._e(),t._v(" "),"fade"===t.effect?i("div",{staticClass:"cool-lightbox__wrapper"},[i("div",{ref:"items",staticClass:"cool-lightbox__slide cool-lightbox__slide--current"},[i("transition",{attrs:{name:"cool-lightbox-slide-change",mode:"out-in"}},[t.getVideoUrl(t.getItemSrc(t.imgIndex))?i("div",{key:"video",staticClass:"cool-lightbox__iframe"},[i("transition",{attrs:{name:"cool-lightbox-slide-change",mode:"out-in"}},[t.checkIsMp4(t.getItemSrc(t.imgIndex))?t._e():i("iframe",{key:t.getVideoUrl(t.getItemSrc(t.imgIndex)),staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{src:t.getVideoUrl(t.getItemSrc(t.imgIndex)),frameborder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""}}),t._v(" "),t.checkIsMp4(t.getItemSrc(t.imgIndex))?i("video",{key:t.checkIsMp4(t.getItemSrc(t.imgIndex)),staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{controls:"",controlslist:"nodownload",poster:""}},[i("source",{attrs:{src:t.checkIsMp4(t.getItemSrc(t.imgIndex)),type:"video/mp4"}}),t._v("\n                  Sorry, your browser doesn't support embedded videos\n                ")]):t._e()])],1):i("div",{key:"image",staticClass:"cool-lightbox__slide__img",style:t.imgWrapperStyle},[i("transition",{attrs:{name:"cool-lightbox-slide-change",mode:"out-in"}},[i("img",{key:t.imgIndex,attrs:{src:t.getItemSrc(t.imgIndex),draggable:"false"},on:{load:t.imageLoaded,click:t.zoomImage,mousedown:function(e){return t.handleMouseDown(e)},mouseup:function(e){return t.handleMouseUp(e)},mousemove:function(e){return t.handleMouseMove(e)}}})]),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.imageLoading,expression:"imageLoading"}],staticClass:"cool-lightbox-loading-wrapper"},[t._t("loading",[i("div",{staticClass:"cool-lightbox-loading"})])],2)],1)])],1)]):t._e(),t._v(" "),i("transition",{attrs:{name:"modal"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.checkIfIsObject(t.imgIndex)&&(t.items[t.imgIndex].title||t.items[t.imgIndex].description),expression:"checkIfIsObject(imgIndex) && (items[imgIndex].title || items[imgIndex].description)"}],key:"caption-block",staticClass:"cool-lightbox-caption"},[i("transition",{attrs:{name:"cool-lightbox-slide-change",mode:"out-in"}},[t.checkIfIsObject(t.imgIndex)&&t.items[t.imgIndex].title?i("h6",{key:"title"},[t._v(t._s(t.items[t.imgIndex].title))]):t._e()]),t._v(" "),i("transition",{attrs:{name:"cool-lightbox-slide-change",mode:"out-in"}},[t.checkIfIsObject(t.imgIndex)&&t.items[t.imgIndex].description?i("p",{key:"description"},[t._v(t._s(t.items[t.imgIndex].description))]):t._e()])],1)]),t._v(" "),i("div",{staticClass:"cool-lightbox-toolbar",class:t.buttonsClasses},[this.slideshow&&t.items.length>1?i("button",{staticClass:"cool-lightbox-toolbar__btn",attrs:{type:"button",title:"Play slideshow"},on:{click:t.togglePlaySlideshow}},[t.isPlayingSlideShow?i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg"}},[i("g",[i("rect",{attrs:{id:"svg_4",height:"11.97529",width:"11.728392",y:"6.030873",x:"6.259265","stroke-width":"1.5",stroke:"#000",fill:"#000000"}})])]):i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M6.5 5.4v13.2l11-6.6z"}})])]):t._e(),t._v(" "),t.items.length>1&&t.gallery?i("button",{staticClass:"cool-lightbox-toolbar__btn",attrs:{type:"button",title:"Show thumbnails"},on:{click:function(e){t.showThumbs=!t.showThumbs}}},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M14.59 14.59h3.76v3.76h-3.76v-3.76zm-4.47 \n            0h3.76v3.76h-3.76v-3.76zm-4.47 0h3.76v3.76H5.65v-3.76zm8.94-4.47h3.76v3.76h-3.76v-3.76zm-4.47 \n            0h3.76v3.76h-3.76v-3.76zm-4.47 0h3.76v3.76H5.65v-3.76zm8.94-4.47h3.76v3.76h-3.76V5.65zm-4.47 \n            0h3.76v3.76h-3.76V5.65zm-4.47 0h3.76v3.76H5.65V5.65z"}})])]):t._e(),t._v(" "),t.fullScreen?i("button",{staticClass:"cool-lightbox-toolbar__btn",attrs:{type:"button",title:"Fullscreen"},on:{click:t.toggleFullScreenMode}},[i("svg",{attrs:{width:"20px",height:"20px",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"}},[i("path",{attrs:{d:"M4.5 11H3v4h4v-1.5H4.5V11zM3 7h1.5V4.5H7V3H3v4zm10.5 6.5H11V15h4v-4h-1.5v2.5zM11 3v1.5h2.5V7H15V3h-4z"}})])]):t._e(),t._v(" "),i("button",{staticClass:"cool-lightbox-toolbar__btn",attrs:{type:"button",title:"Close"},on:{click:t.close}},[t._t("close",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M12 10.6L6.6 5.2 5.2 6.6l5.4 5.4-5.4 5.4 1.4 1.4 5.4-5.4 5.4 5.4 1.4-1.4-5.4-5.4 5.4-5.4-1.4-1.4-5.4 5.4z"}})])])],2)])],1)]):t._e()])},staticRenderFns:[]},void 0,{data:function(){return{initialMouseX:0,initialMouseY:0,endMouseX:0,endMouseY:0,swipeType:null,IsSwipping:!1,isDraggingSwipe:!1,xSwipeWrapper:0,ySwipeWrapper:0,swipeAnimation:null,swipeInterval:null,lightboxInnerWidth:null,imgIndex:this.index,isVisible:!1,paddingBottom:!1,imageLoading:!1,showThumbs:!1,isFullScreenMode:!1,aspectRatioVideo:{width:"auto",height:"auto"},buttonsVisible:!0,scale:1,top:0,left:0,lastX:0,lastY:0,isDraging:!1,canZoom:!1,isZooming:!1,transition:"all .3s ease",isPlayingSlideShow:!1,intervalProgress:null,loopData:!1,stylesInterval:{display:"block"}}},props:{index:{required:!0},effect:{type:String,default:"swipe"},items:{type:Array,required:!0},loop:{type:Boolean,default:!0},slideshow:{type:Boolean,default:!0},slideshowColorBar:{type:String,default:"#fa4242"},slideshowDuration:{type:Number,default:3e3},srcName:{type:String,default:"src"},srcThumb:{type:String,default:"thumb"},overlayColor:{type:String,default:"rgba(30, 30, 30, .9)"},zIndex:{type:Number,default:9999},gallery:{type:Boolean,default:!0},fullScreen:{type:Boolean,default:!1}},watch:{showThumbs:function(t,e){var i=212,s="all .3s ease";window.innerWidth<767&&(i=102,s=null);var o=this;this.swipeAnimation=s,this.xSwipeWrapper=t?-this.imgIndex*(window.innerWidth-i)-30*this.imgIndex:-this.imgIndex*window.innerWidth-30*this.imgIndex,setTimeout(function(){o.swipeAnimation=null},300)},index:function(t,e){var i=this;null!==t?(this.swipeType=null,this.initialMouseY=0,this.ySwipeWrapper=0,this.loopData=this.loop,"swipe"===this.effect&&(this.loopData=!1),this.imgIndex=t,this.isVisible=!0,window.addEventListener("keydown",this.eventListener),window.innerWidth<700&&setTimeout(function(){window.addEventListener("click",i.showButtons)},200),document.getElementsByTagName("body")[0].style="overflow: hidden"):(this.isVisible=!1,this.stopSlideShow(),this.startsX=0,this.initialMouseY=0,this.swipeType=null,clearInterval(this.swipeInterval),this.swipeAnimation=null,this.isDraggingSwipe=!1,this.isZooming=!0,window.removeEventListener("keydown",this.eventListener),document.getElementsByTagName("body")[0].style.overflow="",window.removeEventListener("click",this.showButtons))},imgIndex:function(t,e){var i=this;this.$nextTick(function(){"swipe"===i.effect&&(i.setLightboxInnerWidth(),i.setXPosition(t)),null!==t&null===e&&i.$emit("on-open",t),null!==t&&(i.getVideoUrl(i.getItemSrc(t))||i.is_cached(i.getItemSrc(t))||(i.imageLoading=!0),i.addCaptionPadding(),i.checkZoom()),i.resetZoom(),i.swipeType=null,i.ySwipeWrapper=0,"swipe"===i.effect?i.setAspectRatioVideo():i.getVideoUrl(i.getItemSrc(t))&&i.setAspectRatioVideo()})}},methods:{toggleFullScreenMode:function(){this.isFullScreenMode?this.closeFullscreen():this.fullScreenMode(),this.isFullScreenMode=!this.isFullScreenMode},closeFullscreen:function(){document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen()},fullScreenMode:function(){var t=document.documentElement;t.requestFullscreen?t.requestFullscreen():t.mozRequestFullScreen?t.mozRequestFullScreen():t.webkitRequestFullscreen?t.webkitRequestFullscreen():t.msRequestFullscreen&&t.msRequestFullscreen()},checkIfIsButton:function(t){return!!event.target.matches(".cool-lightbox-button, .cool-lightbox-button *, .cool-lightbox-toolbar__btn, .cool-lightbox-toolbar__btn *")},startSwipe:function(t){return!this.isZooming&&(!this.checkIfIsButton(t)&&(clearInterval(this.swipeInterval),this.swipeAnimation=null,this.isDraggingSwipe=!0,this.initialMouseX=this.getMouseXPosFromEvent(t),void(this.initialMouseY=this.getMouseYPosFromEvent(t))))},continueSwipe:function(t){if(this.isDraggingSwipe){this.IsSwipping=!0;var e=this.getMouseXPosFromEvent(t),i=this.getMouseYPosFromEvent(t),s=this.lightboxInnerWidth,o=Math.abs(e-this.initialMouseX),n=Math.abs(i-this.initialMouseY);null==this.swipeType&&(n>5||o>5)&&(this.swipeType=n>o?"v":"h"),"h"==this.swipeType?this.xSwipeWrapper=-s*this.imgIndex+e-this.initialMouseX-30*this.imgIndex:this.ySwipeWrapper=i-this.initialMouseY,"touchmove"===t.type&&(this.endMouseX=this.getMouseXPosFromEvent(t),this.endMouseY=this.getMouseYPosFromEvent(t))}},endSwipe:function(t){if(this.checkIfIsButton(t)&&0===this.initialMouseX)return!1;var e=this,i=this.swipeType;if(this.isDraggingSwipe=!1,0===this.initialMouseX&&"h"==i)return!1;if("touchend"!==t.type)this.endMouseX=this.getMouseXPosFromEvent(t),this.endMouseY=this.getMouseYPosFromEvent(t);else if(0===this.endMouseX)return;if(!(this.endMouseX-this.initialMouseX==0&&"h"==i||this.isZooming||this.endMouseY-this.initialMouseY==0&&"v"==i)){if(this.setSwipeAnimation(),setTimeout(function(){e.IsSwipping=!1,e.initialMouseX=0,e.endMouseX=0},10),"h"===this.swipeType){if(this.endMouseX-this.initialMouseX<-40)return this.swipeToRight();if(this.endMouseX-this.initialMouseX>40)return this.swipeToLeft()}"v"===this.swipeType&&(Math.abs(this.endMouseY-this.initialMouseY)>=90?this.close():this.ySwipeWrapper=0),this.swipeType=null;var s=this.lightboxInnerWidth;this.xSwipeWrapper=-this.imgIndex*s-30*this.imgIndex}},swipeToLeft:function(){if(!this.hasPrevious)return this.xSwipeWrapper=-this.imgIndex*this.lightboxInnerWidth-30*this.imgIndex;this.changeIndexToPrev()},swipeToRight:function(){if(!this.hasNext)return this.xSwipeWrapper=-this.imgIndex*this.lightboxInnerWidth-30*this.imgIndex;this.changeIndexToNext()},getMouseXPosFromEvent:function(t){return-1!==t.type.indexOf("mouse")?t.clientX:t.touches[0].clientX},getMouseYPosFromEvent:function(t){return-1!==t.type.indexOf("mouse")?t.clientY:t.touches[0].clientY},is_cached:function(t){var e=new Image;return e.src=t,e.complete},imageLoaded:function(){this.imageLoading=!1},itemThumb:function(t,e){var i=this.getItemThumb(e);if(i)return i;var s=this.getYoutubeID(t);return s?"https://img.youtube.com/vi/"+s+"/mqdefault.jpg":!this.getVimeoID(t)&&t},getItemSrc:function(t){if(null===t)return!1;var e=this.items[t];return this.checkIfIsObject(t)?e[this.srcName]:e},getItemThumb:function(t){if(null===t)return!1;var e=this.items[t];return this.checkIfIsObject(t)?e[this.srcThumb]:!this.getVideoUrl(e)&&e},togglePlaySlideshow:function(){return!!this.slideshow&&(!(!this.hasNext&&!this.loopData)&&(this.isPlayingSlideShow=!this.isPlayingSlideShow,void(this.isPlayingSlideShow?this.move():this.stopSlideShow())))},stopSlideShow:function(){this.isPlayingSlideShow=!1,clearInterval(this.intervalProgress),this.stylesInterval={transform:"scaleX(0)",transition:"none"}},move:function(){function t(){e.stylesInterval={transform:"scaleX(0)",transition:"none"},e.onNextClick(!0),e.hasNext||e.loopData?setTimeout(function(){e.stylesInterval={transform:"scaleX(1)",background:e.slideshowColorBar,"transition-duration":e.slideshowDuration+"ms"}},50):e.stopSlideShow()}var e=this;this.progressWidth=100,this.intervalProgress=setInterval(t,this.slideshowDuration+90),e.stylesInterval={transform:"scaleX(1)",background:this.slideshowColorBar,"transition-duration":this.slideshowDuration+"ms"}},showButtons:function(t){if(!this.checkIfIsButton(t)){var e=this;setTimeout(function(){e.buttonsVisible=!e.buttonsVisible},100)}},checkMouseEventPropButton:function(t){return!!this.isZooming&&0===t},handleMouseDown:function(t){this.checkMouseEventPropButton(t.button)&&(this.lastX=t.clientX,this.lastY=t.clientY,this.isDraging=!0,t.stopPropagation())},handleMouseUp:function(t){if(this.checkMouseEventPropButton(t.button)){this.isDraging=!1,this.lastX=this.lastY=0;var e=this;setTimeout(function(){e.canZoom=!0},100)}},handleMouseMove:function(t){this.checkMouseEventPropButton(t.button)&&(this.isDraging&&(this.top=this.top-this.lastY+t.clientY,this.left=this.left-this.lastX+t.clientX,this.lastX=t.clientX,this.lastY=t.clientY,this.canZoom=!1,t.target.parentNode.style.transform="translate3d(calc(-50% + "+this.left+"px), calc(-50% + "+this.top+"px), 0px) scale3d(1.6, 1.6, 1.6)"),t.stopPropagation())},zoomImage:function(t){if(window.innerWidth<700)return!1;if(!this.canZoom)return!1;if(this.IsSwipping)return!1;var e;e="swipe"==this.effect?this.$refs.items[this.imgIndex].childNodes[0]:this.$refs.items.childNodes[0];var i=this;this.isZooming?this.isDraging||(this.isZooming=!1):this.isZooming=!0,this.isZooming?(this.stopSlideShow(),e.style.transform="translate3d(calc(-50%), calc(-50%), 0px) scale3d(1.6, 1.6, 1.6)",this.buttonsVisible=!1,setTimeout(function(){i.transition="all .0s ease"},100)):(this.buttonsVisible=!0,this.resetZoom())},resetZoom:function(){this.scale=1,this.left=0,this.top=0,this.canZoom=!1,this.isZooming=!1,this.swipeType=null,this.transition="all .3s ease";var t;t="swipe"==this.effect?this.$refs.items[this.imgIndex].childNodes[0]:this.$refs.items.childNodes[0],null!=this.imgIndex&&(t.style.transform="translate3d(calc(-50% + "+this.left+"px), calc(-50% + "+this.top+"px), 0px) scale3d(1, 1, 1)",this.initialMouseX=0,window.innerWidth>=700&&(this.buttonsVisible=!0))},checkZoom:function(){var t=this;if(this.getVideoUrl(this.getItemSrc(this.imgIndex)))return this.canZoom=!1;var e=new Image;e.src=this.itemSrc;var i=document.getElementsByClassName("cool-lightbox"),s=(getComputedStyle(i[0]),i[0].clientHeight);e.onload=function(){var e=this.width,i=this.height;i>s?(t.canZoom=!0,t.imgFullSize={height:i+"px",width:e+"px"}):t.canZoom=!1}},setAspectRatioVideo:function(){var t=this,e=document.getElementsByClassName("cool-lightbox__inner");if(window.innerWidth<700){var i=e[0].clientWidth,s=Math.round(i/16*9);this.aspectRatioVideo.height=s+"px",this.aspectRatioVideo.width=i+"px"}else setTimeout(function(){var i=e[0].clientHeight,s=i/9*16;t.aspectRatioVideo.height=i+"px",t.aspectRatioVideo.width=s+"px"},150)},close:function(){this.stopSlideShow(),this.swipeType=null,this.$emit("close",this.imgIndex),this.showThumbs=!1,this.imgIndex=null},closeModal:function(t){if(window.innerWidth<700)return!1;if(this.IsSwipping)return!1;t.target.matches(".cool-lightbox-thumbs, svg, path, rect, .cool-lightbox-thumbs *, .cool-lightbox-button, .cool-lightbox-toolbar__btn, .cool-lightbox-toolbar__btn *, .cool-lightbox-button *, .cool-lightbox__slide__img *, .cool-lightbox-video")||this.close()},setSwipeAnimation:function(){function t(){e.swipeAnimation=null}var e=this;clearInterval(this.swipeInterval),this.swipeAnimation=null,this.swipeAnimation="all .3s ease",this.swipeInterval=setInterval(t,330)},onNextClick:function(t){void 0===t&&(t=!1),t||this.stopSlideShow(),this.setSwipeAnimation(),this.changeIndexToNext()},onPrevClick:function(){this.stopSlideShow(),this.setSwipeAnimation(),this.changeIndexToPrev()},changeIndexToNext:function(){this.hasNext?this.onIndexChange(this.imgIndex+1):this.loopData&&this.onIndexChange(0)},changeIndexToPrev:function(){this.hasPrevious?this.onIndexChange(this.imgIndex-1):this.loopData&&this.onIndexChange(this.items.length-1)},setLightboxInnerWidth:function(){var t=document.getElementsByClassName("cool-lightbox__inner")[0].clientWidth;this.lightboxInnerWidth=t},setXPosition:function(t){this.xSwipeWrapper=-t*this.lightboxInnerWidth-30*t},onIndexChange:function(t){this.imgIndex=t,this.$emit("on-change",t)},addCaptionPadding:function(){if(this.checkIfIsObject(this.imgIndex)&&(this.items[this.imgIndex].title||this.items[this.imgIndex].descripcion)){var t=document.getElementsByClassName("cool-lightbox-caption");t.length>0&&(this.paddingBottom=t[0].offsetHeight)}else this.paddingBottom=60},getVideoUrl:function(t){var e=this.getYoutubeUrl(t),i=this.getVimeoUrl(t),s=this.checkIsMp4(t);return e||(i||(s||!1))},getYoutubeID:function(t){var e=!!t.match(/^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/)&&RegExp.$1;return e||!1},getYoutubeUrl:function(t){var e=this.getYoutubeID(t);return!!e&&"https://www.youtube.com/embed/"+e},getVimeoID:function(t){var e=t.match(/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/(?:[^\/]*)\/videos\/|album\/(?:\d+)\/video\/|video\/|)(\d+)(?:[a-zA-Z0-9_\-]+)?/i);return null!==e&&e[1]},getVimeoUrl:function(t){var e=t.match(/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/(?:[^\/]*)\/videos\/|album\/(?:\d+)\/video\/|video\/|)(\d+)(?:[a-zA-Z0-9_\-]+)?/i);return null!==e&&"//player.vimeo.com/video/"+e[1]+"?hd=1&show_title=1&show_byline=1&show_portrait=0&fullscreen=1"},checkIsMp4:function(t){return null!==this.imgIndex&&(!!new String(t).endsWith(".mp4")&&t)},checkIfIsObject:function(t){var e=this.items[t];return"object"==typeof e&&null!==e},eventListener:function(t){switch(t.keyCode){case 39:return this.onNextClick();case 37:return this.onPrevClick();case 38:case 40:case" ":return t.preventDefault();case 27:return this.close()}}},computed:{imgWrapperStyle:function(){return{top:"50%",left:"50%",transition:this.transition}},lightboxStyles:function(){return{"z-index":this.zIndex,"background-color":this.overlayColor}},innerStyles:function(){return{"padding-bottom":this.paddingBottom+"px"}},itemSrc:function(){if(null===this.imgIndex)return!1;var t=this.items[this.imgIndex];return this.checkIfIsObject(this.imgIndex)?t[this.srcName]:t},lightboxClasses:function(){return{"cool-lightbox--can-zoom":this.canZoom,"cool-lightbox--is-zooming":this.isZooming,"cool-lightbox--show-thumbs":this.showThumbs,"cool-lightbox--is-swipping":this.isDraggingSwipe}},buttonsClasses:function(){return{hidden:!this.buttonsVisible}},hasNext:function(){return this.imgIndex+1<this.items.length},hasPrevious:function(){return this.imgIndex-1>=0}}},void 0,!1,void 0,void 0,void 0),o={install:i},n=null;return"undefined"!=typeof window?n=window.Vue:"undefined"!=typeof global&&(n=global.vue),n&&n.use(o),s.install=i,t.default=s,t}({});
+var CoolLightBox=function(t){"use strict";function e(t,e,i,s,o,n,l,a,r,h){"boolean"!=typeof l&&(r=a,a=l,l=!1);var c="function"==typeof i?i.options:i;t&&t.render&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns,c._compiled=!0,o&&(c.functional=!0)),s&&(c._scopeId=s);var u;if(n?(u=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__),e&&e.call(this,r(t)),t&&t._registeredComponents&&t._registeredComponents.add(n)},c._ssrRegister=u):e&&(u=l?function(){e.call(this,h(this.$root.$options.shadowRoot))}:function(t){e.call(this,a(t))}),u)if(c.functional){var d=c.render;c.render=function(t,e){return u.call(e),d(t,e)}}else{var g=c.beforeCreate;c.beforeCreate=g?[].concat(g,u):[u]}return i}function i(t){i.installed||(i.installed=!0,t.component("CoolLightBox",s))}var s=e({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cool-lightbox-modal"}},[t.isVisible?i("div",{staticClass:"cool-lightbox",class:t.lightboxClasses,style:t.lightboxStyles,on:{click:t.closeModal}},[t.gallery?i("div",{staticClass:"cool-lightbox-thumbs"},[i("div",{staticClass:"cool-lightbox-thumbs__list"},t._l(t.items,function(e,s){return i("button",{key:s,staticClass:"cool-lightbox__thumb",class:{active:s===t.imgIndex,"is-video":t.getVideoUrl(t.getItemSrc(s))},attrs:{type:"button"},on:{click:function(e){t.imgIndex=s}}},[t.getVideoUrl(t.getItemSrc(s))?i("svg",{staticClass:"cool-lightbox__thumb__icon",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M6.5 5.4v13.2l11-6.6z"}})]):t._e(),t._v(" "),i("img",{attrs:{src:t.itemThumb(t.getItemSrc(s),s),alt:""}})])}),0)]):t._e(),t._v(" "),i("div",{staticClass:"cool-lightbox__inner",style:t.innerStyles,on:{mousedown:t.startSwipe,mousemove:t.continueSwipe,mouseup:t.endSwipe,touchstart:t.startSwipe,touchmove:t.continueSwipe,touchend:t.endSwipe}},[i("div",{staticClass:"cool-lightbox__progressbar",style:t.stylesInterval}),t._v(" "),i("div",{staticClass:"cool-lightbox__navigation"},[i("button",{directives:[{name:"show",rawName:"v-show",value:(t.hasPrevious||t.loopData)&&t.items.length>1,expression:"(hasPrevious || loopData) && items.length > 1"}],staticClass:"cool-lightbox-button cool-lightbox-button--prev",class:t.buttonsClasses,attrs:{type:"button",title:"Previous"},on:{click:t.onPrevClick}},[t._t("icon-previous",[i("div",{staticClass:"cool-lightbox-button__icon"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M11.28 15.7l-1.34 1.37L5 12l4.94-5.07 1.34 1.38-2.68 2.72H19v1.94H8.6z"}})])])])],2),t._v(" "),i("button",{directives:[{name:"show",rawName:"v-show",value:(t.hasNext||t.loopData)&&t.items.length>1,expression:"(hasNext || loopData) && items.length > 1"}],staticClass:"cool-lightbox-button cool-lightbox-button--next",class:t.buttonsClasses,attrs:{type:"button",title:"Next"},on:{click:function(e){return t.onNextClick(!1)}}},[t._t("icon-next",[i("div",{staticClass:"cool-lightbox-button__icon"},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M15.4 12.97l-2.68 2.72 1.34 1.38L19 12l-4.94-5.07-1.34 1.38 2.68 2.72H5v1.94z"}})])])])],2)]),t._v(" "),"swipe"===t.effect?i("div",{staticClass:"cool-lightbox__wrapper cool-lightbox__wrapper--swipe",style:{transform:"translate3d("+t.xSwipeWrapper+"px, "+t.ySwipeWrapper+"px, 0)",transition:t.swipeAnimation}},t._l(t.items,function(e,s){return i("div",{key:s,ref:"items",refInFor:!0,staticClass:"cool-lightbox__slide",class:{"cool-lightbox__slide--current":s===t.imgIndex}},[t.getVideoUrl(t.getItemSrc(s))?i("div",{key:"video",staticClass:"cool-lightbox__iframe"},[t.checkIsMp4(t.getItemSrc(s))?t._e():i("iframe",{key:s,staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{src:t.getVideoUrl(t.getItemSrc(s)),frameborder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""}}),t._v(" "),t.checkIsMp4(t.getItemSrc(s))?i("video",{key:t.checkIsMp4(t.getItemSrc(s)),staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{controls:"",controlslist:"nodownload",poster:""}},[i("source",{attrs:{src:t.checkIsMp4(t.getItemSrc(s)),type:"video/mp4"}}),t._v("\n              Sorry, your browser doesn't support embedded videos\n            ")]):t._e()]):i("div",{key:"image",staticClass:"cool-lightbox__slide__img",style:t.imgWrapperStyle},[i("img",{key:s,attrs:{src:t.getItemSrc(s),draggable:"false"},on:{load:t.imageLoaded,click:function(e){return t.zoomImage(s)},mousedown:function(e){return t.handleMouseDown(e)},mouseup:function(e){return t.handleMouseUp(e)},mousemove:function(e){return t.handleMouseMove(e)},touchstart:function(e){return t.handleMouseDown(e)},touchmove:function(e){return t.handleMouseMove(e)},touchend:function(e){return t.handleMouseUp(e)}}}),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.imageLoading,expression:"imageLoading"}],staticClass:"cool-lightbox-loading-wrapper"},[t._t("loading",[i("div",{staticClass:"cool-lightbox-loading"})])],2)])])}),0):t._e(),t._v(" "),"fade"===t.effect?i("div",{staticClass:"cool-lightbox__wrapper"},[i("div",{ref:"items",staticClass:"cool-lightbox__slide cool-lightbox__slide--current"},[i("transition",{attrs:{name:"cool-lightbox-slide-change",mode:"out-in"}},[t.getVideoUrl(t.getItemSrc(t.imgIndex))?i("div",{key:"video",staticClass:"cool-lightbox__iframe"},[i("transition",{attrs:{name:"cool-lightbox-slide-change",mode:"out-in"}},[t.checkIsMp4(t.getItemSrc(t.imgIndex))?t._e():i("iframe",{key:t.getVideoUrl(t.getItemSrc(t.imgIndex)),staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{src:t.getVideoUrl(t.getItemSrc(t.imgIndex)),frameborder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""}}),t._v(" "),t.checkIsMp4(t.getItemSrc(t.imgIndex))?i("video",{key:t.checkIsMp4(t.getItemSrc(t.imgIndex)),staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{controls:"",controlslist:"nodownload",poster:""}},[i("source",{attrs:{src:t.checkIsMp4(t.getItemSrc(t.imgIndex)),type:"video/mp4"}}),t._v("\n                  Sorry, your browser doesn't support embedded videos\n                ")]):t._e()])],1):i("div",{key:"image",staticClass:"cool-lightbox__slide__img",style:t.imgWrapperStyle},[i("transition",{attrs:{name:"cool-lightbox-slide-change",mode:"out-in"}},[i("img",{key:t.imgIndex,attrs:{src:t.getItemSrc(t.imgIndex),draggable:"false"},on:{load:t.imageLoaded,click:t.zoomImage,mousedown:function(e){return t.handleMouseDown(e)},mouseup:function(e){return t.handleMouseUp(e)},mousemove:function(e){return t.handleMouseMove(e)}}})]),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.imageLoading,expression:"imageLoading"}],staticClass:"cool-lightbox-loading-wrapper"},[t._t("loading",[i("div",{staticClass:"cool-lightbox-loading"})])],2)],1)])],1)]):t._e(),t._v(" "),i("transition",{attrs:{name:"modal"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.checkIfIsObject(t.imgIndex)&&(t.items[t.imgIndex].title||t.items[t.imgIndex].description),expression:"checkIfIsObject(imgIndex) && (items[imgIndex].title || items[imgIndex].description)"}],key:"caption-block",staticClass:"cool-lightbox-caption"},[i("transition",{attrs:{name:"cool-lightbox-slide-change",mode:"out-in"}},[t.checkIfIsObject(t.imgIndex)&&t.items[t.imgIndex].title?i("h6",{key:"title"},[t._v(t._s(t.items[t.imgIndex].title))]):t._e()]),t._v(" "),i("transition",{attrs:{name:"cool-lightbox-slide-change",mode:"out-in"}},[t.checkIfIsObject(t.imgIndex)&&t.items[t.imgIndex].description?i("p",{key:"description"},[t._v(t._s(t.items[t.imgIndex].description))]):t._e()])],1)]),t._v(" "),i("div",{staticClass:"cool-lightbox-toolbar",class:t.buttonsClasses},[this.slideshow&&t.items.length>1?i("button",{staticClass:"cool-lightbox-toolbar__btn",attrs:{type:"button",title:"Play slideshow"},on:{click:t.togglePlaySlideshow}},[t.isPlayingSlideShow?i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg"}},[i("g",[i("rect",{attrs:{id:"svg_4",height:"11.97529",width:"11.728392",y:"6.030873",x:"6.259265","stroke-width":"1.5",stroke:"#000",fill:"#000000"}})])]):i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M6.5 5.4v13.2l11-6.6z"}})])]):t._e(),t._v(" "),t.items.length>1&&t.gallery?i("button",{staticClass:"cool-lightbox-toolbar__btn",attrs:{type:"button",title:"Show thumbnails"},on:{click:function(e){t.showThumbs=!t.showThumbs}}},[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M14.59 14.59h3.76v3.76h-3.76v-3.76zm-4.47 \n            0h3.76v3.76h-3.76v-3.76zm-4.47 0h3.76v3.76H5.65v-3.76zm8.94-4.47h3.76v3.76h-3.76v-3.76zm-4.47 \n            0h3.76v3.76h-3.76v-3.76zm-4.47 0h3.76v3.76H5.65v-3.76zm8.94-4.47h3.76v3.76h-3.76V5.65zm-4.47 \n            0h3.76v3.76h-3.76V5.65zm-4.47 0h3.76v3.76H5.65V5.65z"}})])]):t._e(),t._v(" "),t.fullScreen?i("button",{staticClass:"cool-lightbox-toolbar__btn",attrs:{type:"button",title:"Fullscreen"},on:{click:t.toggleFullScreenMode}},[i("svg",{attrs:{width:"20px",height:"20px",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"}},[i("path",{attrs:{d:"M4.5 11H3v4h4v-1.5H4.5V11zM3 7h1.5V4.5H7V3H3v4zm10.5 6.5H11V15h4v-4h-1.5v2.5zM11 3v1.5h2.5V7H15V3h-4z"}})])]):t._e(),t._v(" "),i("button",{staticClass:"cool-lightbox-toolbar__btn",attrs:{type:"button",title:"Close"},on:{click:t.close}},[t._t("close",[i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M12 10.6L6.6 5.2 5.2 6.6l5.4 5.4-5.4 5.4 1.4 1.4 5.4-5.4 5.4 5.4 1.4-1.4-5.4-5.4 5.4-5.4-1.4-1.4-5.4 5.4z"}})])])],2)])],1)]):t._e()])},staticRenderFns:[]},void 0,{data:function(){return{initialMouseX:0,initialMouseY:0,endMouseX:0,endMouseY:0,swipeType:null,IsSwipping:!1,isDraggingSwipe:!1,xSwipeWrapper:0,ySwipeWrapper:0,swipeAnimation:null,swipeInterval:null,lightboxInnerWidth:null,imgIndex:this.index,isVisible:!1,paddingBottom:!1,imageLoading:!1,showThumbs:!1,isFullScreenMode:!1,aspectRatioVideo:{width:"auto",height:"auto"},buttonsVisible:!0,scale:1,top:0,left:0,lastX:0,lastY:0,isDraging:!1,canZoom:!1,isZooming:!1,transition:"all .3s ease",isPlayingSlideShow:!1,intervalProgress:null,loopData:!1,stylesInterval:{display:"block"}}},props:{index:{required:!0},effect:{type:String,default:"swipe"},items:{type:Array,required:!0},loop:{type:Boolean,default:!0},slideshow:{type:Boolean,default:!0},slideshowColorBar:{type:String,default:"#fa4242"},slideshowDuration:{type:Number,default:3e3},srcName:{type:String,default:"src"},srcThumb:{type:String,default:"thumb"},overlayColor:{type:String,default:"rgba(30, 30, 30, .9)"},zIndex:{type:Number,default:9999},gallery:{type:Boolean,default:!0},fullScreen:{type:Boolean,default:!1}},watch:{showThumbs:function(t,e){var i=212,s="all .3s ease";window.innerWidth<767&&(i=102,s=null);var o=this;this.swipeAnimation=s,this.xSwipeWrapper=t?-this.imgIndex*(window.innerWidth-i)-30*this.imgIndex:-this.imgIndex*window.innerWidth-30*this.imgIndex,setTimeout(function(){o.swipeAnimation=null},300)},index:function(t,e){var i=this;null!==t?(this.swipeType=null,this.initialMouseY=0,this.ySwipeWrapper=0,this.loopData=this.loop,"swipe"===this.effect&&(this.loopData=!1),this.imgIndex=t,this.isVisible=!0,window.addEventListener("keydown",this.eventListener),window.innerWidth<700&&setTimeout(function(){window.addEventListener("click",i.showButtons)},200),document.getElementsByTagName("body")[0].style="overflow: hidden"):(this.isVisible=!1,this.stopSlideShow(),this.startsX=0,this.initialMouseY=0,this.swipeType=null,clearInterval(this.swipeInterval),this.swipeAnimation=null,this.isDraggingSwipe=!1,this.isZooming=!0,window.removeEventListener("keydown",this.eventListener),document.getElementsByTagName("body")[0].style.overflow="",window.removeEventListener("click",this.showButtons))},imgIndex:function(t,e){var i=this;this.$nextTick(function(){"swipe"===i.effect&&(i.setLightboxInnerWidth(),i.setXPosition(t)),null!==t&null===e&&i.$emit("on-open",t),null!==t&&(i.getVideoUrl(i.getItemSrc(t))||i.is_cached(i.getItemSrc(t))||(i.imageLoading=!0),i.addCaptionPadding(),i.checkZoom()),i.resetZoom(),i.swipeType=null,i.ySwipeWrapper=0,"swipe"===i.effect?i.setAspectRatioVideo():i.getVideoUrl(i.getItemSrc(t))&&i.setAspectRatioVideo()})}},methods:{toggleFullScreenMode:function(){this.isFullScreenMode?this.closeFullscreen():this.fullScreenMode(),this.isFullScreenMode=!this.isFullScreenMode},closeFullscreen:function(){document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen()},fullScreenMode:function(){var t=document.documentElement;t.requestFullscreen?t.requestFullscreen():t.mozRequestFullScreen?t.mozRequestFullScreen():t.webkitRequestFullscreen?t.webkitRequestFullscreen():t.msRequestFullscreen&&t.msRequestFullscreen()},checkIfIsButton:function(t){return!!event.target.matches(".cool-lightbox-button, .cool-lightbox-button *, .cool-lightbox-toolbar__btn, .cool-lightbox-toolbar__btn *")},startSwipe:function(t){return!this.isZooming&&(!this.checkIfIsButton(t)&&(clearInterval(this.swipeInterval),this.swipeAnimation=null,this.isDraggingSwipe=!0,this.initialMouseX=this.getMouseXPosFromEvent(t),void(this.initialMouseY=this.getMouseYPosFromEvent(t))))},continueSwipe:function(t){if(this.isDraggingSwipe){this.IsSwipping=!0;var e=this.getMouseXPosFromEvent(t),i=this.getMouseYPosFromEvent(t),s=this.lightboxInnerWidth,o=Math.abs(e-this.initialMouseX),n=Math.abs(i-this.initialMouseY);null==this.swipeType&&(n>5||o>5)&&(this.swipeType=n>o?"v":"h"),"h"==this.swipeType?this.xSwipeWrapper=-s*this.imgIndex+e-this.initialMouseX-30*this.imgIndex:this.ySwipeWrapper=i-this.initialMouseY,"touchmove"===t.type&&(this.endMouseX=this.getMouseXPosFromEvent(t),this.endMouseY=this.getMouseYPosFromEvent(t))}},endSwipe:function(t){if(this.checkIfIsButton(t)&&0===this.initialMouseX)return!1;var e=this,i=this.swipeType;if(this.isDraggingSwipe=!1,0===this.initialMouseX&&"h"==i)return!1;if("touchend"!==t.type)this.endMouseX=this.getMouseXPosFromEvent(t),this.endMouseY=this.getMouseYPosFromEvent(t);else if(0===this.endMouseX)return;if(!(this.endMouseX-this.initialMouseX==0&&"h"==i||this.isZooming||this.endMouseY-this.initialMouseY==0&&"v"==i)){if(this.setSwipeAnimation(),setTimeout(function(){e.IsSwipping=!1,e.initialMouseX=0,e.endMouseX=0},10),"h"===this.swipeType){if(this.endMouseX-this.initialMouseX<-40)return this.swipeToRight();if(this.endMouseX-this.initialMouseX>40)return this.swipeToLeft()}"v"===this.swipeType&&(Math.abs(this.endMouseY-this.initialMouseY)>=90?this.close():this.ySwipeWrapper=0),this.swipeType=null;var s=this.lightboxInnerWidth;this.xSwipeWrapper=-this.imgIndex*s-30*this.imgIndex}},swipeToLeft:function(){if(!this.hasPrevious)return this.xSwipeWrapper=-this.imgIndex*this.lightboxInnerWidth-30*this.imgIndex;this.changeIndexToPrev()},swipeToRight:function(){if(!this.hasNext)return this.xSwipeWrapper=-this.imgIndex*this.lightboxInnerWidth-30*this.imgIndex;this.changeIndexToNext()},getMouseXPosFromEvent:function(t){return-1!==t.type.indexOf("mouse")?t.clientX:t.touches[0].clientX},getMouseYPosFromEvent:function(t){return-1!==t.type.indexOf("mouse")?t.clientY:t.touches[0].clientY},is_cached:function(t){var e=new Image;return e.src=t,e.complete},imageLoaded:function(){this.imageLoading=!1},itemThumb:function(t,e){var i=this.getItemThumb(e);if(i)return i;var s=this.getYoutubeID(t);return s?"https://img.youtube.com/vi/"+s+"/mqdefault.jpg":!this.getVimeoID(t)&&t},getItemSrc:function(t){if(null===t)return!1;var e=this.items[t];return this.checkIfIsObject(t)?e[this.srcName]:e},getItemThumb:function(t){if(null===t)return!1;var e=this.items[t];return this.checkIfIsObject(t)?e[this.srcThumb]:!this.getVideoUrl(e)&&e},togglePlaySlideshow:function(){return!!this.slideshow&&(!(!this.hasNext&&!this.loopData)&&(this.isPlayingSlideShow=!this.isPlayingSlideShow,void(this.isPlayingSlideShow?this.move():this.stopSlideShow())))},stopSlideShow:function(){this.isPlayingSlideShow=!1,clearInterval(this.intervalProgress),this.stylesInterval={transform:"scaleX(0)",transition:"none"}},move:function(){function t(){e.stylesInterval={transform:"scaleX(0)",transition:"none"},e.onNextClick(!0),e.hasNext||e.loopData?setTimeout(function(){e.stylesInterval={transform:"scaleX(1)",background:e.slideshowColorBar,"transition-duration":e.slideshowDuration+"ms"}},50):e.stopSlideShow()}var e=this;this.progressWidth=100,this.intervalProgress=setInterval(t,this.slideshowDuration+90),e.stylesInterval={transform:"scaleX(1)",background:this.slideshowColorBar,"transition-duration":this.slideshowDuration+"ms"}},showButtons:function(t){if(!this.checkIfIsButton(t)){var e=this;setTimeout(function(){e.buttonsVisible=!e.buttonsVisible},100)}},checkMouseEventPropButton:function(t){return!!this.isZooming&&0===t},handleMouseDown:function(t){this.checkMouseEventPropButton(t.button)&&(this.lastX=t.clientX,this.lastY=t.clientY,this.isDraging=!0,t.stopPropagation())},handleMouseUp:function(t){if(this.checkMouseEventPropButton(t.button)){this.isDraging=!1,this.lastX=this.lastY=0;var e=this;setTimeout(function(){e.canZoom=!0},100)}},handleMouseMove:function(t){this.checkMouseEventPropButton(t.button)&&(this.isDraging&&(this.top=this.top-this.lastY+t.clientY,this.left=this.left-this.lastX+t.clientX,this.lastX=t.clientX,this.lastY=t.clientY,this.canZoom=!1,t.target.parentNode.style.transform="translate3d(calc(-50% + "+this.left+"px), calc(-50% + "+this.top+"px), 0px) scale3d(1.6, 1.6, 1.6)"),t.stopPropagation())},zoomImage:function(t){if(window.innerWidth<700)return!1;if(!this.canZoom)return!1;if(this.IsSwipping)return!1;var e;e="swipe"==this.effect?this.$refs.items[this.imgIndex].childNodes[0]:this.$refs.items.childNodes[0];var i=this;this.isZooming?this.isDraging||(this.isZooming=!1):this.isZooming=!0,this.isZooming?(this.stopSlideShow(),e.style.transform="translate3d(calc(-50%), calc(-50%), 0px) scale3d(1.6, 1.6, 1.6)",this.buttonsVisible=!1,setTimeout(function(){i.transition="all .0s ease"},100)):(this.buttonsVisible=!0,this.resetZoom())},resetZoom:function(){this.scale=1,this.left=0,this.top=0,this.canZoom=!1,this.isZooming=!1,this.swipeType=null,this.transition="all .3s ease";var t;t="swipe"==this.effect?this.$refs.items[this.imgIndex].childNodes[0]:this.$refs.items.childNodes[0],null!=this.imgIndex&&(t.style.transform="translate3d(calc(-50% + "+this.left+"px), calc(-50% + "+this.top+"px), 0px) scale3d(1, 1, 1)",this.initialMouseX=0,window.innerWidth>=700&&(this.buttonsVisible=!0))},checkZoom:function(){var t=this;if(this.getVideoUrl(this.getItemSrc(this.imgIndex)))return this.canZoom=!1;var e=new Image;e.src=this.itemSrc;var i=document.getElementsByClassName("cool-lightbox"),s=(getComputedStyle(i[0]),i[0].clientHeight);e.onload=function(){var e=this.width,i=this.height;i>s?(t.canZoom=!0,t.imgFullSize={height:i+"px",width:e+"px"}):t.canZoom=!1}},setAspectRatioVideo:function(){var t=this,e=document.getElementsByClassName("cool-lightbox__inner");if(window.innerWidth<700){var i=e[0].clientWidth,s=Math.round(i/16*9);this.aspectRatioVideo.height=s+"px",this.aspectRatioVideo.width=i+"px"}else setTimeout(function(){var i=e[0].clientHeight,s=i/9*16;t.aspectRatioVideo.height=i+"px",t.aspectRatioVideo.width=s+"px"},150)},close:function(){this.stopSlideShow(),this.swipeType=null,this.$emit("close",this.imgIndex),this.showThumbs=!1,this.imgIndex=null},closeModal:function(t){if(window.innerWidth<700)return!1;if(this.IsSwipping)return!1;t.target.matches(".cool-lightbox-thumbs, svg, path, rect, .cool-lightbox-thumbs *, .cool-lightbox-button, .cool-lightbox-toolbar__btn, .cool-lightbox-toolbar__btn *, .cool-lightbox-button *, .cool-lightbox__slide__img *, .cool-lightbox-video")||this.close()},setSwipeAnimation:function(){function t(){e.swipeAnimation=null}var e=this;clearInterval(this.swipeInterval),this.swipeAnimation=null,this.swipeAnimation="all .3s ease",this.swipeInterval=setInterval(t,330)},onNextClick:function(t){if(void 0===t&&(t=!1),this.isZooming)return!1;t||this.stopSlideShow(),this.setSwipeAnimation(),this.changeIndexToNext()},onPrevClick:function(){if(this.isZooming)return!1;this.stopSlideShow(),this.setSwipeAnimation(),this.changeIndexToPrev()},changeIndexToNext:function(){this.hasNext?this.onIndexChange(this.imgIndex+1):this.loopData&&this.onIndexChange(0)},changeIndexToPrev:function(){this.hasPrevious?this.onIndexChange(this.imgIndex-1):this.loopData&&this.onIndexChange(this.items.length-1)},setLightboxInnerWidth:function(){var t=document.getElementsByClassName("cool-lightbox__inner")[0].clientWidth;this.lightboxInnerWidth=t},setXPosition:function(t){this.xSwipeWrapper=-t*this.lightboxInnerWidth-30*t},onIndexChange:function(t){this.imgIndex=t,this.$emit("on-change",t)},addCaptionPadding:function(){if(this.checkIfIsObject(this.imgIndex)&&(this.items[this.imgIndex].title||this.items[this.imgIndex].descripcion)){var t=document.getElementsByClassName("cool-lightbox-caption");t.length>0&&(this.paddingBottom=t[0].offsetHeight)}else this.paddingBottom=60},getVideoUrl:function(t){var e=this.getYoutubeUrl(t),i=this.getVimeoUrl(t),s=this.checkIsMp4(t);return e||(i||(s||!1))},getYoutubeID:function(t){var e=!!t.match(/^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/)&&RegExp.$1;return e||!1},getYoutubeUrl:function(t){var e=this.getYoutubeID(t);return!!e&&"https://www.youtube.com/embed/"+e},getVimeoID:function(t){var e=t.match(/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/(?:[^\/]*)\/videos\/|album\/(?:\d+)\/video\/|video\/|)(\d+)(?:[a-zA-Z0-9_\-]+)?/i);return null!==e&&e[1]},getVimeoUrl:function(t){var e=t.match(/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/(?:[^\/]*)\/videos\/|album\/(?:\d+)\/video\/|video\/|)(\d+)(?:[a-zA-Z0-9_\-]+)?/i);return null!==e&&"//player.vimeo.com/video/"+e[1]+"?hd=1&show_title=1&show_byline=1&show_portrait=0&fullscreen=1"},checkIsMp4:function(t){return null!==this.imgIndex&&(!!new String(t).endsWith(".mp4")&&t)},checkIfIsObject:function(t){var e=this.items[t];return"object"==typeof e&&null!==e},eventListener:function(t){switch(t.keyCode){case 39:return this.onNextClick();case 37:return this.onPrevClick();case 38:case 40:case" ":return t.preventDefault();case 27:return this.close()}}},computed:{imgWrapperStyle:function(){return{top:"50%",left:"50%",transition:this.transition}},lightboxStyles:function(){return{"z-index":this.zIndex,"background-color":this.overlayColor}},innerStyles:function(){return{"padding-bottom":this.paddingBottom+"px"}},itemSrc:function(){if(null===this.imgIndex)return!1;var t=this.items[this.imgIndex];return this.checkIfIsObject(this.imgIndex)?t[this.srcName]:t},lightboxClasses:function(){return{"cool-lightbox--can-zoom":this.canZoom,"cool-lightbox--is-zooming":this.isZooming,"cool-lightbox--show-thumbs":this.showThumbs,"cool-lightbox--is-swipping":this.isDraggingSwipe}},buttonsClasses:function(){return{hidden:!this.buttonsVisible}},hasNext:function(){return this.imgIndex+1<this.items.length},hasPrevious:function(){return this.imgIndex-1>=0}}},void 0,!1,void 0,void 0,void 0),o={install:i},n=null;return"undefined"!=typeof window?n=window.Vue:"undefined"!=typeof global&&(n=global.vue),n&&n.use(o),s.install=i,t.default=s,t}({});

dist/vue-cool-lightbox.umd.js

@@ -991,3 +991,3 @@ (function (global, factory) {
         if(this.imgIndex != null) {
-
+          
           // reset styles
@@ -1108,2 +1108,6 @@ item.style.transform  = 'translate3d(calc(-50% + '+this.left+'px), calc(-50% + '+this.top+'px), 0px) scale3d(1, 1, 1)';
 
+        if(this.isZooming) {
+          return false;
+        }
+
         if(!isFromSlideshow) {
@@ -1119,2 +1123,6 @@ this.stopSlideShow();
       onPrevClick: function onPrevClick() {
+        if(this.isZooming) {
+          return false;
+        }
+        
         this.stopSlideShow();
@@ -1464,3 +1472,3 @@ this.setSwipeAnimation();
     /* module identifier */
-    var __vue_module_identifier__ = "data-v-3356a702";
+    var __vue_module_identifier__ = "data-v-63b978fc";
     /* functional template */
@@ -1467,0 +1475,0 @@ var __vue_is_functional_template__ = false;

package.json

 {
   "name": "vue-cool-lightbox",
   "description": "A pretty Vue.js component to display an image gallery lightbox inspired by fancybox",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "private": false,
@@ -6,0 +6,0 @@ "author": "Lucas Pulliese <[e-mail]>",

No alert changes

Improved metrics

Total package byte prevSize

742270

increased by0.3%

Lines of code

16991

increased by0.07%

No dependency changes