'}a.classList.remove("vbox-loading"),$("animated")}function te(){var e;if(e=x,I.innerHTML=e,g=I.querySelectorAll("img"),g.length){let e=0;Y(g,(function(t){let o=t.src;R=new Image,R.onload=function(){e++,e==g.length&&(a.classList.remove("vbox-loading"),$("animated"))},R.onerror=function(){e++,e==g.length&&(a.classList.remove("vbox-loading"),$("animated"))},R.src=o}))}else a.classList.remove("vbox-loading"),$("animated")}function oe(e){if(!y){let t=.84*r.settings.navSpeed;a.style.transition="margin "+t+"ms ease-out, opacity "+t+"ms ease-out",M=v=e.pageY,V=D=e.pageX,Q=!0}}function ne(e){if(Q){Q=!1;let e=r,t=!1;N=D-V,N<0&&L&&(e=T,t=!0),N>0&&w&&(e=j,t=!0),Math.abs(N)>=50&&t?le(e):(a.style.marginLeft=0,a.style.opacity=1)}}function se(e){if(Q&&!y){D=e.pageX,v=e.pageY,d=D-V,c=v-M;let t=Math.abs(d);if(t>Math.abs(c)&&t<=180){let o=1.5*(1-t/180);e.preventDefault(),a.style.marginLeft=d+"px",a.style.opacity=o}}}function ie(e){if(!e)return!1;O=e.dataset.gall,h=e.settings.numeration,f=e.settings.infinigall,o.innerHTML="";let s=e.dataset.vbtype;e.settings.share&&"iframe"!==s&&"inline"!==s&&"ajax"!==s&&function(e){if(navigator.canShare){const t={url:e};o.insertAdjacentHTML("beforeend",''),o.querySelector(".vbox-share-mobile").addEventListener("click",(function(e){e.preventDefault(),navigator.share(t)}))}o.insertAdjacentHTML("beforeend",''),o.insertAdjacentHTML("beforeend",''),o.querySelector(".vbox-share-copy").addEventListener("click",(function(t){t.preventDefault();let o=document.getElementById("myTooltip");navigator.clipboard.writeText(e).then((function(){o.innerHTML='Copied
'}),(function(){console.log("copy failed")}))}))}(e.href),m=document.querySelectorAll('.vbox-item[data-gall="'+O+'"]'),l=Array.prototype.indexOf.call(m,e),m.length<2&&(f=!1,h=!1),T=m[l+1],j=m[l-1],!T&&f&&(T=m[0]),!j&&f&&(j=m[m.length-1]),m.length>=1?(p=l+1,t.innerHTML=p+" / "+m.length):p=1,h?t.classList.remove("vbox-hidden"):t.classList.add("vbox-hidden"),""!==z?n.classList.remove("vbox-hidden"):n.classList.add("vbox-hidden"),n.innerHTML=z,w=!1,L=!1,(T||f)&&(L=!0),(l>0||f)&&(w=!0),(w||L)&&e.settings.navTouch?(a.classList.add("vbox-grab"),a.addEventListener("touchstart",oe,!1),a.addEventListener("touchend",ne,!1),a.addEventListener("touchmove",se,!1),a.addEventListener("mousedown",oe,!1),a.addEventListener("mouseup",ne,!1),a.addEventListener("mouseout",ne,!1),a.addEventListener("mousemove",se,!1)):(a.classList.remove("vbox-grab"),a.removeEventListener("touchstart",oe,!1),a.removeEventListener("touchend",ne,!1),a.removeEventListener("touchmove",se,!1),a.removeEventListener("mousedown",oe,!1),a.removeEventListener("mouseup",ne,!1),a.removeEventListener("mouseout",ne,!1),a.removeEventListener("mousemove",se,!1));let i=k.querySelector(".vbox-next"),r=k.querySelector(".vbox-prev");w?r.classList.remove("vbox-hidden"):r.classList.add("vbox-hidden"),L?i.classList.remove("vbox-hidden"):i.classList.add("vbox-hidden"),e.settings.navigation||(i.classList.add("vbox-hidden"),r.classList.add("vbox-hidden"))}function ae(t){if(!t)return!1;e.style.backgroundColor=C,b.innerHTML=function(e){if(!e)return"Loading...";let t='';return t+="",t}(W[t.settings.spinner]),k.style.setProperty("--sk-color",t.settings.spinColor),u.classList.remove("vbox-hidden"),o.classList.remove("vbox-top","vbox-bottom"),n.classList.remove("vbox-top","vbox-bottom"),"top"==t.settings.titlePosition?(n.classList.add("vbox-top"),o.classList.add("vbox-bottom")):(n.classList.add("vbox-bottom"),o.classList.add("vbox-top"));let s="bar"===t.settings.titleStyle?"100%":"auto",i="pill"===t.settings.titleStyle?"5em":"0",a="bar"===t.settings.shareStyle?"100%":"auto",r="pill"===t.settings.shareStyle?"5em":"0",l="transparent"===t.settings.titleStyle?"transparent":t.settings.toolsBackground,d="transparent"===t.settings.shareStyle?"transparent":t.settings.toolsBackground;k.style.setProperty("--vbox-title-width",s),k.style.setProperty("--vbox-title-radius",i),k.style.setProperty("--vbox-share-width",a),k.style.setProperty("--vbox-share-radius",r),k.style.setProperty("--vbox-tools-color",t.settings.toolsColor),k.style.setProperty("--vbox-title-background",l),k.style.setProperty("--vbox-share-background",d)}function re(){if(!r)return!1;switch(r.dataset.vbtype){case"iframe":e=P,t=A,a.classList.add("vbox-loading"),x='',a.classList.remove("vbox-loading"),$("animated");break;case"inline":!function(e){let t=document.querySelector(e);t&&(a.classList.add("vbox-loading"),x=''+t.innerHTML+"
",a.classList.remove("vbox-loading"),$("animated"))}(P);break;case"ajax":!function(e){a.classList.add("vbox-loading");let t=new XMLHttpRequest;t.open("GET",e,!0),t.onload=function(){x=''+t.response+"
",te()},t.onerror=function(){x='',a.classList.remove("vbox-loading"),$("animated")},t.send()}(P);break;case"video":ee(P,A,E);break;default:!function(e){R.onload=function(){x='',a.classList.remove("vbox-loading"),$("animated")},R.src=e}(P)}var e,t}function le(e){if(!e||y||!document.body.classList.contains("vbox-open"))return!1;U(e),ae(e);let t=.84*r.settings.navSpeed;a.style.transition="margin "+t+"ms ease-out, opacity "+t+"ms ease-out",e===j&&a.classList.add("swipe-right"),e===T&&a.classList.add("swipe-left"),u.classList.remove("vbox-hidden");let o=a.style.opacity;a.classList.add("vbox-animated","vbox-loading"),ie(e),K({duration:r.settings.navSpeed,timing:F,draw:function(e){a.style.opacity=o-e/o,1===e&&(a.classList.remove("swipe-left","swipe-right","vbox-animated"),a.style.marginLeft=0,a.style.transition="",$("loading"),y=!1,r.settings.onNavComplete&&"function"==typeof r.settings.onNavComplete&&r.settings.onNavComplete(r,p,T,j))}}),re()}function de(l){return!(document.body.classList.contains("vbox-open")||!l)&&(l.settings.onPreOpen&&"function"==typeof l.settings.onPreOpen&&l.settings.onPreOpen(l),!!l.settings.onPreOpen&&(U(l),document.body.insertAdjacentHTML("beforeend",s),document.body.classList.add("vbox-open"),k=document.querySelector(".vbox-overlay"),e=k.querySelector(".vbox-backdrop"),i=k.querySelector(".vbox-container"),a=i.querySelector(".vbox-content"),t=k.querySelector(".vbox-num"),o=k.querySelector(".vbox-share"),n=k.querySelector(".vbox-title"),u=k.querySelector(".vbox-preloader"),b=u.querySelector(".vbox-preloader-inner"),k.style.opacity=0,ae(l),ie(l),a.classList.add("vbox-animated","vbox-loading"),K({duration:200,timing:F,draw:function(e){k.style.opacity=e,1===e&&(a.classList.remove("vbox-animated"),y=!1,$("loading"),r.settings.onPostOpen&&"function"==typeof r.settings.onPostOpen&&r.settings.onPostOpen(r,p,T,j))}}),re(),l.settings.navKeyboard&&(document.body.addEventListener("keydown",J),document.body.addEventListener("keyup",(()=>{B&&(clearTimeout(B),B=null)}))),document.querySelector(".vbox-prev").addEventListener("click",(function(){le(j)})),document.querySelector(".vbox-next").addEventListener("click",(function(){le(T)})),void k.addEventListener("click",(function(e){let t=document.querySelector(".vbox-close");t&&(t.contains(e.target)||t===e.target||r.settings.overlayClose&&e.target.classList.contains("vbox-overlay")||e.target.classList.contains("vbox-content")||e.target.classList.contains("vbox-backdrop")||e.target.classList.contains("vbox-close")||e.target.classList.contains("vbox-preloader")||e.target.classList.contains("vbox-container"))&&Z()}))))}const ce=function(e){const t={};let o=function(e,t){let o={};return Y(e,(function(t,n){o[n]=e[n]})),Y(t,(function(e,n){o[n]=t[n]})),o}(X,e||{});return t.close=Z,t.next=_,t.prev=G,t.open=de,t.settings=o,function(e,t){t.onInit&&"function"==typeof t.onInit&&t.onInit(e);let o=t.jQuerySelectors||document.querySelectorAll(t.selector);if(s='',Y(o,(function(e){if(e.classList.contains("vbox-item"))return!0;e.settings=t,e.classList.add("vbox-item"),e.addEventListener("click",(function(t){return t.preventDefault(),e.blur(),de(e),!1}))})),t.popup){let e=document.querySelector(t.popup);e.settings=t,de(e)}}(t,o),t};return"function"==typeof jQuery&&jQuery.fn.extend({venobox:function(e){const t=e||{};t.jQuerySelectors=this,new ce({pluginoptions:t})}}),ce}));
-//# sourceMappingURL=venobox.min.js.map
diff --git a/venobox/v2/dist/venobox.min.js.map b/venobox/v2/dist/venobox.min.js.map
deleted file mode 100644
index fe70a5e..0000000
--- a/venobox/v2/dist/venobox.min.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"venobox.min.js","sources":["../src/venobox.esm.js"],"sourcesContent":["/**\n * VenoBox 2.0.4\n * Copyright 2013-2021 Nicola Franchini\n * @license: https://github.com/nicolafranchini/VenoBox/blob/master/LICENSE\n */\nlet backdrop, blocknum, blockshare, blocktitle, core, container, content, current_item, current_index, diffX, diffY, endY, elPreloader, elPreloaderInner;\nlet gallIndex, images, infinigall, items, navigationDisabled, newcontent, numeratio, nextok, prevok, overlay;\nlet set_maxWidth, set_overlayColor, set_ratio, set_autoplay, set_href, set_customclass, startY, thenext, theprev, thisborder, thisgall, title, throttle;\n\nconst svgOpen = '';\nconst downloadIcon = svgOpen + '' + svgClose;\nconst shareIcon = svgOpen + '' + svgClose;\nconst linkIcon = svgOpen + '' + svgClose;\nconst imagesHolder = document.createElement('div');\n\nlet startX = 0;\nlet endX = 0;\nlet diff = 0;\nlet threshold = 50;\nlet startouch = false;\nlet imgLoader = new Image();\n\nconst spinners = {\n 'bounce': ['sk-bounce', 'sk-bounce-dot', 2],\n 'chase': ['sk-chase', 'sk-chase-dot', 6],\n 'circle': ['sk-circle', 'sk-circle-dot', 12],\n 'circle-fade': ['sk-circle-fade', 'sk-circle-fade-dot', 12],\n 'flow': ['sk-flow', 'sk-flow-dot', 3],\n 'fold': ['sk-fold', 'sk-fold-cube', 4],\n 'grid': ['sk-grid', 'sk-grid-cube', 9],\n 'plane': ['sk-plane', '', 0],\n 'pulse': ['sk-pulse', '', 5],\n 'swing': ['sk-swing', 'sk-swing-dot', 2],\n 'wander': ['sk-wander', 'sk-wander-cube', 3],\n 'wave': ['sk-wave', 'sk-wave-rec', 5]\n};\n\n// Default settings\nconst defaults = {\n selector: '.venobox',\n autoplay : false,\n bgcolor: '#fff',\n border: '0',\n customClass: false,\n infinigall: false,\n maxWidth: '100%',\n navigation: true,\n navKeyboard: true,\n navTouch: true,\n navSpeed: 300,\n numeration: false,\n overlayClose: true,\n overlayColor: 'rgba(23,23,23,0.95)',\n popup: false,\n ratio: '16x9', // '1x1' | '4x3' | '16x9' | '21x9'\n share: false,\n shareStyle: 'pill', // 'bar' | 'block' | 'pill' | 'transparent'\n spinner: 'bounce', // 'plane' | 'chase' | 'bounce' | 'wave' | 'pulse' | 'flow' | 'swing' | 'circle' | 'circle-fade' | 'grid' | 'fold' | 'wander'\n spinColor : '#d2d2d2',\n titleattr: 'title',\n titlePosition: 'top', // 'top' || 'bottom'\n titleStyle: 'bar', // 'bar' | 'block' | 'pill' | 'transparent'\n toolsBackground: '#1C1C1C', // 'transparent'\n toolsColor: '#d2d2d2',\n onPreOpen: function(){ return true; }, // Return the selected object - set return false to prevent opening\n onPostOpen: function(){}, // Return: current_item, gallIndex, thenext, theprev\n onPreClose: function(){ return true; }, // Return: current_item, gallIndex, thenext, theprev - set return false to prevent closing\n onNavComplete: function(){}, // Return: current_item, gallIndex, thenext, theprev\n onContentLoaded: function(){}, // Return: newcontent\n onInit: function(){}, // Return: plugin obj\n jQuerySelectors: false,\n};\n\n/**\n * Generate spinner html\n * @param {Array} spinarray Selected spinner\n */\nfunction createspinner(spinarray){\n if (!spinarray) {\n return 'Loading...';\n }\n let spinner = '';\n let i = 0;\n for (i = 0; i < spinarray[2]; i++) {\n spinner += '
';\n }\n spinner += '
' + inlineContent.innerHTML + '
';\n content.classList.remove(\"vbox-loading\");\n checkState('animated');\n }\n}\n\n/**\n * Preload images from ajax call\n */\nfunction loadAjaxImages(){\n images = getImages(newcontent);\n if (images.length) {\n let imgCounter = 0;\n forEach(images, function(getimg){\n let srcimg = getimg.src;\n imgLoader = new Image();\n imgLoader.onload = function(){\n imgCounter++;\n if ( imgCounter == images.length ) {\n content.classList.remove(\"vbox-loading\");\n checkState('animated');\n }\n };\n imgLoader.onerror = function(){\n imgCounter++;\n if ( imgCounter == images.length ) {\n content.classList.remove(\"vbox-loading\");\n checkState('animated');\n }\n };\n imgLoader.src = srcimg;\n });\n } else {\n content.classList.remove(\"vbox-loading\");\n checkState('animated');\n }\n}\n\n/**\n * Load Ajax\n */\nfunction loadAjax(dest){\n content.classList.add(\"vbox-loading\");\n let xhr = new XMLHttpRequest();\n xhr.open(\"GET\", dest, true);\n xhr.onload = function() {\n newcontent = ''+ xhr.response +'
';\n loadAjaxImages();\n };\n xhr.onerror = function() {\n newcontent = '';\n content.classList.remove(\"vbox-loading\");\n checkState('animated');\n };\n xhr.send();\n}\n\n/**\n * Preload image\n */\nfunction loadImage(dest){\n \n imgLoader.onload = function(){\n // image has been loaded\n newcontent = '';\n content.classList.remove('vbox-loading');\n checkState('animated');\n };\n imgLoader.src = dest;\n}\n\n/**\n * Start Drag\n */\nfunction dragStart(e) {\n if (!navigationDisabled) {\n let speed = (current_item.settings.navSpeed * 0.84);\n content.style.transition = 'margin '+ speed + 'ms ease-out, opacity '+ speed + 'ms ease-out';\n startY = endY = e.pageY;\n startX = endX = e.pageX;\n startouch = true;\n }\n}\n\n/**\n * End Drag\n */\nfunction dragEnd(e) {\n if (startouch) {\n startouch = false;\n let subject = current_item;\n let change = false;\n diff = endX - startX;\n\n if (diff < 0 && nextok) {\n subject = thenext;\n change = true;\n }\n if (diff > 0 && prevok) {\n subject = theprev;\n change = true;\n }\n\n if (Math.abs(diff) >= threshold && change) {\n navigateGall(subject);\n } else {\n content.style.marginLeft = 0;\n content.style.opacity = 1;\n }\n }\n}\n\n/**\n * Drag items\n */\nfunction drag(e) {\n if (startouch && !navigationDisabled) {\n endX = e.pageX;\n endY = e.pageY;\n diffX = endX - startX;\n diffY = endY - startY;\n\n let absdiffX = Math.abs(diffX);\n let absdiffY = Math.abs(diffY);\n\n if ((absdiffX > absdiffY) && (absdiffX <= 180)) {\n let diffopac = (1 - absdiffX / 180) * 1.5;\n e.preventDefault();\n content.style.marginLeft = diffX + 'px';\n content.style.opacity = diffopac;\n }\n }\n}\n\n\nfunction setShareButtons(href){\n // Navigator share\n if (navigator.canShare) {\n const shareData = {\n url: href\n };\n blockshare.insertAdjacentHTML('beforeend', ''+shareIcon+'
');\n const mobileShareBtn = blockshare.querySelector('.vbox-share-mobile');\n mobileShareBtn.addEventListener('click', function(e){\n e.preventDefault();\n navigator.share(shareData);\n });\n }\n\n // Download\n blockshare.insertAdjacentHTML('beforeend', ''+downloadIcon+'');\n\n // Copy link\n blockshare.insertAdjacentHTML('beforeend', '');\n const shareCopyBtn = blockshare.querySelector('.vbox-share-copy');\n shareCopyBtn.addEventListener('click', function(e){\n e.preventDefault();\n let tooltip = document.getElementById(\"myTooltip\");\n navigator.clipboard.writeText(href).then(function() {\n tooltip.innerHTML = 'Copied
';\n }, function() {\n console.log('copy failed');\n });\n });\n}\n\n/**\n * Check navigation\n * @param {object} el Current item\n */\nfunction checknav(el){\n\n if (!el) {\n return false;\n }\n\n thisgall = el.dataset.gall;\n numeratio = el.settings.numeration;\n infinigall = el.settings.infinigall;\n blockshare.innerHTML = '';\n\n let vbtype = el.dataset.vbtype;\n\n if (el.settings.share && vbtype !== 'iframe' && vbtype !== 'inline' && vbtype !== 'ajax' ) {\n setShareButtons(el.href);\n }\n\n items = document.querySelectorAll('.vbox-item[data-gall=\"' + thisgall + '\"]');\n\n current_index = Array.prototype.indexOf.call(items, el);\n\n if (items.length < 2) {\n infinigall = false;\n numeratio = false;\n }\n\n thenext = items[current_index + 1];\n theprev = items[current_index - 1];\n\n if (!thenext && infinigall) {\n thenext = items[0];\n }\n\n if (!theprev && infinigall) {\n theprev = items[items.length - 1];\n }\n\n // Update gallery numeration\n if (items.length >= 1) {\n gallIndex = current_index + 1;\n blocknum.innerHTML = gallIndex + ' / ' + items.length;\n } else {\n gallIndex = 1;\n }\n if (numeratio) {\n blocknum.classList.remove('vbox-hidden');\n } else {\n blocknum.classList.add('vbox-hidden');\n }\n\n // Update title\n if (title !== '') {\n blocktitle.classList.remove('vbox-hidden');\n } else {\n blocktitle.classList.add('vbox-hidden');\n }\n blocktitle.innerHTML = title;\n\n // update navigation arrows\n prevok = false;\n nextok = false;\n\n if (thenext || infinigall) {\n nextok = true;\n }\n\n if (current_index > 0 || infinigall) {\n prevok = true;\n }\n\n // activate swipe\n if ((prevok || nextok) && el.settings.navTouch) {\n content.classList.add('vbox-grab');\n content.addEventListener(\"touchstart\", dragStart, false);\n content.addEventListener(\"touchend\", dragEnd, false);\n content.addEventListener(\"touchmove\", drag, false);\n content.addEventListener(\"mousedown\", dragStart, false);\n content.addEventListener(\"mouseup\", dragEnd, false);\n content.addEventListener(\"mouseout\", dragEnd, false);\n content.addEventListener(\"mousemove\", drag, false);\n } else {\n content.classList.remove('vbox-grab');\n content.removeEventListener(\"touchstart\", dragStart, false);\n content.removeEventListener(\"touchend\", dragEnd, false);\n content.removeEventListener(\"touchmove\", drag, false);\n content.removeEventListener(\"mousedown\", dragStart, false);\n content.removeEventListener(\"mouseup\", dragEnd, false);\n content.removeEventListener(\"mouseout\", dragEnd, false);\n content.removeEventListener(\"mousemove\", drag, false);\n }\n\n let vbox_next = overlay.querySelector('.vbox-next');\n let vbox_prev = overlay.querySelector('.vbox-prev');\n\n if (prevok) {\n vbox_prev.classList.remove('vbox-hidden');\n } else {\n vbox_prev.classList.add('vbox-hidden');\n }\n\n if (nextok) {\n vbox_next.classList.remove('vbox-hidden');\n } else {\n vbox_next.classList.add('vbox-hidden');\n }\n\n if (!el.settings.navigation) {\n vbox_next.classList.add('vbox-hidden');\n vbox_prev.classList.add('vbox-hidden');\n }\n} // Checknav\n\n/**\n * Update overlay and tools style.\n */\nfunction updateOverlay(destination){\n\n if (!destination) {\n return false;\n }\n\n backdrop.style.backgroundColor = set_overlayColor;\n\n // Custom preloader color.\n elPreloaderInner.innerHTML = createspinner(spinners[destination.settings.spinner]);\n\n overlay.style.setProperty('--sk-color', destination.settings.spinColor);\n\n elPreloader.classList.remove('vbox-hidden');\n\n blockshare.classList.remove('vbox-top', 'vbox-bottom');\n blocktitle.classList.remove('vbox-top', 'vbox-bottom');\n\n if (destination.settings.titlePosition == 'top') {\n blocktitle.classList.add('vbox-top');\n blockshare.classList.add('vbox-bottom');\n } else {\n blocktitle.classList.add('vbox-bottom');\n blockshare.classList.add('vbox-top');\n }\n\n let titleWidth = destination.settings.titleStyle === 'bar' ? '100%' : 'auto';\n let titleRadius = destination.settings.titleStyle === 'pill' ? '5em' : '0';\n let shareWidth = destination.settings.shareStyle === 'bar' ? '100%' : 'auto';\n let shareRadius = destination.settings.shareStyle === 'pill' ? '5em' : '0';\n let titlebg = destination.settings.titleStyle === 'transparent' ? 'transparent' : destination.settings.toolsBackground;\n let sharebg = destination.settings.shareStyle === 'transparent' ? 'transparent' : destination.settings.toolsBackground;\n\n overlay.style.setProperty('--vbox-title-width', titleWidth);\n overlay.style.setProperty('--vbox-title-radius', titleRadius);\n overlay.style.setProperty('--vbox-share-width', shareWidth);\n overlay.style.setProperty('--vbox-share-radius', shareRadius);\n overlay.style.setProperty('--vbox-tools-color', destination.settings.toolsColor);\n overlay.style.setProperty('--vbox-title-background', titlebg);\n overlay.style.setProperty('--vbox-share-background', sharebg);\n}\n\n/**\n * Load content\n */\nfunction loadContent(){\n if (!current_item) {\n return false;\n }\n let vbtype = current_item.dataset.vbtype;\n\n switch (vbtype) {\n case 'iframe':\n loadIframe(set_href, set_ratio);\n break;\n case 'inline':\n loadInline(set_href);\n break;\n case 'ajax':\n loadAjax(set_href);\n break;\n case 'video':\n loadVid(set_href, set_ratio, set_autoplay);\n break;\n default:\n loadImage(set_href);\n }\n}\n\n/**\n * Gallery navigation.\n */\nfunction navigateGall(destination) {\n\n if (!destination || navigationDisabled || !document.body.classList.contains('vbox-open')) {\n return false;\n }\n\n updateVars(destination);\n updateOverlay(destination);\n\n // swipe out item\n let speed = (current_item.settings.navSpeed * 0.84);\n content.style.transition = 'margin '+ speed + 'ms ease-out, opacity '+ speed + 'ms ease-out';\n\n if (destination === theprev) {\n content.classList.add(\"swipe-right\");\n }\n if (destination === thenext) {\n content.classList.add(\"swipe-left\");\n }\n\n elPreloader.classList.remove('vbox-hidden');\n\n let startopacity = content.style.opacity;\n\n content.classList.add(\"vbox-animated\", \"vbox-loading\");\n\n checknav(destination);\n\n animate({\n duration: current_item.settings.navSpeed,\n timing: timingLinear,\n draw: function(progress) {\n\n content.style.opacity = startopacity - progress/startopacity;\n\n if (progress === 1){\n content.classList.remove(\"swipe-left\", \"swipe-right\", \"vbox-animated\");\n content.style.marginLeft = 0;\n content.style.transition = '';\n\n checkState('loading');\n\n navigationDisabled = false;\n\n if (current_item.settings.onNavComplete && typeof current_item.settings.onNavComplete === 'function') {\n current_item.settings.onNavComplete(current_item, gallIndex, thenext, theprev);\n }\n }\n }\n });\n loadContent();\n}\n\n/**\n * Open item.\n */\n function open(obj) {\n\n if (document.body.classList.contains('vbox-open') || !obj) {\n return false;\n }\n\n if (obj.settings.onPreOpen && typeof obj.settings.onPreOpen === 'function') {\n obj.settings.onPreOpen(obj);\n }\n if (!obj.settings.onPreOpen) {\n return false;\n }\n\n updateVars(obj);\n\n document.body.insertAdjacentHTML('beforeend', core);\n document.body.classList.add('vbox-open');\n\n overlay = document.querySelector(\".vbox-overlay\");\n backdrop = overlay.querySelector(\".vbox-backdrop\");\n container = overlay.querySelector(\".vbox-container\");\n content = container.querySelector(\".vbox-content\");\n blocknum = overlay.querySelector(\".vbox-num\");\n blockshare = overlay.querySelector(\".vbox-share\");\n blocktitle = overlay.querySelector(\".vbox-title\");\n elPreloader = overlay.querySelector(\".vbox-preloader\");\n elPreloaderInner = elPreloader.querySelector(\".vbox-preloader-inner\");\n\n overlay.style.opacity = 0;\n\n updateOverlay(obj);\n checknav(obj);\n\n content.classList.add(\"vbox-animated\", \"vbox-loading\");\n\n // fade in overlay\n animate({\n duration: 200,\n timing: timingLinear,\n draw: function(progress) {\n overlay.style.opacity = progress;\n if (progress === 1){\n content.classList.remove('vbox-animated');\n navigationDisabled = false;\n checkState('loading');\n if (current_item.settings.onPostOpen && typeof current_item.settings.onPostOpen === 'function') {\n current_item.settings.onPostOpen(current_item, gallIndex, thenext, theprev);\n }\n }\n }\n });\n\n loadContent();\n\n // Keyboard actions\n if (obj.settings.navKeyboard) {\n document.body.addEventListener('keydown', keyboardHandler);\n\n // Reset the throttle timer\n document.body.addEventListener('keyup', () => {\n if (throttle) {\n clearTimeout(throttle);\n throttle = null;\n }\n });\n }\n\n // Prev gallery\n document.querySelector('.vbox-prev').addEventListener('click', function(){\n navigateGall(theprev);\n });\n\n // Newxt gallery\n document.querySelector('.vbox-next').addEventListener('click', function(){\n navigateGall(thenext);\n });\n\n // Close modal.\n overlay.addEventListener('click', function(e){\n let closeBtn = document.querySelector('.vbox-close');\n if (closeBtn) {\n if (closeBtn.contains(e.target) || closeBtn === e.target || (current_item.settings.overlayClose &&\n e.target.classList.contains('vbox-overlay') ||\n e.target.classList.contains('vbox-content') ||\n e.target.classList.contains('vbox-backdrop') ||\n e.target.classList.contains('vbox-close') ||\n e.target.classList.contains('vbox-preloader') ||\n e.target.classList.contains('vbox-container')\n )) {\n close();\n }\n }\n });\n}\n\n/**\n * Initialize Plugin\n */\nfunction init(venobox, settings) {\n\n if (settings.onInit && typeof settings.onInit === 'function') {\n settings.onInit(venobox);\n }\n\n let selectors = settings.jQuerySelectors || document.querySelectorAll(settings.selector);\n let navigation = 'NextPrev';\n let vbheader = '';\n let vbfooter = '';\n let preloader = '';\n core = '' + preloader + '
' + vbheader + navigation + vbfooter + '
';
- let i = 0;
- for (i = 0; i < spinarray[2]; i++) {
- spinner += '
';
- }
- spinner += '
' + inlineContent.innerHTML + '
';
- content.classList.remove("vbox-loading");
- checkState('animated');
- }
-}
-
-/**
- * Preload images from ajax call
- */
-function loadAjaxImages(){
- images = getImages(newcontent);
- if (images.length) {
- let imgCounter = 0;
- forEach(images, function(getimg){
- let srcimg = getimg.src;
- imgLoader = new Image();
- imgLoader.onload = function(){
- imgCounter++;
- if ( imgCounter == images.length ) {
- content.classList.remove("vbox-loading");
- checkState('animated');
- }
- };
- imgLoader.onerror = function(){
- imgCounter++;
- if ( imgCounter == images.length ) {
- content.classList.remove("vbox-loading");
- checkState('animated');
- }
- };
- imgLoader.src = srcimg;
- });
- } else {
- content.classList.remove("vbox-loading");
- checkState('animated');
- }
-}
-
-/**
- * Load Ajax
- */
-function loadAjax(dest){
- content.classList.add("vbox-loading");
- let xhr = new XMLHttpRequest();
- xhr.open("GET", dest, true);
- xhr.onload = function() {
- newcontent = ''+ xhr.response +'
';
- loadAjaxImages();
- };
- xhr.onerror = function() {
- newcontent = '';
- content.classList.remove("vbox-loading");
- checkState('animated');
- };
- xhr.send();
-}
-
-/**
- * Preload image
- */
-function loadImage(dest){
-
- imgLoader.onload = function(){
- // image has been loaded
- newcontent = '';
- content.classList.remove('vbox-loading');
- checkState('animated');
- };
- imgLoader.src = dest;
-}
-
-/**
- * Start Drag
- */
-function dragStart(e) {
- if (!navigationDisabled) {
- let speed = (current_item.settings.navSpeed * 0.84);
- content.style.transition = 'margin '+ speed + 'ms ease-out, opacity '+ speed + 'ms ease-out';
- startY = endY = e.pageY;
- startX = endX = e.pageX;
- startouch = true;
- }
-}
-
-/**
- * End Drag
- */
-function dragEnd(e) {
- if (startouch) {
- startouch = false;
- let subject = current_item;
- let change = false;
- diff = endX - startX;
-
- if (diff < 0 && nextok) {
- subject = thenext;
- change = true;
- }
- if (diff > 0 && prevok) {
- subject = theprev;
- change = true;
- }
-
- if (Math.abs(diff) >= threshold && change) {
- navigateGall(subject);
- } else {
- content.style.marginLeft = 0;
- content.style.opacity = 1;
- }
- }
-}
-
-/**
- * Drag items
- */
-function drag(e) {
- if (startouch && !navigationDisabled) {
- endX = e.pageX;
- endY = e.pageY;
- diffX = endX - startX;
- diffY = endY - startY;
-
- let absdiffX = Math.abs(diffX);
- let absdiffY = Math.abs(diffY);
-
- if ((absdiffX > absdiffY) && (absdiffX <= 180)) {
- let diffopac = (1 - absdiffX / 180) * 1.5;
- e.preventDefault();
- content.style.marginLeft = diffX + 'px';
- content.style.opacity = diffopac;
- }
- }
-}
-
-
-function setShareButtons(href){
- // Navigator share
- if (navigator.canShare) {
- const shareData = {
- url: href
- };
- blockshare.insertAdjacentHTML('beforeend', ''+shareIcon+'
');
- const mobileShareBtn = blockshare.querySelector('.vbox-share-mobile');
- mobileShareBtn.addEventListener('click', function(e){
- e.preventDefault();
- navigator.share(shareData);
- });
- }
-
- // Download
- blockshare.insertAdjacentHTML('beforeend', ''+downloadIcon+'');
-
- // Copy link
- blockshare.insertAdjacentHTML('beforeend', '');
- const shareCopyBtn = blockshare.querySelector('.vbox-share-copy');
- shareCopyBtn.addEventListener('click', function(e){
- e.preventDefault();
- let tooltip = document.getElementById("myTooltip");
- navigator.clipboard.writeText(href).then(function() {
- tooltip.innerHTML = 'Copied
';
- }, function() {
- console.log('copy failed');
- });
- });
-}
-
-/**
- * Check navigation
- * @param {object} el Current item
- */
-function checknav(el){
-
- if (!el) {
- return false;
- }
-
- thisgall = el.dataset.gall;
- numeratio = el.settings.numeration;
- infinigall = el.settings.infinigall;
- blockshare.innerHTML = '';
-
- let vbtype = el.dataset.vbtype;
-
- if (el.settings.share && vbtype !== 'iframe' && vbtype !== 'inline' && vbtype !== 'ajax' ) {
- setShareButtons(el.href);
- }
-
- items = document.querySelectorAll('.vbox-item[data-gall="' + thisgall + '"]');
-
- current_index = Array.prototype.indexOf.call(items, el);
-
- if (items.length < 2) {
- infinigall = false;
- numeratio = false;
- }
-
- thenext = items[current_index + 1];
- theprev = items[current_index - 1];
-
- if (!thenext && infinigall) {
- thenext = items[0];
- }
-
- if (!theprev && infinigall) {
- theprev = items[items.length - 1];
- }
-
- // Update gallery numeration
- if (items.length >= 1) {
- gallIndex = current_index + 1;
- blocknum.innerHTML = gallIndex + ' / ' + items.length;
- } else {
- gallIndex = 1;
- }
- if (numeratio) {
- blocknum.classList.remove('vbox-hidden');
- } else {
- blocknum.classList.add('vbox-hidden');
- }
-
- // Update title
- if (title !== '') {
- blocktitle.classList.remove('vbox-hidden');
- } else {
- blocktitle.classList.add('vbox-hidden');
- }
- blocktitle.innerHTML = title;
-
- // update navigation arrows
- prevok = false;
- nextok = false;
-
- if (thenext || infinigall) {
- nextok = true;
- }
-
- if (current_index > 0 || infinigall) {
- prevok = true;
- }
-
- // activate swipe
- if ((prevok || nextok) && el.settings.navTouch) {
- content.classList.add('vbox-grab');
- content.addEventListener("touchstart", dragStart, false);
- content.addEventListener("touchend", dragEnd, false);
- content.addEventListener("touchmove", drag, false);
- content.addEventListener("mousedown", dragStart, false);
- content.addEventListener("mouseup", dragEnd, false);
- content.addEventListener("mouseout", dragEnd, false);
- content.addEventListener("mousemove", drag, false);
- } else {
- content.classList.remove('vbox-grab');
- content.removeEventListener("touchstart", dragStart, false);
- content.removeEventListener("touchend", dragEnd, false);
- content.removeEventListener("touchmove", drag, false);
- content.removeEventListener("mousedown", dragStart, false);
- content.removeEventListener("mouseup", dragEnd, false);
- content.removeEventListener("mouseout", dragEnd, false);
- content.removeEventListener("mousemove", drag, false);
- }
-
- let vbox_next = overlay.querySelector('.vbox-next');
- let vbox_prev = overlay.querySelector('.vbox-prev');
-
- if (prevok) {
- vbox_prev.classList.remove('vbox-hidden');
- } else {
- vbox_prev.classList.add('vbox-hidden');
- }
-
- if (nextok) {
- vbox_next.classList.remove('vbox-hidden');
- } else {
- vbox_next.classList.add('vbox-hidden');
- }
-
- if (!el.settings.navigation) {
- vbox_next.classList.add('vbox-hidden');
- vbox_prev.classList.add('vbox-hidden');
- }
-} // Checknav
-
-/**
- * Update overlay and tools style.
- */
-function updateOverlay(destination){
-
- if (!destination) {
- return false;
- }
-
- backdrop.style.backgroundColor = set_overlayColor;
-
- // Custom preloader color.
- elPreloaderInner.innerHTML = createspinner(spinners[destination.settings.spinner]);
-
- overlay.style.setProperty('--sk-color', destination.settings.spinColor);
-
- elPreloader.classList.remove('vbox-hidden');
-
- blockshare.classList.remove('vbox-top', 'vbox-bottom');
- blocktitle.classList.remove('vbox-top', 'vbox-bottom');
-
- if (destination.settings.titlePosition == 'top') {
- blocktitle.classList.add('vbox-top');
- blockshare.classList.add('vbox-bottom');
- } else {
- blocktitle.classList.add('vbox-bottom');
- blockshare.classList.add('vbox-top');
- }
-
- let titleWidth = destination.settings.titleStyle === 'bar' ? '100%' : 'auto';
- let titleRadius = destination.settings.titleStyle === 'pill' ? '5em' : '0';
- let shareWidth = destination.settings.shareStyle === 'bar' ? '100%' : 'auto';
- let shareRadius = destination.settings.shareStyle === 'pill' ? '5em' : '0';
- let titlebg = destination.settings.titleStyle === 'transparent' ? 'transparent' : destination.settings.toolsBackground;
- let sharebg = destination.settings.shareStyle === 'transparent' ? 'transparent' : destination.settings.toolsBackground;
-
- overlay.style.setProperty('--vbox-title-width', titleWidth);
- overlay.style.setProperty('--vbox-title-radius', titleRadius);
- overlay.style.setProperty('--vbox-share-width', shareWidth);
- overlay.style.setProperty('--vbox-share-radius', shareRadius);
- overlay.style.setProperty('--vbox-tools-color', destination.settings.toolsColor);
- overlay.style.setProperty('--vbox-title-background', titlebg);
- overlay.style.setProperty('--vbox-share-background', sharebg);
-}
-
-/**
- * Load content
- */
-function loadContent(){
- if (!current_item) {
- return false;
- }
- let vbtype = current_item.dataset.vbtype;
-
- switch (vbtype) {
- case 'iframe':
- loadIframe(set_href, set_ratio);
- break;
- case 'inline':
- loadInline(set_href);
- break;
- case 'ajax':
- loadAjax(set_href);
- break;
- case 'video':
- loadVid(set_href, set_ratio, set_autoplay);
- break;
- default:
- loadImage(set_href);
- }
-}
-
-/**
- * Gallery navigation.
- */
-function navigateGall(destination) {
-
- if (!destination || navigationDisabled || !document.body.classList.contains('vbox-open')) {
- return false;
- }
-
- updateVars(destination);
- updateOverlay(destination);
-
- // swipe out item
- let speed = (current_item.settings.navSpeed * 0.84);
- content.style.transition = 'margin '+ speed + 'ms ease-out, opacity '+ speed + 'ms ease-out';
-
- if (destination === theprev) {
- content.classList.add("swipe-right");
- }
- if (destination === thenext) {
- content.classList.add("swipe-left");
- }
-
- elPreloader.classList.remove('vbox-hidden');
-
- let startopacity = content.style.opacity;
-
- content.classList.add("vbox-animated", "vbox-loading");
-
- checknav(destination);
-
- animate({
- duration: current_item.settings.navSpeed,
- timing: timingLinear,
- draw: function(progress) {
-
- content.style.opacity = startopacity - progress/startopacity;
-
- if (progress === 1){
- content.classList.remove("swipe-left", "swipe-right", "vbox-animated");
- content.style.marginLeft = 0;
- content.style.transition = '';
-
- checkState('loading');
-
- navigationDisabled = false;
-
- if (current_item.settings.onNavComplete && typeof current_item.settings.onNavComplete === 'function') {
- current_item.settings.onNavComplete(current_item, gallIndex, thenext, theprev);
- }
- }
- }
- });
- loadContent();
-}
-
-/**
- * Open item.
- */
- function open(obj) {
-
- if (document.body.classList.contains('vbox-open') || !obj) {
- return false;
- }
-
- if (obj.settings.onPreOpen && typeof obj.settings.onPreOpen === 'function') {
- obj.settings.onPreOpen(obj);
- }
- if (!obj.settings.onPreOpen) {
- return false;
- }
-
- updateVars(obj);
-
- document.body.insertAdjacentHTML('beforeend', core);
- document.body.classList.add('vbox-open');
-
- overlay = document.querySelector(".vbox-overlay");
- backdrop = overlay.querySelector(".vbox-backdrop");
- container = overlay.querySelector(".vbox-container");
- content = container.querySelector(".vbox-content");
- blocknum = overlay.querySelector(".vbox-num");
- blockshare = overlay.querySelector(".vbox-share");
- blocktitle = overlay.querySelector(".vbox-title");
- elPreloader = overlay.querySelector(".vbox-preloader");
- elPreloaderInner = elPreloader.querySelector(".vbox-preloader-inner");
-
- overlay.style.opacity = 0;
-
- updateOverlay(obj);
- checknav(obj);
-
- content.classList.add("vbox-animated", "vbox-loading");
-
- // fade in overlay
- animate({
- duration: 200,
- timing: timingLinear,
- draw: function(progress) {
- overlay.style.opacity = progress;
- if (progress === 1){
- content.classList.remove('vbox-animated');
- navigationDisabled = false;
- checkState('loading');
- if (current_item.settings.onPostOpen && typeof current_item.settings.onPostOpen === 'function') {
- current_item.settings.onPostOpen(current_item, gallIndex, thenext, theprev);
- }
- }
- }
- });
-
- loadContent();
-
- // Keyboard actions
- if (obj.settings.navKeyboard) {
- document.body.addEventListener('keydown', keyboardHandler);
-
- // Reset the throttle timer
- document.body.addEventListener('keyup', () => {
- if (throttle) {
- clearTimeout(throttle);
- throttle = null;
- }
- });
- }
-
- // Prev gallery
- document.querySelector('.vbox-prev').addEventListener('click', function(){
- navigateGall(theprev);
- });
-
- // Newxt gallery
- document.querySelector('.vbox-next').addEventListener('click', function(){
- navigateGall(thenext);
- });
-
- // Close modal.
- overlay.addEventListener('click', function(e){
- let closeBtn = document.querySelector('.vbox-close');
- if (closeBtn) {
- if (closeBtn.contains(e.target) || closeBtn === e.target || (current_item.settings.overlayClose &&
- e.target.classList.contains('vbox-overlay') ||
- e.target.classList.contains('vbox-content') ||
- e.target.classList.contains('vbox-backdrop') ||
- e.target.classList.contains('vbox-close') ||
- e.target.classList.contains('vbox-preloader') ||
- e.target.classList.contains('vbox-container')
- )) {
- close();
- }
- }
- });
-}
-
-/**
- * Initialize Plugin
- */
-function init(venobox, settings) {
-
- if (settings.onInit && typeof settings.onInit === 'function') {
- settings.onInit(venobox);
- }
-
- let selectors = settings.jQuerySelectors || document.querySelectorAll(settings.selector);
- let navigation = 'NextPrev';
- let vbheader = '';
- let vbfooter = '';
- let preloader = '';
- core = '' + preloader + '
' + vbheader + navigation + vbfooter + '
