Update.

dist/pagemap.min.js

@@ -1,2 +1,2 @@
-/*! pagemap v1.1.0 - https://larsjung.de/pagemap/ */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("pagemap",[],t):"object"==typeof exports?exports.pagemap=t():e.pagemap=t()}("undefined"!=typeof self?self:this,function(){return function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}return o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=0)}([function(n,e,t){(function(e){function t(e){return"rgba(0,0,0,".concat(e/100,")")}function r(t,n,e,r){return e.split(/\s+/).forEach(function(e){return t[n](e,r)})}function b(e,t,n){return r(e,"addEventListener",t,n)}function w(e,t,n){return r(e,"removeEventListener",t,n)}function j(e,t,n,r){return{x:e,y:t,w:n,h:r}}function O(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{x:0,y:0};return j(e.x-t.x,e.y-t.y,e.w,e.h)}function S(e){var t=e.getBoundingClientRect();return{x:t.left+E.pageXOffset,y:t.top+E.pageYOffset}}function T(e){var t=S(e),n=t.x,r=t.y;return j(n+e.clientLeft,r+e.clientTop,e.clientWidth,e.clientHeight)}var E=e.window,H=E.document,L=H.documentElement,P=H.querySelector("body"),W={viewport:null,styles:{"header,footer,section,article":t(8),"h1,a":t(10),"h2,h3,h4":t(8)},back:t(2),view:t(5),drag:t(10),interval:null};n.exports=function(o,e){function r(e,t){t&&(g.beginPath(),g.rect(e.x,e.y,e.w,e.h),g.fillStyle=t,g.fill())}function t(n){Object.keys(n).forEach(function(e){var t=n[e];(function(e){return Array.from((m||H).querySelectorAll(e))})(e).forEach(function(e){r(O(function(e){var t=S(e),n=t.x,r=t.y;return j(n,r,e.offsetWidth,e.offsetHeight)}(e),a),t)})})}function i(){a=m?function(e){var t=S(e),n=t.x,r=t.y;return j(n+e.clientLeft-e.scrollLeft,r+e.clientTop-e.scrollTop,e.scrollWidth,e.scrollHeight)}(m):j(0,0,L.scrollWidth,L.scrollHeight),s=m?T(m):j(E.pageXOffset,E.pageYOffset,L.clientWidth,L.clientHeight),p=v(a.w,a.h),function(e,t){o.width=e,o.height=t,o.style.width="".concat(e,"px"),o.style.height="".concat(t,"px")}(a.w*p,a.h*p),g.setTransform(1,0,0,1,0,0),g.clearRect(0,0,o.width,o.height),g.scale(p,p),r(O(a,a),y.back),t(y.styles),r(O(s,a),x?y.drag:y.view)}function c(e){e.preventDefault();var t=T(o),n=(e.pageX-t.x)/p-s.w*d,r=(e.pageY-t.y)/p-s.h*h;m?(m.scrollLeft=n,m.scrollTop=r):E.scrollTo(n,r),i()}function u(e){x=!1,o.style.cursor="pointer",P.style.cursor="auto",w(E,"mousemove",c),w(E,"mouseup",u),c(e)}function n(e){x=!0;var t=T(o),n=O(s,a);d=((e.pageX-t.x)/p-n.x)/n.w,h=((e.pageY-t.y)/p-n.y)/n.h,(d<0||1<d||h<0||1<h)&&(h=d=.5),o.style.cursor="crosshair",P.style.cursor="crosshair",b(E,"mousemove",c),b(E,"mouseup",u),c(e)}var l,f,a,s,p,d,h,y=Object.assign({},W,e),g=o.getContext("2d"),v=(l=o.clientWidth,f=o.clientHeight,function(e,t){return Math.min(l/e,f/t)}),m=y.viewport,x=!1;return o.style.cursor="pointer",b(o,"mousedown",n),b(m||E,"load resize scroll",i),0<y.interval&&setInterval(function(){return i()},y.interval),i(),{redraw:i}}}).call(this,t(1))},function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(e){"object"==typeof window&&(n=window)}e.exports=n}])});
+/*! pagemap v1.2.0 - https://larsjung.de/pagemap/ */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("pagemap",[],t):"object"==typeof exports?exports.pagemap=t():e.pagemap=t()}("undefined"!=typeof self?self:this,function(){return function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}return o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=0)}([function(e,t,n){(function(M){e.exports=function(o,e){function t(e){return"rgba(0,0,0,".concat(e/100,")")}function r(t,n,e,r){return e.split(/\s+/).forEach(function(e){return t[n](e,r)})}function i(e,t,n){return r(e,"addEventListener",t,n)}function n(e,t,n){return r(e,"removeEventListener",t,n)}function c(e,t,n,r){return{x:e,y:t,w:n,h:r}}function u(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{x:0,y:0};return c(e.x-t.x,e.y-t.y,e.w,e.h)}function l(e){var t=e.getBoundingClientRect();return{x:t.left+O.pageXOffset,y:t.top+O.pageYOffset}}function f(e){var t=l(e),n=t.x,r=t.y;return c(n+e.clientLeft,r+e.clientTop,e.clientWidth,e.clientHeight)}function a(e,t){t&&(H.beginPath(),H.rect(e.x,e.y,e.w,e.h),H.fillStyle=t,H.fill())}function s(n){Object.keys(n).forEach(function(e){var t=n[e];(function(e){return Array.from((W||S).querySelectorAll(e))})(e).forEach(function(e){a(u(function(e){var t=l(e),n=t.x,r=t.y;return c(n,r,e.offsetWidth,e.offsetHeight)}(e),m),t)})})}function p(){m=W?function(e){var t=l(e),n=t.x,r=t.y;return c(n+e.clientLeft-e.scrollLeft,r+e.clientTop-e.scrollTop,e.scrollWidth,e.scrollHeight)}(W):c(0,0,T.scrollWidth,T.scrollHeight),x=W?f(W):c(O.pageXOffset,O.pageYOffset,T.clientWidth,T.clientHeight),b=P(m.w,m.h),function(e,t){o.width=e,o.height=t,o.style.width="".concat(e,"px"),o.style.height="".concat(t,"px")}(m.w*b,m.h*b),H.setTransform(1,0,0,1,0,0),H.clearRect(0,0,o.width,o.height),H.scale(b,b),a(u(m,m),L.back),s(L.styles),a(u(x,m),_?L.drag:L.view)}function d(e){e.preventDefault();var t=f(o),n=(e.pageX-t.x)/b-x.w*w,r=(e.pageY-t.y)/b-x.h*j;W?(W.scrollLeft=n,W.scrollTop=r):O.scrollTo(n,r),p()}function h(e){_=!1,o.style.cursor="pointer",E.style.cursor="auto",n(O,"mousemove",d),n(O,"mouseup",h),d(e)}function y(e){_=!0;var t=f(o),n=u(x,m);w=((e.pageX-t.x)/b-n.x)/n.w,j=((e.pageY-t.y)/b-n.y)/n.h,(w<0||1<w||j<0||1<j)&&(j=w=.5),o.style.cursor="crosshair",E.style.cursor="crosshair",i(O,"mousemove",d),i(O,"mouseup",h),d(e)}var g,v,m,x,b,w,j,O=M.window,S=O.document,T=S.documentElement,E=S.querySelector("body"),H=o.getContext("2d"),L=Object.assign({viewport:null,styles:{"header,footer,section,article":t(8),"h1,a":t(10),"h2,h3,h4":t(8)},back:t(2),view:t(5),drag:t(10),interval:null},e),P=(g=o.clientWidth,v=o.clientHeight,function(e,t){return Math.min(g/e,v/t)}),W=L.viewport,_=!1;return o.style.cursor="pointer",i(o,"mousedown",y),i(W||O,"load resize scroll",p),0<L.interval&&setInterval(function(){return p()},L.interval),p(),{redraw:p}}}).call(this,n(1))},function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(e){"object"==typeof window&&(n=window)}e.exports=n}])});