docsify/dist/plugins/zoom-image.min.js

A magical documentation generator.

/*!
 * Docsify Plugin: zoom-image v5.0.0
 * https://docsify.js.org
 * (c) 2017-2026
 * MIT license
 */
!function(){"use strict";
/*! medium-zoom 1.1.0 | MIT License | https://github.com/francoischalifour/medium-zoom */var e=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o=function(e){return"IMG"===e.tagName},t=function(e){return e&&1===e.nodeType},n=function(e){return".svg"===(e.currentSrc||e.src).substr(-4).toLowerCase()},i=function(e){try{return Array.isArray(e)?e.filter(o):function(e){return NodeList.prototype.isPrototypeOf(e)}(e)?[].slice.call(e).filter(o):t(e)?[e].filter(o):"string"==typeof e?[].slice.call(document.querySelectorAll(e)).filter(o):[]}catch(e){throw new TypeError("The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList or an array.\nSee: https://github.com/francoischalifour/medium-zoom")}},r=function(o,t){var n=e({bubbles:!1,cancelable:!1,detail:void 0},t);if("function"==typeof window.CustomEvent)return new CustomEvent(o,n);var i=document.createEvent("CustomEvent");return i.initCustomEvent(o,n.bubbles,n.cancelable,n.detail),i},d=function o(d){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},m=window.Promise||function(e){function o(){}e(o,o)},c=function(){for(var e=arguments.length,o=Array(e),t=0;t<e;t++)o[t]=arguments[t];var n=o.reduce((function(e,o){return[].concat(e,i(o))}),[]);return n.filter((function(e){return-1===f.indexOf(e)})).forEach((function(e){f.push(e),e.classList.add("medium-zoom-image")})),p.forEach((function(e){var o=e.type,t=e.listener,i=e.options;n.forEach((function(e){e.addEventListener(o,t,i)}))})),b},l=function(){var o=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target,i=function(){var o={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight,left:0,top:0,right:0,bottom:0},i=void 0,r=void 0;if(h.container)if(h.container instanceof Object)i=(o=e({},o,h.container)).width-o.left-o.right-2*h.margin,r=o.height-o.top-o.bottom-2*h.margin;else{var d=(t(h.container)?h.container:document.querySelector(h.container)).getBoundingClientRect(),a=d.width,m=d.height,c=d.left,l=d.top;o=e({},o,{width:a,height:m,left:c,top:l})}i=i||o.width-2*h.margin,r=r||o.height-2*h.margin;var u=z.zoomedHd||z.original,s=n(u)?i:u.naturalWidth||i,f=n(u)?r:u.naturalHeight||r,p=u.getBoundingClientRect(),g=p.top,v=p.left,y=p.width,b=p.height,E=Math.min(Math.max(y,s),i)/y,w=Math.min(Math.max(b,f),r)/b,L=Math.min(E,w),H="scale("+L+") translate3d("+((i-y)/2-v+h.margin+o.left)/L+"px, "+((r-b)/2-g+h.margin+o.top)/L+"px, 0)";z.zoomed.style.transform=H,z.zoomedHd&&(z.zoomedHd.style.transform=H)};return new m((function(e){if(o&&-1===f.indexOf(o))e(b);else{if(z.zoomed)e(b);else{if(o)z.original=o;else{if(!(f.length>0))return void e(b);var n=f;z.original=n[0]}if(z.original.dispatchEvent(r("medium-zoom:open",{detail:{zoom:b}})),v=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,g=!0,z.zoomed=function(e){var o=e.getBoundingClientRect(),t=o.top,n=o.left,i=o.width,r=o.height,d=e.cloneNode(),a=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,m=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;return d.removeAttribute("id"),d.style.position="absolute",d.style.top=t+a+"px",d.style.left=n+m+"px",d.style.width=i+"px",d.style.height=r+"px",d.style.transform="",d}(z.original),document.body.appendChild(y),h.template){var d=t(h.template)?h.template:document.querySelector(h.template);z.template=document.createElement("div"),z.template.appendChild(d.content.cloneNode(!0)),document.body.appendChild(z.template)}if(z.original.parentElement&&"PICTURE"===z.original.parentElement.tagName&&z.original.currentSrc&&(z.zoomed.src=z.original.currentSrc),document.body.appendChild(z.zoomed),window.requestAnimationFrame((function(){document.body.classList.add("medium-zoom--opened")})),z.original.classList.add("medium-zoom-image--hidden"),z.zoomed.classList.add("medium-zoom-image--opened"),z.zoomed.addEventListener("click",u),z.zoomed.addEventListener("transitionend",(function o(){g=!1,z.zoomed.removeEventListener("transitionend",o),z.original.dispatchEvent(r("medium-zoom:opened",{detail:{zoom:b}})),e(b)})),z.original.getAttribute("data-zoom-src")){z.zoomedHd=z.zoomed.cloneNode(),z.zoomedHd.removeAttribute("srcset"),z.zoomedHd.removeAttribute("sizes"),z.zoomedHd.removeAttribute("loading"),z.zoomedHd.src=z.zoomed.getAttribute("data-zoom-src"),z.zoomedHd.onerror=function(){clearInterval(a),console.warn("Unable to reach the zoom image target "+z.zoomedHd.src),z.zoomedHd=null,i()};var a=setInterval((function(){z.zoomedHd.complete&&(clearInterval(a),z.zoomedHd.classList.add("medium-zoom-image--opened"),z.zoomedHd.addEventListener("click",u),document.body.appendChild(z.zoomedHd),i())}),10)}else if(z.original.hasAttribute("srcset")){z.zoomedHd=z.zoomed.cloneNode(),z.zoomedHd.removeAttribute("sizes"),z.zoomedHd.removeAttribute("loading");var m=z.zoomedHd.addEventListener("load",(function(){z.zoomedHd.removeEventListener("load",m),z.zoomedHd.classList.add("medium-zoom-image--opened"),z.zoomedHd.addEventListener("click",u),document.body.appendChild(z.zoomedHd),i()}))}else i()}}}))},u=function(){return new m((function(e){if(!g&&z.original){g=!0,document.body.classList.remove("medium-zoom--opened"),z.zoomed.style.transform="",z.zoomedHd&&(z.zoomedHd.style.transform=""),z.template&&(z.template.style.transition="opacity 150ms",z.template.style.opacity=0),z.original.dispatchEvent(r("medium-zoom:close",{detail:{zoom:b}})),z.zoomed.addEventListener("transitionend",(function o(){z.original.classList.remove("medium-zoom-image--hidden"),document.body.removeChild(z.zoomed),z.zoomedHd&&document.body.removeChild(z.zoomedHd),document.body.removeChild(y),z.zoomed.classList.remove("medium-zoom-image--opened"),z.template&&document.body.removeChild(z.template),g=!1,z.zoomed.removeEventListener("transitionend",o),z.original.dispatchEvent(r("medium-zoom:closed",{detail:{zoom:b}})),z.original=null,z.zoomed=null,z.zoomedHd=null,z.template=null,e(b)}))}else e(b)}))},s=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).target;return z.original?u():l({target:e})},f=[],p=[],g=!1,v=0,h=a,z={original:null,zoomed:null,zoomedHd:null,template:null};"[object Object]"===Object.prototype.toString.call(d)?h=d:(d||"string"==typeof d)&&c(d);var y=function(e){var o=document.createElement("div");return o.classList.add("medium-zoom-overlay"),o.style.background=e,o}((h=e({margin:0,background:"#fff",scrollOffset:40,container:null,template:null},h)).background);document.addEventListener("click",(function(e){var o=e.target;o!==y?-1!==f.indexOf(o)&&s({target:o}):u()})),document.addEventListener("keyup",(function(e){var o=e.key||e.keyCode;"Escape"!==o&&"Esc"!==o&&27!==o||u()})),document.addEventListener("scroll",(function(){if(!g&&z.original){var e=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;Math.abs(v-e)>h.scrollOffset&&setTimeout(u,150)}})),window.addEventListener("resize",u);var b={open:l,close:u,toggle:s,update:function(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=o;if(o.background&&(y.style.background=o.background),o.container&&o.container instanceof Object&&(n.container=e({},h.container,o.container)),o.template){var i=t(o.template)?o.template:document.querySelector(o.template);n.template=i}return h=e({},h,n),f.forEach((function(e){e.dispatchEvent(r("medium-zoom:update",{detail:{zoom:b}}))})),b},clone:function(){return o(e({},h,arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}))},attach:c,detach:function(){for(var e=arguments.length,o=Array(e),t=0;t<e;t++)o[t]=arguments[t];z.zoomed&&u();var n=o.length>0?o.reduce((function(e,o){return[].concat(e,i(o))}),[]):f;return n.forEach((function(e){e.classList.remove("medium-zoom-image"),e.dispatchEvent(r("medium-zoom:detach",{detail:{zoom:b}}))})),f=f.filter((function(e){return-1===n.indexOf(e)})),b},on:function(e,o){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(n){n.addEventListener("medium-zoom:"+e,o,t)})),p.push({type:"medium-zoom:"+e,listener:o,options:t}),b},off:function(e,o){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return f.forEach((function(n){n.removeEventListener("medium-zoom:"+e,o,t)})),p=p.filter((function(t){return!(t.type==="medium-zoom:"+e&&t.listener.toString()===o.toString())})),b},getOptions:function(){return h},getImages:function(){return f},getZoomedImage:function(){return z.original}};return b};!function(e,o){void 0===o&&(o={});var t=o.insertAt;if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}(".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}"),window.$docsify=window.$docsify||{},window.$docsify.plugins=[function(e){let o;e.doneEach((e=>{let t=Array.from(document.querySelectorAll(".markdown-section img:not(.emoji):not([data-no-zoom])"));Docsify.dom.style(".medium-zoom-image--opened,.medium-zoom-overlay{z-index:999}"),t=t.filter((e=>!e.matches("a img"))),o&&o.detach(),o=d(t,{background:"var(--color-bg)"})}))},...window.$docsify.plugins||[]]}();
//# sourceMappingURL=zoom-image.min.js.map