react-svg-pan-zoom - npm Package Compare versions

Comparing version 2.11.0 to 2.12.0

build-commonjs/index.js

@@ -25,2 +25,11 @@ 'use strict';
 
+var _miniature = require('./ui-miniature/miniature');
+
+Object.defineProperty(exports, 'Miniature', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_miniature).default;
+  }
+});
+
 var _common = require('./features/common');
@@ -77,3 +86,3 @@
 
-var _miniature = require('./features/miniature');
+var _miniature2 = require('./features/miniature');
 
@@ -83,3 +92,3 @@ Object.defineProperty(exports, 'openMiniature', {
   get: function get() {
-    return _miniature.openMiniature;
+    return _miniature2.openMiniature;
   }
@@ -90,3 +99,3 @@ });
   get: function get() {
-    return _miniature.closeMiniature;
+    return _miniature2.closeMiniature;
   }
@@ -93,0 +102,0 @@ });

build-es/index.js

 export { default as ReactSVGPanZoom } from './viewer';
 export { default as Toolbar } from './ui-toolbar/toolbar';
+export { default as Miniature } from './ui-miniature/miniature';
 export { setPointOnViewerCenter, reset } from './features/common';
@@ -4,0 +5,0 @@ export { pan } from './features/pan';

build-umd/react-svg-pan-zoom.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],t):"object"==typeof exports?exports.ReactSVGPanZoom=t(require("react"),require("prop-types")):e.ReactSVGPanZoom=t(e.React,e.PropTypes)}(this,function(e,t){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=12)}([function(t,n){t.exports=e},function(e,t,n){"use strict";n.d(t,"a",function(){return r}),n.d(t,"b",function(){return o}),n.d(t,"c",function(){return i}),n.d(t,"i",function(){return a}),n.d(t,"j",function(){return u}),n.d(t,"k",function(){return c}),n.d(t,"l",function(){return l}),n.d(t,"m",function(){return s}),n.d(t,"f",function(){return f}),n.d(t,"h",function(){return h}),n.d(t,"g",function(){return d}),n.d(t,"d",function(){return p}),n.d(t,"e",function(){return v});var r="idle",o="panning",i="zooming",a="auto",u="none",c="pan",l="zoom-in",s="zoom-out",f="none",h="top",d="right",p="bottom",v="left"},function(e,t,n){"use strict";function r(e,t,n,r){return o({},v({},Object(p.identity)(),{version:2,mode:d.a,focus:!1,pinchPointDistance:null,prePinchMode:null,viewerWidth:e,viewerHeight:t,SVGWidth:n,SVGHeight:r,startX:null,startY:null,endX:null,endY:null,miniatureOpen:!0}))}function o(e,t){return e=Object.assign({},e,t),Object.freeze(e)}function i(e,t,n){var r=Object(p.fromObject)(e),o=Object(p.inverse)(r);return Object(p.applyToPoint)(o,{x:t,y:n})}function a(e){var t=Object(p.fromObject)(e);return{scaleFactor:t.a,translationX:t.e,translationY:t.f}}function u(e,t){return o(e,{focus:t})}function c(e,t,n){return o(e,{viewerWidth:t,viewerHeight:n})}function l(e,t,n){return o(e,{SVGWidth:t,SVGHeight:n})}function s(e,t,n,r){var i=e.viewerWidth,a=e.viewerHeight,u=Object(p.transform)(Object(p.translate)(i/2-t,a/2-n),Object(p.translate)(t,n),Object(p.scale)(r,r),Object(p.translate)(-t,-n));return o(e,v({mode:d.a},u))}function f(e){return o(e,v({mode:d.a},Object(p.identity)()))}function h(e){return o(e,{mode:d.a,startX:null,startY:null,endX:null,endY:null})}t.b=r,t.f=o,t.c=i,t.a=a,t.g=u,t.j=c,t.i=l,t.h=s,t.d=f,t.e=h;var d=n(1),p=n(4),v=(n.n(p),"function"==typeof Symbol&&Symbol.iterator,Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e})},function(e,n){e.exports=t},function(e,t,n){!function(t,n){e.exports=n()}(0,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1);n.d(t,"applyToPoint",function(){return r.a}),n.d(t,"applyToPoints",function(){return r.b});var o=n(2);n.d(t,"fromObject",function(){return o.a});var i=n(3);n.d(t,"fromString",function(){return i.a});var a=n(4);n.d(t,"identity",function(){return a.a});var u=n(5);n.d(t,"inverse",function(){return u.a});var c=n(6);n.d(t,"isAffineMatrix",function(){return c.a});var l=n(7);n.d(t,"rotate",function(){return l.a}),n.d(t,"rotateDEG",function(){return l.b});var s=n(8);n.d(t,"scale",function(){return s.a});var f=n(9);n.d(t,"shear",function(){return f.a});var h=n(10);n.d(t,"toCSS",function(){return h.a}),n.d(t,"toSVG",function(){return h.b}),n.d(t,"toString",function(){return h.c});var d=n(11);n.d(t,"transform",function(){return d.a});var p=n(12);n.d(t,"translate",function(){return p.a})},function(e,t,n){"use strict";function r(e,t){return{x:e.a*t.x+e.c*t.y+e.e,y:e.b*t.x+e.d*t.y+e.f}}function o(e,t){return t.map(function(t){return r(e,t)})}t.a=r,t.b=o},function(e,t,n){"use strict";function r(e){return{a:parseFloat(e.a),b:parseFloat(e.b),c:parseFloat(e.c),d:parseFloat(e.d),e:parseFloat(e.e),f:parseFloat(e.f)}}t.a=r},function(e,t,n){"use strict";function r(e){var t=e.match(o);if(null===t||t.length<7)throw new Error("'"+e+"' is not a matrix");return{a:parseFloat(t[1]),b:parseFloat(t[2]),c:parseFloat(t[3]),d:parseFloat(t[4]),e:parseFloat(t[5]),f:parseFloat(t[6])}}t.a=r;var o=/^matrix\( *([0-9]*\.?[0-9]+) *, *([0-9]*\.?[0-9]+) *, *([0-9]*\.?[0-9]+) *, *([0-9]*\.?[0-9]+) *, *([0-9]*\.?[0-9]+) *, *([0-9]*\.?[0-9]+) *\)$/i},function(e,t,n){"use strict";function r(){return{a:1,c:0,e:0,b:0,d:1,f:0}}t.a=r},function(e,t,n){"use strict";function r(e){var t=e.a,n=e.b,r=e.c,o=e.d,i=e.e,a=e.f,u=t*o-n*r;return{a:o/u,b:n/-u,c:r/-u,d:t/u,e:(o*i-r*a)/-u,f:(n*i-t*a)/u}}t.a=r},function(e,t,n){"use strict";function r(e){var t=function(e){return"number"==typeof e&&!isNaN(e)&&isFinite(e)};return"object"===(void 0===e?"undefined":o(e))&&e.hasOwnProperty("a")&&t(e.a)&&e.hasOwnProperty("b")&&t(e.b)&&e.hasOwnProperty("c")&&t(e.c)&&e.hasOwnProperty("d")&&t(e.d)&&e.hasOwnProperty("e")&&t(e.e)&&e.hasOwnProperty("f")&&t(e.f)}t.a=r;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e}},function(e,t,n){"use strict";function r(e){var t=i(e),n=a(e);return{a:t,c:-n,e:0,b:n,d:t,f:0}}function o(e){return r(e*u/180)}t.a=r,t.b=o;var i=Math.cos,a=Math.sin,u=Math.PI},function(e,t,n){"use strict";function r(e,t){return{a:e,c:0,e:0,b:0,d:t,f:0}}t.a=r},function(e,t,n){"use strict";function r(e,t){return{a:1,c:e,e:0,b:t,d:1,f:0}}t.a=r},function(e,t,n){"use strict";function r(e){return i(e)}function o(e){return i(e)}function i(e){return"matrix("+e.a+","+e.b+","+e.c+","+e.d+","+e.e+","+e.f+")"}t.a=r,t.b=o,t.c=i},function(e,t,n){"use strict";function r(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function o(e){return Array.isArray(e)?e:Array.from(e)}function i(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];t=Array.isArray(t[0])?t[0]:t;var a=function(e,t){return{a:e.a*t.a+e.c*t.b,c:e.a*t.c+e.c*t.d,e:e.a*t.e+e.c*t.f+e.e,b:e.b*t.a+e.d*t.b,d:e.b*t.c+e.d*t.d,f:e.b*t.e+e.d*t.f+e.f}};switch(t.length){case 0:throw new Error("no matrices provided");case 1:return t[0];case 2:return a(t[0],t[1]);default:var u=t,c=o(u),l=c[0],s=c[1],f=c.slice(2),h=a(l,s);return i.apply(void 0,[h].concat(r(f)))}}t.a=i},function(e,t,n){"use strict";function r(e,t){return{a:1,c:0,e:e,b:0,d:1,f:t}}t.a=r}])})},function(e,t,n){"use strict";function r(e,t,n,r){var o=Object(s.transform)(Object(s.fromObject)(e),Object(s.translate)(t,n),Object(s.scale)(r,r),Object(s.translate)(-t,-n));return Object(h.f)(e,p({mode:f.a},o,{startX:null,startY:null,endX:null,endY:null}))}function o(e,t,n,r,o){var i=e.viewerWidth,a=e.viewerHeight,u=i/r,c=a/o,l=Math.min(u,c),d=Object(s.transform)(Object(s.scale)(l,l),Object(s.translate)(-t,-n));return Object(h.f)(e,p({mode:f.a},d,{startX:null,startY:null,endX:null,endY:null}))}function i(e){return o(e,0,0,e.SVGWidth,e.SVGHeight)}function a(e,t){var n=e.viewerWidth,o=e.viewerHeight,i=Object(h.c)(e,n/2,o/2);return r(e,i.x,i.y,t)}function u(e,t,n){return Object(h.f)(e,{mode:f.c,startX:t,startY:n,endX:t,endY:n})}function c(e,t,n){if(e.mode!==f.c)throw new Error("update selection not allowed in this mode "+e.mode);return Object(h.f)(e,{endX:t,endY:n})}function l(e,t,n,i){var a=e.startX,u=e.startY,c=e.endX,l=e.endY,s=Object(h.c)(e,a,u),f=Object(h.c)(e,c,l);if(Math.abs(a-c)>7&&Math.abs(u-l)>7){var p=Object(d.a)(s,f);return o(e,p.x,p.y,p.width,p.height)}var v=Object(h.c)(e,t,n);return r(e,v.x,v.y,i)}t.f=r,t.a=o,t.b=i,t.g=a,t.c=u,t.e=c,t.d=l;var s=n(4),f=(n.n(s),n(1)),h=n(2),d=n(10),p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}},function(e,t,n){"use strict";function r(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,o=Object(s.transform)(Object(s.fromObject)(e),Object(s.translate)(t,n));if(r){var i=Object(s.applyToPoints)(o,[{x:r,y:r},{x:e.SVGWidth-r,y:e.SVGHeight-r}]),a=h(i,2),u=a[0],d=u.x,p=u.y,v=a[1],b=v.x,g=v.y,m=0;e.viewerWidth-d<0?m=e.viewerWidth-d:b<0&&(m=-b);var y=0;e.viewerHeight-p<0?y=e.viewerHeight-p:g<0&&(y=-g),o=Object(s.transform)(Object(s.translate)(m,y),o)}return Object(l.f)(e,f({mode:c.a},o))}function o(e,t,n){return Object(l.f)(e,{mode:c.b,startX:t,startY:n,endX:t,endY:n})}function i(e,t,n,o){if(e.mode!==c.b)throw new Error("update pan not allowed in this mode "+e.mode);var i=e.endX,a=e.endY,u=Object(l.c)(e,i,a),s=Object(l.c)(e,t,n),f=s.x-u.x,h=s.y-u.y,d=r(e,f,h,o);return Object(l.f)(d,{mode:c.b,endX:t,endY:n})}function a(e){return Object(l.f)(e,{mode:c.a,startX:null,startY:null,endX:null,endY:null})}function u(e,t,n){var o=0,i=0;return n<=20&&(i=20),e.viewerWidth-t<=20&&(o=-20),e.viewerHeight-n<=20&&(i=-20),t<=20&&(o=20),o/=e.d,i/=e.d,0===o&&0===i?e:r(e,o,i)}t.b=r,t.c=o,t.e=i,t.d=a,t.a=u;var c=n(1),l=n(2),s=n(4),f=(n.n(s),Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}),h=function(){function e(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,u=e[Symbol.iterator]();!(r=(a=u.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{!r&&u.return&&u.return()}finally{if(o)throw i}}return n}return function(t,n){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}()},function(e,t,n){"use strict";function r(e){return Object(i.f)(e,{miniatureOpen:!0})}function o(e){return Object(i.f)(e,{miniatureOpen:!1})}t.b=r,t.a=o;var i=n(2)},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=n(2),i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=function(){function e(t,n,o){r(this,e),this.originalEvent=t,this.value=n,this.SVGViewer=o}return i(e,[{key:"preventDefault",value:function(){this.originalEvent.preventDefault()}},{key:"stopPropagation",value:function(){this.originalEvent.stopPropagation()}},{key:"scaleFactor",get:function(){return this._cacheDecomposedValue=this._cacheDecomposedValue||Object(o.a)(this.value),this._cacheDecomposedValue.scaleFactor}},{key:"translationX",get:function(){return this._cacheDecomposedValue=this._cacheDecomposedValue||Object(o.a)(this.value),this._cacheDecomposedValue.translationX}},{key:"translationY",get:function(){return this._cacheDecomposedValue=this._cacheDecomposedValue||Object(o.a)(this.value),this._cacheDecomposedValue.translationY}}]),e}();t.a=a},function(e,t,n){"use strict";function r(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,a=void 0,u=void 0;if(i)a=i.x,u=i.y;else{var c=t.getBoundingClientRect(),l=c.left,p=c.top;a=e.clientX-Math.round(l),u=e.clientY-Math.round(p)}var v=r;switch(n){case s.m:var b=Object(f.c)(r,a,u);v=Object(d.f)(r,b.x,b.y,1/o.scaleFactor);break;case s.l:v=Object(d.c)(r,a,u);break;case s.i:case s.k:v=Object(h.c)(r,a,u);break;default:return r}return e.preventDefault(),v}function o(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,a=void 0,u=void 0;if(i)a=i.x,u=i.y;else{var c=t.getBoundingClientRect(),l=c.left,f=c.top;a=e.clientX-Math.round(l),u=e.clientY-Math.round(f)}var p=0===e.buttons,v=r;switch(n){case s.l:r.mode===s.c&&(v=p?Object(d.d)(r,a,u,o.scaleFactor):Object(d.e)(r,a,u));break;case s.i:case s.k:r.mode===s.b&&(v=p?Object(h.d)(r):Object(h.e)(r,a,u,o.preventPanOutside?20:void 0));break;default:return r}return e.preventDefault(),v}function i(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,a=void 0,u=void 0;if(i)a=i.x,u=i.y;else{var c=t.getBoundingClientRect(),l=c.left,f=c.top;a=e.clientX-Math.round(l),u=e.clientY-Math.round(f)}var p=r;switch(n){case s.m:r.mode===s.c&&(p=Object(d.d)(r,a,u,1/o.scaleFactor));break;case s.l:r.mode===s.c&&(p=Object(d.d)(r,a,u,o.scaleFactor));break;case s.i:case s.k:r.mode===s.b&&(p=Object(h.d)(r,a,u));break;default:return r}return e.preventDefault(),p}function a(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,a=void 0,u=void 0;if(i)a=i.x,u=i.y;else{var c=t.getBoundingClientRect(),l=c.left,h=c.top;a=e.clientX-Math.round(l),u=e.clientY-Math.round(h)}var p=r;switch(n){case s.i:if(!o.disableDoubleClickZoomWithToolAuto){var v=Object(f.c)(r,a,u),b=function(t,n){return t||e.getModifierState(n)},g=o.modifierKeys.reduce(b,!1),m=g?1/o.scaleFactor:o.scaleFactor;p=Object(d.f)(r,v.x,v.y,m)}break;default:return r}return e.preventDefault(),p}function u(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,a=void 0,u=void 0;if(i)a=i.x,u=i.y;else{var c=t.getBoundingClientRect(),l=c.left,s=c.top;a=e.clientX-Math.round(l),u=e.clientY-Math.round(s)}if(!o.detectWheel)return r;var h=Math.max(-1,Math.min(1,e.deltaY)),v=Object(p.a)(h,-1,1,1.06,.96),b=Object(f.c)(r,a,u),g=Object(d.f)(r,b.x,b.y,v);return e.preventDefault(),g}function c(e,t,n,r,o){var i=(arguments.length>5&&void 0!==arguments[5]&&arguments[5],Object(f.g)(r,"mouseenter"===e.type));return e.preventDefault(),i}function l(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,a=i.x,u=i.y;return[s.j,s.i].indexOf(n)>=0&&o.detectAutoPan&&r.focus?Object(h.a)(r,a,u):r}t.c=r,t.e=o,t.f=i,t.a=a,t.g=u,t.d=c,t.b=l;var s=n(1),f=n(2),h=n(6),d=n(5),p=n(17)},function(e,t,n){"use strict";function r(e,t){return e.x<=t.x&&e.y<=t.y?{x:e.x,y:e.y,width:t.x-e.x,height:t.y-e.y}:e.x>=t.x&&e.y<=t.y?{x:t.x,y:e.y,width:e.x-t.x,height:t.y-e.y}:e.x>=t.x&&e.y>=t.y?{x:t.x,y:t.y,width:e.x-t.x,height:e.y-t.y}:e.x<=t.x&&e.y>=t.y?{x:e.x,y:t.y,width:t.x-e.x,height:e.y-t.y}:void 0}t.a=r},function(e,t,n){"use strict";function r(e){var t=e.tool,n=e.value,r=e.onChangeValue,o=e.onChangeTool,a=e.position,u=function(e,t){o(t),e.stopPropagation(),e.preventDefault()},b=function(e){r(Object(l.b)(n)),e.stopPropagation(),e.preventDefault()},g=[c.h,c.d].indexOf(a)>=0,m={position:"absolute",transform:[c.h,c.d].indexOf(a)>=0?"translate(-50%, 0px)":"none",top:[c.e,c.g,c.h].indexOf(a)>=0?"5px":"unset",left:[c.h,c.d].indexOf(a)>=0?"50%":c.e===a?"5px":"unset",right:[c.g].indexOf(a)>=0?"5px":"unset",bottom:[c.d].indexOf(a)>=0?"5px":"unset",backgroundColor:"rgba(19, 20, 22, 0.90)",borderRadius:"2px",display:"flex",flexDirection:g?"row":"column",padding:g?"1px 2px":"2px 1px"};return i.a.createElement("div",{style:m,role:"toolbar"},i.a.createElement(v.a,{toolbarPosition:a,active:t===c.j,name:"unselect-tools",title:"Selection",onClick:function(e){return u(e,c.j)}},i.a.createElement(s.a,null)),i.a.createElement(v.a,{toolbarPosition:a,active:t===c.k,name:"select-tool-pan",title:"Pan",onClick:function(e){return u(e,c.k)}},i.a.createElement(f.a,null)),i.a.createElement(v.a,{toolbarPosition:a,active:t===c.l,name:"select-tool-zoom-in",title:"Zoom in",onClick:function(e){return u(e,c.l)}},i.a.createElement(h.a,null)),i.a.createElement(v.a,{toolbarPosition:a,active:t===c.m,name:"select-tool-zoom-out",title:"Zoom out",onClick:function(e){return u(e,c.m)}},i.a.createElement(d.a,null)),i.a.createElement(v.a,{toolbarPosition:a,active:!1,name:"fit-to-viewer",title:"Fit to viewer",onClick:function(e){return b(e)}},i.a.createElement(p.a,null)))}t.a=r;var o=n(0),i=n.n(o),a=n(3),u=n.n(a),c=n(1),l=n(5),s=n(22),f=n(23),h=n(24),d=n(25),p=n(26),v=n(27);r.propTypes={position:u.a.oneOf([c.h,c.g,c.d,c.e]).isRequired,tool:u.a.string.isRequired,value:u.a.object.isRequired,onChangeValue:u.a.func.isRequired,onChangeTool:u.a.func.isRequired}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"Viewer",function(){return s});var r=n(13);n.d(t,"ReactSVGPanZoom",function(){return r.a});var o=n(11);n.d(t,"Toolbar",function(){return o.a});var i=n(2);n.d(t,"setPointOnViewerCenter",function(){return i.h}),n.d(t,"reset",function(){return i.d});var a=n(6);n.d(t,"pan",function(){return a.b});var u=n(5);n.d(t,"zoom",function(){return u.f}),n.d(t,"fitSelection",function(){return u.a}),n.d(t,"fitToViewer",function(){return u.b}),n.d(t,"zoomOnViewerCenter",function(){return u.g});var c=n(7);n.d(t,"openMiniature",function(){return c.b}),n.d(t,"closeMiniature",function(){return c.a});var l=n(1);n.d(t,"MODE_IDLE",function(){return l.a}),n.d(t,"MODE_PANNING",function(){return l.b}),n.d(t,"MODE_ZOOMING",function(){return l.c}),n.d(t,"TOOL_AUTO",function(){return l.i}),n.d(t,"TOOL_NONE",function(){return l.j}),n.d(t,"TOOL_PAN",function(){return l.k}),n.d(t,"TOOL_ZOOM_IN",function(){return l.l}),n.d(t,"TOOL_ZOOM_OUT",function(){return l.m}),n.d(t,"POSITION_NONE",function(){return l.f}),n.d(t,"POSITION_TOP",function(){return l.h}),n.d(t,"POSITION_RIGHT",function(){return l.g}),n.d(t,"POSITION_BOTTOM",function(){return l.d}),n.d(t,"POSITION_LEFT",function(){return l.e});var s=function(){return console.error("HEY! You are trying to use an older version of ReactSVGPanZoom. Read here https://github.com/chrvadala/react-svg-pan-zoom/blob/master/docs/migrate-from-v1-to-v2.md"),null}},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(0),u=n.n(a),c=n(3),l=n.n(c),s=n(4),f=(n.n(s),n(14)),h=n(6),d=n(2),p=n(9),v=n(18),b=n(5),g=n(7),m=n(19),y=n(20),O=n(21),w=n(11),j=n(28),V=n(29),x=n(1),k=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},P=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),E=function(e){function t(e,n){r(this,t);var i=o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n)),a=i.props,u=a.tool,c=a.value,l=a.width,s=a.height,f=a.children,h=f.props,p=h.width,v=h.height;return i.state={value:c||Object(d.b)(l,s,p,v),tool:u||x.j},i.ViewerDOM=null,i}return i(t,e),P(t,[{key:"componentWillReceiveProps",value:function(e){var t=this.getValue();if(t.viewerWidth!==e.width||t.viewerHeight!==e.height){var n=Object(d.j)(t,e.width,e.height);this.setValue(n)}var r=e.children.props,o=r.width,i=r.height;if(t.SVGWidth!==o||t.SVGHeight!==i){var a=Object(d.i)(t,o,i);this.setValue(a)}}},{key:"getValue",value:function(){return this.props.value?this.props.value:this.state.value}},{key:"getTool",value:function(){return this.props.tool?this.props.tool:this.state.tool}},{key:"getSvgStyle",value:function(e){var t={display:"block"};return e&&(t.cursor=e),(this.props.detectPinchGesture||-1!==[x.k,x.i].indexOf(this.getTool()))&&(t.touchAction="none"),t}},{key:"setValue",value:function(e){this.setState({value:e}),this.props.onChangeValue&&this.props.onChangeValue(e)}},{key:"pan",value:function(e,t){var n=Object(h.b)(this.getValue(),e,t);this.setValue(n)}},{key:"zoom",value:function(e,t,n){var r=Object(b.f)(this.getValue(),e,t,n);this.setValue(r)}},{key:"fitSelection",value:function(e,t,n,r){var o=Object(b.a)(this.getValue(),e,t,n,r);this.setValue(o)}},{key:"fitToViewer",value:function(){var e=Object(b.b)(this.getValue());this.setValue(e)}},{key:"zoomOnViewerCenter",value:function(e){var t=Object(b.g)(this.getValue(),e);this.setValue(t)}},{key:"setPointOnViewerCenter",value:function(e,t,n){var r=Object(d.h)(this.getValue(),e,t,n);this.setValue(r)}},{key:"reset",value:function(){var e=Object(d.d)(this.getValue());this.setValue(e)}},{key:"changeTool",value:function(e){this.setState({tool:e}),this.props.onChangeTool&&this.props.onChangeTool(e)}},{key:"openMiniature",value:function(){var e=Object(g.b)(this.getValue());this.setValue(e)}},{key:"closeMiniature",value:function(){var e=Object(g.a)(this.getValue());this.setValue(e)}},{key:"handleViewerEvent",value:function(e){var t=this.props,n=this.state.value,r=this.ViewerDOM;if([x.j,x.i].indexOf(this.getTool())>=0&&e.target!==r){var o={click:t.onClick,dblclick:t.onDoubleClick,mousemove:t.onMouseMove,mouseup:t.onMouseUp,mousedown:t.onMouseDown,touchstart:t.onTouchStart,touchmove:t.onTouchMove,touchend:t.onTouchEnd,touchcancel:t.onTouchCancel},i=o[e.type];i&&i(Object(f.a)(e,n,r))}}},{key:"componentDidMount",value:function(){var e=this,t=this.props,n=this.state;t.onChangeValue&&t.onChangeValue(n.value),this.autoPanTimer=setInterval(function(){var t={x:e.state.viewerX,y:e.state.viewerY},n=Object(p.b)(null,e.ViewerDOM,e.getTool(),e.getValue(),e.props,t);e.getValue()!==n&&e.setValue(n)},200)}},{key:"componentWillUnmount",value:function(){clearTimeout(this.autoPanTimer)}},{key:"render",value:function(){var e=this,t=this.props,n=this.state,r=n.viewerX,o=n.viewerY,i=this.getTool(),a=this.getValue(),c=t.customToolbar,l=t.customMiniature,f=i===x.i&&a.mode===x.b&&a.startX!==a.endX&&a.startY!==a.endY,h=void 0;i===x.k&&(h=Object(m.a)(a.mode===x.b?"grabbing":"grab")),i===x.l&&(h=Object(m.a)("zoom-in")),i===x.m&&(h=Object(m.a)("zoom-out")),f&&(h=Object(m.a)("grabbing"));var d=[x.k,x.l,x.m].indexOf(i)>=0;return d=d||f,u.a.createElement("div",{style:k({position:"relative",width:a.viewerWidth,height:a.viewerHeight},t.style),className:this.props.className},u.a.createElement("svg",{ref:function(t){return e.ViewerDOM=t},width:a.viewerWidth,height:a.viewerHeight,style:this.getSvgStyle(h),onMouseDown:function(t){var n=Object(p.c)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onMouseMove:function(t){var n=e.ViewerDOM.getBoundingClientRect(),r=n.left,o=n.top,i=t.clientX-Math.round(r),a=t.clientY-Math.round(o),u=Object(p.e)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props,{x:i,y:a});e.getValue()!==u&&e.setValue(u),e.setState({viewerX:i,viewerY:a}),e.handleViewerEvent(t)},onMouseUp:function(t){var n=Object(p.f)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onClick:function(t){e.handleViewerEvent(t)},onDoubleClick:function(t){var n=Object(p.a)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onWheel:function(t){var n=Object(p.g)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n)},onMouseEnter:function(t){if(!Object(j.a)()){var n=Object(p.d)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n)}},onMouseLeave:function(t){var n=Object(p.d)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n)},onTouchStart:function(t){var n=Object(v.d)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onTouchMove:function(t){var n=Object(v.c)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onTouchEnd:function(t){var n=Object(v.b)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onTouchCancel:function(t){var n=Object(v.a)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)}},u.a.createElement("rect",{fill:t.background,x:0,y:0,width:a.viewerWidth,height:a.viewerHeight,style:{pointerEvents:"none"}}),u.a.createElement("g",{transform:Object(s.toSVG)(a),style:d?{pointerEvents:"none"}:{}},u.a.createElement("rect",{fill:this.props.SVGBackground,x:0,y:0,width:a.SVGWidth,height:a.SVGHeight}),u.a.createElement("g",null,t.children.props.children)),[x.j,x.i].indexOf(i)>=0&&t.detectAutoPan&&a.focus?u.a.createElement("g",{style:{pointerEvents:"none"}},o<=20?u.a.createElement(y.a,{direction:x.h,width:a.viewerWidth,height:a.viewerHeight}):null,a.viewerWidth-r<=20?u.a.createElement(y.a,{direction:x.g,width:a.viewerWidth,height:a.viewerHeight}):null,a.viewerHeight-o<=20?u.a.createElement(y.a,{direction:x.d,width:a.viewerWidth,height:a.viewerHeight}):null,a.focus&&r<=20?u.a.createElement(y.a,{direction:x.e,width:a.viewerWidth,height:a.viewerHeight}):null):null,a.mode!==x.c?null:u.a.createElement(O.a,{startX:a.startX,startY:a.startY,endX:a.endX,endY:a.endY})),t.toolbarPosition===x.f?null:u.a.createElement(c,{position:t.toolbarPosition,value:a,onChangeValue:function(t){return e.setValue(t)},tool:i,onChangeTool:function(t){return e.changeTool(t)}}),t.miniaturePosition===x.f?null:u.a.createElement(l,{position:t.miniaturePosition,value:a,onChangeValue:function(t){return e.setValue(t)},SVGBackground:this.props.SVGBackground,background:this.props.miniatureBackground,width:this.props.miniatureWidth,height:this.props.miniatureHeight},t.children.props.children))}}]),t}(u.a.Component);t.a=E,E.propTypes={width:l.a.number.isRequired,height:l.a.number.isRequired,background:l.a.string,SVGBackground:l.a.string,value:l.a.shape({version:l.a.oneOf([2]).isRequired,mode:l.a.oneOf([x.a,x.b,x.c]).isRequired,focus:l.a.bool.isRequired,a:l.a.number.isRequired,b:l.a.number.isRequired,c:l.a.number.isRequired,d:l.a.number.isRequired,e:l.a.number.isRequired,f:l.a.number.isRequired,viewerWidth:l.a.number.isRequired,viewerHeight:l.a.number.isRequired,SVGWidth:l.a.number.isRequired,SVGHeight:l.a.number.isRequired,startX:l.a.number,startY:l.a.number,endX:l.a.number,endY:l.a.number,miniatureOpen:l.a.bool.isRequired}),style:l.a.object,className:l.a.string,detectWheel:l.a.bool,detectAutoPan:l.a.bool,detectPinchGesture:l.a.bool,toolbarPosition:l.a.oneOf([x.f,x.h,x.g,x.d,x.e]),onChangeValue:l.a.func,onChangeTool:l.a.func,onClick:l.a.func,onDoubleClick:l.a.func,onMouseUp:l.a.func,onMouseMove:l.a.func,onMouseDown:l.a.func,preventPanOutside:l.a.bool,scaleFactor:l.a.number,tool:l.a.oneOf([x.i,x.j,x.k,x.l,x.m]),modifierKeys:l.a.array,customToolbar:l.a.oneOfType([l.a.element,l.a.func]),miniaturePosition:l.a.oneOf([x.f,x.g,x.e]),miniatureBackground:l.a.string,miniatureWidth:l.a.number,miniatureHeight:l.a.number,customMiniature:l.a.oneOfType([l.a.element,l.a.func]),disableDoubleClickZoomWithToolAuto:l.a.bool,children:function(e,t,n){var r=e[t],o=["svg"];return 1!==u.a.Children.count(r)||-1===o.indexOf(r.type)?new Error("`"+n+"` should have a single child of the following types:  `"+o.join("`, `")+"`."):r.props.hasOwnProperty("width")&&r.props.hasOwnProperty("height")?void 0:new Error("SVG should have props `width` and `height`")}},E.defaultProps={value:null,tool:null,style:{},background:"#616264",SVGBackground:"#fff",detectWheel:!0,detectAutoPan:!0,detectPinchGesture:!0,toolbarPosition:x.g,modifierKeys:["Alt","Shift","Control"],customToolbar:w.a,preventPanOutside:!0,scaleFactor:1.1,miniaturePosition:x.e,miniatureWidth:100,miniatureHeight:80,miniatureBackground:"#616264",customMiniature:V.a,disableZoomWithToolAuto:!1}},function(e,t,n){"use strict";var r=n(15),o=n(16);t.a=function(e,t,n){var i=e.type;switch(i){case"mousemove":case"mouseup":case"mousedown":case"click":case"dblclick":return new r.a(e,t,n);case"touchstart":case"touchmove":case"touchend":case"touchcancel":return new o.a(e,t,n);default:throw new Error(i+" not supported")}}},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(2),u=n(8),c=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=function(e){function t(){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),c(t,[{key:"point",get:function(){if(!this._cachePoint){var e=this.originalEvent,t=this.value,n=this.SVGViewer,r=n.getBoundingClientRect(),o=e.clientX-Math.round(r.left),i=e.clientY-Math.round(r.top);this._cachePoint=Object(a.c)(t,o,i)}return this._cachePoint}},{key:"x",get:function(){return this.point.x}},{key:"y",get:function(){return this.point.y}}]),t}(u.a);t.a=l},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(2),u=n(8),c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=function(e){function t(){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),l(t,[{key:"points",get:function(){return this._cachePoints||(this._cachePoints=t.touchesToPoints(this.originalEvent.touches,this.SVGViewer,this.value)),this._cachePoints}},{key:"changedPoints",get:function(){return this._cacheChangedPoints||(this._cacheChangedPoints=t.touchesToPoints(this.originalEvent.changedTouches,this.SVGViewer,this.value)),this._cacheChangedPoints}}],[{key:"touchesToPoints",value:function(e,t,n){for(var r=[],o=0;o<e.length;o++){var i=e[o],u=t.getBoundingClientRect(),l=i.clientX-Math.round(u.left),s=i.clientY-Math.round(u.top),f=Object(a.c)(n,l,s);r.push(c({},f,{identifier:i.identifier}))}return r}}]),t}(u.a);t.a=s},function(e,t,n){"use strict";function r(e,t,n,r,o){return r+(o-r)*(e-t)/(n-t)}t.a=r},function(e,t,n){"use strict";function r(e){return"number"==typeof e.pinchPointDistance}function o(e,t,n,o,i){var a=t.getBoundingClientRect(),u=a.left,c=a.top,l=e.touches[0].clientX-Math.round(u),s=e.touches[0].clientY-Math.round(c),f=e.touches[1].clientX-Math.round(u),h=e.touches[1].clientY-Math.round(c),b=Math.sqrt(Math.pow(f-l,2)+Math.pow(h-s,2)),m=r(o)?o.pinchPointDistance:b,y=Object(v.c)(o,(l+f)/2,(s+h)/2),O=b/m;e.cancelable&&e.preventDefault();var w=Object(d.transform)(Object(d.fromObject)(o),Object(d.translate)(y.x,y.y),Object(d.scale)(O,O),Object(d.translate)(-y.x,-y.y));return Object(v.f)(o,Object(v.f)(g({mode:p.c},w,{startX:null,startY:null,endX:null,endY:null,prePinchMode:o.prePinchMode?o.prePinchMode:o.mode,pinchPointDistance:b})))}function i(e,t){return t.detectPinchGesture&&e.touches.length>1}function a(e,t,n){return n.detectPinchGesture&&r(t)&&e.touches.length<2}function u(e,t){var n=t.getBoundingClientRect(),r=n.left,o=n.top;return{x:e.clientX-Math.round(r),y:e.clientY-Math.round(o)}}function c(e,t,n,r,o,i){var a=0===e.touches.length?Object(v.f)(r,{mode:r.prePinchMode?p.a:r.mode,prePinchMode:null}):r,c=e.touches.length>0?e.touches[0]:e.changedTouches[0],l=u(c,t);switch(n){case p.m:case p.l:case p.i:case p.k:return e.stopPropagation(),e.preventDefault(),i(e,t,n,a,o,l);default:return a}}function l(e,t,n,r,a){if(i(e,a))return o(e,t,n,r,a);if(1!==e.touches.length){if([p.b,p.c].indexOf(r.mode)>=0)return Object(v.e)(r);if([p.a].indexOf(r.mode)>=0)return r}return c(e,t,n,r,a,b.c)}function s(e,t,n,r,a){return i(e,a)?o(e,t,n,r,a):[p.b,p.c].indexOf(r.mode)>=0?c(e,t,n,r,a,b.e):r}function f(e,t,n,r,o){if(!([p.b,p.c].indexOf(r.mode)>=0))return r;var i=a(e,r,o)?Object(v.f)(r,{pinchPointDistance:null}):r;return e.touches.length>0?i:c(e,t,n,i,o,b.f)}function h(e,t,n,r,o){return e.stopPropagation(),e.preventDefault(),Object(v.e)(r)}t.d=l,t.c=s,t.b=f,t.a=h;var d=n(4),p=(n.n(d),n(1)),v=n(2),b=n(9),g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}},function(e,t,n){"use strict";var r=function(e){return["zoom-in","zoom-out","grab","grabbing"].indexOf(e)>-1},o=function(){return navigator.userAgent.toLowerCase()},i=function(){return o().indexOf("firefox")>-1},a=function(){return o().indexOf("webkit")>-1};t.a=function(e){return r(e)?i()?"-moz-"+e:a()?"-webkit-"+e:void 0:e}},function(e,t,n){"use strict";function r(e){var t=e.direction,n=e.width,r=e.height,o=void 0;switch(t){case c.h:o="translate("+n+", 0) rotate(90)";break;case c.g:o="translate("+n+", "+r+") rotate(180)";break;case c.d:o="translate(0, "+r+") rotate(270)";break;case c.e:o=" "}return i.a.createElement("g",null,i.a.createElement("defs",null,i.a.createElement("linearGradient",{id:"react-svg-pan-zoom-gradient1",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},i.a.createElement("stop",{offset:"0%",stopColor:"#fff",stopOpacity:"0.8"}),i.a.createElement("stop",{offset:"100%",stopColor:"#000",stopOpacity:"0.5"})),i.a.createElement("mask",{id:"react-svg-pan-zoom-mask1",x:"0",y:"0",width:"20",height:Math.max(n,r)},i.a.createElement("rect",{x:"0",y:"0",width:"20",height:Math.max(n,r),style:{stroke:"none",fill:"url(#react-svg-pan-zoom-gradient1)"}}))),i.a.createElement("rect",{x:"0",y:"0",width:"20",height:Math.max(n,r),style:{stroke:"none",fill:"#000",mask:"url(#react-svg-pan-zoom-mask1)"},transform:o}))}t.a=r;var o=n(0),i=n.n(o),a=n(3),u=n.n(a),c=n(1);r.propTypes={direction:u.a.oneOf([c.h,c.g,c.d,c.e]).isRequired,width:u.a.number.isRequired,height:u.a.number.isRequired}},function(e,t,n){"use strict";function r(e){var t=e.startX,n=e.startY,r=e.endX,o=e.endY;if(!(t&&n&&r&&o))return null;var a=Object(c.a)({x:t,y:n},{x:r,y:o});return i.a.createElement("rect",{stroke:"#969FFF",strokeOpacity:.7,fill:"#F3F4FF",fillOpacity:.7,x:a.x,y:a.y,width:a.width,height:a.height,style:{pointerEvents:"none"}})}t.a=r;var o=n(0),i=n.n(o),a=n(3),u=n.n(a),c=n(10);r.propTypes={startX:u.a.number.isRequired,startY:u.a.number.isRequired,endX:u.a.number.isRequired,endY:u.a.number.isRequired}},function(e,t,n){"use strict";function r(){return i.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},i.a.createElement("path",{d:"M10.07,14.27C10.57,14.03 11.16,14.25 11.4,14.75L13.7,19.74L15.5,18.89L13.19,13.91C12.95,13.41 13.17,12.81 13.67,12.58L13.95,12.5L16.25,12.05L8,5.12V15.9L9.82,14.43L10.07,14.27M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z"}))}t.a=r;var o=n(0),i=n.n(o)},function(e,t,n){"use strict";function r(){return i.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},i.a.createElement("path",{d:"M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z"}))}t.a=r;var o=n(0),i=n.n(o)},function(e,t,n){"use strict";function r(){return i.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},i.a.createElement("g",null,i.a.createElement("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"}),i.a.createElement("path",{d:"M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"})))}t.a=r;var o=n(0),i=n.n(o)},function(e,t,n){"use strict";function r(){return i.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},i.a.createElement("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z"}))}t.a=r;var o=n(0),i=n.n(o)},function(e,t,n){"use strict";function r(){return i.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},i.a.createElement("path",{d:"M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z"}))}t.a=r;var o=n(0),i=n.n(o)},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(0),u=n.n(a),c=n(3),l=n.n(c),s=n(1),f=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),h=function(e){function t(e){r(this,t);var n=o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={hover:!1},n}return i(t,e),f(t,[{key:"change",value:function(e){switch(e.preventDefault(),e.stopPropagation(),e.type){case"mouseenter":case"touchstart":this.setState({hover:!0});break;case"mouseleave":case"touchend":case"touchcancel":this.setState({hover:!1})}}},{key:"render",value:function(){var e=this,t={display:"block",width:"24px",height:"24px",margin:[s.h,s.d].indexOf(this.props.toolbarPosition)>=0?"2px 1px":"1px 2px",color:this.props.active||this.state.hover?"#1CA6FC":"#FFF",transition:"color 200ms ease",background:"none",padding:"0px",border:"0px",outline:"0px",cursor:"pointer"};return u.a.createElement("button",{onMouseEnter:function(t){return e.change(t)},onMouseLeave:function(t){return e.change(t)},onTouchStart:function(t){e.change(t),e.props.onClick(t)},onTouchEnd:function(t){return e.change(t)},onTouchCancel:function(t){return e.change(t)},onClick:this.props.onClick,style:t,title:this.props.title,name:this.props.name,role:"button"},this.props.children)}}]),t}(u.a.Component);t.a=h,h.propTypes={title:l.a.string.isRequired,name:l.a.string.isRequired,toolbarPosition:l.a.string.isRequired,onClick:l.a.func.isRequired,active:l.a.bool.isRequired}},function(e,t,n){"use strict";function r(){return"ontouchstart"in window||navigator.maxTouchPoints}t.a=r},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e){var t,n=e.value,o=e.onChangeValue,i=e.position,u=e.children,c=e.background,p=e.SVGBackground,v=e.width,b=e.height,g=n.SVGWidth,m=n.SVGHeight,y=n.viewerWidth,O=n.viewerHeight,w=m/g,j=w>=1?b/m:v/g,V=Object(s.applyToPoints)(Object(s.inverse)(n),[{x:0,y:0},{x:y,y:O}]),x=d(V,2),k=x[0],P=k.x,E=k.y,M=x[1],T=M.x,C=M.y,S=void 0,R=void 0;n.miniatureOpen?(S=v,R=b):(S=24,R=24);var _=(t={position:"absolute",overflow:"hidden",outline:"1px solid rgba(19, 20, 22, 0.90)",transition:"width 200ms ease, height 200ms ease, bottom 200ms ease",width:S+"px",height:R+"px",bottom:"6px"},r(t,i===l.e?"left":"right","6px"),r(t,"background",c),t),D=w>=1?"translate("+(v-g*j)/2+", 0)":"translate(0, "+(b-m*j)/2+")";return a.a.createElement("div",{role:"navigation",style:_},a.a.createElement("svg",{width:v,height:b,style:{pointerEvents:"none"}},a.a.createElement("g",{transform:D},a.a.createElement("g",{transform:"scale("+j+", "+j+")"},a.a.createElement("rect",{fill:p,x:0,y:0,width:n.SVGWidth,height:n.SVGHeight}),u,a.a.createElement(h.a,{SVGWidth:g,SVGHeight:m,x1:P,y1:E,x2:T,y2:C,zoomToFit:j})))),a.a.createElement(f.a,{value:n,onChangeValue:o,position:i}))}t.a=o;var i=n(0),a=n.n(i),u=n(3),c=n.n(u),l=n(1),s=n(4),f=(n.n(s),n(30)),h=n(32),d=function(){function e(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,u=e[Symbol.iterator]();!(r=(a=u.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{!r&&u.return&&u.return()}finally{if(o)throw i}}return n}return function(t,n){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();Math.min,Math.max;o.propTypes={position:c.a.oneOf([l.g,l.e]).isRequired,value:c.a.object.isRequired,onChangeValue:c.a.func.isRequired,background:c.a.string.isRequired,SVGBackground:c.a.string.isRequired,width:c.a.number.isRequired}},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e){var t,n=e.value,o=e.onChangeValue,i=e.position,u=(t={width:"24px",height:"24px",display:"block",position:"absolute",bottom:0},r(t,i===f.e?"left":"right","0px"),r(t,"background","rgba(19, 20, 22, 0.901961)"),r(t,"border",0),r(t,"padding",0),r(t,"outline",0),r(t,"color","#fff"),t),c=n.miniatureOpen?l.a:l.b;return a.a.createElement("button",{role:"button",style:u,onClick:function(e){return o(c(n))}},a.a.createElement(s.a,{open:n.miniatureOpen,position:i}))}t.a=o;var i=n(0),a=n.n(i),u=n(3),c=n.n(u),l=n(7),s=n(31),f=n(1);o.propTypes={value:c.a.object.isRequired,onChangeValue:c.a.func.isRequired,position:c.a.oneOf([f.g,f.e]).isRequired}},function(e,t,n){"use strict";function r(e){var t=e.open,n=e.position,r=0;switch(n){case c.e:r=t?"rotate(225, 12, 13)":"rotate(45, 12, 13)";break;case c.g:r=r=t?"rotate(135, 12, 13)":"rotate(-45, 12, 13)"}return i.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},i.a.createElement("g",{transform:r},i.a.createElement("path",{fill:"#000000",d:"M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"})))}t.a=r;var o=n(0),i=n.n(o),a=n(3),u=n.n(a),c=n(1);r.propTypes={open:u.a.bool.isRequired,position:u.a.oneOf([c.g,c.e]).isRequired}},function(e,t,n){"use strict";function r(e){var t=e.SVGWidth,n=e.SVGHeight,r=e.x1,o=e.y1,a=e.x2,u=e.y2;e.zoomToFit;return i.a.createElement("g",null,i.a.createElement("defs",null,i.a.createElement("mask",{id:"react-svg-pan-zoom-miniature-mask"},i.a.createElement("rect",{x:"0",y:"0",width:t,height:n,fill:"#ffffff"}),i.a.createElement("rect",{x:r,y:o,width:a-r,height:u-o}))),i.a.createElement("rect",{x:"0",y:"0",width:t,height:n,style:{stroke:"none",fill:"#000",mask:"url(#react-svg-pan-zoom-miniature-mask)",opacity:.4}}))}t.a=r;var o=n(0),i=n.n(o),a=n(3),u=n.n(a);r.propTypes={SVGWidth:u.a.number.isRequired,SVGHeight:u.a.number.isRequired,x1:u.a.number.isRequired,y1:u.a.number.isRequired,x2:u.a.number.isRequired,y2:u.a.number.isRequired,zoomToFit:u.a.number.isRequired}}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],t):"object"==typeof exports?exports.ReactSVGPanZoom=t(require("react"),require("prop-types")):e.ReactSVGPanZoom=t(e.React,e.PropTypes)}(this,function(e,t){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=13)}([function(t,n){t.exports=e},function(e,t,n){"use strict";n.d(t,"a",function(){return r}),n.d(t,"b",function(){return o}),n.d(t,"c",function(){return i}),n.d(t,"i",function(){return a}),n.d(t,"j",function(){return u}),n.d(t,"k",function(){return c}),n.d(t,"l",function(){return l}),n.d(t,"m",function(){return s}),n.d(t,"f",function(){return f}),n.d(t,"h",function(){return h}),n.d(t,"g",function(){return d}),n.d(t,"d",function(){return p}),n.d(t,"e",function(){return v});var r="idle",o="panning",i="zooming",a="auto",u="none",c="pan",l="zoom-in",s="zoom-out",f="none",h="top",d="right",p="bottom",v="left"},function(e,t,n){"use strict";function r(e,t,n,r){return o({},v({},Object(p.identity)(),{version:2,mode:d.a,focus:!1,pinchPointDistance:null,prePinchMode:null,viewerWidth:e,viewerHeight:t,SVGWidth:n,SVGHeight:r,startX:null,startY:null,endX:null,endY:null,miniatureOpen:!0}))}function o(e,t){return e=Object.assign({},e,t),Object.freeze(e)}function i(e,t,n){var r=Object(p.fromObject)(e),o=Object(p.inverse)(r);return Object(p.applyToPoint)(o,{x:t,y:n})}function a(e){var t=Object(p.fromObject)(e);return{scaleFactor:t.a,translationX:t.e,translationY:t.f}}function u(e,t){return o(e,{focus:t})}function c(e,t,n){return o(e,{viewerWidth:t,viewerHeight:n})}function l(e,t,n){return o(e,{SVGWidth:t,SVGHeight:n})}function s(e,t,n,r){var i=e.viewerWidth,a=e.viewerHeight,u=Object(p.transform)(Object(p.translate)(i/2-t,a/2-n),Object(p.translate)(t,n),Object(p.scale)(r,r),Object(p.translate)(-t,-n));return o(e,v({mode:d.a},u))}function f(e){return o(e,v({mode:d.a},Object(p.identity)()))}function h(e){return o(e,{mode:d.a,startX:null,startY:null,endX:null,endY:null})}t.b=r,t.f=o,t.c=i,t.a=a,t.g=u,t.j=c,t.i=l,t.h=s,t.d=f,t.e=h;var d=n(1),p=n(4),v=(n.n(p),"function"==typeof Symbol&&Symbol.iterator,Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e})},function(e,n){e.exports=t},function(e,t,n){!function(t,n){e.exports=n()}(0,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1);n.d(t,"applyToPoint",function(){return r.a}),n.d(t,"applyToPoints",function(){return r.b});var o=n(2);n.d(t,"fromObject",function(){return o.a});var i=n(3);n.d(t,"fromString",function(){return i.a});var a=n(4);n.d(t,"identity",function(){return a.a});var u=n(5);n.d(t,"inverse",function(){return u.a});var c=n(6);n.d(t,"isAffineMatrix",function(){return c.a});var l=n(7);n.d(t,"rotate",function(){return l.a}),n.d(t,"rotateDEG",function(){return l.b});var s=n(8);n.d(t,"scale",function(){return s.a});var f=n(9);n.d(t,"shear",function(){return f.a});var h=n(10);n.d(t,"toCSS",function(){return h.a}),n.d(t,"toSVG",function(){return h.b}),n.d(t,"toString",function(){return h.c});var d=n(11);n.d(t,"transform",function(){return d.a});var p=n(12);n.d(t,"translate",function(){return p.a})},function(e,t,n){"use strict";function r(e,t){return{x:e.a*t.x+e.c*t.y+e.e,y:e.b*t.x+e.d*t.y+e.f}}function o(e,t){return t.map(function(t){return r(e,t)})}t.a=r,t.b=o},function(e,t,n){"use strict";function r(e){return{a:parseFloat(e.a),b:parseFloat(e.b),c:parseFloat(e.c),d:parseFloat(e.d),e:parseFloat(e.e),f:parseFloat(e.f)}}t.a=r},function(e,t,n){"use strict";function r(e){var t=e.match(o);if(null===t||t.length<7)throw new Error("'"+e+"' is not a matrix");return{a:parseFloat(t[1]),b:parseFloat(t[2]),c:parseFloat(t[3]),d:parseFloat(t[4]),e:parseFloat(t[5]),f:parseFloat(t[6])}}t.a=r;var o=/^matrix\( *([0-9]*\.?[0-9]+) *, *([0-9]*\.?[0-9]+) *, *([0-9]*\.?[0-9]+) *, *([0-9]*\.?[0-9]+) *, *([0-9]*\.?[0-9]+) *, *([0-9]*\.?[0-9]+) *\)$/i},function(e,t,n){"use strict";function r(){return{a:1,c:0,e:0,b:0,d:1,f:0}}t.a=r},function(e,t,n){"use strict";function r(e){var t=e.a,n=e.b,r=e.c,o=e.d,i=e.e,a=e.f,u=t*o-n*r;return{a:o/u,b:n/-u,c:r/-u,d:t/u,e:(o*i-r*a)/-u,f:(n*i-t*a)/u}}t.a=r},function(e,t,n){"use strict";function r(e){var t=function(e){return"number"==typeof e&&!isNaN(e)&&isFinite(e)};return"object"===(void 0===e?"undefined":o(e))&&e.hasOwnProperty("a")&&t(e.a)&&e.hasOwnProperty("b")&&t(e.b)&&e.hasOwnProperty("c")&&t(e.c)&&e.hasOwnProperty("d")&&t(e.d)&&e.hasOwnProperty("e")&&t(e.e)&&e.hasOwnProperty("f")&&t(e.f)}t.a=r;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e}},function(e,t,n){"use strict";function r(e){var t=i(e),n=a(e);return{a:t,c:-n,e:0,b:n,d:t,f:0}}function o(e){return r(e*u/180)}t.a=r,t.b=o;var i=Math.cos,a=Math.sin,u=Math.PI},function(e,t,n){"use strict";function r(e,t){return{a:e,c:0,e:0,b:0,d:t,f:0}}t.a=r},function(e,t,n){"use strict";function r(e,t){return{a:1,c:e,e:0,b:t,d:1,f:0}}t.a=r},function(e,t,n){"use strict";function r(e){return i(e)}function o(e){return i(e)}function i(e){return"matrix("+e.a+","+e.b+","+e.c+","+e.d+","+e.e+","+e.f+")"}t.a=r,t.b=o,t.c=i},function(e,t,n){"use strict";function r(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function o(e){return Array.isArray(e)?e:Array.from(e)}function i(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];t=Array.isArray(t[0])?t[0]:t;var a=function(e,t){return{a:e.a*t.a+e.c*t.b,c:e.a*t.c+e.c*t.d,e:e.a*t.e+e.c*t.f+e.e,b:e.b*t.a+e.d*t.b,d:e.b*t.c+e.d*t.d,f:e.b*t.e+e.d*t.f+e.f}};switch(t.length){case 0:throw new Error("no matrices provided");case 1:return t[0];case 2:return a(t[0],t[1]);default:var u=t,c=o(u),l=c[0],s=c[1],f=c.slice(2),h=a(l,s);return i.apply(void 0,[h].concat(r(f)))}}t.a=i},function(e,t,n){"use strict";function r(e,t){return{a:1,c:0,e:e,b:0,d:1,f:t}}t.a=r}])})},function(e,t,n){"use strict";function r(e,t,n,r){var o=Object(s.transform)(Object(s.fromObject)(e),Object(s.translate)(t,n),Object(s.scale)(r,r),Object(s.translate)(-t,-n));return Object(h.f)(e,p({mode:f.a},o,{startX:null,startY:null,endX:null,endY:null}))}function o(e,t,n,r,o){var i=e.viewerWidth,a=e.viewerHeight,u=i/r,c=a/o,l=Math.min(u,c),d=Object(s.transform)(Object(s.scale)(l,l),Object(s.translate)(-t,-n));return Object(h.f)(e,p({mode:f.a},d,{startX:null,startY:null,endX:null,endY:null}))}function i(e){return o(e,0,0,e.SVGWidth,e.SVGHeight)}function a(e,t){var n=e.viewerWidth,o=e.viewerHeight,i=Object(h.c)(e,n/2,o/2);return r(e,i.x,i.y,t)}function u(e,t,n){return Object(h.f)(e,{mode:f.c,startX:t,startY:n,endX:t,endY:n})}function c(e,t,n){if(e.mode!==f.c)throw new Error("update selection not allowed in this mode "+e.mode);return Object(h.f)(e,{endX:t,endY:n})}function l(e,t,n,i){var a=e.startX,u=e.startY,c=e.endX,l=e.endY,s=Object(h.c)(e,a,u),f=Object(h.c)(e,c,l);if(Math.abs(a-c)>7&&Math.abs(u-l)>7){var p=Object(d.a)(s,f);return o(e,p.x,p.y,p.width,p.height)}var v=Object(h.c)(e,t,n);return r(e,v.x,v.y,i)}t.f=r,t.a=o,t.b=i,t.g=a,t.c=u,t.e=c,t.d=l;var s=n(4),f=(n.n(s),n(1)),h=n(2),d=n(10),p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}},function(e,t,n){"use strict";function r(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,o=Object(s.transform)(Object(s.fromObject)(e),Object(s.translate)(t,n));if(r){var i=Object(s.applyToPoints)(o,[{x:r,y:r},{x:e.SVGWidth-r,y:e.SVGHeight-r}]),a=h(i,2),u=a[0],d=u.x,p=u.y,v=a[1],b=v.x,g=v.y,m=0;e.viewerWidth-d<0?m=e.viewerWidth-d:b<0&&(m=-b);var y=0;e.viewerHeight-p<0?y=e.viewerHeight-p:g<0&&(y=-g),o=Object(s.transform)(Object(s.translate)(m,y),o)}return Object(l.f)(e,f({mode:c.a},o))}function o(e,t,n){return Object(l.f)(e,{mode:c.b,startX:t,startY:n,endX:t,endY:n})}function i(e,t,n,o){if(e.mode!==c.b)throw new Error("update pan not allowed in this mode "+e.mode);var i=e.endX,a=e.endY,u=Object(l.c)(e,i,a),s=Object(l.c)(e,t,n),f=s.x-u.x,h=s.y-u.y,d=r(e,f,h,o);return Object(l.f)(d,{mode:c.b,endX:t,endY:n})}function a(e){return Object(l.f)(e,{mode:c.a,startX:null,startY:null,endX:null,endY:null})}function u(e,t,n){var o=0,i=0;return n<=20&&(i=20),e.viewerWidth-t<=20&&(o=-20),e.viewerHeight-n<=20&&(i=-20),t<=20&&(o=20),o/=e.d,i/=e.d,0===o&&0===i?e:r(e,o,i)}t.b=r,t.c=o,t.e=i,t.d=a,t.a=u;var c=n(1),l=n(2),s=n(4),f=(n.n(s),Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}),h=function(){function e(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,u=e[Symbol.iterator]();!(r=(a=u.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{!r&&u.return&&u.return()}finally{if(o)throw i}}return n}return function(t,n){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}()},function(e,t,n){"use strict";function r(e){return Object(i.f)(e,{miniatureOpen:!0})}function o(e){return Object(i.f)(e,{miniatureOpen:!1})}t.b=r,t.a=o;var i=n(2)},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=n(2),i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=function(){function e(t,n,o){r(this,e),this.originalEvent=t,this.value=n,this.SVGViewer=o}return i(e,[{key:"preventDefault",value:function(){this.originalEvent.preventDefault()}},{key:"stopPropagation",value:function(){this.originalEvent.stopPropagation()}},{key:"scaleFactor",get:function(){return this._cacheDecomposedValue=this._cacheDecomposedValue||Object(o.a)(this.value),this._cacheDecomposedValue.scaleFactor}},{key:"translationX",get:function(){return this._cacheDecomposedValue=this._cacheDecomposedValue||Object(o.a)(this.value),this._cacheDecomposedValue.translationX}},{key:"translationY",get:function(){return this._cacheDecomposedValue=this._cacheDecomposedValue||Object(o.a)(this.value),this._cacheDecomposedValue.translationY}}]),e}();t.a=a},function(e,t,n){"use strict";function r(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,a=void 0,u=void 0;if(i)a=i.x,u=i.y;else{var c=t.getBoundingClientRect(),l=c.left,p=c.top;a=e.clientX-Math.round(l),u=e.clientY-Math.round(p)}var v=r;switch(n){case s.m:var b=Object(f.c)(r,a,u);v=Object(d.f)(r,b.x,b.y,1/o.scaleFactor);break;case s.l:v=Object(d.c)(r,a,u);break;case s.i:case s.k:v=Object(h.c)(r,a,u);break;default:return r}return e.preventDefault(),v}function o(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,a=void 0,u=void 0;if(i)a=i.x,u=i.y;else{var c=t.getBoundingClientRect(),l=c.left,f=c.top;a=e.clientX-Math.round(l),u=e.clientY-Math.round(f)}var p=0===e.buttons,v=r;switch(n){case s.l:r.mode===s.c&&(v=p?Object(d.d)(r,a,u,o.scaleFactor):Object(d.e)(r,a,u));break;case s.i:case s.k:r.mode===s.b&&(v=p?Object(h.d)(r):Object(h.e)(r,a,u,o.preventPanOutside?20:void 0));break;default:return r}return e.preventDefault(),v}function i(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,a=void 0,u=void 0;if(i)a=i.x,u=i.y;else{var c=t.getBoundingClientRect(),l=c.left,f=c.top;a=e.clientX-Math.round(l),u=e.clientY-Math.round(f)}var p=r;switch(n){case s.m:r.mode===s.c&&(p=Object(d.d)(r,a,u,1/o.scaleFactor));break;case s.l:r.mode===s.c&&(p=Object(d.d)(r,a,u,o.scaleFactor));break;case s.i:case s.k:r.mode===s.b&&(p=Object(h.d)(r,a,u));break;default:return r}return e.preventDefault(),p}function a(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,a=void 0,u=void 0;if(i)a=i.x,u=i.y;else{var c=t.getBoundingClientRect(),l=c.left,h=c.top;a=e.clientX-Math.round(l),u=e.clientY-Math.round(h)}var p=r;switch(n){case s.i:if(!o.disableDoubleClickZoomWithToolAuto){var v=Object(f.c)(r,a,u),b=function(t,n){return t||e.getModifierState(n)},g=o.modifierKeys.reduce(b,!1),m=g?1/o.scaleFactor:o.scaleFactor;p=Object(d.f)(r,v.x,v.y,m)}break;default:return r}return e.preventDefault(),p}function u(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,a=void 0,u=void 0;if(i)a=i.x,u=i.y;else{var c=t.getBoundingClientRect(),l=c.left,s=c.top;a=e.clientX-Math.round(l),u=e.clientY-Math.round(s)}if(!o.detectWheel)return r;var h=Math.max(-1,Math.min(1,e.deltaY)),v=Object(p.a)(h,-1,1,1.06,.96),b=Object(f.c)(r,a,u),g=Object(d.f)(r,b.x,b.y,v);return e.preventDefault(),g}function c(e,t,n,r,o){var i=(arguments.length>5&&void 0!==arguments[5]&&arguments[5],Object(f.g)(r,"mouseenter"===e.type));return e.preventDefault(),i}function l(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,a=i.x,u=i.y;return[s.j,s.i].indexOf(n)>=0&&o.detectAutoPan&&r.focus?Object(h.a)(r,a,u):r}t.c=r,t.e=o,t.f=i,t.a=a,t.g=u,t.d=c,t.b=l;var s=n(1),f=n(2),h=n(6),d=n(5),p=n(18)},function(e,t,n){"use strict";function r(e,t){return e.x<=t.x&&e.y<=t.y?{x:e.x,y:e.y,width:t.x-e.x,height:t.y-e.y}:e.x>=t.x&&e.y<=t.y?{x:t.x,y:e.y,width:e.x-t.x,height:t.y-e.y}:e.x>=t.x&&e.y>=t.y?{x:t.x,y:t.y,width:e.x-t.x,height:e.y-t.y}:e.x<=t.x&&e.y>=t.y?{x:e.x,y:t.y,width:t.x-e.x,height:e.y-t.y}:void 0}t.a=r},function(e,t,n){"use strict";function r(e){var t=e.tool,n=e.value,r=e.onChangeValue,o=e.onChangeTool,a=e.position,u=function(e,t){o(t),e.stopPropagation(),e.preventDefault()},b=function(e){r(Object(l.b)(n)),e.stopPropagation(),e.preventDefault()},g=[c.h,c.d].indexOf(a)>=0,m={position:"absolute",transform:[c.h,c.d].indexOf(a)>=0?"translate(-50%, 0px)":"none",top:[c.e,c.g,c.h].indexOf(a)>=0?"5px":"unset",left:[c.h,c.d].indexOf(a)>=0?"50%":c.e===a?"5px":"unset",right:[c.g].indexOf(a)>=0?"5px":"unset",bottom:[c.d].indexOf(a)>=0?"5px":"unset",backgroundColor:"rgba(19, 20, 22, 0.90)",borderRadius:"2px",display:"flex",flexDirection:g?"row":"column",padding:g?"1px 2px":"2px 1px"};return i.a.createElement("div",{style:m,role:"toolbar"},i.a.createElement(v.a,{toolbarPosition:a,active:t===c.j,name:"unselect-tools",title:"Selection",onClick:function(e){return u(e,c.j)}},i.a.createElement(s.a,null)),i.a.createElement(v.a,{toolbarPosition:a,active:t===c.k,name:"select-tool-pan",title:"Pan",onClick:function(e){return u(e,c.k)}},i.a.createElement(f.a,null)),i.a.createElement(v.a,{toolbarPosition:a,active:t===c.l,name:"select-tool-zoom-in",title:"Zoom in",onClick:function(e){return u(e,c.l)}},i.a.createElement(h.a,null)),i.a.createElement(v.a,{toolbarPosition:a,active:t===c.m,name:"select-tool-zoom-out",title:"Zoom out",onClick:function(e){return u(e,c.m)}},i.a.createElement(d.a,null)),i.a.createElement(v.a,{toolbarPosition:a,active:!1,name:"fit-to-viewer",title:"Fit to viewer",onClick:function(e){return b(e)}},i.a.createElement(p.a,null)))}t.a=r;var o=n(0),i=n.n(o),a=n(3),u=n.n(a),c=n(1),l=n(5),s=n(23),f=n(24),h=n(25),d=n(26),p=n(27),v=n(28);r.propTypes={position:u.a.oneOf([c.h,c.g,c.d,c.e]).isRequired,tool:u.a.string.isRequired,value:u.a.object.isRequired,onChangeValue:u.a.func.isRequired,onChangeTool:u.a.func.isRequired}},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e){var t,n=e.value,o=e.onChangeValue,i=e.position,u=e.children,c=e.background,p=e.SVGBackground,v=e.width,b=e.height,g=n.SVGWidth,m=n.SVGHeight,y=n.viewerWidth,O=n.viewerHeight,w=m/g,j=w>=1?b/m:v/g,V=Object(s.applyToPoints)(Object(s.inverse)(n),[{x:0,y:0},{x:y,y:O}]),x=d(V,2),k=x[0],P=k.x,E=k.y,M=x[1],T=M.x,C=M.y,S=void 0,R=void 0;n.miniatureOpen?(S=v,R=b):(S=24,R=24);var _=(t={position:"absolute",overflow:"hidden",outline:"1px solid rgba(19, 20, 22, 0.90)",transition:"width 200ms ease, height 200ms ease, bottom 200ms ease",width:S+"px",height:R+"px",bottom:"6px"},r(t,i===l.e?"left":"right","6px"),r(t,"background",c),t),D=w>=1?"translate("+(v-g*j)/2+", 0)":"translate(0, "+(b-m*j)/2+")";return a.a.createElement("div",{role:"navigation",style:_},a.a.createElement("svg",{width:v,height:b,style:{pointerEvents:"none"}},a.a.createElement("g",{transform:D},a.a.createElement("g",{transform:"scale("+j+", "+j+")"},a.a.createElement("rect",{fill:p,x:0,y:0,width:n.SVGWidth,height:n.SVGHeight}),u,a.a.createElement(h.a,{SVGWidth:g,SVGHeight:m,x1:P,y1:E,x2:T,y2:C,zoomToFit:j})))),a.a.createElement(f.a,{value:n,onChangeValue:o,position:i}))}t.a=o;var i=n(0),a=n.n(i),u=n(3),c=n.n(u),l=n(1),s=n(4),f=(n.n(s),n(30)),h=n(32),d=function(){function e(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,u=e[Symbol.iterator]();!(r=(a=u.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{!r&&u.return&&u.return()}finally{if(o)throw i}}return n}return function(t,n){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();Math.min,Math.max;o.propTypes={position:c.a.oneOf([l.g,l.e]).isRequired,value:c.a.object.isRequired,onChangeValue:c.a.func.isRequired,background:c.a.string.isRequired,SVGBackground:c.a.string.isRequired,width:c.a.number.isRequired}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"Viewer",function(){return f});var r=n(14);n.d(t,"ReactSVGPanZoom",function(){return r.a});var o=n(11);n.d(t,"Toolbar",function(){return o.a});var i=n(12);n.d(t,"Miniature",function(){return i.a});var a=n(2);n.d(t,"setPointOnViewerCenter",function(){return a.h}),n.d(t,"reset",function(){return a.d});var u=n(6);n.d(t,"pan",function(){return u.b});var c=n(5);n.d(t,"zoom",function(){return c.f}),n.d(t,"fitSelection",function(){return c.a}),n.d(t,"fitToViewer",function(){return c.b}),n.d(t,"zoomOnViewerCenter",function(){return c.g});var l=n(7);n.d(t,"openMiniature",function(){return l.b}),n.d(t,"closeMiniature",function(){return l.a});var s=n(1);n.d(t,"MODE_IDLE",function(){return s.a}),n.d(t,"MODE_PANNING",function(){return s.b}),n.d(t,"MODE_ZOOMING",function(){return s.c}),n.d(t,"TOOL_AUTO",function(){return s.i}),n.d(t,"TOOL_NONE",function(){return s.j}),n.d(t,"TOOL_PAN",function(){return s.k}),n.d(t,"TOOL_ZOOM_IN",function(){return s.l}),n.d(t,"TOOL_ZOOM_OUT",function(){return s.m}),n.d(t,"POSITION_NONE",function(){return s.f}),n.d(t,"POSITION_TOP",function(){return s.h}),n.d(t,"POSITION_RIGHT",function(){return s.g}),n.d(t,"POSITION_BOTTOM",function(){return s.d}),n.d(t,"POSITION_LEFT",function(){return s.e});var f=function(){return console.error("HEY! You are trying to use an older version of ReactSVGPanZoom. Read here https://github.com/chrvadala/react-svg-pan-zoom/blob/master/docs/migrate-from-v1-to-v2.md"),null}},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(0),u=n.n(a),c=n(3),l=n.n(c),s=n(4),f=(n.n(s),n(15)),h=n(6),d=n(2),p=n(9),v=n(19),b=n(5),g=n(7),m=n(20),y=n(21),O=n(22),w=n(11),j=n(29),V=n(12),x=n(1),k=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},P=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),E=function(e){function t(e,n){r(this,t);var i=o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n)),a=i.props,u=a.tool,c=a.value,l=a.width,s=a.height,f=a.children,h=f.props,p=h.width,v=h.height;return i.state={value:c||Object(d.b)(l,s,p,v),tool:u||x.j},i.ViewerDOM=null,i}return i(t,e),P(t,[{key:"componentWillReceiveProps",value:function(e){var t=this.getValue();if(t.viewerWidth!==e.width||t.viewerHeight!==e.height){var n=Object(d.j)(t,e.width,e.height);this.setValue(n)}var r=e.children.props,o=r.width,i=r.height;if(t.SVGWidth!==o||t.SVGHeight!==i){var a=Object(d.i)(t,o,i);this.setValue(a)}}},{key:"getValue",value:function(){return this.props.value?this.props.value:this.state.value}},{key:"getTool",value:function(){return this.props.tool?this.props.tool:this.state.tool}},{key:"getSvgStyle",value:function(e){var t={display:"block"};return e&&(t.cursor=e),(this.props.detectPinchGesture||-1!==[x.k,x.i].indexOf(this.getTool()))&&(t.touchAction="none"),t}},{key:"setValue",value:function(e){this.setState({value:e}),this.props.onChangeValue&&this.props.onChangeValue(e)}},{key:"pan",value:function(e,t){var n=Object(h.b)(this.getValue(),e,t);this.setValue(n)}},{key:"zoom",value:function(e,t,n){var r=Object(b.f)(this.getValue(),e,t,n);this.setValue(r)}},{key:"fitSelection",value:function(e,t,n,r){var o=Object(b.a)(this.getValue(),e,t,n,r);this.setValue(o)}},{key:"fitToViewer",value:function(){var e=Object(b.b)(this.getValue());this.setValue(e)}},{key:"zoomOnViewerCenter",value:function(e){var t=Object(b.g)(this.getValue(),e);this.setValue(t)}},{key:"setPointOnViewerCenter",value:function(e,t,n){var r=Object(d.h)(this.getValue(),e,t,n);this.setValue(r)}},{key:"reset",value:function(){var e=Object(d.d)(this.getValue());this.setValue(e)}},{key:"changeTool",value:function(e){this.setState({tool:e}),this.props.onChangeTool&&this.props.onChangeTool(e)}},{key:"openMiniature",value:function(){var e=Object(g.b)(this.getValue());this.setValue(e)}},{key:"closeMiniature",value:function(){var e=Object(g.a)(this.getValue());this.setValue(e)}},{key:"handleViewerEvent",value:function(e){var t=this.props,n=this.state.value,r=this.ViewerDOM;if([x.j,x.i].indexOf(this.getTool())>=0&&e.target!==r){var o={click:t.onClick,dblclick:t.onDoubleClick,mousemove:t.onMouseMove,mouseup:t.onMouseUp,mousedown:t.onMouseDown,touchstart:t.onTouchStart,touchmove:t.onTouchMove,touchend:t.onTouchEnd,touchcancel:t.onTouchCancel},i=o[e.type];i&&i(Object(f.a)(e,n,r))}}},{key:"componentDidMount",value:function(){var e=this,t=this.props,n=this.state;t.onChangeValue&&t.onChangeValue(n.value),this.autoPanTimer=setInterval(function(){var t={x:e.state.viewerX,y:e.state.viewerY},n=Object(p.b)(null,e.ViewerDOM,e.getTool(),e.getValue(),e.props,t);e.getValue()!==n&&e.setValue(n)},200)}},{key:"componentWillUnmount",value:function(){clearTimeout(this.autoPanTimer)}},{key:"render",value:function(){var e=this,t=this.props,n=this.state,r=n.viewerX,o=n.viewerY,i=this.getTool(),a=this.getValue(),c=t.customToolbar,l=t.customMiniature,f=i===x.i&&a.mode===x.b&&a.startX!==a.endX&&a.startY!==a.endY,h=void 0;i===x.k&&(h=Object(m.a)(a.mode===x.b?"grabbing":"grab")),i===x.l&&(h=Object(m.a)("zoom-in")),i===x.m&&(h=Object(m.a)("zoom-out")),f&&(h=Object(m.a)("grabbing"));var d=[x.k,x.l,x.m].indexOf(i)>=0;return d=d||f,u.a.createElement("div",{style:k({position:"relative",width:a.viewerWidth,height:a.viewerHeight},t.style),className:this.props.className},u.a.createElement("svg",{ref:function(t){return e.ViewerDOM=t},width:a.viewerWidth,height:a.viewerHeight,style:this.getSvgStyle(h),onMouseDown:function(t){var n=Object(p.c)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onMouseMove:function(t){var n=e.ViewerDOM.getBoundingClientRect(),r=n.left,o=n.top,i=t.clientX-Math.round(r),a=t.clientY-Math.round(o),u=Object(p.e)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props,{x:i,y:a});e.getValue()!==u&&e.setValue(u),e.setState({viewerX:i,viewerY:a}),e.handleViewerEvent(t)},onMouseUp:function(t){var n=Object(p.f)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onClick:function(t){e.handleViewerEvent(t)},onDoubleClick:function(t){var n=Object(p.a)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onWheel:function(t){var n=Object(p.g)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n)},onMouseEnter:function(t){if(!Object(j.a)()){var n=Object(p.d)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n)}},onMouseLeave:function(t){var n=Object(p.d)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n)},onTouchStart:function(t){var n=Object(v.d)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onTouchMove:function(t){var n=Object(v.c)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onTouchEnd:function(t){var n=Object(v.b)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onTouchCancel:function(t){var n=Object(v.a)(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)}},u.a.createElement("rect",{fill:t.background,x:0,y:0,width:a.viewerWidth,height:a.viewerHeight,style:{pointerEvents:"none"}}),u.a.createElement("g",{transform:Object(s.toSVG)(a),style:d?{pointerEvents:"none"}:{}},u.a.createElement("rect",{fill:this.props.SVGBackground,x:0,y:0,width:a.SVGWidth,height:a.SVGHeight}),u.a.createElement("g",null,t.children.props.children)),[x.j,x.i].indexOf(i)>=0&&t.detectAutoPan&&a.focus?u.a.createElement("g",{style:{pointerEvents:"none"}},o<=20?u.a.createElement(y.a,{direction:x.h,width:a.viewerWidth,height:a.viewerHeight}):null,a.viewerWidth-r<=20?u.a.createElement(y.a,{direction:x.g,width:a.viewerWidth,height:a.viewerHeight}):null,a.viewerHeight-o<=20?u.a.createElement(y.a,{direction:x.d,width:a.viewerWidth,height:a.viewerHeight}):null,a.focus&&r<=20?u.a.createElement(y.a,{direction:x.e,width:a.viewerWidth,height:a.viewerHeight}):null):null,a.mode!==x.c?null:u.a.createElement(O.a,{startX:a.startX,startY:a.startY,endX:a.endX,endY:a.endY})),t.toolbarPosition===x.f?null:u.a.createElement(c,{position:t.toolbarPosition,value:a,onChangeValue:function(t){return e.setValue(t)},tool:i,onChangeTool:function(t){return e.changeTool(t)}}),t.miniaturePosition===x.f?null:u.a.createElement(l,{position:t.miniaturePosition,value:a,onChangeValue:function(t){return e.setValue(t)},SVGBackground:this.props.SVGBackground,background:this.props.miniatureBackground,width:this.props.miniatureWidth,height:this.props.miniatureHeight},t.children.props.children))}}]),t}(u.a.Component);t.a=E,E.propTypes={width:l.a.number.isRequired,height:l.a.number.isRequired,background:l.a.string,SVGBackground:l.a.string,value:l.a.shape({version:l.a.oneOf([2]).isRequired,mode:l.a.oneOf([x.a,x.b,x.c]).isRequired,focus:l.a.bool.isRequired,a:l.a.number.isRequired,b:l.a.number.isRequired,c:l.a.number.isRequired,d:l.a.number.isRequired,e:l.a.number.isRequired,f:l.a.number.isRequired,viewerWidth:l.a.number.isRequired,viewerHeight:l.a.number.isRequired,SVGWidth:l.a.number.isRequired,SVGHeight:l.a.number.isRequired,startX:l.a.number,startY:l.a.number,endX:l.a.number,endY:l.a.number,miniatureOpen:l.a.bool.isRequired}),style:l.a.object,className:l.a.string,detectWheel:l.a.bool,detectAutoPan:l.a.bool,detectPinchGesture:l.a.bool,toolbarPosition:l.a.oneOf([x.f,x.h,x.g,x.d,x.e]),onChangeValue:l.a.func,onChangeTool:l.a.func,onClick:l.a.func,onDoubleClick:l.a.func,onMouseUp:l.a.func,onMouseMove:l.a.func,onMouseDown:l.a.func,preventPanOutside:l.a.bool,scaleFactor:l.a.number,tool:l.a.oneOf([x.i,x.j,x.k,x.l,x.m]),modifierKeys:l.a.array,customToolbar:l.a.oneOfType([l.a.element,l.a.func]),miniaturePosition:l.a.oneOf([x.f,x.g,x.e]),miniatureBackground:l.a.string,miniatureWidth:l.a.number,miniatureHeight:l.a.number,customMiniature:l.a.oneOfType([l.a.element,l.a.func]),disableDoubleClickZoomWithToolAuto:l.a.bool,children:function(e,t,n){var r=e[t],o=["svg"];return 1!==u.a.Children.count(r)||-1===o.indexOf(r.type)?new Error("`"+n+"` should have a single child of the following types:  `"+o.join("`, `")+"`."):r.props.hasOwnProperty("width")&&r.props.hasOwnProperty("height")?void 0:new Error("SVG should have props `width` and `height`")}},E.defaultProps={value:null,tool:null,style:{},background:"#616264",SVGBackground:"#fff",detectWheel:!0,detectAutoPan:!0,detectPinchGesture:!0,toolbarPosition:x.g,modifierKeys:["Alt","Shift","Control"],customToolbar:w.a,preventPanOutside:!0,scaleFactor:1.1,miniaturePosition:x.e,miniatureWidth:100,miniatureHeight:80,miniatureBackground:"#616264",customMiniature:V.a,disableZoomWithToolAuto:!1}},function(e,t,n){"use strict";var r=n(16),o=n(17);t.a=function(e,t,n){var i=e.type;switch(i){case"mousemove":case"mouseup":case"mousedown":case"click":case"dblclick":return new r.a(e,t,n);case"touchstart":case"touchmove":case"touchend":case"touchcancel":return new o.a(e,t,n);default:throw new Error(i+" not supported")}}},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(2),u=n(8),c=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=function(e){function t(){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),c(t,[{key:"point",get:function(){if(!this._cachePoint){var e=this.originalEvent,t=this.value,n=this.SVGViewer,r=n.getBoundingClientRect(),o=e.clientX-Math.round(r.left),i=e.clientY-Math.round(r.top);this._cachePoint=Object(a.c)(t,o,i)}return this._cachePoint}},{key:"x",get:function(){return this.point.x}},{key:"y",get:function(){return this.point.y}}]),t}(u.a);t.a=l},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(2),u=n(8),c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=function(e){function t(){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),l(t,[{key:"points",get:function(){return this._cachePoints||(this._cachePoints=t.touchesToPoints(this.originalEvent.touches,this.SVGViewer,this.value)),this._cachePoints}},{key:"changedPoints",get:function(){return this._cacheChangedPoints||(this._cacheChangedPoints=t.touchesToPoints(this.originalEvent.changedTouches,this.SVGViewer,this.value)),this._cacheChangedPoints}}],[{key:"touchesToPoints",value:function(e,t,n){for(var r=[],o=0;o<e.length;o++){var i=e[o],u=t.getBoundingClientRect(),l=i.clientX-Math.round(u.left),s=i.clientY-Math.round(u.top),f=Object(a.c)(n,l,s);r.push(c({},f,{identifier:i.identifier}))}return r}}]),t}(u.a);t.a=s},function(e,t,n){"use strict";function r(e,t,n,r,o){return r+(o-r)*(e-t)/(n-t)}t.a=r},function(e,t,n){"use strict";function r(e){return"number"==typeof e.pinchPointDistance}function o(e,t,n,o,i){var a=t.getBoundingClientRect(),u=a.left,c=a.top,l=e.touches[0].clientX-Math.round(u),s=e.touches[0].clientY-Math.round(c),f=e.touches[1].clientX-Math.round(u),h=e.touches[1].clientY-Math.round(c),b=Math.sqrt(Math.pow(f-l,2)+Math.pow(h-s,2)),m=r(o)?o.pinchPointDistance:b,y=Object(v.c)(o,(l+f)/2,(s+h)/2),O=b/m;e.cancelable&&e.preventDefault();var w=Object(d.transform)(Object(d.fromObject)(o),Object(d.translate)(y.x,y.y),Object(d.scale)(O,O),Object(d.translate)(-y.x,-y.y));return Object(v.f)(o,Object(v.f)(g({mode:p.c},w,{startX:null,startY:null,endX:null,endY:null,prePinchMode:o.prePinchMode?o.prePinchMode:o.mode,pinchPointDistance:b})))}function i(e,t){return t.detectPinchGesture&&e.touches.length>1}function a(e,t,n){return n.detectPinchGesture&&r(t)&&e.touches.length<2}function u(e,t){var n=t.getBoundingClientRect(),r=n.left,o=n.top;return{x:e.clientX-Math.round(r),y:e.clientY-Math.round(o)}}function c(e,t,n,r,o,i){var a=0===e.touches.length?Object(v.f)(r,{mode:r.prePinchMode?p.a:r.mode,prePinchMode:null}):r,c=e.touches.length>0?e.touches[0]:e.changedTouches[0],l=u(c,t);switch(n){case p.m:case p.l:case p.i:case p.k:return e.stopPropagation(),e.preventDefault(),i(e,t,n,a,o,l);default:return a}}function l(e,t,n,r,a){if(i(e,a))return o(e,t,n,r,a);if(1!==e.touches.length){if([p.b,p.c].indexOf(r.mode)>=0)return Object(v.e)(r);if([p.a].indexOf(r.mode)>=0)return r}return c(e,t,n,r,a,b.c)}function s(e,t,n,r,a){return i(e,a)?o(e,t,n,r,a):[p.b,p.c].indexOf(r.mode)>=0?c(e,t,n,r,a,b.e):r}function f(e,t,n,r,o){if(!([p.b,p.c].indexOf(r.mode)>=0))return r;var i=a(e,r,o)?Object(v.f)(r,{pinchPointDistance:null}):r;return e.touches.length>0?i:c(e,t,n,i,o,b.f)}function h(e,t,n,r,o){return e.stopPropagation(),e.preventDefault(),Object(v.e)(r)}t.d=l,t.c=s,t.b=f,t.a=h;var d=n(4),p=(n.n(d),n(1)),v=n(2),b=n(9),g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}},function(e,t,n){"use strict";var r=function(e){return["zoom-in","zoom-out","grab","grabbing"].indexOf(e)>-1},o=function(){return navigator.userAgent.toLowerCase()},i=function(){return o().indexOf("firefox")>-1},a=function(){return o().indexOf("webkit")>-1};t.a=function(e){return r(e)?i()?"-moz-"+e:a()?"-webkit-"+e:void 0:e}},function(e,t,n){"use strict";function r(e){var t=e.direction,n=e.width,r=e.height,o=void 0;switch(t){case c.h:o="translate("+n+", 0) rotate(90)";break;case c.g:o="translate("+n+", "+r+") rotate(180)";break;case c.d:o="translate(0, "+r+") rotate(270)";break;case c.e:o=" "}return i.a.createElement("g",null,i.a.createElement("defs",null,i.a.createElement("linearGradient",{id:"react-svg-pan-zoom-gradient1",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},i.a.createElement("stop",{offset:"0%",stopColor:"#fff",stopOpacity:"0.8"}),i.a.createElement("stop",{offset:"100%",stopColor:"#000",stopOpacity:"0.5"})),i.a.createElement("mask",{id:"react-svg-pan-zoom-mask1",x:"0",y:"0",width:"20",height:Math.max(n,r)},i.a.createElement("rect",{x:"0",y:"0",width:"20",height:Math.max(n,r),style:{stroke:"none",fill:"url(#react-svg-pan-zoom-gradient1)"}}))),i.a.createElement("rect",{x:"0",y:"0",width:"20",height:Math.max(n,r),style:{stroke:"none",fill:"#000",mask:"url(#react-svg-pan-zoom-mask1)"},transform:o}))}t.a=r;var o=n(0),i=n.n(o),a=n(3),u=n.n(a),c=n(1);r.propTypes={direction:u.a.oneOf([c.h,c.g,c.d,c.e]).isRequired,width:u.a.number.isRequired,height:u.a.number.isRequired}},function(e,t,n){"use strict";function r(e){var t=e.startX,n=e.startY,r=e.endX,o=e.endY;if(!(t&&n&&r&&o))return null;var a=Object(c.a)({x:t,y:n},{x:r,y:o});return i.a.createElement("rect",{stroke:"#969FFF",strokeOpacity:.7,fill:"#F3F4FF",fillOpacity:.7,x:a.x,y:a.y,width:a.width,height:a.height,style:{pointerEvents:"none"}})}t.a=r;var o=n(0),i=n.n(o),a=n(3),u=n.n(a),c=n(10);r.propTypes={startX:u.a.number.isRequired,startY:u.a.number.isRequired,endX:u.a.number.isRequired,endY:u.a.number.isRequired}},function(e,t,n){"use strict";function r(){return i.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},i.a.createElement("path",{d:"M10.07,14.27C10.57,14.03 11.16,14.25 11.4,14.75L13.7,19.74L15.5,18.89L13.19,13.91C12.95,13.41 13.17,12.81 13.67,12.58L13.95,12.5L16.25,12.05L8,5.12V15.9L9.82,14.43L10.07,14.27M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z"}))}t.a=r;var o=n(0),i=n.n(o)},function(e,t,n){"use strict";function r(){return i.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},i.a.createElement("path",{d:"M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z"}))}t.a=r;var o=n(0),i=n.n(o)},function(e,t,n){"use strict";function r(){return i.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},i.a.createElement("g",null,i.a.createElement("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"}),i.a.createElement("path",{d:"M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"})))}t.a=r;var o=n(0),i=n.n(o)},function(e,t,n){"use strict";function r(){return i.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},i.a.createElement("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z"}))}t.a=r;var o=n(0),i=n.n(o)},function(e,t,n){"use strict";function r(){return i.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},i.a.createElement("path",{d:"M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z"}))}t.a=r;var o=n(0),i=n.n(o)},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(0),u=n.n(a),c=n(3),l=n.n(c),s=n(1),f=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),h=function(e){function t(e){r(this,t);var n=o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={hover:!1},n}return i(t,e),f(t,[{key:"change",value:function(e){switch(e.preventDefault(),e.stopPropagation(),e.type){case"mouseenter":case"touchstart":this.setState({hover:!0});break;case"mouseleave":case"touchend":case"touchcancel":this.setState({hover:!1})}}},{key:"render",value:function(){var e=this,t={display:"block",width:"24px",height:"24px",margin:[s.h,s.d].indexOf(this.props.toolbarPosition)>=0?"2px 1px":"1px 2px",color:this.props.active||this.state.hover?"#1CA6FC":"#FFF",transition:"color 200ms ease",background:"none",padding:"0px",border:"0px",outline:"0px",cursor:"pointer"};return u.a.createElement("button",{onMouseEnter:function(t){return e.change(t)},onMouseLeave:function(t){return e.change(t)},onTouchStart:function(t){e.change(t),e.props.onClick(t)},onTouchEnd:function(t){return e.change(t)},onTouchCancel:function(t){return e.change(t)},onClick:this.props.onClick,style:t,title:this.props.title,name:this.props.name,role:"button"},this.props.children)}}]),t}(u.a.Component);t.a=h,h.propTypes={title:l.a.string.isRequired,name:l.a.string.isRequired,toolbarPosition:l.a.string.isRequired,onClick:l.a.func.isRequired,active:l.a.bool.isRequired}},function(e,t,n){"use strict";function r(){return"ontouchstart"in window||navigator.maxTouchPoints}t.a=r},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e){var t,n=e.value,o=e.onChangeValue,i=e.position,u=(t={width:"24px",height:"24px",display:"block",position:"absolute",bottom:0},r(t,i===f.e?"left":"right","0px"),r(t,"background","rgba(19, 20, 22, 0.901961)"),r(t,"border",0),r(t,"padding",0),r(t,"outline",0),r(t,"color","#fff"),t),c=n.miniatureOpen?l.a:l.b;return a.a.createElement("button",{role:"button",style:u,onClick:function(e){return o(c(n))}},a.a.createElement(s.a,{open:n.miniatureOpen,position:i}))}t.a=o;var i=n(0),a=n.n(i),u=n(3),c=n.n(u),l=n(7),s=n(31),f=n(1);o.propTypes={value:c.a.object.isRequired,onChangeValue:c.a.func.isRequired,position:c.a.oneOf([f.g,f.e]).isRequired}},function(e,t,n){"use strict";function r(e){var t=e.open,n=e.position,r=0;switch(n){case c.e:r=t?"rotate(225, 12, 13)":"rotate(45, 12, 13)";break;case c.g:r=r=t?"rotate(135, 12, 13)":"rotate(-45, 12, 13)"}return i.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},i.a.createElement("g",{transform:r},i.a.createElement("path",{fill:"#000000",d:"M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"})))}t.a=r;var o=n(0),i=n.n(o),a=n(3),u=n.n(a),c=n(1);r.propTypes={open:u.a.bool.isRequired,position:u.a.oneOf([c.g,c.e]).isRequired}},function(e,t,n){"use strict";function r(e){var t=e.SVGWidth,n=e.SVGHeight,r=e.x1,o=e.y1,a=e.x2,u=e.y2;e.zoomToFit;return i.a.createElement("g",null,i.a.createElement("defs",null,i.a.createElement("mask",{id:"react-svg-pan-zoom-miniature-mask"},i.a.createElement("rect",{x:"0",y:"0",width:t,height:n,fill:"#ffffff"}),i.a.createElement("rect",{x:r,y:o,width:a-r,height:u-o}))),i.a.createElement("rect",{x:"0",y:"0",width:t,height:n,style:{stroke:"none",fill:"#000",mask:"url(#react-svg-pan-zoom-miniature-mask)",opacity:.4}}))}t.a=r;var o=n(0),i=n.n(o),a=n(3),u=n.n(a);r.propTypes={SVGWidth:u.a.number.isRequired,SVGHeight:u.a.number.isRequired,x1:u.a.number.isRequired,y1:u.a.number.isRequired,x2:u.a.number.isRequired,y2:u.a.number.isRequired,zoomToFit:u.a.number.isRequired}}])});

package.json

 {
   "author": "chrvadala",
   "name": "react-svg-pan-zoom",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "description": "A React component that adds pan and zoom features to SVG",
@@ -6,0 +6,0 @@ "main": "./build-commonjs/index.js",

README.md

@@ -63,2 +63,3 @@ # react-svg-pan-zoom
 - **v2.11** - Improves docs, updates deps
+- **v2.12** - Exports miniature to allow customization
 
@@ -75,1 +76,2 @@ ## Some projects using react-svg-pan-zoom
 - [otake](https://github.com/otake)
+- [DmitriySpirit](https://github.com/DmitriySpirit)

src/index.js

 export {default as ReactSVGPanZoom} from './viewer';
 export {default as Toolbar} from './ui-toolbar/toolbar';
+export {default as Miniature} from './ui-miniature/miniature';
 export {setPointOnViewerCenter, reset} from './features/common';
@@ -4,0 +5,0 @@ export {pan} from './features/pan';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3657379

increased by0.03%

Lines of code

8471

increased by0.13%

Number of lines in readme file

76

increased by2.7%

No dependency changes