diff --git a/lib/plugins/zoom-image.js b/lib/plugins/zoom-image.js index b821575d6..c844203d6 100644 --- a/lib/plugins/zoom-image.js +++ b/lib/plugins/zoom-image.js @@ -1,11 +1,21 @@ (function () { /* - * medium-zoom v0.3.0 + * medium-zoom v0.4.0 * Medium zoom on your images in vanilla JavaScript - * Copyright 2017 Francois Chalifour + * Copyright 2018 Francois Chalifour * https://github.com/francoischalifour/medium-zoom * MIT License - */function __$styleInject(a,b){if('undefined'==typeof document){ return b; }a=a||'';var c=document.head||document.getElementsByTagName('head')[0],d=document.createElement('style');return d.type='text/css', c.appendChild(d), d.styleSheet?d.styleSheet.cssText=a:d.appendChild(document.createTextNode(a)), b}var _extends=Object.assign||function(a){for(var b,c=1;cv.scrollOffset&&n(150);}},t=function(a){CANCEL_KEYS.includes(a.keyCode||a.which)&&n();},u=function(){var a=Math.min;if(y.original){var b,c,d={width:window.innerWidth,height:window.innerHeight,left:0,top:0,right:0,bottom:0};if(v.container){ if(v.container instanceof Object){ _extends(d,v.container), b=d.width-d.left-d.right-2*v.margin, c=d.height-d.top-d.bottom-2*v.margin; }else{var e=isNode(v.container)?v.container:document.querySelector(v.container),f=e.getBoundingClientRect(),g=f.width,h=f.height,i=f.left,j=f.top;_extends(d,{width:g,height:h,left:i,top:j});} }b=b||d.width-2*v.margin, c=c||d.height-2*v.margin;var k=y.zoomedHd||y.original,l=k.naturalWidth,m=void 0===l?b:l,n=k.naturalHeight,o=void 0===n?c:n,p=k.getBoundingClientRect(),q=p.top,r=p.left,s=p.width,t=p.height,u=a(m,b)/s,w=a(o,c)/t,x=a(u,w)||1,z=(-r+(b-s)/2+v.margin+d.left)/x,A=(-q+(c-t)/2+v.margin+d.top)/x,B='scale('+x+') translate3d('+z+'px, '+A+'px, 0)';y.zoomed.style.transform=B, y.zoomedHd&&(y.zoomedHd.style.transform=B);}},v={margin:d,background:f,scrollOffset:h,metaClick:void 0===i||i,container:j,template:k};a instanceof Object&&_extends(v,a);var w=function(a){try{return Array.isArray(a)?a.filter(isSupported):isListOrCollection(a)?[].concat(toConsumableArray(a)).filter(isSupported):isNode(a)?[a].filter(isSupported):'string'==typeof a?[].concat(toConsumableArray(document.querySelectorAll(a))).filter(isSupported):[].concat(toConsumableArray(document.querySelectorAll(SUPPORTED_FORMATS.map(function(a){return a.toLowerCase()}).join(',')))).filter(isScaled)}catch(a){throw new TypeError('The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList, an HTMLCollection or an array.\nSee: https://github.com/francoischalifour/medium-zoom')}}(a),x=function(a){var b=document.createElement('div');return b.classList.add('medium-zoom-overlay'), b.style.backgroundColor=a, b}(v.background),y={original:null,zoomed:null,zoomedHd:null,template:null},z=0,A=!1;return w.forEach(function(a){a.classList.add('medium-zoom-image'), a.addEventListener('click',p);}), x.addEventListener('click',n), document.addEventListener('scroll',s), document.addEventListener('keyup',t), window.addEventListener('resize',n), {show:o,hide:n,toggle:o,update:function(){var a=0w.scrollOffset&&o(150);}},u=function(a){-1O.scrollOffset&&z(150)}},H=function(e){n.includes(e.keyCode||e.which)&&z()},k=function(){var t=Math.min;if(x.original){var o,n,i={width:window.innerWidth,height:window.innerHeight,left:0,top:0,right:0,bottom:0};if(O.container)if(O.container instanceof Object)e(i,O.container),o=i.width-i.left-i.right-2*O.margin,n=i.height-i.top-i.bottom-2*O.margin;else{var r=(d(O.container)?O.container:document.querySelector(O.container)).getBoundingClientRect(),a=r.width,l=r.height,c=r.left,m=r.top;e(i,{width:a,height:l,left:c,top:m})}o=o||i.width-2*O.margin,n=n||i.height-2*O.margin;var s=x.zoomedHd||x.original,u=s.naturalWidth,f=void 0===u?o:u,p=s.naturalHeight,g=void 0===p?n:p,v=s.getBoundingClientRect(),h=v.top,y=v.left,z=v.width,E=v.height,w=t(t(f,o)/z,t(g,n)/E)||1,b="scale("+w+") translate3d("+((o-z)/2-y+O.margin+i.left)/w+"px, "+((n-E)/2-h+O.margin+i.top)/w+"px, 0)";x.zoomed.style.transform=b,x.zoomedHd&&(x.zoomedHd.style.transform=b)}},O={margin:m,background:u,scrollOffset:p,metaClick:void 0===g||g,container:v,template:h};a instanceof Object&&e(O,a);var T=function(e){try{return Array.isArray(e)?e.filter(i):(n=e,NodeList.prototype.isPrototypeOf(n)||HTMLCollection.prototype.isPrototypeOf(n)?[].concat(t(e)).filter(i):d(e)?[e].filter(i):"string"==typeof e?[].concat(t(document.querySelectorAll(e))).filter(i):[].concat(t(document.querySelectorAll(o.map(function(e){return e.toLowerCase()}).join(",")))).filter(r))}catch(e){throw new TypeError("The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList, an HTMLCollection or an array.\nSee: https://github.com/francoischalifour/medium-zoom")}var n}(a),A=function(e){var t=document.createElement("div");return t.classList.add("medium-zoom-overlay"),t.style.backgroundColor=e,t}(O.background),x={original:null,zoomed:null,zoomedHd:null,template:null},N=0,S=!1;return T.forEach(function(e){e.classList.add("medium-zoom-image"),e.addEventListener("click",w)}),A.addEventListener("click",z),document.addEventListener("scroll",C),document.addEventListener("keyup",H),window.addEventListener("resize",z),{show:E,hide:z,toggle:E,update:function(){var t=0O.scrollOffset&&z(150)}},H=function(e){-1