From 5fcef6d0cf1708288401fc661c500614dfd24502 Mon Sep 17 00:00:00 2001 From: Nguyen Thien Dung Date: Wed, 7 Jun 2017 21:16:40 +0700 Subject: [PATCH] chore(build): add build 5.3.0 --- dist/vue-image-lightbox.min.css | 12 ++++++++++-- dist/vue-image-lightbox.min.js | 2 +- dist/vue-image-lightbox.min.js.map | 2 +- 3 files changed, 12 insertions(+), 4 deletions(-) diff --git a/dist/vue-image-lightbox.min.css b/dist/vue-image-lightbox.min.css index 6dfa0fb..e219fe3 100644 --- a/dist/vue-image-lightbox.min.css +++ b/dist/vue-image-lightbox.min.css @@ -220,6 +220,10 @@ img.vue-lb-modal-image { right: 10px; } +.vue-lb-open { + overflow: hidden; +} + @media (min-width: 500px) { .vue-lb-thumbnail-arrow { width: 40px; @@ -232,9 +236,13 @@ img.vue-lb-modal-image { } } -.vue-lb-open { - overflow: hidden; +.fade-enter-active, +.fade-leave-active { + transition: opacity .3s ease; } +.fade-enter, .fade-leave-to { + opacity: 0; +} /*# sourceMappingURL=vue-image-lightbox.min.css.map*/ \ No newline at end of file diff --git a/dist/vue-image-lightbox.min.js b/dist/vue-image-lightbox.min.js index 310a28a..adbeeb7 100644 --- a/dist/vue-image-lightbox.min.js +++ b/dist/vue-image-lightbox.min.js @@ -1,2 +1,2 @@ -!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Lightbox=e():t.Lightbox=e()}(this,function(){return function(t){function e(i){if(s[i])return s[i].exports;var n=s[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,e),n.l=!0,n.exports}var s={};return e.m=t,e.c=s,e.i=function(t){return t},e.d=function(t,s,i){e.o(t,s)||Object.defineProperty(t,s,{configurable:!1,enumerable:!0,get:i})},e.n=function(t){var s=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(s,"a",s),s},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=4)}([function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),s(3),e.default={props:{images:{type:Array,required:!0},showLightBox:{type:Boolean,default:!0},startAt:{type:Number,default:0},nThumbs:{type:Number,default:7},showThumbs:{type:Boolean,default:!0},autoPlay:{type:Boolean,default:!1},autoPlayTime:{type:Number,default:3e3},siteLoading:{default:null},showCaption:{type:Boolean,default:!1}},data:function(){return{select:this.startAt,thumbSelect:this.startAt,lightBoxOn:this.showLightBox,countImages:this.images.length,displayThumbs:this.images.slice(0,this.nThumbs),timer:null,beginThumbIndex:0}},computed:{imagesSrc:function(){var t=this;return this.siteLoading?this.images.map(function(e){return{src:e.src,loading:t.siteLoading,error:t.siteLoading}}):this.images.map(function(t){return t.src})},imagesThumb:function(){var t=this;return this.siteLoading?this.displayThumbs.map(function(e){return{src:e.thumb,loading:t.siteLoading,error:t.siteLoading}}):this.displayThumbs.map(function(t){return t.thumb})}},mounted:function(){var t=this;this.autoPlay&&(this.timer=setInterval(function(){t.nextImage()},this.autoPlayTime))},watch:{select:function(){var t=Math.floor(this.nThumbs/2),e=1-this.nThumbs%2;return this.select<=t?(this.$set(this,"beginThumbIndex",0),this.$set(this,"thumbSelect",this.select),void this.$set(this,"displayThumbs",this.images.slice(0,this.nThumbs))):this.select>=this.countImages-t?(this.$set(this,"beginThumbIndex",this.countImages-this.nThumbs),this.$set(this,"thumbSelect",this.nThumbs-(this.countImages-this.select)),void this.$set(this,"displayThumbs",this.images.slice(-this.nThumbs))):(this.$set(this,"beginThumbIndex",this.select-t+e),this.$set(this,"thumbSelect",t-e),void this.$set(this,"displayThumbs",this.images.slice(this.select-t+e,this.select+t+1)))},lightBoxOn:function(t){null!=document&&(t?document.getElementsByTagName("body")[0].classList.add("vue-lb-open"):document.getElementsByTagName("body")[0].classList.remove("vue-lb-open"))}},methods:{showImage:function(t){document.addEventListener("keydown",this.addKeyEvent),this.$set(this,"lightBoxOn",!0),this.$set(this,"select",t)},addKeyEvent:function(t){37===t.keyCode&&this.previousImage(),39===t.keyCode&&this.nextImage(),27===t.keyCode&&this.closeLightBox()},closeLightBox:function(){this.$set(this,"lightBoxOn",!1),document.removeEventListener("keydown",this.addKeyEvent)},nextImage:function(){this.$set(this,"select",(this.select+1)%this.countImages)},previousImage:function(){this.$set(this,"select",(this.select-1+this.countImages)%this.countImages)}},beforeDestroy:function(){document.removeEventListener("keydown",this.addKeyEvent),this.autoPlay&&clearInterval(this.timer)}}},function(t,e){t.exports=function(t,e,s,i,n){var o,a=t=t||{},r=typeof t.default;"object"!==r&&"function"!==r||(o=t,a=t.default);var l="function"==typeof a?a.options:a;e&&(l.render=e.render,l.staticRenderFns=e.staticRenderFns),i&&(l._scopeId=i);var c;if(n?(c=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),s&&s.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(n)},l._ssrRegister=c):s&&(c=s),c){var u=l.functional,h=u?l.render:l.beforeCreate;u?l.render=function(t,e){return c.call(e),h(t,e)}:l.beforeCreate=h?[].concat(h,c):[c]}return{esModule:o,exports:a,options:l}}},function(t,e,s){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return t.images&&t.images.length>0?s("div",{directives:[{name:"show",rawName:"v-show",value:t.lightBoxOn,expression:"lightBoxOn"}],staticClass:"vue-lb-container",on:{click:function(e){if(e.target!==e.currentTarget)return null;t.closeLightBox(e)}}},[s("div",{staticClass:"vue-lb-content"},[s("div",{staticClass:"vue-lb-header",on:{click:function(e){if(e.target!==e.currentTarget)return null;t.closeLightBox(e)}}},[s("span"),t._v(" "),s("button",{staticClass:"vue-lb-button-close",attrs:{type:"button",title:"Close (Esc)"},on:{click:t.closeLightBox}},[s("span",[s("svg",{staticStyle:{"enable-background":"new 0 0 512 512"},attrs:{fill:"white",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 512 512"}},[s("path",{attrs:{d:"M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z"}})])])])]),t._v(" "),s("div",{staticClass:"vue-lb-figure"},[s("img",{directives:[{name:"lazy",rawName:"v-lazy",value:t.imagesSrc[t.select],expression:"imagesSrc[select]"}],staticClass:"vue-lb-modal-image"}),t._v(" "),s("div",{directives:[{name:"show",rawName:"v-show",value:t.showCaption,expression:"showCaption"}],staticClass:"vue-lb-info",domProps:{innerHTML:t._s(t.images[t.select].caption)}}),t._v(" "),s("div",{staticClass:"vue-lb-footer"},[s("div",{staticClass:"vue-lb-footer-info"}),t._v(" "),s("div",{staticClass:"vue-lb-footer-count"},[t._v("\n "+t._s(t.select+1)+"/"+t._s(t.countImages)+"\n ")])])])]),t._v(" "),t.showThumbs?s("div",{staticClass:"vue-lb-thumbnail"},[s("button",{staticClass:"vue-lb-thumbnail-arrow vue-lb-thumbnail-left",attrs:{type:"button",title:"Previous"},on:{click:t.previousImage}},[s("span",[s("svg",{attrs:{fill:"white",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 512 512"}},[s("path",{attrs:{d:"M213.7,256L213.7,256L213.7,256L380.9,81.9c4.2-4.3,4.1-11.4-0.2-15.8l-29.9-30.6c-4.3-4.4-11.3-4.5-15.5-0.2L131.1,247.9 c-2.2,2.2-3.2,5.2-3,8.1c-0.1,3,0.9,5.9,3,8.1l204.2,212.7c4.2,4.3,11.2,4.2,15.5-0.2l29.9-30.6c4.3-4.4,4.4-11.5,0.2-15.8 L213.7,256z"}})])])]),t._v(" "),t._l(t.imagesThumb,function(e,i){return s("div",{directives:[{name:"lazy",rawName:"v-lazy:background-image",value:e,expression:"image",arg:"background-image"}],key:e.src+i,class:"vue-lb-modal-thumbnail"+(t.thumbSelect===i?"-active":""),on:{click:function(e){t.showImage(i+t.beginThumbIndex)}}})}),t._v(" "),s("button",{staticClass:"vue-lb-thumbnail-arrow vue-lb-thumbnail-right",attrs:{type:"button",title:"Next"},on:{click:t.nextImage}},[s("span",[s("svg",{attrs:{fill:"white",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 512 512"}},[s("path",{attrs:{d:"M298.3,256L298.3,256L298.3,256L131.1,81.9c-4.2-4.3-4.1-11.4,0.2-15.8l29.9-30.6c4.3-4.4,11.3-4.5,15.5-0.2l204.2,212.7 c2.2,2.2,3.2,5.2,3,8.1c0.1,3-0.9,5.9-3,8.1L176.7,476.8c-4.2,4.3-11.2,4.2-15.5-0.2L131.3,446c-4.3-4.4-4.4-11.5-0.2-15.8 L298.3,256z"}})])])])],2):t._e(),t._v(" "),s("button",{staticClass:"vue-lb-arrow vue-lb-left",attrs:{type:"button",title:"Previous"},on:{click:t.previousImage}},[s("span",[s("svg",{attrs:{fill:"white",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 512 512"}},[s("path",{attrs:{d:"M213.7,256L213.7,256L213.7,256L380.9,81.9c4.2-4.3,4.1-11.4-0.2-15.8l-29.9-30.6c-4.3-4.4-11.3-4.5-15.5-0.2L131.1,247.9 c-2.2,2.2-3.2,5.2-3,8.1c-0.1,3,0.9,5.9,3,8.1l204.2,212.7c4.2,4.3,11.2,4.2,15.5-0.2l29.9-30.6c4.3-4.4,4.4-11.5,0.2-15.8 L213.7,256z"}})])])]),t._v(" "),s("button",{staticClass:"vue-lb-arrow vue-lb-right",attrs:{type:"button",title:"Next"},on:{click:t.nextImage}},[s("span",[s("svg",{attrs:{fill:"white",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 512 512","xml:space":"preserve"}},[s("path",{attrs:{d:"M298.3,256L298.3,256L298.3,256L131.1,81.9c-4.2-4.3-4.1-11.4,0.2-15.8l29.9-30.6c4.3-4.4,11.3-4.5,15.5-0.2l204.2,212.7 c2.2,2.2,3.2,5.2,3,8.1c0.1,3-0.9,5.9-3,8.1L176.7,476.8c-4.2,4.3-11.2,4.2-15.5-0.2L131.3,446c-4.3-4.4-4.4-11.5-0.2-15.8 L298.3,256z"}})])])])]):t._e()},staticRenderFns:[]},t.exports.render._withStripped=!0},function(t,e){},function(t,e,s){var i=s(1)(s(0),s(2),null,null,null);i.options.__file="/home/pexea12/repos/vue-image-lightbox/src/components/Lightbox.vue",i.esModule&&Object.keys(i.esModule).some(function(t){return"default"!==t&&"__"!==t.substr(0,2)}),i.options.functional,t.exports=i.exports}])}); +!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Lightbox=e():t.Lightbox=e()}(this,function(){return function(t){function e(i){if(s[i])return s[i].exports;var n=s[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,e),n.l=!0,n.exports}var s={};return e.m=t,e.c=s,e.i=function(t){return t},e.d=function(t,s,i){e.o(t,s)||Object.defineProperty(t,s,{configurable:!1,enumerable:!0,get:i})},e.n=function(t){var s=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(s,"a",s),s},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=4)}([function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),s(3),e.default={props:{images:{type:Array,required:!0},showLightBox:{type:Boolean,default:!0},startAt:{type:Number,default:0},nThumbs:{type:Number,default:7},showThumbs:{type:Boolean,default:!0},autoPlay:{type:Boolean,default:!1},autoPlayTime:{type:Number,default:3e3},siteLoading:{default:null},showCaption:{type:Boolean,default:!1}},data:function(){return{select:this.startAt,thumbSelect:this.startAt,lightBoxOn:this.showLightBox,countImages:this.images.length,displayThumbs:this.images.slice(0,this.nThumbs),timer:null,beginThumbIndex:0}},computed:{imagesSrc:function(){var t=this;return this.siteLoading?this.images.map(function(e){return{src:e.src,loading:t.siteLoading,error:t.siteLoading}}):this.images.map(function(t){return t.src})},imagesThumb:function(){var t=this;return this.siteLoading?this.displayThumbs.map(function(e){return{src:e.thumb,loading:t.siteLoading,error:t.siteLoading}}):this.displayThumbs.map(function(t){return t.thumb})}},mounted:function(){var t=this;this.autoPlay&&(this.timer=setInterval(function(){t.nextImage()},this.autoPlayTime))},watch:{select:function(){var t=Math.floor(this.nThumbs/2),e=1-this.nThumbs%2;return this.select<=t?(this.$set(this,"beginThumbIndex",0),this.$set(this,"thumbSelect",this.select),void this.$set(this,"displayThumbs",this.images.slice(0,this.nThumbs))):this.select>=this.countImages-t?(this.$set(this,"beginThumbIndex",this.countImages-this.nThumbs),this.$set(this,"thumbSelect",this.nThumbs-(this.countImages-this.select)),void this.$set(this,"displayThumbs",this.images.slice(-this.nThumbs))):(this.$set(this,"beginThumbIndex",this.select-t+e),this.$set(this,"thumbSelect",t-e),void this.$set(this,"displayThumbs",this.images.slice(this.select-t+e,this.select+t+1)))},lightBoxOn:function(t){null!=document&&(t?document.getElementsByTagName("body")[0].classList.add("vue-lb-open"):document.getElementsByTagName("body")[0].classList.remove("vue-lb-open"))}},methods:{showImage:function(t){document.addEventListener("keydown",this.addKeyEvent),this.$set(this,"lightBoxOn",!0),this.$set(this,"select",t)},addKeyEvent:function(t){37===t.keyCode&&this.previousImage(),39===t.keyCode&&this.nextImage(),27===t.keyCode&&this.closeLightBox()},closeLightBox:function(){this.$set(this,"lightBoxOn",!1),document.removeEventListener("keydown",this.addKeyEvent)},nextImage:function(){this.$set(this,"select",(this.select+1)%this.countImages)},previousImage:function(){this.$set(this,"select",(this.select-1+this.countImages)%this.countImages)}},beforeDestroy:function(){document.removeEventListener("keydown",this.addKeyEvent),this.autoPlay&&clearInterval(this.timer)}}},function(t,e){t.exports=function(t,e,s,i,n){var o,a=t=t||{},r=typeof t.default;"object"!==r&&"function"!==r||(o=t,a=t.default);var l="function"==typeof a?a.options:a;e&&(l.render=e.render,l.staticRenderFns=e.staticRenderFns),i&&(l._scopeId=i);var c;if(n?(c=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),s&&s.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(n)},l._ssrRegister=c):s&&(c=s),c){var u=l.functional,h=u?l.render:l.beforeCreate;u?l.render=function(t,e){return c.call(e),h(t,e)}:l.beforeCreate=h?[].concat(h,c):[c]}return{esModule:o,exports:a,options:l}}},function(t,e,s){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return t.images&&t.images.length>0?s("div",{directives:[{name:"show",rawName:"v-show",value:t.lightBoxOn,expression:"lightBoxOn"}],staticClass:"vue-lb-container",on:{click:function(e){if(e.target!==e.currentTarget)return null;t.closeLightBox(e)}}},[s("div",{staticClass:"vue-lb-content"},[s("div",{staticClass:"vue-lb-header",on:{click:function(e){if(e.target!==e.currentTarget)return null;t.closeLightBox(e)}}},[s("span"),t._v(" "),s("button",{staticClass:"vue-lb-button-close",attrs:{type:"button",title:"Close (Esc)"},on:{click:t.closeLightBox}},[s("span",[s("svg",{staticStyle:{"enable-background":"new 0 0 512 512"},attrs:{fill:"white",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 512 512"}},[s("path",{attrs:{d:"M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z"}})])])])]),t._v(" "),s("div",{staticClass:"vue-lb-figure"},[s("transition",{attrs:{mode:"out-in",name:"fade"}},[s("img",{key:t.imagesSrc[t.select].src,staticClass:"vue-lb-modal-image",attrs:{src:t.imagesSrc[t.select].src}})]),t._v(" "),s("div",{directives:[{name:"show",rawName:"v-show",value:t.showCaption,expression:"showCaption"}],staticClass:"vue-lb-info",domProps:{innerHTML:t._s(t.images[t.select].caption)}}),t._v(" "),s("div",{staticClass:"vue-lb-footer"},[s("div",{staticClass:"vue-lb-footer-info"}),t._v(" "),s("div",{staticClass:"vue-lb-footer-count"},[t._v("\n "+t._s(t.select+1)+"/"+t._s(t.countImages)+"\n ")])])],1)]),t._v(" "),t.showThumbs?s("div",{staticClass:"vue-lb-thumbnail"},[s("button",{staticClass:"vue-lb-thumbnail-arrow vue-lb-thumbnail-left",attrs:{type:"button",title:"Previous"},on:{click:t.previousImage}},[s("span",[s("svg",{attrs:{fill:"white",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 512 512"}},[s("path",{attrs:{d:"M213.7,256L213.7,256L213.7,256L380.9,81.9c4.2-4.3,4.1-11.4-0.2-15.8l-29.9-30.6c-4.3-4.4-11.3-4.5-15.5-0.2L131.1,247.9 c-2.2,2.2-3.2,5.2-3,8.1c-0.1,3,0.9,5.9,3,8.1l204.2,212.7c4.2,4.3,11.2,4.2,15.5-0.2l29.9-30.6c4.3-4.4,4.4-11.5,0.2-15.8 L213.7,256z"}})])])]),t._v(" "),t._l(t.imagesThumb,function(e,i){return s("div",{directives:[{name:"lazy",rawName:"v-lazy:background-image",value:e,expression:"image",arg:"background-image"}],key:i,class:"vue-lb-modal-thumbnail"+(t.thumbSelect===i?"-active":""),on:{click:function(e){t.showImage(i+t.beginThumbIndex)}}})}),t._v(" "),s("button",{staticClass:"vue-lb-thumbnail-arrow vue-lb-thumbnail-right",attrs:{type:"button",title:"Next"},on:{click:t.nextImage}},[s("span",[s("svg",{attrs:{fill:"white",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 512 512"}},[s("path",{attrs:{d:"M298.3,256L298.3,256L298.3,256L131.1,81.9c-4.2-4.3-4.1-11.4,0.2-15.8l29.9-30.6c4.3-4.4,11.3-4.5,15.5-0.2l204.2,212.7 c2.2,2.2,3.2,5.2,3,8.1c0.1,3-0.9,5.9-3,8.1L176.7,476.8c-4.2,4.3-11.2,4.2-15.5-0.2L131.3,446c-4.3-4.4-4.4-11.5-0.2-15.8 L298.3,256z"}})])])])],2):t._e(),t._v(" "),s("button",{staticClass:"vue-lb-arrow vue-lb-left",attrs:{type:"button",title:"Previous"},on:{click:t.previousImage}},[s("span",[s("svg",{attrs:{fill:"white",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 512 512"}},[s("path",{attrs:{d:"M213.7,256L213.7,256L213.7,256L380.9,81.9c4.2-4.3,4.1-11.4-0.2-15.8l-29.9-30.6c-4.3-4.4-11.3-4.5-15.5-0.2L131.1,247.9 c-2.2,2.2-3.2,5.2-3,8.1c-0.1,3,0.9,5.9,3,8.1l204.2,212.7c4.2,4.3,11.2,4.2,15.5-0.2l29.9-30.6c4.3-4.4,4.4-11.5,0.2-15.8 L213.7,256z"}})])])]),t._v(" "),s("button",{staticClass:"vue-lb-arrow vue-lb-right",attrs:{type:"button",title:"Next"},on:{click:t.nextImage}},[s("span",[s("svg",{attrs:{fill:"white",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 512 512","xml:space":"preserve"}},[s("path",{attrs:{d:"M298.3,256L298.3,256L298.3,256L131.1,81.9c-4.2-4.3-4.1-11.4,0.2-15.8l29.9-30.6c4.3-4.4,11.3-4.5,15.5-0.2l204.2,212.7 c2.2,2.2,3.2,5.2,3,8.1c0.1,3-0.9,5.9-3,8.1L176.7,476.8c-4.2,4.3-11.2,4.2-15.5-0.2L131.3,446c-4.3-4.4-4.4-11.5-0.2-15.8 L298.3,256z"}})])])])]):t._e()},staticRenderFns:[]},t.exports.render._withStripped=!0},function(t,e){},function(t,e,s){var i=s(1)(s(0),s(2),null,null,null);i.options.__file="/home/pexea12/repos/vue-image-lightbox/src/components/Lightbox.vue",i.esModule&&Object.keys(i.esModule).some(function(t){return"default"!==t&&"__"!==t.substr(0,2)}),i.options.functional,t.exports=i.exports}])}); //# sourceMappingURL=vue-image-lightbox.min.js.map \ No newline at end of file diff --git a/dist/vue-image-lightbox.min.js.map b/dist/vue-image-lightbox.min.js.map index ada43e9..44bbfa2 100644 --- a/dist/vue-image-lightbox.min.js.map +++ b/dist/vue-image-lightbox.min.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///vue-image-lightbox.min.js","webpack:///webpack/bootstrap 7f14224ce4032f11a265","webpack:///./src/components/script.js","webpack:///./~/vue-loader/lib/component-normalizer.js","webpack:///./src/components/template.html","webpack:///./src/components/Lightbox.vue"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","value","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","default","props","images","type","Array","required","showLightBox","Boolean","startAt","Number","nThumbs","showThumbs","autoPlay","autoPlayTime","siteLoading","showCaption","data","select","thumbSelect","lightBoxOn","countImages","length","displayThumbs","slice","timer","beginThumbIndex","computed","imagesSrc","_this","map","_ref","src","loading","error","_ref2","imagesThumb","_this2","_ref3","thumb","_ref4","mounted","_this3","setInterval","nextImage","watch","halfDown","Math","floor","mod","$set","document","getElementsByTagName","classList","add","remove","methods","showImage","index","addEventListener","addKeyEvent","event","keyCode","previousImage","closeLightBox","removeEventListener","beforeDestroy","clearInterval","rawScriptExports","compiledTemplate","injectStyles","scopeId","moduleIdentifier","esModule","scriptExports","options","render","staticRenderFns","_scopeId","hook","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","_ssrRegister","functional","existing","beforeCreate","h","concat","_vm","_h","$createElement","_c","_self","directives","rawName","expression","staticClass","on","click","$event","target","currentTarget","_v","attrs","title","staticStyle","enable-background","fill","x","y","width","height","viewBox","domProps","innerHTML","_s","caption","_l","image","arg","key","class","_e","version","xmlns","xmlns:xlink","xml:space","_withStripped","Component","__file","keys","some","substr"],"mappings":"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","file":"vue-image-lightbox.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"Lightbox\"] = factory();\n\telse\n\t\troot[\"Lightbox\"] = factory();\n})(this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"Lightbox\"] = factory();\n\telse\n\t\troot[\"Lightbox\"] = factory();\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 4);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n__webpack_require__(3);\n\nexports.default = {\n props: {\n images: {\n type: Array,\n required: true\n },\n\n showLightBox: {\n type: Boolean,\n default: true\n },\n\n startAt: {\n type: Number,\n default: 0\n },\n\n nThumbs: {\n type: Number,\n default: 7\n },\n\n showThumbs: {\n type: Boolean,\n default: true\n },\n\n autoPlay: {\n type: Boolean,\n default: false\n },\n\n autoPlayTime: {\n type: Number,\n default: 3000\n },\n\n siteLoading: {\n default: null\n },\n\n showCaption: {\n type: Boolean,\n default: false\n }\n },\n\n data: function data() {\n return {\n select: this.startAt,\n thumbSelect: this.startAt,\n lightBoxOn: this.showLightBox,\n countImages: this.images.length,\n displayThumbs: this.images.slice(0, this.nThumbs),\n timer: null,\n\n beginThumbIndex: 0\n };\n },\n\n\n computed: {\n imagesSrc: function imagesSrc() {\n var _this = this;\n\n if (this.siteLoading) {\n return this.images.map(function (_ref) {\n var src = _ref.src;\n return {\n src: src,\n loading: _this.siteLoading,\n error: _this.siteLoading\n };\n });\n }\n\n return this.images.map(function (_ref2) {\n var src = _ref2.src;\n return src;\n });\n },\n imagesThumb: function imagesThumb() {\n var _this2 = this;\n\n if (this.siteLoading) {\n return this.displayThumbs.map(function (_ref3) {\n var thumb = _ref3.thumb;\n return {\n src: thumb,\n loading: _this2.siteLoading,\n error: _this2.siteLoading\n };\n });\n }\n\n return this.displayThumbs.map(function (_ref4) {\n var thumb = _ref4.thumb;\n return thumb;\n });\n }\n },\n\n mounted: function mounted() {\n var _this3 = this;\n\n if (this.autoPlay) {\n this.timer = setInterval(function () {\n _this3.nextImage();\n }, this.autoPlayTime);\n }\n },\n\n\n watch: {\n select: function select() {\n var halfDown = Math.floor(this.nThumbs / 2);\n var mod = 1 - this.nThumbs % 2;\n\n if (this.select <= halfDown) {\n this.$set(this, 'beginThumbIndex', 0);\n this.$set(this, 'thumbSelect', this.select);\n this.$set(this, 'displayThumbs', this.images.slice(0, this.nThumbs));\n return;\n }\n\n if (this.select >= this.countImages - halfDown) {\n this.$set(this, 'beginThumbIndex', this.countImages - this.nThumbs);\n this.$set(this, 'thumbSelect', this.nThumbs - (this.countImages - this.select));\n this.$set(this, 'displayThumbs', this.images.slice(-this.nThumbs));\n return;\n }\n\n this.$set(this, 'beginThumbIndex', this.select - halfDown + mod);\n this.$set(this, 'thumbSelect', halfDown - mod);\n this.$set(this, 'displayThumbs', this.images.slice(this.select - halfDown + mod, this.select + halfDown + 1));\n },\n lightBoxOn: function lightBoxOn(value) {\n if (document != null) {\n if (value) {\n document.getElementsByTagName('body')[0].classList.add('vue-lb-open');\n } else {\n document.getElementsByTagName('body')[0].classList.remove('vue-lb-open');\n }\n }\n }\n },\n\n methods: {\n showImage: function showImage(index) {\n document.addEventListener('keydown', this.addKeyEvent);\n\n this.$set(this, 'lightBoxOn', true);\n this.$set(this, 'select', index);\n },\n addKeyEvent: function addKeyEvent(event) {\n if (event.keyCode === 37) this.previousImage();\n if (event.keyCode === 39) this.nextImage();\n if (event.keyCode === 27) this.closeLightBox();\n },\n closeLightBox: function closeLightBox() {\n this.$set(this, 'lightBoxOn', false);\n\n document.removeEventListener('keydown', this.addKeyEvent);\n },\n nextImage: function nextImage() {\n this.$set(this, 'select', (this.select + 1) % this.countImages);\n },\n previousImage: function previousImage() {\n this.$set(this, 'select', (this.select - 1 + this.countImages) % this.countImages);\n }\n },\n\n beforeDestroy: function beforeDestroy() {\n document.removeEventListener('keydown', this.addKeyEvent);\n\n if (this.autoPlay) {\n clearInterval(this.timer);\n }\n }\n};\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports) {\n\n/* globals __VUE_SSR_CONTEXT__ */\n\n// this module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle\n\nmodule.exports = function normalizeComponent (\n rawScriptExports,\n compiledTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier /* server only */\n) {\n var esModule\n var scriptExports = rawScriptExports = rawScriptExports || {}\n\n // ES6 modules interop\n var type = typeof rawScriptExports.default\n if (type === 'object' || type === 'function') {\n esModule = rawScriptExports\n scriptExports = rawScriptExports.default\n }\n\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (compiledTemplate) {\n options.render = compiledTemplate.render\n options.staticRenderFns = compiledTemplate.staticRenderFns\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = injectStyles\n }\n\n if (hook) {\n var functional = options.functional\n var existing = functional\n ? options.render\n : options.beforeCreate\n if (!functional) {\n // inject component registration as beforeCreate hook\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n } else {\n // register for functioal component in vue file\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return existing(h, context)\n }\n }\n }\n\n return {\n esModule: esModule,\n exports: scriptExports,\n options: options\n }\n}\n\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return (_vm.images && _vm.images.length > 0) ? _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.lightBoxOn),\n expression: \"lightBoxOn\"\n }],\n staticClass: \"vue-lb-container\",\n on: {\n \"click\": function($event) {\n if ($event.target !== $event.currentTarget) { return null; }\n _vm.closeLightBox($event)\n }\n }\n }, [_c('div', {\n staticClass: \"vue-lb-content\"\n }, [_c('div', {\n staticClass: \"vue-lb-header\",\n on: {\n \"click\": function($event) {\n if ($event.target !== $event.currentTarget) { return null; }\n _vm.closeLightBox($event)\n }\n }\n }, [_c('span'), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-button-close\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Close (Esc)\"\n },\n on: {\n \"click\": _vm.closeLightBox\n }\n }, [_c('span', [_c('svg', {\n staticStyle: {\n \"enable-background\": \"new 0 0 512 512\"\n },\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z\"\n }\n })])])])]), _vm._v(\" \"), _c('div', {\n staticClass: \"vue-lb-figure\"\n }, [_c('img', {\n directives: [{\n name: \"lazy\",\n rawName: \"v-lazy\",\n value: (_vm.imagesSrc[_vm.select]),\n expression: \"imagesSrc[select]\"\n }],\n staticClass: \"vue-lb-modal-image\"\n }), _vm._v(\" \"), _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.showCaption),\n expression: \"showCaption\"\n }],\n staticClass: \"vue-lb-info\",\n domProps: {\n \"innerHTML\": _vm._s(_vm.images[_vm.select].caption)\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"vue-lb-footer\"\n }, [_c('div', {\n staticClass: \"vue-lb-footer-info\"\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"vue-lb-footer-count\"\n }, [_vm._v(\"\\n \" + _vm._s(_vm.select + 1) + \"/\" + _vm._s(_vm.countImages) + \"\\n \")])])])]), _vm._v(\" \"), (_vm.showThumbs) ? _c('div', {\n staticClass: \"vue-lb-thumbnail\"\n }, [_c('button', {\n staticClass: \"vue-lb-thumbnail-arrow vue-lb-thumbnail-left\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Previous\"\n },\n on: {\n \"click\": _vm.previousImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M213.7,256L213.7,256L213.7,256L380.9,81.9c4.2-4.3,4.1-11.4-0.2-15.8l-29.9-30.6c-4.3-4.4-11.3-4.5-15.5-0.2L131.1,247.9 c-2.2,2.2-3.2,5.2-3,8.1c-0.1,3,0.9,5.9,3,8.1l204.2,212.7c4.2,4.3,11.2,4.2,15.5-0.2l29.9-30.6c4.3-4.4,4.4-11.5,0.2-15.8 L213.7,256z\"\n }\n })])])]), _vm._v(\" \"), _vm._l((_vm.imagesThumb), function(image, index) {\n return _c('div', {\n directives: [{\n name: \"lazy\",\n rawName: \"v-lazy:background-image\",\n value: (image),\n expression: \"image\",\n arg: \"background-image\"\n }],\n key: image.src + index,\n class: 'vue-lb-modal-thumbnail' + (_vm.thumbSelect === index ? '-active' : ''),\n on: {\n \"click\": function($event) {\n _vm.showImage(index + _vm.beginThumbIndex)\n }\n }\n })\n }), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-thumbnail-arrow vue-lb-thumbnail-right\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Next\"\n },\n on: {\n \"click\": _vm.nextImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M298.3,256L298.3,256L298.3,256L131.1,81.9c-4.2-4.3-4.1-11.4,0.2-15.8l29.9-30.6c4.3-4.4,11.3-4.5,15.5-0.2l204.2,212.7 c2.2,2.2,3.2,5.2,3,8.1c0.1,3-0.9,5.9-3,8.1L176.7,476.8c-4.2,4.3-11.2,4.2-15.5-0.2L131.3,446c-4.3-4.4-4.4-11.5-0.2-15.8 L298.3,256z\"\n }\n })])])])], 2) : _vm._e(), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-arrow vue-lb-left\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Previous\"\n },\n on: {\n \"click\": _vm.previousImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M213.7,256L213.7,256L213.7,256L380.9,81.9c4.2-4.3,4.1-11.4-0.2-15.8l-29.9-30.6c-4.3-4.4-11.3-4.5-15.5-0.2L131.1,247.9 c-2.2,2.2-3.2,5.2-3,8.1c-0.1,3,0.9,5.9,3,8.1l204.2,212.7c4.2,4.3,11.2,4.2,15.5-0.2l29.9-30.6c4.3-4.4,4.4-11.5,0.2-15.8 L213.7,256z\"\n }\n })])])]), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-arrow vue-lb-right\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Next\"\n },\n on: {\n \"click\": _vm.nextImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"version\": \"1.1\",\n \"xmlns\": \"http://www.w3.org/2000/svg\",\n \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\",\n \"xml:space\": \"preserve\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M298.3,256L298.3,256L298.3,256L131.1,81.9c-4.2-4.3-4.1-11.4,0.2-15.8l29.9-30.6c4.3-4.4,11.3-4.5,15.5-0.2l204.2,212.7 c2.2,2.2,3.2,5.2,3,8.1c0.1,3-0.9,5.9-3,8.1L176.7,476.8c-4.2,4.3-11.2,4.2-15.5-0.2L131.3,446c-4.3-4.4-4.4-11.5-0.2-15.8 L298.3,256z\"\n }\n })])])])]) : _vm._e()\n},staticRenderFns: []}\nmodule.exports.render._withStripped = true\nif (false) {\n module.hot.accept()\n if (module.hot.data) {\n require(\"vue-hot-reload-api\").rerender(\"data-v-06a26390\", module.exports)\n }\n}\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar disposed = false\nvar Component = __webpack_require__(1)(\n /* script */\n __webpack_require__(0),\n /* template */\n __webpack_require__(2),\n /* styles */\n null,\n /* scopeId */\n null,\n /* moduleIdentifier (server only) */\n null\n)\nComponent.options.__file = \"/home/pexea12/repos/vue-image-lightbox/src/components/Lightbox.vue\"\nif (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== \"default\" && key.substr(0, 2) !== \"__\"})) {console.error(\"named exports are not supported in *.vue files.\")}\nif (Component.options.functional) {console.error(\"[vue-loader] Lightbox.vue: functional components are not supported with templates, they should use render functions.\")}\n\n/* hot reload */\nif (false) {(function () {\n var hotAPI = require(\"vue-hot-reload-api\")\n hotAPI.install(require(\"vue\"), false)\n if (!hotAPI.compatible) return\n module.hot.accept()\n if (!module.hot.data) {\n hotAPI.createRecord(\"data-v-06a26390\", Component.options)\n } else {\n hotAPI.reload(\"data-v-06a26390\", Component.options)\n }\n module.hot.dispose(function (data) {\n disposed = true\n })\n})()}\n\nmodule.exports = Component.exports\n\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// vue-image-lightbox.min.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 4);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 7f14224ce4032f11a265","require('./style.css')\n\nexport default {\n props: {\n images: {\n type: Array,\n required: true,\n },\n\n showLightBox: {\n type: Boolean,\n default: true,\n },\n\n startAt: {\n type: Number,\n default: 0,\n },\n\n nThumbs: {\n type: Number,\n default: 7,\n },\n\n showThumbs: {\n type: Boolean,\n default: true,\n },\n\n // Mode\n autoPlay: {\n type: Boolean, \n default: false,\n },\n\n autoPlayTime: {\n type: Number,\n default: 3000,\n },\n\n siteLoading: {\n default: null,\n },\n\n showCaption: {\n type: Boolean,\n default: false,\n }\n },\n\n data() {\n return {\n select: this.startAt,\n thumbSelect: this.startAt,\n lightBoxOn: this.showLightBox,\n countImages: this.images.length,\n displayThumbs: this.images.slice(0, this.nThumbs),\n timer: null,\n\n beginThumbIndex: 0,\n }\n },\n\n computed: {\n imagesSrc() {\n if (this.siteLoading) {\n return this.images.map(({ src }) => ({\n src,\n loading: this.siteLoading,\n error: this.siteLoading,\n }))\n }\n\n return this.images.map(({ src }) => src)\n },\n\n imagesThumb() {\n if (this.siteLoading) {\n return this.displayThumbs.map(({ thumb }) => ({\n src: thumb,\n loading: this.siteLoading,\n error: this.siteLoading,\n }))\n }\n\n return this.displayThumbs.map(({ thumb }) => thumb)\n },\n },\n\n mounted() {\n\n if (this.autoPlay) {\n this.timer = setInterval(() => {\n this.nextImage()\n }, this.autoPlayTime)\n }\n },\n\n\n watch: {\n select() {\n let halfDown = Math.floor(this.nThumbs / 2)\n let mod = 1 - (this.nThumbs % 2)\n\n if (this.select <= halfDown) {\n this.$set(this, 'beginThumbIndex', 0)\n this.$set(this, 'thumbSelect', this.select)\n this.$set(this, 'displayThumbs', this.images.slice(0, this.nThumbs))\n return\n }\n\n if (this.select >= this.countImages - halfDown) {\n this.$set(this, 'beginThumbIndex', this.countImages - this.nThumbs)\n this.$set(this, 'thumbSelect', this.nThumbs - (this.countImages - this.select))\n this.$set(this, 'displayThumbs', this.images.slice(-this.nThumbs))\n return\n }\n\n this.$set(this, 'beginThumbIndex', this.select - halfDown + mod)\n this.$set(this, 'thumbSelect', halfDown - mod)\n this.$set(this, 'displayThumbs', this.images.slice(this.select - halfDown + mod, this.select + halfDown + 1))\n },\n\n lightBoxOn(value) {\n if (document != null) {\n if (value) {\n document.getElementsByTagName('body')[0].classList.add('vue-lb-open')\n } else {\n document.getElementsByTagName('body')[0].classList.remove('vue-lb-open')\n }\n } \n },\n },\n\n methods: {\n showImage(index) {\n document.addEventListener('keydown', this.addKeyEvent)\n \n this.$set(this, 'lightBoxOn', true)\n this.$set(this, 'select', index)\n },\n\n addKeyEvent(event) {\n if (event.keyCode === 37) this.previousImage()\n if (event.keyCode === 39) this.nextImage()\n if (event.keyCode === 27) this.closeLightBox()\n },\n\n closeLightBox() {\n this.$set(this, 'lightBoxOn', false)\n\n document.removeEventListener('keydown', this.addKeyEvent)\n },\n\n nextImage() {\n this.$set(this, 'select', (this.select + 1) % this.countImages)\n },\n\n previousImage() {\n this.$set(this, 'select', ((this.select - 1) + this.countImages) % this.countImages)\n }\n },\n\n\n beforeDestroy() {\n document.removeEventListener('keydown', this.addKeyEvent)\n\n if (this.autoPlay) {\n clearInterval(this.timer)\n }\n },\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/script.js","/* globals __VUE_SSR_CONTEXT__ */\n\n// this module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle\n\nmodule.exports = function normalizeComponent (\n rawScriptExports,\n compiledTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier /* server only */\n) {\n var esModule\n var scriptExports = rawScriptExports = rawScriptExports || {}\n\n // ES6 modules interop\n var type = typeof rawScriptExports.default\n if (type === 'object' || type === 'function') {\n esModule = rawScriptExports\n scriptExports = rawScriptExports.default\n }\n\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (compiledTemplate) {\n options.render = compiledTemplate.render\n options.staticRenderFns = compiledTemplate.staticRenderFns\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = injectStyles\n }\n\n if (hook) {\n var functional = options.functional\n var existing = functional\n ? options.render\n : options.beforeCreate\n if (!functional) {\n // inject component registration as beforeCreate hook\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n } else {\n // register for functioal component in vue file\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return existing(h, context)\n }\n }\n }\n\n return {\n esModule: esModule,\n exports: scriptExports,\n options: options\n }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/component-normalizer.js\n// module id = 1\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return (_vm.images && _vm.images.length > 0) ? _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.lightBoxOn),\n expression: \"lightBoxOn\"\n }],\n staticClass: \"vue-lb-container\",\n on: {\n \"click\": function($event) {\n if ($event.target !== $event.currentTarget) { return null; }\n _vm.closeLightBox($event)\n }\n }\n }, [_c('div', {\n staticClass: \"vue-lb-content\"\n }, [_c('div', {\n staticClass: \"vue-lb-header\",\n on: {\n \"click\": function($event) {\n if ($event.target !== $event.currentTarget) { return null; }\n _vm.closeLightBox($event)\n }\n }\n }, [_c('span'), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-button-close\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Close (Esc)\"\n },\n on: {\n \"click\": _vm.closeLightBox\n }\n }, [_c('span', [_c('svg', {\n staticStyle: {\n \"enable-background\": \"new 0 0 512 512\"\n },\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z\"\n }\n })])])])]), _vm._v(\" \"), _c('div', {\n staticClass: \"vue-lb-figure\"\n }, [_c('img', {\n directives: [{\n name: \"lazy\",\n rawName: \"v-lazy\",\n value: (_vm.imagesSrc[_vm.select]),\n expression: \"imagesSrc[select]\"\n }],\n staticClass: \"vue-lb-modal-image\"\n }), _vm._v(\" \"), _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.showCaption),\n expression: \"showCaption\"\n }],\n staticClass: \"vue-lb-info\",\n domProps: {\n \"innerHTML\": _vm._s(_vm.images[_vm.select].caption)\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"vue-lb-footer\"\n }, [_c('div', {\n staticClass: \"vue-lb-footer-info\"\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"vue-lb-footer-count\"\n }, [_vm._v(\"\\n \" + _vm._s(_vm.select + 1) + \"/\" + _vm._s(_vm.countImages) + \"\\n \")])])])]), _vm._v(\" \"), (_vm.showThumbs) ? _c('div', {\n staticClass: \"vue-lb-thumbnail\"\n }, [_c('button', {\n staticClass: \"vue-lb-thumbnail-arrow vue-lb-thumbnail-left\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Previous\"\n },\n on: {\n \"click\": _vm.previousImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M213.7,256L213.7,256L213.7,256L380.9,81.9c4.2-4.3,4.1-11.4-0.2-15.8l-29.9-30.6c-4.3-4.4-11.3-4.5-15.5-0.2L131.1,247.9 c-2.2,2.2-3.2,5.2-3,8.1c-0.1,3,0.9,5.9,3,8.1l204.2,212.7c4.2,4.3,11.2,4.2,15.5-0.2l29.9-30.6c4.3-4.4,4.4-11.5,0.2-15.8 L213.7,256z\"\n }\n })])])]), _vm._v(\" \"), _vm._l((_vm.imagesThumb), function(image, index) {\n return _c('div', {\n directives: [{\n name: \"lazy\",\n rawName: \"v-lazy:background-image\",\n value: (image),\n expression: \"image\",\n arg: \"background-image\"\n }],\n key: image.src + index,\n class: 'vue-lb-modal-thumbnail' + (_vm.thumbSelect === index ? '-active' : ''),\n on: {\n \"click\": function($event) {\n _vm.showImage(index + _vm.beginThumbIndex)\n }\n }\n })\n }), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-thumbnail-arrow vue-lb-thumbnail-right\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Next\"\n },\n on: {\n \"click\": _vm.nextImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M298.3,256L298.3,256L298.3,256L131.1,81.9c-4.2-4.3-4.1-11.4,0.2-15.8l29.9-30.6c4.3-4.4,11.3-4.5,15.5-0.2l204.2,212.7 c2.2,2.2,3.2,5.2,3,8.1c0.1,3-0.9,5.9-3,8.1L176.7,476.8c-4.2,4.3-11.2,4.2-15.5-0.2L131.3,446c-4.3-4.4-4.4-11.5-0.2-15.8 L298.3,256z\"\n }\n })])])])], 2) : _vm._e(), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-arrow vue-lb-left\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Previous\"\n },\n on: {\n \"click\": _vm.previousImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M213.7,256L213.7,256L213.7,256L380.9,81.9c4.2-4.3,4.1-11.4-0.2-15.8l-29.9-30.6c-4.3-4.4-11.3-4.5-15.5-0.2L131.1,247.9 c-2.2,2.2-3.2,5.2-3,8.1c-0.1,3,0.9,5.9,3,8.1l204.2,212.7c4.2,4.3,11.2,4.2,15.5-0.2l29.9-30.6c4.3-4.4,4.4-11.5,0.2-15.8 L213.7,256z\"\n }\n })])])]), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-arrow vue-lb-right\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Next\"\n },\n on: {\n \"click\": _vm.nextImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"version\": \"1.1\",\n \"xmlns\": \"http://www.w3.org/2000/svg\",\n \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\",\n \"xml:space\": \"preserve\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M298.3,256L298.3,256L298.3,256L131.1,81.9c-4.2-4.3-4.1-11.4,0.2-15.8l29.9-30.6c4.3-4.4,11.3-4.5,15.5-0.2l204.2,212.7 c2.2,2.2,3.2,5.2,3,8.1c0.1,3-0.9,5.9-3,8.1L176.7,476.8c-4.2,4.3-11.2,4.2-15.5-0.2L131.3,446c-4.3-4.4-4.4-11.5-0.2-15.8 L298.3,256z\"\n }\n })])])])]) : _vm._e()\n},staticRenderFns: []}\nmodule.exports.render._withStripped = true\nif (module.hot) {\n module.hot.accept()\n if (module.hot.data) {\n require(\"vue-hot-reload-api\").rerender(\"data-v-06a26390\", module.exports)\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-06a26390\"}!./src/components/template.html\n// module id = 2\n// module chunks = 0","var disposed = false\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./script.js\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-06a26390\\\"}!./template.html\"),\n /* styles */\n null,\n /* scopeId */\n null,\n /* moduleIdentifier (server only) */\n null\n)\nComponent.options.__file = \"/home/pexea12/repos/vue-image-lightbox/src/components/Lightbox.vue\"\nif (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== \"default\" && key.substr(0, 2) !== \"__\"})) {console.error(\"named exports are not supported in *.vue files.\")}\nif (Component.options.functional) {console.error(\"[vue-loader] Lightbox.vue: functional components are not supported with templates, they should use render functions.\")}\n\n/* hot reload */\nif (module.hot) {(function () {\n var hotAPI = require(\"vue-hot-reload-api\")\n hotAPI.install(require(\"vue\"), false)\n if (!hotAPI.compatible) return\n module.hot.accept()\n if (!module.hot.data) {\n hotAPI.createRecord(\"data-v-06a26390\", Component.options)\n } else {\n hotAPI.reload(\"data-v-06a26390\", Component.options)\n }\n module.hot.dispose(function (data) {\n disposed = true\n })\n})()}\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Lightbox.vue\n// module id = 4\n// module chunks = 0"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///vue-image-lightbox.min.js","webpack:///webpack/bootstrap 9d54a5f7aaf494bd47f7","webpack:///./src/components/script.js","webpack:///./~/vue-loader/lib/component-normalizer.js","webpack:///./src/components/template.html","webpack:///./src/components/Lightbox.vue"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","value","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","default","props","images","type","Array","required","showLightBox","Boolean","startAt","Number","nThumbs","showThumbs","autoPlay","autoPlayTime","siteLoading","showCaption","data","select","thumbSelect","lightBoxOn","countImages","length","displayThumbs","slice","timer","beginThumbIndex","computed","imagesSrc","_this","map","_ref","src","loading","error","_ref2","imagesThumb","_this2","_ref3","thumb","_ref4","mounted","_this3","setInterval","nextImage","watch","halfDown","Math","floor","mod","$set","document","getElementsByTagName","classList","add","remove","methods","showImage","index","addEventListener","addKeyEvent","event","keyCode","previousImage","closeLightBox","removeEventListener","beforeDestroy","clearInterval","rawScriptExports","compiledTemplate","injectStyles","scopeId","moduleIdentifier","esModule","scriptExports","options","render","staticRenderFns","_scopeId","hook","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","_ssrRegister","functional","existing","beforeCreate","h","concat","_vm","_h","$createElement","_c","_self","directives","rawName","expression","staticClass","on","click","$event","target","currentTarget","_v","attrs","title","staticStyle","enable-background","fill","x","y","width","height","viewBox","mode","key","domProps","innerHTML","_s","caption","_l","image","arg","class","_e","version","xmlns","xmlns:xlink","xml:space","_withStripped","Component","__file","keys","some","substr"],"mappings":"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","file":"vue-image-lightbox.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"Lightbox\"] = factory();\n\telse\n\t\troot[\"Lightbox\"] = factory();\n})(this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"Lightbox\"] = factory();\n\telse\n\t\troot[\"Lightbox\"] = factory();\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 4);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n__webpack_require__(3);\n\nexports.default = {\n props: {\n images: {\n type: Array,\n required: true\n },\n\n showLightBox: {\n type: Boolean,\n default: true\n },\n\n startAt: {\n type: Number,\n default: 0\n },\n\n nThumbs: {\n type: Number,\n default: 7\n },\n\n showThumbs: {\n type: Boolean,\n default: true\n },\n\n autoPlay: {\n type: Boolean,\n default: false\n },\n\n autoPlayTime: {\n type: Number,\n default: 3000\n },\n\n siteLoading: {\n default: null\n },\n\n showCaption: {\n type: Boolean,\n default: false\n }\n },\n\n data: function data() {\n return {\n select: this.startAt,\n thumbSelect: this.startAt,\n lightBoxOn: this.showLightBox,\n countImages: this.images.length,\n displayThumbs: this.images.slice(0, this.nThumbs),\n timer: null,\n\n beginThumbIndex: 0\n };\n },\n\n\n computed: {\n imagesSrc: function imagesSrc() {\n var _this = this;\n\n if (this.siteLoading) {\n return this.images.map(function (_ref) {\n var src = _ref.src;\n return {\n src: src,\n loading: _this.siteLoading,\n error: _this.siteLoading\n };\n });\n }\n\n return this.images.map(function (_ref2) {\n var src = _ref2.src;\n return src;\n });\n },\n imagesThumb: function imagesThumb() {\n var _this2 = this;\n\n if (this.siteLoading) {\n return this.displayThumbs.map(function (_ref3) {\n var thumb = _ref3.thumb;\n return {\n src: thumb,\n loading: _this2.siteLoading,\n error: _this2.siteLoading\n };\n });\n }\n\n return this.displayThumbs.map(function (_ref4) {\n var thumb = _ref4.thumb;\n return thumb;\n });\n }\n },\n\n mounted: function mounted() {\n var _this3 = this;\n\n if (this.autoPlay) {\n this.timer = setInterval(function () {\n _this3.nextImage();\n }, this.autoPlayTime);\n }\n },\n\n\n watch: {\n select: function select() {\n var halfDown = Math.floor(this.nThumbs / 2);\n var mod = 1 - this.nThumbs % 2;\n\n if (this.select <= halfDown) {\n this.$set(this, 'beginThumbIndex', 0);\n this.$set(this, 'thumbSelect', this.select);\n this.$set(this, 'displayThumbs', this.images.slice(0, this.nThumbs));\n return;\n }\n\n if (this.select >= this.countImages - halfDown) {\n this.$set(this, 'beginThumbIndex', this.countImages - this.nThumbs);\n this.$set(this, 'thumbSelect', this.nThumbs - (this.countImages - this.select));\n this.$set(this, 'displayThumbs', this.images.slice(-this.nThumbs));\n return;\n }\n\n this.$set(this, 'beginThumbIndex', this.select - halfDown + mod);\n this.$set(this, 'thumbSelect', halfDown - mod);\n this.$set(this, 'displayThumbs', this.images.slice(this.select - halfDown + mod, this.select + halfDown + 1));\n },\n lightBoxOn: function lightBoxOn(value) {\n if (document != null) {\n if (value) {\n document.getElementsByTagName('body')[0].classList.add('vue-lb-open');\n } else {\n document.getElementsByTagName('body')[0].classList.remove('vue-lb-open');\n }\n }\n }\n },\n\n methods: {\n showImage: function showImage(index) {\n document.addEventListener('keydown', this.addKeyEvent);\n\n this.$set(this, 'lightBoxOn', true);\n this.$set(this, 'select', index);\n },\n addKeyEvent: function addKeyEvent(event) {\n if (event.keyCode === 37) this.previousImage();\n if (event.keyCode === 39) this.nextImage();\n if (event.keyCode === 27) this.closeLightBox();\n },\n closeLightBox: function closeLightBox() {\n this.$set(this, 'lightBoxOn', false);\n\n document.removeEventListener('keydown', this.addKeyEvent);\n },\n nextImage: function nextImage() {\n this.$set(this, 'select', (this.select + 1) % this.countImages);\n },\n previousImage: function previousImage() {\n this.$set(this, 'select', (this.select - 1 + this.countImages) % this.countImages);\n }\n },\n\n beforeDestroy: function beforeDestroy() {\n document.removeEventListener('keydown', this.addKeyEvent);\n\n if (this.autoPlay) {\n clearInterval(this.timer);\n }\n }\n};\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports) {\n\n/* globals __VUE_SSR_CONTEXT__ */\n\n// this module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle\n\nmodule.exports = function normalizeComponent (\n rawScriptExports,\n compiledTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier /* server only */\n) {\n var esModule\n var scriptExports = rawScriptExports = rawScriptExports || {}\n\n // ES6 modules interop\n var type = typeof rawScriptExports.default\n if (type === 'object' || type === 'function') {\n esModule = rawScriptExports\n scriptExports = rawScriptExports.default\n }\n\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (compiledTemplate) {\n options.render = compiledTemplate.render\n options.staticRenderFns = compiledTemplate.staticRenderFns\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = injectStyles\n }\n\n if (hook) {\n var functional = options.functional\n var existing = functional\n ? options.render\n : options.beforeCreate\n if (!functional) {\n // inject component registration as beforeCreate hook\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n } else {\n // register for functioal component in vue file\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return existing(h, context)\n }\n }\n }\n\n return {\n esModule: esModule,\n exports: scriptExports,\n options: options\n }\n}\n\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return (_vm.images && _vm.images.length > 0) ? _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.lightBoxOn),\n expression: \"lightBoxOn\"\n }],\n staticClass: \"vue-lb-container\",\n on: {\n \"click\": function($event) {\n if ($event.target !== $event.currentTarget) { return null; }\n _vm.closeLightBox($event)\n }\n }\n }, [_c('div', {\n staticClass: \"vue-lb-content\"\n }, [_c('div', {\n staticClass: \"vue-lb-header\",\n on: {\n \"click\": function($event) {\n if ($event.target !== $event.currentTarget) { return null; }\n _vm.closeLightBox($event)\n }\n }\n }, [_c('span'), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-button-close\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Close (Esc)\"\n },\n on: {\n \"click\": _vm.closeLightBox\n }\n }, [_c('span', [_c('svg', {\n staticStyle: {\n \"enable-background\": \"new 0 0 512 512\"\n },\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z\"\n }\n })])])])]), _vm._v(\" \"), _c('div', {\n staticClass: \"vue-lb-figure\"\n }, [_c('transition', {\n attrs: {\n \"mode\": \"out-in\",\n \"name\": \"fade\"\n }\n }, [_c('img', {\n key: _vm.imagesSrc[_vm.select].src,\n staticClass: \"vue-lb-modal-image\",\n attrs: {\n \"src\": _vm.imagesSrc[_vm.select].src\n }\n })]), _vm._v(\" \"), _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.showCaption),\n expression: \"showCaption\"\n }],\n staticClass: \"vue-lb-info\",\n domProps: {\n \"innerHTML\": _vm._s(_vm.images[_vm.select].caption)\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"vue-lb-footer\"\n }, [_c('div', {\n staticClass: \"vue-lb-footer-info\"\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"vue-lb-footer-count\"\n }, [_vm._v(\"\\n \" + _vm._s(_vm.select + 1) + \"/\" + _vm._s(_vm.countImages) + \"\\n \")])])], 1)]), _vm._v(\" \"), (_vm.showThumbs) ? _c('div', {\n staticClass: \"vue-lb-thumbnail\"\n }, [_c('button', {\n staticClass: \"vue-lb-thumbnail-arrow vue-lb-thumbnail-left\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Previous\"\n },\n on: {\n \"click\": _vm.previousImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M213.7,256L213.7,256L213.7,256L380.9,81.9c4.2-4.3,4.1-11.4-0.2-15.8l-29.9-30.6c-4.3-4.4-11.3-4.5-15.5-0.2L131.1,247.9 c-2.2,2.2-3.2,5.2-3,8.1c-0.1,3,0.9,5.9,3,8.1l204.2,212.7c4.2,4.3,11.2,4.2,15.5-0.2l29.9-30.6c4.3-4.4,4.4-11.5,0.2-15.8 L213.7,256z\"\n }\n })])])]), _vm._v(\" \"), _vm._l((_vm.imagesThumb), function(image, index) {\n return _c('div', {\n directives: [{\n name: \"lazy\",\n rawName: \"v-lazy:background-image\",\n value: (image),\n expression: \"image\",\n arg: \"background-image\"\n }],\n key: index,\n class: 'vue-lb-modal-thumbnail' + (_vm.thumbSelect === index ? '-active' : ''),\n on: {\n \"click\": function($event) {\n _vm.showImage(index + _vm.beginThumbIndex)\n }\n }\n })\n }), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-thumbnail-arrow vue-lb-thumbnail-right\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Next\"\n },\n on: {\n \"click\": _vm.nextImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M298.3,256L298.3,256L298.3,256L131.1,81.9c-4.2-4.3-4.1-11.4,0.2-15.8l29.9-30.6c4.3-4.4,11.3-4.5,15.5-0.2l204.2,212.7 c2.2,2.2,3.2,5.2,3,8.1c0.1,3-0.9,5.9-3,8.1L176.7,476.8c-4.2,4.3-11.2,4.2-15.5-0.2L131.3,446c-4.3-4.4-4.4-11.5-0.2-15.8 L298.3,256z\"\n }\n })])])])], 2) : _vm._e(), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-arrow vue-lb-left\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Previous\"\n },\n on: {\n \"click\": _vm.previousImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M213.7,256L213.7,256L213.7,256L380.9,81.9c4.2-4.3,4.1-11.4-0.2-15.8l-29.9-30.6c-4.3-4.4-11.3-4.5-15.5-0.2L131.1,247.9 c-2.2,2.2-3.2,5.2-3,8.1c-0.1,3,0.9,5.9,3,8.1l204.2,212.7c4.2,4.3,11.2,4.2,15.5-0.2l29.9-30.6c4.3-4.4,4.4-11.5,0.2-15.8 L213.7,256z\"\n }\n })])])]), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-arrow vue-lb-right\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Next\"\n },\n on: {\n \"click\": _vm.nextImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"version\": \"1.1\",\n \"xmlns\": \"http://www.w3.org/2000/svg\",\n \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\",\n \"xml:space\": \"preserve\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M298.3,256L298.3,256L298.3,256L131.1,81.9c-4.2-4.3-4.1-11.4,0.2-15.8l29.9-30.6c4.3-4.4,11.3-4.5,15.5-0.2l204.2,212.7 c2.2,2.2,3.2,5.2,3,8.1c0.1,3-0.9,5.9-3,8.1L176.7,476.8c-4.2,4.3-11.2,4.2-15.5-0.2L131.3,446c-4.3-4.4-4.4-11.5-0.2-15.8 L298.3,256z\"\n }\n })])])])]) : _vm._e()\n},staticRenderFns: []}\nmodule.exports.render._withStripped = true\nif (false) {\n module.hot.accept()\n if (module.hot.data) {\n require(\"vue-hot-reload-api\").rerender(\"data-v-06a26390\", module.exports)\n }\n}\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar disposed = false\nvar Component = __webpack_require__(1)(\n /* script */\n __webpack_require__(0),\n /* template */\n __webpack_require__(2),\n /* styles */\n null,\n /* scopeId */\n null,\n /* moduleIdentifier (server only) */\n null\n)\nComponent.options.__file = \"/home/pexea12/repos/vue-image-lightbox/src/components/Lightbox.vue\"\nif (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== \"default\" && key.substr(0, 2) !== \"__\"})) {console.error(\"named exports are not supported in *.vue files.\")}\nif (Component.options.functional) {console.error(\"[vue-loader] Lightbox.vue: functional components are not supported with templates, they should use render functions.\")}\n\n/* hot reload */\nif (false) {(function () {\n var hotAPI = require(\"vue-hot-reload-api\")\n hotAPI.install(require(\"vue\"), false)\n if (!hotAPI.compatible) return\n module.hot.accept()\n if (!module.hot.data) {\n hotAPI.createRecord(\"data-v-06a26390\", Component.options)\n } else {\n hotAPI.reload(\"data-v-06a26390\", Component.options)\n }\n module.hot.dispose(function (data) {\n disposed = true\n })\n})()}\n\nmodule.exports = Component.exports\n\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// vue-image-lightbox.min.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 4);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 9d54a5f7aaf494bd47f7","require('./style.css')\n\nexport default {\n props: {\n images: {\n type: Array,\n required: true,\n },\n\n showLightBox: {\n type: Boolean,\n default: true,\n },\n\n startAt: {\n type: Number,\n default: 0,\n },\n\n nThumbs: {\n type: Number,\n default: 7,\n },\n\n showThumbs: {\n type: Boolean,\n default: true,\n },\n\n // Mode\n autoPlay: {\n type: Boolean, \n default: false,\n },\n\n autoPlayTime: {\n type: Number,\n default: 3000,\n },\n\n siteLoading: {\n default: null,\n },\n\n showCaption: {\n type: Boolean,\n default: false,\n }\n },\n\n data() {\n return {\n select: this.startAt,\n thumbSelect: this.startAt,\n lightBoxOn: this.showLightBox,\n countImages: this.images.length,\n displayThumbs: this.images.slice(0, this.nThumbs),\n timer: null,\n\n beginThumbIndex: 0,\n }\n },\n\n computed: {\n imagesSrc() {\n if (this.siteLoading) {\n return this.images.map(({ src }) => ({\n src,\n loading: this.siteLoading,\n error: this.siteLoading,\n }))\n }\n\n return this.images.map(({ src }) => src)\n },\n\n imagesThumb() {\n if (this.siteLoading) {\n return this.displayThumbs.map(({ thumb }) => ({\n src: thumb,\n loading: this.siteLoading,\n error: this.siteLoading,\n }))\n }\n\n return this.displayThumbs.map(({ thumb }) => thumb)\n },\n },\n\n mounted() {\n\n if (this.autoPlay) {\n this.timer = setInterval(() => {\n this.nextImage()\n }, this.autoPlayTime)\n }\n },\n\n\n watch: {\n select() {\n let halfDown = Math.floor(this.nThumbs / 2)\n let mod = 1 - (this.nThumbs % 2)\n\n if (this.select <= halfDown) {\n this.$set(this, 'beginThumbIndex', 0)\n this.$set(this, 'thumbSelect', this.select)\n this.$set(this, 'displayThumbs', this.images.slice(0, this.nThumbs))\n return\n }\n\n if (this.select >= this.countImages - halfDown) {\n this.$set(this, 'beginThumbIndex', this.countImages - this.nThumbs)\n this.$set(this, 'thumbSelect', this.nThumbs - (this.countImages - this.select))\n this.$set(this, 'displayThumbs', this.images.slice(-this.nThumbs))\n return\n }\n\n this.$set(this, 'beginThumbIndex', this.select - halfDown + mod)\n this.$set(this, 'thumbSelect', halfDown - mod)\n this.$set(this, 'displayThumbs', this.images.slice(this.select - halfDown + mod, this.select + halfDown + 1))\n },\n\n lightBoxOn(value) {\n if (document != null) {\n if (value) {\n document.getElementsByTagName('body')[0].classList.add('vue-lb-open')\n } else {\n document.getElementsByTagName('body')[0].classList.remove('vue-lb-open')\n }\n } \n },\n },\n\n methods: {\n showImage(index) {\n document.addEventListener('keydown', this.addKeyEvent)\n \n this.$set(this, 'lightBoxOn', true)\n this.$set(this, 'select', index)\n },\n\n addKeyEvent(event) {\n if (event.keyCode === 37) this.previousImage()\n if (event.keyCode === 39) this.nextImage()\n if (event.keyCode === 27) this.closeLightBox()\n },\n\n closeLightBox() {\n this.$set(this, 'lightBoxOn', false)\n\n document.removeEventListener('keydown', this.addKeyEvent)\n },\n\n nextImage() {\n this.$set(this, 'select', (this.select + 1) % this.countImages)\n },\n\n previousImage() {\n this.$set(this, 'select', ((this.select - 1) + this.countImages) % this.countImages)\n }\n },\n\n\n beforeDestroy() {\n document.removeEventListener('keydown', this.addKeyEvent)\n\n if (this.autoPlay) {\n clearInterval(this.timer)\n }\n },\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/script.js","/* globals __VUE_SSR_CONTEXT__ */\n\n// this module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle\n\nmodule.exports = function normalizeComponent (\n rawScriptExports,\n compiledTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier /* server only */\n) {\n var esModule\n var scriptExports = rawScriptExports = rawScriptExports || {}\n\n // ES6 modules interop\n var type = typeof rawScriptExports.default\n if (type === 'object' || type === 'function') {\n esModule = rawScriptExports\n scriptExports = rawScriptExports.default\n }\n\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (compiledTemplate) {\n options.render = compiledTemplate.render\n options.staticRenderFns = compiledTemplate.staticRenderFns\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = injectStyles\n }\n\n if (hook) {\n var functional = options.functional\n var existing = functional\n ? options.render\n : options.beforeCreate\n if (!functional) {\n // inject component registration as beforeCreate hook\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n } else {\n // register for functioal component in vue file\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return existing(h, context)\n }\n }\n }\n\n return {\n esModule: esModule,\n exports: scriptExports,\n options: options\n }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/component-normalizer.js\n// module id = 1\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return (_vm.images && _vm.images.length > 0) ? _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.lightBoxOn),\n expression: \"lightBoxOn\"\n }],\n staticClass: \"vue-lb-container\",\n on: {\n \"click\": function($event) {\n if ($event.target !== $event.currentTarget) { return null; }\n _vm.closeLightBox($event)\n }\n }\n }, [_c('div', {\n staticClass: \"vue-lb-content\"\n }, [_c('div', {\n staticClass: \"vue-lb-header\",\n on: {\n \"click\": function($event) {\n if ($event.target !== $event.currentTarget) { return null; }\n _vm.closeLightBox($event)\n }\n }\n }, [_c('span'), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-button-close\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Close (Esc)\"\n },\n on: {\n \"click\": _vm.closeLightBox\n }\n }, [_c('span', [_c('svg', {\n staticStyle: {\n \"enable-background\": \"new 0 0 512 512\"\n },\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4 L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1 c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z\"\n }\n })])])])]), _vm._v(\" \"), _c('div', {\n staticClass: \"vue-lb-figure\"\n }, [_c('transition', {\n attrs: {\n \"mode\": \"out-in\",\n \"name\": \"fade\"\n }\n }, [_c('img', {\n key: _vm.imagesSrc[_vm.select].src,\n staticClass: \"vue-lb-modal-image\",\n attrs: {\n \"src\": _vm.imagesSrc[_vm.select].src\n }\n })]), _vm._v(\" \"), _c('div', {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: (_vm.showCaption),\n expression: \"showCaption\"\n }],\n staticClass: \"vue-lb-info\",\n domProps: {\n \"innerHTML\": _vm._s(_vm.images[_vm.select].caption)\n }\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"vue-lb-footer\"\n }, [_c('div', {\n staticClass: \"vue-lb-footer-info\"\n }), _vm._v(\" \"), _c('div', {\n staticClass: \"vue-lb-footer-count\"\n }, [_vm._v(\"\\n \" + _vm._s(_vm.select + 1) + \"/\" + _vm._s(_vm.countImages) + \"\\n \")])])], 1)]), _vm._v(\" \"), (_vm.showThumbs) ? _c('div', {\n staticClass: \"vue-lb-thumbnail\"\n }, [_c('button', {\n staticClass: \"vue-lb-thumbnail-arrow vue-lb-thumbnail-left\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Previous\"\n },\n on: {\n \"click\": _vm.previousImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M213.7,256L213.7,256L213.7,256L380.9,81.9c4.2-4.3,4.1-11.4-0.2-15.8l-29.9-30.6c-4.3-4.4-11.3-4.5-15.5-0.2L131.1,247.9 c-2.2,2.2-3.2,5.2-3,8.1c-0.1,3,0.9,5.9,3,8.1l204.2,212.7c4.2,4.3,11.2,4.2,15.5-0.2l29.9-30.6c4.3-4.4,4.4-11.5,0.2-15.8 L213.7,256z\"\n }\n })])])]), _vm._v(\" \"), _vm._l((_vm.imagesThumb), function(image, index) {\n return _c('div', {\n directives: [{\n name: \"lazy\",\n rawName: \"v-lazy:background-image\",\n value: (image),\n expression: \"image\",\n arg: \"background-image\"\n }],\n key: index,\n class: 'vue-lb-modal-thumbnail' + (_vm.thumbSelect === index ? '-active' : ''),\n on: {\n \"click\": function($event) {\n _vm.showImage(index + _vm.beginThumbIndex)\n }\n }\n })\n }), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-thumbnail-arrow vue-lb-thumbnail-right\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Next\"\n },\n on: {\n \"click\": _vm.nextImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M298.3,256L298.3,256L298.3,256L131.1,81.9c-4.2-4.3-4.1-11.4,0.2-15.8l29.9-30.6c4.3-4.4,11.3-4.5,15.5-0.2l204.2,212.7 c2.2,2.2,3.2,5.2,3,8.1c0.1,3-0.9,5.9-3,8.1L176.7,476.8c-4.2,4.3-11.2,4.2-15.5-0.2L131.3,446c-4.3-4.4-4.4-11.5-0.2-15.8 L298.3,256z\"\n }\n })])])])], 2) : _vm._e(), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-arrow vue-lb-left\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Previous\"\n },\n on: {\n \"click\": _vm.previousImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M213.7,256L213.7,256L213.7,256L380.9,81.9c4.2-4.3,4.1-11.4-0.2-15.8l-29.9-30.6c-4.3-4.4-11.3-4.5-15.5-0.2L131.1,247.9 c-2.2,2.2-3.2,5.2-3,8.1c-0.1,3,0.9,5.9,3,8.1l204.2,212.7c4.2,4.3,11.2,4.2,15.5-0.2l29.9-30.6c4.3-4.4,4.4-11.5,0.2-15.8 L213.7,256z\"\n }\n })])])]), _vm._v(\" \"), _c('button', {\n staticClass: \"vue-lb-arrow vue-lb-right\",\n attrs: {\n \"type\": \"button\",\n \"title\": \"Next\"\n },\n on: {\n \"click\": _vm.nextImage\n }\n }, [_c('span', [_c('svg', {\n attrs: {\n \"fill\": \"white\",\n \"version\": \"1.1\",\n \"xmlns\": \"http://www.w3.org/2000/svg\",\n \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n \"x\": \"0px\",\n \"y\": \"0px\",\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"viewBox\": \"0 0 512 512\",\n \"xml:space\": \"preserve\"\n }\n }, [_c('path', {\n attrs: {\n \"d\": \"M298.3,256L298.3,256L298.3,256L131.1,81.9c-4.2-4.3-4.1-11.4,0.2-15.8l29.9-30.6c4.3-4.4,11.3-4.5,15.5-0.2l204.2,212.7 c2.2,2.2,3.2,5.2,3,8.1c0.1,3-0.9,5.9-3,8.1L176.7,476.8c-4.2,4.3-11.2,4.2-15.5-0.2L131.3,446c-4.3-4.4-4.4-11.5-0.2-15.8 L298.3,256z\"\n }\n })])])])]) : _vm._e()\n},staticRenderFns: []}\nmodule.exports.render._withStripped = true\nif (module.hot) {\n module.hot.accept()\n if (module.hot.data) {\n require(\"vue-hot-reload-api\").rerender(\"data-v-06a26390\", module.exports)\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-06a26390\"}!./src/components/template.html\n// module id = 2\n// module chunks = 0","var disposed = false\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./script.js\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-06a26390\\\"}!./template.html\"),\n /* styles */\n null,\n /* scopeId */\n null,\n /* moduleIdentifier (server only) */\n null\n)\nComponent.options.__file = \"/home/pexea12/repos/vue-image-lightbox/src/components/Lightbox.vue\"\nif (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== \"default\" && key.substr(0, 2) !== \"__\"})) {console.error(\"named exports are not supported in *.vue files.\")}\nif (Component.options.functional) {console.error(\"[vue-loader] Lightbox.vue: functional components are not supported with templates, they should use render functions.\")}\n\n/* hot reload */\nif (module.hot) {(function () {\n var hotAPI = require(\"vue-hot-reload-api\")\n hotAPI.install(require(\"vue\"), false)\n if (!hotAPI.compatible) return\n module.hot.accept()\n if (!module.hot.data) {\n hotAPI.createRecord(\"data-v-06a26390\", Component.options)\n } else {\n hotAPI.reload(\"data-v-06a26390\", Component.options)\n }\n module.hot.dispose(function (data) {\n disposed = true\n })\n})()}\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Lightbox.vue\n// module id = 4\n// module chunks = 0"],"sourceRoot":""} \ No newline at end of file