vue-cool-lightbox - npm Package Compare versions

Comparing version 2.7.0 to 2.7.1

dist/vue-cool-lightbox.esm.js

@@ -317,2 +317,6 @@ import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
 
+      if (this.thumbsPosition === 'bottom') {
+        widthGalleryBlock = 0;
+      }
+
       var self = this;
@@ -319,0 +323,0 @@ this.swipeAnimation = swipeAnimation;

dist/vue-cool-lightbox.min.js

@@ -1,1 +0,1 @@
-var CoolLightBox=function(t,e){"use strict";function i(t,e,i,o,s,n,r,l,a,h){"boolean"!=typeof r&&(a=l,l=r,r=!1);var c="function"==typeof i?i.options:i;t&&t.render&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns,c._compiled=!0,s&&(c.functional=!0)),o&&(c._scopeId=o);var d;if(n?(d=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,a(t)),t&&t._registeredComponents&&t._registeredComponents.add(n)},c._ssrRegister=d):e&&(d=r?function(){e.call(this,h(this.$root.$options.shadowRoot))}:function(t){e.call(this,l(t))}),d)if(c.functional){var u=c.render;c.render=function(t,e){return d.call(e),u(t,e)}}else{var m=c.beforeCreate;c.beforeCreate=m?[].concat(m,d):[d]}return i}function o(t){o.installed||(o.installed=!0,t.component("CoolLightBox",s))}var s=i({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",{ref:"coolLightbox",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,o){return i("button",{key:o,staticClass:"cool-lightbox__thumb",class:{active:o===t.imgIndex,"is-video":"video"===t.getMediaType(o)},attrs:{type:"button"},on:{click:function(e){t.imgIndex=o}}},["video"===t.getMediaType(o)?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(o),o),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.hasPreviousButton||t.loopData)&&t.items.length>1,expression:"(hasPreviousButton || 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.hasNextButton||t.loopData)&&t.items.length>1,expression:"(hasNextButton || 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,o){return i("div",{key:o,ref:"items",refInFor:!0,staticClass:"cool-lightbox__slide",class:{"cool-lightbox__slide--current":o===t.imgIndex}},["image"===t.getMediaType(o)?i("div",{directives:[{name:"lazyload",rawName:"v-lazyload"}],key:"image",staticClass:"cool-lightbox__slide__img",style:t.imgWrapperStyle},[i("img",{key:o,attrs:{"data-url":t.getItemSrc(o),draggable:"false",alt:t.getItemAlt(o)},on:{load:t.imageLoaded,click:function(e){return t.zoomImage(o)},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)]):i("div",{key:"video",staticClass:"cool-lightbox__iframe"},[t.checkIsMp4(t.getItemSrc(o))||"video"!==t.getMediaType(o)?t._e():i("iframe",{directives:[{name:"autoplayObserver",rawName:"v-autoplayObserver"}],key:o,staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{"data-autoplay":t.setAutoplay(o),src:t.getVideoUrl(t.getItemSrc(o)),frameborder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""}}),t._v(" "),"iframe"===t.getMediaType(o)||t.getPDFurl(t.getItemSrc(o))?i("iframe",{key:o,staticClass:"cool-lightbox-pdf",attrs:{src:t.getItemSrc(o),frameborder:"0",allowfullscreen:""}}):t._e(),t._v(" "),t.checkIsMp4(t.getItemSrc(o))||"webVideo"===t.getMediaType(o)?i("video",{directives:[{name:"autoplayObserver",rawName:"v-autoplayObserver"}],key:t.checkIsMp4(t.getItemSrc(o)),staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{"data-autoplay":t.setAutoplay(o),controls:"",controlslist:"nodownload",l:"",poster:""}},[i("source",{attrs:{src:t.checkIsMp4(t.getItemSrc(o)),type:"video/"+(t.getVideoExt(t.getItemSrc(o))?t.getVideoExt(t.getItemSrc(o)):t.getExtFromItem(o))}}),t._v("\n              Sorry, your browser doesn't support embedded videos\n            ")]):t._e()])])}),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"}},["image"===t.getMediaType(t.imgIndex)?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",alt:t.getItemAlt(t.imgIndex)},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):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))||"video"!==t.getMediaType(t.imgIndex)?t._e():i("iframe",{directives:[{name:"autoplayObserver",rawName:"v-autoplayObserver"}],key:t.getVideoUrl(t.getItemSrc(t.imgIndex)),staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{"data-autoplay":t.setAutoplay(t.imgIndex),src:t.getVideoUrl(t.getItemSrc(t.imgIndex)),frameborder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""}}),t._v(" "),"iframe"===t.getMediaType(t.imgIndex)||t.getPDFurl(t.getItemSrc(t.imgIndex))?i("iframe",{key:t.imgIndex,staticClass:"cool-lightbox-pdf",attrs:{src:t.getItemSrc(t.imgIndex),frameborder:"0",allowfullscreen:""}}):t._e(),t._v(" "),t.checkIsMp4(t.getItemSrc(t.imgIndex))||"webVideo"===t.getMediaType(t.imgIndex)?i("video",{directives:[{name:"autoplayObserver",rawName:"v-autoplayObserver"}],key:t.checkIsMp4(t.getItemSrc(t.imgIndex)),staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{"data-autoplay":t.setAutoplay(t.imgIndex),controls:"",controlslist:"nodownload",poster:""}},[i("source",{attrs:{src:t.checkIsMp4(t.getItemSrc(t.imgIndex)),type:"video/"+(t.getVideoExt(t.getItemSrc(t.imgIndex))?t.getVideoExt(t.getItemSrc(t.imgIndex)):t.getExtFromItem(t.imgIndex))}}),t._v("\n                  Sorry, your browser doesn't support embedded videos\n                ")]):t._e()])],1)])],1)]):t._e(),t._v(" "),i("transition",{attrs:{name:"cool-lightbox-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",domProps:{innerHTML: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",domProps:{innerHTML: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(" "),t.showCloseButton?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):t._e()])],1),t._v(" "),i("transition",{attrs:{name:"cool-lightbox-modal"}},[t.isZooming&&t.useZoomBar?i("div",{staticClass:"cool-lightbox-zoom"},[i("svg",{staticClass:"cool-lightbox-zoom__icon",attrs:{height:"469pt",viewBox:"0 -192 469.33333 469",width:"469pt",xmlns:"http://www.w3.org/2000/svg"}},[i("path",{attrs:{d:"m437.332031.167969h-405.332031c-17.664062 \n          0-32 14.335937-32 32v21.332031c0 17.664062 14.335938 32 32 32h405.332031c17.664063 0 32-14.335938 \n          32-32v-21.332031c0-17.664063-14.335937-32-32-32zm0 0"}})]),t._v(" "),i("input",{directives:[{name:"model",rawName:"v-model",value:t.zoomBar,expression:"zoomBar"}],attrs:{type:"range",name:"points",min:"0",max:"50"},domProps:{value:t.zoomBar},on:{__r:function(e){t.zoomBar=e.target.value}}}),t._v(" "),i("svg",{staticClass:"cool-lightbox-zoom__icon",attrs:{height:"426.66667pt",viewBox:"0 0 426.66667 426.66667",width:"426.66667pt",xmlns:"http://www.w3.org/2000/svg"}},[i("path",{attrs:{d:"m405.332031 192h-170.664062v-170.667969c0-11.773437-9.558594-21.332031-21.335938-21.332031-11.773437 0-21.332031 \n          9.558594-21.332031 21.332031v170.667969h-170.667969c-11.773437 0-21.332031 9.558594-21.332031 21.332031 0 \n          11.777344 9.558594 21.335938 21.332031 21.335938h170.667969v170.664062c0 11.777344 9.558594 21.335938 21.332031 \n          21.335938 11.777344 0 21.335938-9.558594 21.335938-21.335938v-170.664062h170.664062c11.777344 0 21.335938-9.558594 \n          21.335938-21.335938 0-11.773437-9.558594-21.332031-21.335938-21.332031zm0 0"}})])]):t._e()])],1):t._e()])},staticRenderFns:[]},void 0,{directives:{lazyload:{inserted:function(t){function e(){var e=Array.from(t.children).find(function(t){return"IMG"===t.nodeName});e&&(e.addEventListener("load",function(){setTimeout(function(){return t.classList.add("loaded")},100)}),e.addEventListener("error",function(){return console.log("error")}),e.src=e.dataset.url)}function i(i,o){i.forEach(function(i){i.isIntersecting&&(e(),o.unobserve(t))})}window.IntersectionObserver?function(){var e={root:null,threshold:"0"};new IntersectionObserver(i,e).observe(t)}():e()}},autoplayObserver:{inserted:function(t){function e(t){return!(!t.match(/^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/)||!RegExp.$1)}function i(){var i=t.tagName;if(t.dataset.autoplay){if("VIDEO"===i)return t.muted=!0,void(t.autoplay=!0);if("IFRAME"===i){var o=new URL(t.src),s="muted";e(t.src)&&(s="mute"),o.searchParams.append(s,1),o.searchParams.append("autoplay",1),t.src=o.href}}}function o(e,o){e.forEach(function(e){e.isIntersecting&&(i(),o.unobserve(t))})}window.IntersectionObserver?function(){var e={root:null,threshold:"0"};new IntersectionObserver(o,e).observe(t)}():loadImage()}}},data:function(){return{initialMouseX:0,initialMouseY:0,endMouseX:0,endMouseY:0,swipeType:null,IsSwipping:!1,isDraggingSwipe:!1,prevTime:0,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:!0,isZooming:!1,transition:"all .3s ease",zoomBar:0,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},useZoomBar:{type:Boolean,default:!1},closeOnClickOutsideMobile:{type:Boolean,default:!1},srcName:{type:String,default:"src"},srcThumb:{type:String,default:"thumb"},srcMediaType:{type:String,default:"mediaType"},overlayColor:{type:String,default:"rgba(30, 30, 30, .9)"},zIndex:{type:Number,default:9999},gallery:{type:Boolean,default:!0},fullScreen:{type:Boolean,default:!1},thumbsPosition:{type:String,default:"right"},youtubeCookies:{type:Boolean,default:!0},enableWheelEvent:{type:Boolean,default:!1},showCloseButton:{type:Boolean,default:!0},disableZoom:{type:Boolean,default:!1},dir:{type:String,default:"ltr"},enableScrollLock:{type:Boolean,default:!0}},watch:{zoomBar:function(t,e){if(this.isZooming){var i=1.6+t/10;("swipe"==this.effect?this.$refs.items[this.imgIndex].childNodes[0]:this.$refs.items.childNodes[0]).style.transform="translate3d(calc(-50% + "+this.left+"px), calc(-50% + "+this.top+"px), 0px) scale3d("+i+", "+i+", "+i+")"}},showThumbs:function(t,e){var i=212,o="all .3s ease";window.innerWidth<767&&(i=102,o=null);var s=this;this.swipeAnimation=o,t?"rtl"===this.dir?this.xSwipeWrapper=this.imgIndex*(window.innerWidth-i)+30*this.imgIndex:this.xSwipeWrapper=-this.imgIndex*(window.innerWidth-i)-30*this.imgIndex:"rtl"===this.dir?this.xSwipeWrapper=this.imgIndex*window.innerWidth+30*this.imgIndex:this.xSwipeWrapper=-this.imgIndex*window.innerWidth-30*this.imgIndex,setTimeout(function(){s.swipeAnimation=null},300)},index:function(t,i){var o=this;document.querySelector("body");null!==t?(this.swipeType=null,this.initialMouseY=0,this.ySwipeWrapper=0,this.loopData=this.loop,"swipe"===this.effect&&(this.loopData=!1,window.addEventListener("resize",this.xPositionOnResize)),this.imgIndex=t,this.isVisible=!0,window.addEventListener("keydown",this.eventListener),this.enableWheelEvent&&window.addEventListener("wheel",this.wheelEvent),window.innerWidth<700&&setTimeout(function(){window.addEventListener("click",o.showButtons)},200),this.enableScrollLock&&setTimeout(function(){o.setCompensateForScrollbar(),e.disableBodyScroll(o.$refs.coolLightbox)},50)):(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),this.enableScrollLock&&(o.removeCompensateForScrollbar(),e.enableBodyScroll(o.$refs.coolLightbox)),window.removeEventListener("click",this.showButtons),window.removeEventListener("resize",this.xPositionOnResize),this.enableWheelEvent&&window.removeEventListener("wheel",this.wheelEvent))},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&&(t!==e&&(i.getYoutubeUrl(i.getItemSrc(t))||i.getVimeoUrl(i.getItemSrc(t))||i.stopVideos()),i.getVideoUrl(i.getItemSrc(t))||i.is_cached(i.getItemSrc(t))||(i.imageLoading=!0),i.addCaptionPadding(),"swipe"===i.effect?i.setAspectRatioVideo():i.getVideoUrl(i.getItemSrc(t))&&i.setAspectRatioVideo()),i.resetZoom(),i.swipeType=null,i.ySwipeWrapper=0})}},beforeDestroy:function(){this.enableScrollLock&&(this.removeCompensateForScrollbar(),this.$refs.coolLightbox&&e.enableBodyScroll(this.$refs.coolLightbox))},methods:{getExtFromItem:function(t){if(null===t)return!1;if(this.checkIfIsObject(t)){var e=this.items[t];return e.ext?e.ext:"mp4"}},stopVideos:function(){var t=document.getElementsByClassName("cool-lightbox-video"),e=function(t){return!!(t.currentTime>0&&!t.paused&&!t.ended&&t.readyState>2)};t.length>0&&Array.prototype.forEach.call(t,function(t){if("IFRAME"===t.tagName){var i=t.src;return t.src=i}if(e(t))return t.pause()})},removeCompensateForScrollbar:function(){document.body.classList.remove("compensate-for-scrollbar"),null!==document.getElementById("coollightbox-style-noscroll")&&document.getElementById("coollightbox-style-noscroll").remove()},setCompensateForScrollbar:function(){!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)&&document.body.scrollHeight>window.innerHeight&&(document.getElementsByTagName("head")[0].insertAdjacentHTML("beforeend",'<style id="coollightbox-style-noscroll" type="text/css">.compensate-for-scrollbar{margin-right:'+(window.innerWidth-document.documentElement.clientWidth)+"px;}</style>"),document.body.classList.add("compensate-for-scrollbar"))},setAutoplay:function(t){return!!(this.checkIfIsObject(t)&&this.items[t].hasOwnProperty("autoplay")&&this.items[t].autoplay)},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 *, .cool-lightbox-caption h6, .cool-lightbox-caption p, .cool-lightbox-caption a")},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),o=this.lightboxInnerWidth,s=Math.abs(e-this.initialMouseX),n=Math.abs(i-this.initialMouseY);null==this.swipeType&&(n>5||s>5)&&(this.swipeType=n>s?"v":"h"),"h"==this.swipeType?"rtl"===this.dir?this.xSwipeWrapper=o*this.imgIndex+e-this.initialMouseX+30*this.imgIndex:this.xSwipeWrapper=-o*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"rtl"===this.dir?this.swipeToLeft():this.swipeToRight();if(this.endMouseX-this.initialMouseX>40)return"rtl"===this.dir?this.swipeToRight():this.swipeToLeft()}"v"===this.swipeType&&(Math.abs(this.endMouseY-this.initialMouseY)>=90?this.close():this.ySwipeWrapper=0),this.swipeType=null;var o=this.lightboxInnerWidth;if("rtl"===this.dir)return void(this.xSwipeWrapper=this.imgIndex*o+30*this.imgIndex);this.xSwipeWrapper=-this.imgIndex*o-30*this.imgIndex}},swipeToLeft:function(){if(!this.hasPrevious&&"swipe"===this.effect)return"rtl"===this.dir?this.xSwipeWrapper=this.imgIndex*this.lightboxInnerWidth+30*this.imgIndex:this.xSwipeWrapper=-this.imgIndex*this.lightboxInnerWidth-30*this.imgIndex;this.changeIndexToPrev()},swipeToRight:function(){if(!this.hasNext&&"swipe"===this.effect)return"rtl"===this.dir?this.xSwipeWrapper=this.imgIndex*this.lightboxInnerWidth+30*this.imgIndex: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 o=this.getYoutubeID(t);return o?"https://img.youtube.com/vi/"+o+"/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},getItemAlt:function(t){if(null===t)return!1;var e=this.items[t];return this.checkIfIsObject(t)?e.alt:null},getItemThumb:function(t){if(null===t)return!1;var e=this.items[t];return this.checkIfIsObject(t)?e[this.srcThumb]:!this.getVideoUrl(e)&&e},getMediaType:function(t){if(null===t)return!1;if(this.checkIfIsObject(t)){var e=this.items[t];if(e[this.srcMediaType])return e[this.srcMediaType]}return this.getVideoUrl(this.getItemSrc(t))?"video":this.getPDFurl(this.getItemSrc(t))?"iframe":"image"},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"},"rtl"===e.dir?e.onPrevClick(!0):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){if(this.checkMouseEventPropButton(t.button)){if(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;var e=t.target.parentNode,i=1.6+this.zoomBar/10;e.style.transform="translate3d(calc(-50% + "+this.left+"px), calc(-50% + "+this.top+"px), 0px) scale3d("+i+", "+i+", "+i+")"}t.stopPropagation()}},zoomImage:function(t){if(this.disableZoom)return!1;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.zoomBar=0):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(){if(this.scale=1,this.left=0,this.top=0,this.zoomBar=0,this.isZooming=!1,this.swipeType=null,this.transition="all .3s ease",null!=this.imgIndex){var t;t="swipe"==this.effect?this.$refs.items[this.imgIndex].childNodes[0]:this.$refs.items.childNodes[0],this.disableZoom?t.style.transform="translate3d(calc(-50% + "+this.left+"px), calc(-50% + "+this.top+"px), 0px)":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)}},setAspectRatioVideo:function(){var t=this,e=document.getElementsByClassName("cool-lightbox__inner");e=e[0];var i=getComputedStyle(e);if(window.innerWidth<700){var o=e.clientWidth,s=Math.round(o/16*9);this.aspectRatioVideo.height=s+"px",this.aspectRatioVideo.width=o+"px"}else setTimeout(function(){var o=e.clientHeight,s=(o-=parseFloat(i.paddingTop)+parseFloat(i.paddingBottom))/9*16;t.aspectRatioVideo.height=o+"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},wheelEvent:function(t){var e=(new Date).getTime(),i=t.deltaY>0?"top":"down";if(!(e-this.prevTime<350))switch(this.prevTime=e,i){case"top":return this.changeIndexToPrev();case"down":return this.changeIndexToNext()}},closeModal:function(t){if(!this.closeOnClickOutsideMobile&&window.innerWidth<700)return!1;if(this.IsSwipping)return!1;t.target.matches(".cool-lightbox-zoom, .cool-lightbox-zoom *, .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, .cool-lightbox-caption h6, .cool-lightbox-caption p, .cool-lightbox-caption a")||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){return void 0===t&&(t=!1),!this.isZooming&&(t||this.stopSlideShow(),this.setSwipeAnimation(),"rtl"===this.dir?this.changeIndexToPrev():void this.changeIndexToNext())},onPrevClick:function(t){return void 0===t&&(t=!1),!this.isZooming&&(t||this.stopSlideShow(),this.setSwipeAnimation(),"rtl"===this.dir?this.changeIndexToNext():void 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},xPositionOnResize:function(){this.setLightboxInnerWidth();var t=this.imgIndex;if("rtl"===this.dir)return void(this.xSwipeWrapper=t*this.lightboxInnerWidth+30*t);this.xSwipeWrapper=-t*this.lightboxInnerWidth-30*t},setXPosition:function(t){if("rtl"===this.dir)return void(this.xSwipeWrapper=t*this.lightboxInnerWidth+30*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},getPDFurl:function(t){return null!==this.imgIndex&&(!!new String(t).endsWith(".pdf")&&t)},getVideoUrl:function(t){var e=this.getYoutubeUrl(t),i=this.getVimeoUrl(t),o=this.checkIsMp4(t);return e||(i||(o||!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&&(this.youtubeCookies?"https://www.youtube.com/embed/"+e:"https://www.youtube-nocookie.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){if(null===this.imgIndex)return!1;var e=new String(t);return(-1!==e.indexOf(".mp4")||-1!==e.indexOf(".mov")||-1!==e.indexOf(".webm")||-1!==e.indexOf(".ogg")||-1!==e.indexOf(".avi"))&&t},getVideoExt:function(t){if(null===this.imgIndex)return!1;var e=new String(t);return-1!==e.indexOf(".mp4")||-1!==e.indexOf(".mov")?"mp4":-1!==e.indexOf(".webm")?"webm":-1!==e.indexOf(".ogg")?"ogg":-1!==e.indexOf(".avi")&&"avi"},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(){var t=[{"cool-lightbox--can-zoom":this.canZoom&&!this.disableZoom},{"cool-lightbox--zoom-disabled":this.disableZoom},{"cool-lightbox--is-zooming":this.isZooming},{"cool-lightbox--show-thumbs":this.showThumbs},{"cool-lightbox--is-swipping":this.isDraggingSwipe}],e="cool-lightbox--thumbs-"+this.thumbsPosition;return t.push(e),t},buttonsClasses:function(){return{hidden:!this.buttonsVisible}},hasNextButton:function(){return"rtl"===this.dir?this.imgIndex-1>=0:this.imgIndex+1<this.items.length},hasPreviousButton:function(){return"rtl"===this.dir?this.imgIndex+1<this.items.length:this.imgIndex-1>=0},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),n={install:o},r=null;return"undefined"!=typeof window?r=window.Vue:"undefined"!=typeof global&&(r=global.vue),r&&r.use(n),s.install=o,t.default=s,t}({},bodyScrollLock);
+var CoolLightBox=function(t,e){"use strict";function i(t,e,i,o,s,n,r,l,a,h){"boolean"!=typeof r&&(a=l,l=r,r=!1);var c="function"==typeof i?i.options:i;t&&t.render&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns,c._compiled=!0,s&&(c.functional=!0)),o&&(c._scopeId=o);var d;if(n?(d=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,a(t)),t&&t._registeredComponents&&t._registeredComponents.add(n)},c._ssrRegister=d):e&&(d=r?function(){e.call(this,h(this.$root.$options.shadowRoot))}:function(t){e.call(this,l(t))}),d)if(c.functional){var u=c.render;c.render=function(t,e){return d.call(e),u(t,e)}}else{var m=c.beforeCreate;c.beforeCreate=m?[].concat(m,d):[d]}return i}function o(t){o.installed||(o.installed=!0,t.component("CoolLightBox",s))}var s=i({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",{ref:"coolLightbox",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,o){return i("button",{key:o,staticClass:"cool-lightbox__thumb",class:{active:o===t.imgIndex,"is-video":"video"===t.getMediaType(o)},attrs:{type:"button"},on:{click:function(e){t.imgIndex=o}}},["video"===t.getMediaType(o)?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(o),o),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.hasPreviousButton||t.loopData)&&t.items.length>1,expression:"(hasPreviousButton || 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.hasNextButton||t.loopData)&&t.items.length>1,expression:"(hasNextButton || 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,o){return i("div",{key:o,ref:"items",refInFor:!0,staticClass:"cool-lightbox__slide",class:{"cool-lightbox__slide--current":o===t.imgIndex}},["image"===t.getMediaType(o)?i("div",{directives:[{name:"lazyload",rawName:"v-lazyload"}],key:"image",staticClass:"cool-lightbox__slide__img",style:t.imgWrapperStyle},[i("img",{key:o,attrs:{"data-url":t.getItemSrc(o),draggable:"false",alt:t.getItemAlt(o)},on:{load:t.imageLoaded,click:function(e){return t.zoomImage(o)},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)]):i("div",{key:"video",staticClass:"cool-lightbox__iframe"},[t.checkIsMp4(t.getItemSrc(o))||"video"!==t.getMediaType(o)?t._e():i("iframe",{directives:[{name:"autoplayObserver",rawName:"v-autoplayObserver"}],key:o,staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{"data-autoplay":t.setAutoplay(o),src:t.getVideoUrl(t.getItemSrc(o)),frameborder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""}}),t._v(" "),"iframe"===t.getMediaType(o)||t.getPDFurl(t.getItemSrc(o))?i("iframe",{key:o,staticClass:"cool-lightbox-pdf",attrs:{src:t.getItemSrc(o),frameborder:"0",allowfullscreen:""}}):t._e(),t._v(" "),t.checkIsMp4(t.getItemSrc(o))||"webVideo"===t.getMediaType(o)?i("video",{directives:[{name:"autoplayObserver",rawName:"v-autoplayObserver"}],key:t.checkIsMp4(t.getItemSrc(o)),staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{"data-autoplay":t.setAutoplay(o),controls:"",controlslist:"nodownload",l:"",poster:""}},[i("source",{attrs:{src:t.checkIsMp4(t.getItemSrc(o)),type:"video/"+(t.getVideoExt(t.getItemSrc(o))?t.getVideoExt(t.getItemSrc(o)):t.getExtFromItem(o))}}),t._v("\n              Sorry, your browser doesn't support embedded videos\n            ")]):t._e()])])}),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"}},["image"===t.getMediaType(t.imgIndex)?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",alt:t.getItemAlt(t.imgIndex)},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):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))||"video"!==t.getMediaType(t.imgIndex)?t._e():i("iframe",{directives:[{name:"autoplayObserver",rawName:"v-autoplayObserver"}],key:t.getVideoUrl(t.getItemSrc(t.imgIndex)),staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{"data-autoplay":t.setAutoplay(t.imgIndex),src:t.getVideoUrl(t.getItemSrc(t.imgIndex)),frameborder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""}}),t._v(" "),"iframe"===t.getMediaType(t.imgIndex)||t.getPDFurl(t.getItemSrc(t.imgIndex))?i("iframe",{key:t.imgIndex,staticClass:"cool-lightbox-pdf",attrs:{src:t.getItemSrc(t.imgIndex),frameborder:"0",allowfullscreen:""}}):t._e(),t._v(" "),t.checkIsMp4(t.getItemSrc(t.imgIndex))||"webVideo"===t.getMediaType(t.imgIndex)?i("video",{directives:[{name:"autoplayObserver",rawName:"v-autoplayObserver"}],key:t.checkIsMp4(t.getItemSrc(t.imgIndex)),staticClass:"cool-lightbox-video",style:t.aspectRatioVideo,attrs:{"data-autoplay":t.setAutoplay(t.imgIndex),controls:"",controlslist:"nodownload",poster:""}},[i("source",{attrs:{src:t.checkIsMp4(t.getItemSrc(t.imgIndex)),type:"video/"+(t.getVideoExt(t.getItemSrc(t.imgIndex))?t.getVideoExt(t.getItemSrc(t.imgIndex)):t.getExtFromItem(t.imgIndex))}}),t._v("\n                  Sorry, your browser doesn't support embedded videos\n                ")]):t._e()])],1)])],1)]):t._e(),t._v(" "),i("transition",{attrs:{name:"cool-lightbox-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",domProps:{innerHTML: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",domProps:{innerHTML: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(" "),t.showCloseButton?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):t._e()])],1),t._v(" "),i("transition",{attrs:{name:"cool-lightbox-modal"}},[t.isZooming&&t.useZoomBar?i("div",{staticClass:"cool-lightbox-zoom"},[i("svg",{staticClass:"cool-lightbox-zoom__icon",attrs:{height:"469pt",viewBox:"0 -192 469.33333 469",width:"469pt",xmlns:"http://www.w3.org/2000/svg"}},[i("path",{attrs:{d:"m437.332031.167969h-405.332031c-17.664062 \n          0-32 14.335937-32 32v21.332031c0 17.664062 14.335938 32 32 32h405.332031c17.664063 0 32-14.335938 \n          32-32v-21.332031c0-17.664063-14.335937-32-32-32zm0 0"}})]),t._v(" "),i("input",{directives:[{name:"model",rawName:"v-model",value:t.zoomBar,expression:"zoomBar"}],attrs:{type:"range",name:"points",min:"0",max:"50"},domProps:{value:t.zoomBar},on:{__r:function(e){t.zoomBar=e.target.value}}}),t._v(" "),i("svg",{staticClass:"cool-lightbox-zoom__icon",attrs:{height:"426.66667pt",viewBox:"0 0 426.66667 426.66667",width:"426.66667pt",xmlns:"http://www.w3.org/2000/svg"}},[i("path",{attrs:{d:"m405.332031 192h-170.664062v-170.667969c0-11.773437-9.558594-21.332031-21.335938-21.332031-11.773437 0-21.332031 \n          9.558594-21.332031 21.332031v170.667969h-170.667969c-11.773437 0-21.332031 9.558594-21.332031 21.332031 0 \n          11.777344 9.558594 21.335938 21.332031 21.335938h170.667969v170.664062c0 11.777344 9.558594 21.335938 21.332031 \n          21.335938 11.777344 0 21.335938-9.558594 21.335938-21.335938v-170.664062h170.664062c11.777344 0 21.335938-9.558594 \n          21.335938-21.335938 0-11.773437-9.558594-21.332031-21.335938-21.332031zm0 0"}})])]):t._e()])],1):t._e()])},staticRenderFns:[]},void 0,{directives:{lazyload:{inserted:function(t){function e(){var e=Array.from(t.children).find(function(t){return"IMG"===t.nodeName});e&&(e.addEventListener("load",function(){setTimeout(function(){return t.classList.add("loaded")},100)}),e.addEventListener("error",function(){return console.log("error")}),e.src=e.dataset.url)}function i(i,o){i.forEach(function(i){i.isIntersecting&&(e(),o.unobserve(t))})}window.IntersectionObserver?function(){var e={root:null,threshold:"0"};new IntersectionObserver(i,e).observe(t)}():e()}},autoplayObserver:{inserted:function(t){function e(t){return!(!t.match(/^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/)||!RegExp.$1)}function i(){var i=t.tagName;if(t.dataset.autoplay){if("VIDEO"===i)return t.muted=!0,void(t.autoplay=!0);if("IFRAME"===i){var o=new URL(t.src),s="muted";e(t.src)&&(s="mute"),o.searchParams.append(s,1),o.searchParams.append("autoplay",1),t.src=o.href}}}function o(e,o){e.forEach(function(e){e.isIntersecting&&(i(),o.unobserve(t))})}window.IntersectionObserver?function(){var e={root:null,threshold:"0"};new IntersectionObserver(o,e).observe(t)}():loadImage()}}},data:function(){return{initialMouseX:0,initialMouseY:0,endMouseX:0,endMouseY:0,swipeType:null,IsSwipping:!1,isDraggingSwipe:!1,prevTime:0,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:!0,isZooming:!1,transition:"all .3s ease",zoomBar:0,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},useZoomBar:{type:Boolean,default:!1},closeOnClickOutsideMobile:{type:Boolean,default:!1},srcName:{type:String,default:"src"},srcThumb:{type:String,default:"thumb"},srcMediaType:{type:String,default:"mediaType"},overlayColor:{type:String,default:"rgba(30, 30, 30, .9)"},zIndex:{type:Number,default:9999},gallery:{type:Boolean,default:!0},fullScreen:{type:Boolean,default:!1},thumbsPosition:{type:String,default:"right"},youtubeCookies:{type:Boolean,default:!0},enableWheelEvent:{type:Boolean,default:!1},showCloseButton:{type:Boolean,default:!0},disableZoom:{type:Boolean,default:!1},dir:{type:String,default:"ltr"},enableScrollLock:{type:Boolean,default:!0}},watch:{zoomBar:function(t,e){if(this.isZooming){var i=1.6+t/10;("swipe"==this.effect?this.$refs.items[this.imgIndex].childNodes[0]:this.$refs.items.childNodes[0]).style.transform="translate3d(calc(-50% + "+this.left+"px), calc(-50% + "+this.top+"px), 0px) scale3d("+i+", "+i+", "+i+")"}},showThumbs:function(t,e){var i=212,o="all .3s ease";window.innerWidth<767&&(i=102,o=null),"bottom"===this.thumbsPosition&&(i=0);var s=this;this.swipeAnimation=o,t?"rtl"===this.dir?this.xSwipeWrapper=this.imgIndex*(window.innerWidth-i)+30*this.imgIndex:this.xSwipeWrapper=-this.imgIndex*(window.innerWidth-i)-30*this.imgIndex:"rtl"===this.dir?this.xSwipeWrapper=this.imgIndex*window.innerWidth+30*this.imgIndex:this.xSwipeWrapper=-this.imgIndex*window.innerWidth-30*this.imgIndex,setTimeout(function(){s.swipeAnimation=null},300)},index:function(t,i){var o=this;document.querySelector("body");null!==t?(this.swipeType=null,this.initialMouseY=0,this.ySwipeWrapper=0,this.loopData=this.loop,"swipe"===this.effect&&(this.loopData=!1,window.addEventListener("resize",this.xPositionOnResize)),this.imgIndex=t,this.isVisible=!0,window.addEventListener("keydown",this.eventListener),this.enableWheelEvent&&window.addEventListener("wheel",this.wheelEvent),window.innerWidth<700&&setTimeout(function(){window.addEventListener("click",o.showButtons)},200),this.enableScrollLock&&setTimeout(function(){o.setCompensateForScrollbar(),e.disableBodyScroll(o.$refs.coolLightbox)},50)):(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),this.enableScrollLock&&(o.removeCompensateForScrollbar(),e.enableBodyScroll(o.$refs.coolLightbox)),window.removeEventListener("click",this.showButtons),window.removeEventListener("resize",this.xPositionOnResize),this.enableWheelEvent&&window.removeEventListener("wheel",this.wheelEvent))},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&&(t!==e&&(i.getYoutubeUrl(i.getItemSrc(t))||i.getVimeoUrl(i.getItemSrc(t))||i.stopVideos()),i.getVideoUrl(i.getItemSrc(t))||i.is_cached(i.getItemSrc(t))||(i.imageLoading=!0),i.addCaptionPadding(),"swipe"===i.effect?i.setAspectRatioVideo():i.getVideoUrl(i.getItemSrc(t))&&i.setAspectRatioVideo()),i.resetZoom(),i.swipeType=null,i.ySwipeWrapper=0})}},beforeDestroy:function(){this.enableScrollLock&&(this.removeCompensateForScrollbar(),this.$refs.coolLightbox&&e.enableBodyScroll(this.$refs.coolLightbox))},methods:{getExtFromItem:function(t){if(null===t)return!1;if(this.checkIfIsObject(t)){var e=this.items[t];return e.ext?e.ext:"mp4"}},stopVideos:function(){var t=document.getElementsByClassName("cool-lightbox-video"),e=function(t){return!!(t.currentTime>0&&!t.paused&&!t.ended&&t.readyState>2)};t.length>0&&Array.prototype.forEach.call(t,function(t){if("IFRAME"===t.tagName){var i=t.src;return t.src=i}if(e(t))return t.pause()})},removeCompensateForScrollbar:function(){document.body.classList.remove("compensate-for-scrollbar"),null!==document.getElementById("coollightbox-style-noscroll")&&document.getElementById("coollightbox-style-noscroll").remove()},setCompensateForScrollbar:function(){!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)&&document.body.scrollHeight>window.innerHeight&&(document.getElementsByTagName("head")[0].insertAdjacentHTML("beforeend",'<style id="coollightbox-style-noscroll" type="text/css">.compensate-for-scrollbar{margin-right:'+(window.innerWidth-document.documentElement.clientWidth)+"px;}</style>"),document.body.classList.add("compensate-for-scrollbar"))},setAutoplay:function(t){return!!(this.checkIfIsObject(t)&&this.items[t].hasOwnProperty("autoplay")&&this.items[t].autoplay)},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 *, .cool-lightbox-caption h6, .cool-lightbox-caption p, .cool-lightbox-caption a")},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),o=this.lightboxInnerWidth,s=Math.abs(e-this.initialMouseX),n=Math.abs(i-this.initialMouseY);null==this.swipeType&&(n>5||s>5)&&(this.swipeType=n>s?"v":"h"),"h"==this.swipeType?"rtl"===this.dir?this.xSwipeWrapper=o*this.imgIndex+e-this.initialMouseX+30*this.imgIndex:this.xSwipeWrapper=-o*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"rtl"===this.dir?this.swipeToLeft():this.swipeToRight();if(this.endMouseX-this.initialMouseX>40)return"rtl"===this.dir?this.swipeToRight():this.swipeToLeft()}"v"===this.swipeType&&(Math.abs(this.endMouseY-this.initialMouseY)>=90?this.close():this.ySwipeWrapper=0),this.swipeType=null;var o=this.lightboxInnerWidth;if("rtl"===this.dir)return void(this.xSwipeWrapper=this.imgIndex*o+30*this.imgIndex);this.xSwipeWrapper=-this.imgIndex*o-30*this.imgIndex}},swipeToLeft:function(){if(!this.hasPrevious&&"swipe"===this.effect)return"rtl"===this.dir?this.xSwipeWrapper=this.imgIndex*this.lightboxInnerWidth+30*this.imgIndex:this.xSwipeWrapper=-this.imgIndex*this.lightboxInnerWidth-30*this.imgIndex;this.changeIndexToPrev()},swipeToRight:function(){if(!this.hasNext&&"swipe"===this.effect)return"rtl"===this.dir?this.xSwipeWrapper=this.imgIndex*this.lightboxInnerWidth+30*this.imgIndex: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 o=this.getYoutubeID(t);return o?"https://img.youtube.com/vi/"+o+"/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},getItemAlt:function(t){if(null===t)return!1;var e=this.items[t];return this.checkIfIsObject(t)?e.alt:null},getItemThumb:function(t){if(null===t)return!1;var e=this.items[t];return this.checkIfIsObject(t)?e[this.srcThumb]:!this.getVideoUrl(e)&&e},getMediaType:function(t){if(null===t)return!1;if(this.checkIfIsObject(t)){var e=this.items[t];if(e[this.srcMediaType])return e[this.srcMediaType]}return this.getVideoUrl(this.getItemSrc(t))?"video":this.getPDFurl(this.getItemSrc(t))?"iframe":"image"},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"},"rtl"===e.dir?e.onPrevClick(!0):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){if(this.checkMouseEventPropButton(t.button)){if(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;var e=t.target.parentNode,i=1.6+this.zoomBar/10;e.style.transform="translate3d(calc(-50% + "+this.left+"px), calc(-50% + "+this.top+"px), 0px) scale3d("+i+", "+i+", "+i+")"}t.stopPropagation()}},zoomImage:function(t){if(this.disableZoom)return!1;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.zoomBar=0):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(){if(this.scale=1,this.left=0,this.top=0,this.zoomBar=0,this.isZooming=!1,this.swipeType=null,this.transition="all .3s ease",null!=this.imgIndex){var t;t="swipe"==this.effect?this.$refs.items[this.imgIndex].childNodes[0]:this.$refs.items.childNodes[0],this.disableZoom?t.style.transform="translate3d(calc(-50% + "+this.left+"px), calc(-50% + "+this.top+"px), 0px)":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)}},setAspectRatioVideo:function(){var t=this,e=document.getElementsByClassName("cool-lightbox__inner");e=e[0];var i=getComputedStyle(e);if(window.innerWidth<700){var o=e.clientWidth,s=Math.round(o/16*9);this.aspectRatioVideo.height=s+"px",this.aspectRatioVideo.width=o+"px"}else setTimeout(function(){var o=e.clientHeight,s=(o-=parseFloat(i.paddingTop)+parseFloat(i.paddingBottom))/9*16;t.aspectRatioVideo.height=o+"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},wheelEvent:function(t){var e=(new Date).getTime(),i=t.deltaY>0?"top":"down";if(!(e-this.prevTime<350))switch(this.prevTime=e,i){case"top":return this.changeIndexToPrev();case"down":return this.changeIndexToNext()}},closeModal:function(t){if(!this.closeOnClickOutsideMobile&&window.innerWidth<700)return!1;if(this.IsSwipping)return!1;t.target.matches(".cool-lightbox-zoom, .cool-lightbox-zoom *, .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, .cool-lightbox-caption h6, .cool-lightbox-caption p, .cool-lightbox-caption a")||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){return void 0===t&&(t=!1),!this.isZooming&&(t||this.stopSlideShow(),this.setSwipeAnimation(),"rtl"===this.dir?this.changeIndexToPrev():void this.changeIndexToNext())},onPrevClick:function(t){return void 0===t&&(t=!1),!this.isZooming&&(t||this.stopSlideShow(),this.setSwipeAnimation(),"rtl"===this.dir?this.changeIndexToNext():void 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},xPositionOnResize:function(){this.setLightboxInnerWidth();var t=this.imgIndex;if("rtl"===this.dir)return void(this.xSwipeWrapper=t*this.lightboxInnerWidth+30*t);this.xSwipeWrapper=-t*this.lightboxInnerWidth-30*t},setXPosition:function(t){if("rtl"===this.dir)return void(this.xSwipeWrapper=t*this.lightboxInnerWidth+30*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},getPDFurl:function(t){return null!==this.imgIndex&&(!!new String(t).endsWith(".pdf")&&t)},getVideoUrl:function(t){var e=this.getYoutubeUrl(t),i=this.getVimeoUrl(t),o=this.checkIsMp4(t);return e||(i||(o||!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&&(this.youtubeCookies?"https://www.youtube.com/embed/"+e:"https://www.youtube-nocookie.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){if(null===this.imgIndex)return!1;var e=new String(t);return(-1!==e.indexOf(".mp4")||-1!==e.indexOf(".mov")||-1!==e.indexOf(".webm")||-1!==e.indexOf(".ogg")||-1!==e.indexOf(".avi"))&&t},getVideoExt:function(t){if(null===this.imgIndex)return!1;var e=new String(t);return-1!==e.indexOf(".mp4")||-1!==e.indexOf(".mov")?"mp4":-1!==e.indexOf(".webm")?"webm":-1!==e.indexOf(".ogg")?"ogg":-1!==e.indexOf(".avi")&&"avi"},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(){var t=[{"cool-lightbox--can-zoom":this.canZoom&&!this.disableZoom},{"cool-lightbox--zoom-disabled":this.disableZoom},{"cool-lightbox--is-zooming":this.isZooming},{"cool-lightbox--show-thumbs":this.showThumbs},{"cool-lightbox--is-swipping":this.isDraggingSwipe}],e="cool-lightbox--thumbs-"+this.thumbsPosition;return t.push(e),t},buttonsClasses:function(){return{hidden:!this.buttonsVisible}},hasNextButton:function(){return"rtl"===this.dir?this.imgIndex-1>=0:this.imgIndex+1<this.items.length},hasPreviousButton:function(){return"rtl"===this.dir?this.imgIndex+1<this.items.length:this.imgIndex-1>=0},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),n={install:o},r=null;return"undefined"!=typeof window?r=window.Vue:"undefined"!=typeof global&&(r=global.vue),r&&r.use(n),s.install=o,t.default=s,t}({},bodyScrollLock);

dist/vue-cool-lightbox.umd.js

@@ -321,2 +321,6 @@ (function (global, factory) {
 
+        if (this.thumbsPosition === 'bottom') {
+          widthGalleryBlock = 0;
+        }
+
         var self = this;
@@ -1704,3 +1708,3 @@ this.swipeAnimation = swipeAnimation;
     /* module identifier */
-    var __vue_module_identifier__ = "data-v-85b8c73a";
+    var __vue_module_identifier__ = "data-v-3fdd0676";
     /* functional template */
@@ -1707,0 +1711,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.7.0",
+  "version": "2.7.1",
   "private": false,
@@ -6,0 +6,0 @@ "author": "Lucas Pulliese <[e-mail]>",

No alert changes

Improved metrics

Total package byte prevSize

833989

increased by0.04%

Lines of code

17883

increased by0.03%

No dependency changes