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

Comparing version 2.15.1 to 2.16.0

build-commonjs/constants.js

@@ -20,2 +20,5 @@ 'use strict';
 var POSITION_BOTTOM = exports.POSITION_BOTTOM = 'bottom';
-var POSITION_LEFT = exports.POSITION_LEFT = 'left';
+var POSITION_LEFT = exports.POSITION_LEFT = 'left';
+
+var ACTION_ZOOM = exports.ACTION_ZOOM = 'zoom';
+var ACTION_PAN = exports.ACTION_PAN = 'pan';

build-commonjs/features/common.js

@@ -32,3 +32,3 @@ 'use strict';
  */
-function getDefaultValue(viewerWidth, viewerHeight, SVGWidth, SVGHeight) {
+function getDefaultValue(viewerWidth, viewerHeight, SVGWidth, SVGHeight, scaleFactorMin, scaleFactorMax) {
   return set({}, _extends({}, (0, _transformationMatrix.identity)(), {
@@ -44,2 +44,4 @@ version: 2,
     SVGHeight: SVGHeight,
+    scaleFactorMin: scaleFactorMin,
+    scaleFactorMax: scaleFactorMax,
     startX: null,
@@ -49,3 +51,4 @@ startY: null,
     endY: null,
-    miniatureOpen: true
+    miniatureOpen: true,
+    lastAction: null
   }));
@@ -58,6 +61,9 @@ }
  * @param change
+ * @param action
  * @returns {Object}
  */
 function set(value, change) {
-  value = Object.assign({}, value, change);
+  var action = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+  value = Object.assign({}, value, change, { lastAction: action });
   return Object.freeze(value);
@@ -136,5 +142,5 @@ }
 /**
- * 
- * @param value 
- * @param scaleFactorMin 
+ *
+ * @param value
+ * @param scaleFactorMin
  * @param scaleFactorMax
@@ -141,0 +147,0 @@ * @returns {Object}

build-commonjs/features/pan.js

@@ -66,3 +66,3 @@ 'use strict';
     mode: _constants.MODE_IDLE
-  }, matrix));
+  }, matrix), _constants.ACTION_PAN);
 }
@@ -77,3 +77,3 @@
     endY: viewerY
-  });
+  }, _constants.ACTION_PAN);
 }
@@ -99,3 +99,3 @@
     endY: viewerY
-  });
+  }, _constants.ACTION_PAN);
 }
@@ -110,3 +110,3 @@
     endY: null
-  });
+  }, _constants.ACTION_PAN);
 }
@@ -113,0 +113,0 @@

build-commonjs/features/zoom.js

@@ -77,3 +77,3 @@ 'use strict';
     endY: null
-  }));
+  }), _constants.ACTION_ZOOM);
 }
@@ -113,3 +113,3 @@
     endY: null
-  }));
+  }), _constants.ACTION_ZOOM);
 }
@@ -116,0 +116,0 @@

build-commonjs/viewer.js

@@ -93,2 +93,4 @@ 'use strict';
         viewerHeight = _this$props.height,
+        scaleFactorMin = _this$props.scaleFactorMin,
+        scaleFactorMax = _this$props.scaleFactorMax,
         children = _this$props.children;
@@ -101,3 +103,3 @@ var _children$props = children.props,
     _this.state = {
-      value: value ? value : (0, _common.getDefaultValue)(viewerWidth, viewerHeight, SVGWidth, SVGHeight),
+      value: value ? value : (0, _common.getDefaultValue)(viewerWidth, viewerHeight, SVGWidth, SVGHeight, scaleFactorMin, scaleFactorMax),
       tool: tool ? tool : _constants.TOOL_NONE
@@ -169,4 +171,13 @@ };
     value: function setValue(nextValue) {
+      var _props = this.props,
+          onChangeValue = _props.onChangeValue,
+          onZoom = _props.onZoom,
+          onPan = _props.onPan;
+
       this.setState({ value: nextValue });
-      if (this.props.onChangeValue) this.props.onChangeValue(nextValue);
+      if (onChangeValue) onChangeValue(nextValue);
+      if (nextValue.lastAction) {
+        if (onZoom && nextValue.lastAction === _constants.ACTION_ZOOM) onZoom(nextValue);
+        if (onPan && nextValue.lastAction === _constants.ACTION_PAN) onPan(nextValue);
+      }
     }
@@ -540,2 +551,8 @@ }, {
 
+  //handler zoom level changed
+  onZoom: _propTypes2.default.func,
+
+  //handler pan action performed
+  onPan: _propTypes2.default.func,
+
   //handler click
@@ -634,3 +651,5 @@ onClick: _propTypes2.default.func,
   customMiniature: _miniature3.default,
-  disableZoomWithToolAuto: false
+  disableZoomWithToolAuto: false,
+  onZoom: null,
+  onPan: null
 };

build-es/constants.js

@@ -15,2 +15,5 @@ export var MODE_IDLE = 'idle';
 export var POSITION_BOTTOM = 'bottom';
-export var POSITION_LEFT = 'left';
+export var POSITION_LEFT = 'left';
+
+export var ACTION_ZOOM = 'zoom';
+export var ACTION_PAN = 'pan';

build-es/features/common.js

@@ -12,3 +12,3 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
  */
-export function getDefaultValue(viewerWidth, viewerHeight, SVGWidth, SVGHeight) {
+export function getDefaultValue(viewerWidth, viewerHeight, SVGWidth, SVGHeight, scaleFactorMin, scaleFactorMax) {
   return set({}, _extends({}, identity(), {
@@ -24,2 +24,4 @@ version: 2,
     SVGHeight: SVGHeight,
+    scaleFactorMin: scaleFactorMin,
+    scaleFactorMax: scaleFactorMax,
     startX: null,
@@ -29,3 +31,4 @@ startY: null,
     endY: null,
-    miniatureOpen: true
+    miniatureOpen: true,
+    lastAction: null
   }));
@@ -38,6 +41,9 @@ }
  * @param change
+ * @param action
  * @returns {Object}
  */
 export function set(value, change) {
-  value = Object.assign({}, value, change);
+  var action = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+  value = Object.assign({}, value, change, { lastAction: action });
   return Object.freeze(value);
@@ -116,5 +122,5 @@ }
 /**
- * 
- * @param value 
- * @param scaleFactorMin 
+ *
+ * @param value
+ * @param scaleFactorMin
  * @param scaleFactorMax
@@ -121,0 +127,0 @@ * @returns {Object}

build-es/features/pan.js

@@ -5,3 +5,3 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-import { MODE_IDLE, MODE_PANNING } from '../constants';
+import { ACTION_PAN, MODE_IDLE, MODE_PANNING } from '../constants';
 import { set, getSVGPoint } from './common';
@@ -53,3 +53,3 @@ import { fromObject, translate, transform, applyToPoints, inverse } from 'transformation-matrix';
     mode: MODE_IDLE
-  }, matrix));
+  }, matrix), ACTION_PAN);
 }
@@ -64,3 +64,3 @@
     endY: viewerY
-  });
+  }, ACTION_PAN);
 }
@@ -86,3 +86,3 @@
     endY: viewerY
-  });
+  }, ACTION_PAN);
 }
@@ -97,3 +97,3 @@
     endY: null
-  });
+  }, ACTION_PAN);
 }
@@ -100,0 +100,0 @@

build-es/features/zoom.js

@@ -5,3 +5,3 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-import { MODE_IDLE, MODE_ZOOMING } from '../constants';
+import { ACTION_ZOOM, MODE_IDLE, MODE_ZOOMING } from '../constants';
 import { set, getSVGPoint } from './common';
@@ -56,3 +56,3 @@ import calculateBox from '../utils/calculateBox';
     endY: null
-  }));
+  }), ACTION_ZOOM);
 }
@@ -92,3 +92,3 @@
     endY: null
-  }));
+  }), ACTION_ZOOM);
 }
@@ -95,0 +95,0 @@

build-es/viewer.js

@@ -35,3 +35,3 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-import { TOOL_AUTO, TOOL_NONE, TOOL_PAN, TOOL_ZOOM_IN, TOOL_ZOOM_OUT, MODE_IDLE, MODE_PANNING, MODE_ZOOMING, POSITION_NONE, POSITION_TOP, POSITION_RIGHT, POSITION_BOTTOM, POSITION_LEFT } from './constants';
+import { TOOL_AUTO, TOOL_NONE, TOOL_PAN, TOOL_ZOOM_IN, TOOL_ZOOM_OUT, MODE_IDLE, MODE_PANNING, MODE_ZOOMING, POSITION_NONE, POSITION_TOP, POSITION_RIGHT, POSITION_BOTTOM, POSITION_LEFT, ACTION_PAN, ACTION_ZOOM } from './constants';
 
@@ -51,2 +51,4 @@ var ReactSVGPanZoom = function (_React$Component) {
         viewerHeight = _this$props.height,
+        scaleFactorMin = _this$props.scaleFactorMin,
+        scaleFactorMax = _this$props.scaleFactorMax,
         children = _this$props.children;
@@ -59,3 +61,3 @@ var _children$props = children.props,
     _this.state = {
-      value: value ? value : getDefaultValue(viewerWidth, viewerHeight, SVGWidth, SVGHeight),
+      value: value ? value : getDefaultValue(viewerWidth, viewerHeight, SVGWidth, SVGHeight, scaleFactorMin, scaleFactorMax),
       tool: tool ? tool : TOOL_NONE
@@ -127,4 +129,13 @@ };
     value: function setValue(nextValue) {
+      var _props = this.props,
+          onChangeValue = _props.onChangeValue,
+          onZoom = _props.onZoom,
+          onPan = _props.onPan;
+
       this.setState({ value: nextValue });
-      if (this.props.onChangeValue) this.props.onChangeValue(nextValue);
+      if (onChangeValue) onChangeValue(nextValue);
+      if (nextValue.lastAction) {
+        if (onZoom && nextValue.lastAction === ACTION_ZOOM) onZoom(nextValue);
+        if (onPan && nextValue.lastAction === ACTION_PAN) onPan(nextValue);
+      }
     }
@@ -498,2 +509,8 @@ }, {
 
+  //handler zoom level changed
+  onZoom: PropTypes.func,
+
+  //handler pan action performed
+  onPan: PropTypes.func,
+
   //handler click
@@ -592,3 +609,5 @@ onClick: PropTypes.func,
   customMiniature: Miniature,
-  disableZoomWithToolAuto: false
+  disableZoomWithToolAuto: false,
+  onZoom: null,
+  onPan: null
 };

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

@@ -1,1 +0,2 @@
-!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)}("undefined"!=typeof self?self: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=14)}([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 b});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",b="left"},function(e,t,n){"use strict";function r(e,t,n,r){return o({},v({},Object(b.identity)(),{version:2,mode:p.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(b.fromObject)(e),o=Object(b.inverse)(r);return Object(b.applyToPoint)(o,{x:t,y:n})}function a(e){var t=Object(b.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){return o(e,{scaleFactorMin:t,scaleFactorMax:n})}function f(e,t,n,r){var i=e.viewerWidth,a=e.viewerHeight,u=Object(b.transform)(Object(b.translate)(i/2-t,a/2-n),Object(b.translate)(t,n),Object(b.scale)(r,r),Object(b.translate)(-t,-n));return o(e,v({mode:p.a},u))}function h(e){return o(e,v({mode:p.a},Object(b.identity)()))}function d(e){return o(e,{mode:p.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.k=s,t.h=f,t.d=h,t.e=d;var p=n(1),b=n(4),v=(n.n(b),"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()}("undefined"!=typeof self&&self,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=3)}([function(e,t,n){"use strict";function r(e){return void 0===e}t.a=r},function(e,t,n){"use strict";function r(e){return{a:1,c:0,e:e,b:0,d:1,f:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0}}t.a=r},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";Object.defineProperty(t,"__esModule",{value:!0});var r=n(4);n.d(t,"applyToPoint",function(){return r.a}),n.d(t,"applyToPoints",function(){return r.b});var o=n(5);n.d(t,"fromObject",function(){return o.a});var i=n(6);n.d(t,"fromString",function(){return i.a});var a=n(7);n.d(t,"identity",function(){return a.a});var u=n(8);n.d(t,"inverse",function(){return u.a});var c=n(9);n.d(t,"isAffineMatrix",function(){return c.a});var l=n(10);n.d(t,"rotate",function(){return l.a}),n.d(t,"rotateDEG",function(){return l.b});var s=n(11);n.d(t,"scale",function(){return s.a});var f=n(12);n.d(t,"shear",function(){return f.a});var h=n(13);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(2);n.d(t,"transform",function(){return d.a});var p=n(1);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\(\s*(-?[0-9]*\.?[0-9]+)\s*,\s*(-?[0-9]*\.?[0-9]+)\s*,\s*(-?[0-9]*\.?[0-9]+)\s*,\s*(-?[0-9]*\.?[0-9]+)\s*,\s*(-?[0-9]*\.?[0-9]+)\s*,\s*(-?[0-9]*\.?[0-9]+)\s*\)$/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,t,n){var r=c(e),o=l(e),s={a:r,c:-o,e:0,b:o,d:r,f:0};return Object(i.a)(t)||Object(i.a)(n)?s:Object(u.a)([Object(a.a)(t,n),s,Object(a.a)(-t,-n)])}function o(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;return r(e*s/180,t,n)}t.a=r,t.b=o;var i=n(0),a=n(1),u=n(2),c=Math.cos,l=Math.sin,s=Math.PI},function(e,t,n){"use strict";function r(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;return Object(o.a)(t)&&(t=e),{a:e,c:0,e:0,b:0,d:t,f:0}}t.a=r;var o=n(0)},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,t){return e.scaleFactorMin&&e.d*t<=e.scaleFactorMin}function o(e,t){return e.scaleFactorMax&&e.d*t>=e.scaleFactorMax}function i(e,t){return r(e,t)&&t<1||o(e,t)&&t>1}function a(e,t){var n=t.a;return null!=e.scaleFactorMin&&(n=Math.max(n,e.scaleFactorMin)),null!=e.scaleFactorMax&&(n=Math.min(n,e.scaleFactorMax)),Object(v.f)(t,{a:n,d:n})}function u(e,t,n,r){if(i(e,r))return e;var o=Object(p.transform)(Object(p.fromObject)(e),Object(p.translate)(t,n),Object(p.scale)(r,r),Object(p.translate)(-t,-n));return Object(v.f)(e,m({mode:b.a},a(e,o),{startX:null,startY:null,endX:null,endY:null}))}function c(e,t,n,r,o){var u=e.viewerWidth,c=e.viewerHeight,l=u/r,s=c/o,f=Math.min(l,s),h=Object(p.transform)(Object(p.scale)(f,f),Object(p.translate)(-t,-n));return i(e,f/e.d)?Object(v.f)(e,{mode:b.a,startX:null,startY:null,endX:null,endY:null}):Object(v.f)(e,m({mode:b.a},a(e,h),{startX:null,startY:null,endX:null,endY:null}))}function l(e){return c(e,0,0,e.SVGWidth,e.SVGHeight)}function s(e,t){var n=e.viewerWidth,r=e.viewerHeight,o=Object(v.c)(e,n/2,r/2);return u(e,o.x,o.y,t)}function f(e,t,n){return Object(v.f)(e,{mode:b.c,startX:t,startY:n,endX:t,endY:n})}function h(e,t,n){if(e.mode!==b.c)throw new Error("update selection not allowed in this mode "+e.mode);return Object(v.f)(e,{endX:t,endY:n})}function d(e,t,n,r,o){var i=e.startX,a=e.startY,l=e.endX,s=e.endY,f=Object(v.c)(e,i,a),h=Object(v.c)(e,l,s);if(Math.abs(i-l)>7&&Math.abs(a-s)>7){var d=Object(g.a)(f,h);return c(e,d.x,d.y,d.width,d.height)}var p=Object(v.c)(e,t,n);return u(e,p.x,p.y,r,o)}t.c=i,t.d=a,t.h=u,t.a=c,t.b=l,t.i=s,t.e=f,t.g=h,t.f=d;var p=n(4),b=(n.n(p),n(1)),v=n(2),g=n(10),m=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,b=a[1],v=b.x,g=b.y,m=0;e.viewerWidth-d<0?m=e.viewerWidth-d:v<0&&(m=-v);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=2),e.viewerWidth-t<=20&&(o=-2),e.viewerHeight-n<=20&&(i=-2),t<=20&&(o=2),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 b=r;switch(n){case s.m:var v=Object(f.c)(r,a,u);b=Object(d.h)(r,v.x,v.y,1/o.scaleFactor,o);break;case s.l:b=Object(d.e)(r,a,u);break;case s.i:case s.k:b=Object(h.c)(r,a,u);break;default:return r}return e.preventDefault(),b}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,b=r;switch(n){case s.l:r.mode===s.c&&(b=p?Object(d.f)(r,a,u,o.scaleFactor,o):Object(d.g)(r,a,u));break;case s.i:case s.k:r.mode===s.b&&(b=p?Object(h.d)(r):Object(h.e)(r,a,u,o.preventPanOutside?20:void 0));break;default:return r}return e.preventDefault(),b}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.f)(r,a,u,1/o.scaleFactor,o));break;case s.l:r.mode===s.c&&(p=Object(d.f)(r,a,u,o.scaleFactor,o));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 b=Object(f.c)(r,a,u),v=function(t,n){return t||e.getModifierState(n)},g=o.modifierKeys.reduce(v,!1),m=g?1/o.scaleFactor:o.scaleFactor;p=Object(d.h)(r,b.x,b.y,m,o)}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)),b=Object(p.a)(h,-1,1,o.scaleFactorOnWheel,1/o.scaleFactorOnWheel),v=Object(f.c)(r,a,u),g=Object(d.h)(r,v.x,v.y,b,o);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(19)},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,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)}function a(e){var t=function(t){function n(e){r(this,n);var t=o(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e));return t.state={uid:d()},t}return i(n,t),f(n,[{key:"render",value:function(){return c.a.createElement(e,s({_uid:this.state.uid},this.props))}}]),n}(c.a.Component);return t.displayName="RandomUID("+Object(l.a)(e)+")",t}t.a=a;var u=n(0),c=n.n(u),l=n(23),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},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=1,d=function(){return"uid"+h++}},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()},v=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(b.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(b.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(b.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(b.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(b.a,{toolbarPosition:a,active:!1,name:"fit-to-viewer",title:"Fit to viewer",onClick:function(e){return v(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(25),f=n(26),h=n(27),d=n(28),p=n(29),b=n(30);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,b=e.width,v=e.height,g=n.SVGWidth,m=n.SVGHeight,y=n.viewerWidth,O=n.viewerHeight,w=m/g,j=w>=1?v/m:b/g,V=Object(s.applyToPoints)(Object(s.inverse)(n),[{x:0,y:0},{x:y,y:O}]),x=d(V,2),P=x[0],k=P.x,M=P.y,E=x[1],T=E.x,C=E.y,S=void 0,_=void 0;n.miniatureOpen?(S=b,_=v):(S=24,_=24);var R=(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:_+"px",bottom:"6px"},r(t,i===l.e?"left":"right","6px"),r(t,"background",c),t),F=w>=1?"translate("+(b-g*j)/2+", 0)":"translate(0, "+(v-m*j)/2+")";return a.a.createElement("div",{role:"navigation",style:R},a.a.createElement("svg",{width:b,height:v,style:{pointerEvents:"none"}},a.a.createElement("g",{transform:F},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:k,y1:M,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(32)),h=n(34),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(15);n.d(t,"ReactSVGPanZoom",function(){return r.a});var o=n(12);n.d(t,"Toolbar",function(){return o.a});var i=n(13);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.h}),n.d(t,"fitSelection",function(){return c.a}),n.d(t,"fitToViewer",function(){return c.b}),n.d(t,"zoomOnViewerCenter",function(){return c.i});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(16)),h=n(6),d=n(2),p=n(9),b=n(20),v=n(5),g=n(7),m=n(21),y=n(22),O=n(24),w=n(12),j=n(31),V=n(13),x=n(1),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},k=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}}(),M=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,b=h.height;return i.state={value:c||Object(d.b)(l,s,p,b),tool:u||x.j},i.ViewerDOM=null,i.autoPanLoop=i.autoPanLoop.bind(i),i}return i(t,e),k(t,[{key:"componentWillReceiveProps",value:function(e){var t=this.getValue(),n=!1,r=t;t.viewerWidth===e.width&&t.viewerHeight===e.height||(r=Object(d.j)(r,e.width,e.height),n=!0);var o=e.children.props,i=o.width,a=o.height;t.SVGWidth===i&&t.SVGHeight===a||(r=Object(d.i)(r,i,a),n=!0),t.scaleFactorMin===e.scaleFactorMin&&t.scaleFactorMax===e.scaleFactorMax||(r=Object(d.k)(r,e.scaleFactorMin,e.scaleFactorMax),n=!0),n&&this.setValue(r)}},{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(v.h)(this.getValue(),e,t,n);this.setValue(r)}},{key:"fitSelection",value:function(e,t,n,r){var o=Object(v.a)(this.getValue(),e,t,n,r);this.setValue(o)}},{key:"fitToViewer",value:function(){var e=Object(v.b)(this.getValue());this.setValue(e)}},{key:"zoomOnViewerCenter",value:function(e){var t=Object(v.i)(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:"autoPanLoop",value:function(){var e={x:this.state.viewerX,y:this.state.viewerY},t=Object(p.b)(null,this.ViewerDOM,this.getTool(),this.getValue(),this.props,e);this.getValue()!==t&&this.setValue(t),this.autoPanIsRunning&&requestAnimationFrame(this.autoPanLoop)}},{key:"componentDidMount",value:function(){var e=this.props,t=this.state;e.onChangeValue&&e.onChangeValue(t.value),this.autoPanIsRunning=!0,requestAnimationFrame(this.autoPanLoop)}},{key:"componentWillUnmount",value:function(){this.autoPanIsRunning=!1}},{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:P({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(b.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(b.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(b.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(b.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,style:this.props.SVGStyle,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=M,M.propTypes={width:l.a.number.isRequired,height:l.a.number.isRequired,background:l.a.string,SVGBackground:l.a.string,SVGStyle:l.a.object,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,scaleFactorOnWheel:l.a.number,scaleFactorMax:l.a.number,scaleFactorMin: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`")}},M.defaultProps={value:null,tool:null,style:{},background:"#616264",SVGBackground:"#fff",SVGStyle:{},detectWheel:!0,detectAutoPan:!0,detectPinchGesture:!0,toolbarPosition:x.g,modifierKeys:["Alt","Shift","Control"],customToolbar:w.a,preventPanOutside:!0,scaleFactor:1.1,scaleFactorOnWheel:1.06,miniaturePosition:x.e,miniatureWidth:100,miniatureHeight:80,miniatureBackground:"#616264",customMiniature:V.a,disableZoomWithToolAuto:!1}},function(e,t,n){"use strict";var r=n(17),o=n(18);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),v=Math.sqrt(Math.pow(f-l,2)+Math.pow(h-s,2)),y=r(o)?o.pinchPointDistance:v,O=Object(b.c)(o,(l+f)/2,(s+h)/2),w=v/y;if(Object(g.c)(o,w))return o;e.cancelable&&e.preventDefault();var j=Object(d.transform)(Object(d.fromObject)(o),Object(d.translate)(O.x,O.y),Object(d.scale)(w,w),Object(d.translate)(-O.x,-O.y));return Object(b.f)(o,Object(b.f)(m({mode:p.c},Object(g.d)(o,j),{startX:null,startY:null,endX:null,endY:null,prePinchMode:o.prePinchMode?o.prePinchMode:o.mode,pinchPointDistance:v})))}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(b.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(b.e)(r);if([p.a].indexOf(r.mode)>=0)return r}return c(e,t,n,r,a,v.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,v.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(b.f)(r,{pinchPointDistance:null}):r;return e.touches.length>0?i:c(e,t,n,i,o,v.f)}function h(e,t,n,r,o){return e.stopPropagation(),e.preventDefault(),Object(b.e)(r)}t.d=l,t.c=s,t.b=f,t.a=h;var d=n(4),p=(n.n(d),n(1)),b=n(2),v=n(9),g=n(5),m=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=e._uid,a=void 0;switch(t){case c.h:a="translate("+n+", 0) rotate(90)";break;case c.g:a="translate("+n+", "+r+") rotate(180)";break;case c.d:a="translate(0, "+r+") rotate(270)";break;case c.e:a=" "}var u=s+"_gradient_"+o,l=s+"_mask_"+o;return i.a.createElement("g",null,i.a.createElement("defs",null,i.a.createElement("linearGradient",{id:u,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:l,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(#"+u+")"}}))),i.a.createElement("rect",{x:"0",y:"0",width:"20",height:Math.max(n,r),style:{stroke:"none",fill:"#000",mask:"url(#"+l+")"},transform:a}))}var o=n(0),i=n.n(o),a=n(3),u=n.n(a),c=n(1),l=n(11),s="react-svg-pan-zoom_border_gradient";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},t.a=Object(l.a)(r)},function(e,t,n){"use strict";function r(e){return e.displayName||e.name||"Component"}t.a=r},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(33),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,c=(e.zoomToFit,e._uid),s=l+"_mask_"+c;return i.a.createElement("g",null,i.a.createElement("defs",null,i.a.createElement("mask",{id:s},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(#"+s+")",opacity:.4}}))}var o=n(0),i=n.n(o),a=n(3),u=n.n(a),c=n(11),l="react-svg-pan-zoom_miniature";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},t.a=Object(c.a)(r)}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("prop-types"),require("react")):"function"==typeof define&&define.amd?define(["prop-types","react"],t):"object"==typeof exports?exports.ReactSVGPanZoom=t(require("prop-types"),require("react")):e.ReactSVGPanZoom=t(e.PropTypes,e.React)}(window,function(e,t){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){window,e.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([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)})}function i(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)}}n.r(t);var a=/^matrix\(\s*([0-9_\+\-\.e]+)\s*,\s*([0-9_\+\-\.e]+)\s*,\s*([0-9_\+\-\.e]+)\s*,\s*([0-9_\+\-\.e]+)\s*,\s*([0-9_\+\-\.e]+)\s*,\s*([0-9_\+\-\.e]+)\s*\)$/i;function u(e){var t=e.match(a);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])}}function c(){return{a:1,c:0,e:0,b:0,d:1,f:0}}function l(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}}var s="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 h(e){var t=function(e){return"number"==typeof e&&!isNaN(e)&&isFinite(e)};return"object"===(void 0===e?"undefined":s(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)}function f(e){return void 0===e}function d(e){return{a:1,c:0,e:e,b:0,d:1,f:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0}}function p(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r,o=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=Array.isArray(t[0])?t[0]:t).length){case 0:throw new Error("no matrices provided");case 1:return t[0];case 2:return o(t[0],t[1]);default:var i=(r=t,Array.isArray(r)?r:Array.from(r)),a=i[0],u=i[1],c=i.slice(2),l=o(a,u);return p.apply(void 0,[l].concat(function(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)}(c)))}}var v=Math.cos,g=Math.sin,m=Math.PI;function b(e,t,n){var r=v(e),o=g(e),i={a:r,c:-o,e:0,b:o,d:r,f:0};return f(t)||f(n)?i:p([d(t,n),i,d(-t,-n)])}function y(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;return b(e*m/180,t,n)}function w(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;return f(t)&&(t=e),{a:e,c:0,e:0,b:0,d:t,f:0}}function O(e,t){return{a:1,c:e,e:0,b:t,d:1,f:0}}function V(e){return P(e)}function x(e){return P(e)}function P(e){return"matrix("+e.a+","+e.b+","+e.c+","+e.d+","+e.e+","+e.f+")"}n.d(t,"applyToPoint",function(){return r}),n.d(t,"applyToPoints",function(){return o}),n.d(t,"fromObject",function(){return i}),n.d(t,"fromString",function(){return u}),n.d(t,"identity",function(){return c}),n.d(t,"inverse",function(){return l}),n.d(t,"isAffineMatrix",function(){return h}),n.d(t,"rotate",function(){return b}),n.d(t,"rotateDEG",function(){return y}),n.d(t,"scale",function(){return w}),n.d(t,"shear",function(){return O}),n.d(t,"toCSS",function(){return V}),n.d(t,"toSVG",function(){return x}),n.d(t,"toString",function(){return P}),n.d(t,"transform",function(){return p}),n.d(t,"translate",function(){return d})}])},function(e,t,n){"use strict";n.r(t);var r=n(1),o=n.n(r),i=n(0),a=n.n(i),u=n(2),c="idle",l="panning",s="zooming",h="auto",f="none",d="pan",p="zoom-in",v="zoom-out",g="top",m="right",b="bottom",y="left",w="zoom",O="pan",V=("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 x(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return e=Object.assign({},e,t,{lastAction:n}),Object.freeze(e)}function P(e,t,n){var r=Object(u.fromObject)(e),o=Object(u.inverse)(r);return Object(u.applyToPoint)(o,{x:t,y:n})}function M(e){var t=Object(u.fromObject)(e);return{scaleFactor:t.a,translationX:t.e,translationY:t.f}}function E(e,t,n,r){var o=e.viewerWidth,i=e.viewerHeight,a=Object(u.transform)(Object(u.translate)(o/2-t,i/2-n),Object(u.translate)(t,n),Object(u.scale)(r,r),Object(u.translate)(-t,-n));return x(e,V({mode:c},a))}function k(e){return x(e,V({mode:c},Object(u.identity)()))}function j(e){return x(e,{mode:c,startX:null,startY:null,endX:null,endY:null})}var T=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}}();var _=function(){function e(t,n,r){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.originalEvent=t,this.value=n,this.SVGViewer=r}return T(e,[{key:"preventDefault",value:function(){this.originalEvent.preventDefault()}},{key:"stopPropagation",value:function(){this.originalEvent.stopPropagation()}},{key:"scaleFactor",get:function(){return this._cacheDecomposedValue=this._cacheDecomposedValue||M(this.value),this._cacheDecomposedValue.scaleFactor}},{key:"translationX",get:function(){return this._cacheDecomposedValue=this._cacheDecomposedValue||M(this.value),this._cacheDecomposedValue.translationX}},{key:"translationY",get:function(){return this._cacheDecomposedValue=this._cacheDecomposedValue||M(this.value),this._cacheDecomposedValue.translationY}}]),e}(),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}}();var S=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(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}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(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)}(t,_),C(t,[{key:"point",get:function(){if(!this._cachePoint){var e=this.originalEvent,t=this.value,n=this.SVGViewer.getBoundingClientRect(),r=e.clientX-Math.round(n.left),o=e.clientY-Math.round(n.top);this._cachePoint=P(t,r,o)}return this._cachePoint}},{key:"x",get:function(){return this.point.x}},{key:"y",get:function(){return this.point.y}}]),t}(),R=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},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}}();var D=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(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}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(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)}(t,_),F(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],a=t.getBoundingClientRect(),u=P(n,i.clientX-Math.round(a.left),i.clientY-Math.round(a.top));r.push(R({},u,{identifier:i.identifier}))}return r}}]),t}(),q=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},G=function(){return function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(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}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();function Y(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,o=Object(u.transform)(Object(u.fromObject)(e),Object(u.translate)(t,n));if(r){var i=Object(u.applyToPoints)(o,[{x:r,y:r},{x:e.SVGWidth-r,y:e.SVGHeight-r}]),a=G(i,2),l=a[0],s=l.x,h=l.y,f=a[1],d=f.x,p=f.y,v=0;e.viewerWidth-s<0?v=e.viewerWidth-s:d<0&&(v=-d);var g=0;e.viewerHeight-h<0?g=e.viewerHeight-h:p<0&&(g=-p),o=Object(u.transform)(Object(u.translate)(v,g),o)}return x(e,q({mode:c},o),O)}function X(e){return x(e,{mode:c,startX:null,startY:null,endX:null,endY:null},O)}function L(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}var H=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 W(e,t){return function(e,t){return e.scaleFactorMin&&e.d*t<=e.scaleFactorMin}(e,t)&&t<1||function(e,t){return e.scaleFactorMax&&e.d*t>=e.scaleFactorMax}(e,t)&&t>1}function A(e,t){var n=t.a;return null!=e.scaleFactorMin&&(n=Math.max(n,e.scaleFactorMin)),null!=e.scaleFactorMax&&(n=Math.min(n,e.scaleFactorMax)),x(t,{a:n,d:n})}function z(e,t,n,r){if(W(e,r))return e;var o=Object(u.transform)(Object(u.fromObject)(e),Object(u.translate)(t,n),Object(u.scale)(r,r),Object(u.translate)(-t,-n));return x(e,H({mode:c},A(e,o),{startX:null,startY:null,endX:null,endY:null}),w)}function N(e,t,n,r,o){var i=e.viewerWidth/r,a=e.viewerHeight/o,l=Math.min(i,a),s=Object(u.transform)(Object(u.scale)(l,l),Object(u.translate)(-t,-n));return W(e,l/e.d)?x(e,{mode:c,startX:null,startY:null,endX:null,endY:null}):x(e,H({mode:c},A(e,s),{startX:null,startY:null,endX:null,endY:null}),w)}function I(e){return N(e,0,0,e.SVGWidth,e.SVGHeight)}function B(e,t){var n=P(e,e.viewerWidth/2,e.viewerHeight/2);return z(e,n.x,n.y,t)}function Z(e,t,n,r,o){var i=e.startX,a=e.startY,u=e.endX,c=e.endY,l=P(e,i,a),s=P(e,u,c);if(Math.abs(i-u)>7&&Math.abs(a-c)>7){var h=L(l,s);return N(e,h.x,h.y,h.width,h.height)}var f=P(e,t,n);return z(e,f.x,f.y,r)}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(),f=c.left,g=c.top;a=e.clientX-Math.round(f),u=e.clientY-Math.round(g)}var m=r;switch(n){case v:var b=P(r,a,u);m=z(r,b.x,b.y,1/o.scaleFactor);break;case p:m=function(e,t,n){return x(e,{mode:s,startX:t,startY:n,endX:t,endY:n})}(r,a,u);break;case h:case d:m=function(e,t,n){return x(e,{mode:l,startX:t,startY:n,endX:t,endY:n},O)}(r,a,u);break;default:return r}return e.preventDefault(),m}function K(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(),f=c.left,v=c.top;a=e.clientX-Math.round(f),u=e.clientY-Math.round(v)}var g=0===e.buttons,m=r;switch(n){case p:r.mode===s&&(m=g?Z(r,a,u,o.scaleFactor):function(e,t,n){if(e.mode!==s)throw new Error("update selection not allowed in this mode "+e.mode);return x(e,{endX:t,endY:n})}(r,a,u));break;case h:case d:r.mode===l&&(m=g?X(r):function(e,t,n,r){if(e.mode!==l)throw new Error("update pan not allowed in this mode "+e.mode);var o=P(e,e.endX,e.endY),i=P(e,t,n);return x(Y(e,i.x-o.x,i.y-o.y,r),{mode:l,endX:t,endY:n},O)}(r,a,u,o.preventPanOutside?20:void 0));break;default:return r}return e.preventDefault(),m}function $(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(),f=c.left,g=c.top;a=e.clientX-Math.round(f),u=e.clientY-Math.round(g)}var m=r;switch(n){case v:r.mode===s&&(m=Z(r,a,u,1/o.scaleFactor));break;case p:r.mode===s&&(m=Z(r,a,u,o.scaleFactor));break;case h:case d:r.mode===l&&(m=X(r));break;default:return r}return e.preventDefault(),m}function J(e,t,n,r,o){arguments.length>5&&void 0!==arguments[5]&&arguments[5];var i=function(e,t){return x(e,{focus:t})}(r,"mouseenter"===e.type);return e.preventDefault(),i}function Q(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,a=i.x,u=i.y;return[f,h].indexOf(n)>=0&&o.detectAutoPan&&r.focus?function(e,t,n){var r=0,o=0;return n<=20&&(o=2),e.viewerWidth-t<=20&&(r=-2),e.viewerHeight-n<=20&&(o=-2),t<=20&&(r=2),r/=e.d,o/=e.d,0===r&&0===o?e:Y(e,r,o)}(r,a,u):r}var ee=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 te(e){return"number"==typeof e.pinchPointDistance}function ne(e,t,n,r,o){var i=t.getBoundingClientRect(),a=i.left,c=i.top,l=e.touches[0].clientX-Math.round(a),h=e.touches[0].clientY-Math.round(c),f=e.touches[1].clientX-Math.round(a),d=e.touches[1].clientY-Math.round(c),p=Math.sqrt(Math.pow(f-l,2)+Math.pow(d-h,2)),v=te(r)?r.pinchPointDistance:p,g=P(r,(l+f)/2,(h+d)/2),m=p/v;if(W(r,m))return r;e.cancelable&&e.preventDefault();var b=Object(u.transform)(Object(u.fromObject)(r),Object(u.translate)(g.x,g.y),Object(u.scale)(m,m),Object(u.translate)(-g.x,-g.y));return x(r,x(ee({mode:s},A(r,b),{startX:null,startY:null,endX:null,endY:null,prePinchMode:r.prePinchMode?r.prePinchMode:r.mode,pinchPointDistance:p})))}function re(e,t){return t.detectPinchGesture&&e.touches.length>1}function oe(e,t,n,r,o,i){var a=0===e.touches.length?x(r,{mode:r.prePinchMode?c:r.mode,prePinchMode:null}):r,u=function(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)}}(e.touches.length>0?e.touches[0]:e.changedTouches[0],t);switch(n){case v:case p:case h:case d:return e.stopPropagation(),e.preventDefault(),i(e,t,n,a,o,u);default:return a}}function ie(e,t,n,r,o){if(!([l,s].indexOf(r.mode)>=0))return r;var i=function(e,t,n){return n.detectPinchGesture&&te(t)&&e.touches.length<2}(e,r,o)?x(r,{pinchPointDistance:null}):r;return e.touches.length>0?i:oe(e,t,n,i,o,$)}function ae(e){return x(e,{miniatureOpen:!0})}function ue(e){return x(e,{miniatureOpen:!1})}var ce=function(){return navigator.userAgent.toLowerCase()},le=function(e){return function(e){return["zoom-in","zoom-out","grab","grabbing"].indexOf(e)>-1}(e)?ce().indexOf("firefox")>-1?"-moz-"+e:ce().indexOf("webkit")>-1?"-webkit-"+e:void 0:e};var se=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},he=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}}();var fe=1,de=function(){return"uid"+fe++};function pe(e){var t=function(t){function n(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n);var t=function(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}(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e));return t.state={uid:de()},t}return function(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)}(n,o.a.Component),he(n,[{key:"render",value:function(){return o.a.createElement(e,se({_uid:this.state.uid},this.props))}}]),n}();return t.displayName="RandomUID("+function(e){return e.displayName||e.name||"Component"}(e)+")",t}var ve="react-svg-pan-zoom_border_gradient";function ge(e){var t=e.direction,n=e.width,r=e.height,i=e._uid,a=void 0;switch(t){case g:a="translate("+n+", 0) rotate(90)";break;case m:a="translate("+n+", "+r+") rotate(180)";break;case b:a="translate(0, "+r+") rotate(270)";break;case y:a=" "}var u=ve+"_gradient_"+i,c=ve+"_mask_"+i;return o.a.createElement("g",null,o.a.createElement("defs",null,o.a.createElement("linearGradient",{id:u,x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},o.a.createElement("stop",{offset:"0%",stopColor:"#fff",stopOpacity:"0.8"}),o.a.createElement("stop",{offset:"100%",stopColor:"#000",stopOpacity:"0.5"})),o.a.createElement("mask",{id:c,x:"0",y:"0",width:"20",height:Math.max(n,r)},o.a.createElement("rect",{x:"0",y:"0",width:"20",height:Math.max(n,r),style:{stroke:"none",fill:"url(#"+u+")"}}))),o.a.createElement("rect",{x:"0",y:"0",width:"20",height:Math.max(n,r),style:{stroke:"none",fill:"#000",mask:"url(#"+c+")"},transform:a}))}ge.propTypes={direction:a.a.oneOf([g,m,b,y]).isRequired,width:a.a.number.isRequired,height:a.a.number.isRequired};var me=pe(ge);function be(e){var t=e.startX,n=e.startY,r=e.endX,i=e.endY;if(!(t&&n&&r&&i))return null;var a=L({x:t,y:n},{x:r,y:i});return o.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"}})}function ye(){return o.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},o.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"}))}function we(){return o.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},o.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"}))}function Oe(){return o.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},o.a.createElement("g",null,o.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"}),o.a.createElement("path",{d:"M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"})))}function Ve(){return o.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},o.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"}))}function xe(){return o.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},o.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"}))}be.propTypes={startX:a.a.number.isRequired,startY:a.a.number.isRequired,endX:a.a.number.isRequired,endY:a.a.number.isRequired};var Pe=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}}();var Me=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(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}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={hover:!1},n}return function(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)}(t,o.a.Component),Pe(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:[g,b].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 o.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}(),Ee=Me;function ke(e){var t=e.tool,n=e.value,r=e.onChangeValue,i=e.onChangeTool,a=e.position,u=function(e,t){i(t),e.stopPropagation(),e.preventDefault()},c=[g,b].indexOf(a)>=0,l={position:"absolute",transform:[g,b].indexOf(a)>=0?"translate(-50%, 0px)":"none",top:[y,m,g].indexOf(a)>=0?"5px":"unset",left:[g,b].indexOf(a)>=0?"50%":y===a?"5px":"unset",right:[m].indexOf(a)>=0?"5px":"unset",bottom:[b].indexOf(a)>=0?"5px":"unset",backgroundColor:"rgba(19, 20, 22, 0.90)",borderRadius:"2px",display:"flex",flexDirection:c?"row":"column",padding:c?"1px 2px":"2px 1px"};return o.a.createElement("div",{style:l,role:"toolbar"},o.a.createElement(Ee,{toolbarPosition:a,active:t===f,name:"unselect-tools",title:"Selection",onClick:function(e){return u(e,f)}},o.a.createElement(ye,null)),o.a.createElement(Ee,{toolbarPosition:a,active:t===d,name:"select-tool-pan",title:"Pan",onClick:function(e){return u(e,d)}},o.a.createElement(we,null)),o.a.createElement(Ee,{toolbarPosition:a,active:t===p,name:"select-tool-zoom-in",title:"Zoom in",onClick:function(e){return u(e,p)}},o.a.createElement(Oe,null)),o.a.createElement(Ee,{toolbarPosition:a,active:t===v,name:"select-tool-zoom-out",title:"Zoom out",onClick:function(e){return u(e,v)}},o.a.createElement(Ve,null)),o.a.createElement(Ee,{toolbarPosition:a,active:!1,name:"fit-to-viewer",title:"Fit to viewer",onClick:function(e){return function(e){r(I(n)),e.stopPropagation(),e.preventDefault()}(e)}},o.a.createElement(xe,null)))}function je(e){var t=e.open,n=0;switch(e.position){case y:n=t?"rotate(225, 12, 13)":"rotate(45, 12, 13)";break;case m:n=n=t?"rotate(135, 12, 13)":"rotate(-45, 12, 13)"}return o.a.createElement("svg",{width:24,height:24,stroke:"currentColor"},o.a.createElement("g",{transform:n},o.a.createElement("path",{fill:"#000000",d:"M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"})))}function Te(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _e(e){var t,n=e.value,r=e.onChangeValue,i=e.position,a=(Te(t={width:"24px",height:"24px",display:"block",position:"absolute",bottom:0},i===y?"left":"right","0px"),Te(t,"background","rgba(19, 20, 22, 0.901961)"),Te(t,"border",0),Te(t,"padding",0),Te(t,"outline",0),Te(t,"color","#fff"),t),u=n.miniatureOpen?ue:ae;return o.a.createElement("button",{role:"button",style:a,onClick:function(e){return r(u(n))}},o.a.createElement(je,{open:n.miniatureOpen,position:i}))}Me.propTypes={title:a.a.string.isRequired,name:a.a.string.isRequired,toolbarPosition:a.a.string.isRequired,onClick:a.a.func.isRequired,active:a.a.bool.isRequired},ke.propTypes={position:a.a.oneOf([g,m,b,y]).isRequired,tool:a.a.string.isRequired,value:a.a.object.isRequired,onChangeValue:a.a.func.isRequired,onChangeTool:a.a.func.isRequired},je.propTypes={open:a.a.bool.isRequired,position:a.a.oneOf([m,y]).isRequired},_e.propTypes={value:a.a.object.isRequired,onChangeValue:a.a.func.isRequired,position:a.a.oneOf([m,y]).isRequired};var Ce="react-svg-pan-zoom_miniature";function Se(e){var t=e.SVGWidth,n=e.SVGHeight,r=e.x1,i=e.y1,a=e.x2,u=e.y2,c=(e.zoomToFit,e._uid),l=Ce+"_mask_"+c;return o.a.createElement("g",null,o.a.createElement("defs",null,o.a.createElement("mask",{id:l},o.a.createElement("rect",{x:"0",y:"0",width:t,height:n,fill:"#ffffff"}),o.a.createElement("rect",{x:r,y:i,width:a-r,height:u-i}))),o.a.createElement("rect",{x:"0",y:"0",width:t,height:n,style:{stroke:"none",fill:"#000",mask:"url(#"+l+")",opacity:.4}}))}Se.propTypes={SVGWidth:a.a.number.isRequired,SVGHeight:a.a.number.isRequired,x1:a.a.number.isRequired,y1:a.a.number.isRequired,x2:a.a.number.isRequired,y2:a.a.number.isRequired,zoomToFit:a.a.number.isRequired};var Re=pe(Se),Fe=function(){return function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(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}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();function De(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Math.min,Math.max;function qe(e){var t,n=e.value,r=e.onChangeValue,i=e.position,a=e.children,c=e.background,l=e.SVGBackground,s=e.width,h=e.height,f=n.SVGWidth,d=n.SVGHeight,p=n.viewerWidth,v=n.viewerHeight,g=d/f,m=g>=1?h/d:s/f,b=Object(u.applyToPoints)(Object(u.inverse)(n),[{x:0,y:0},{x:p,y:v}]),w=Fe(b,2),O=w[0],V=O.x,x=O.y,P=w[1],M=P.x,E=P.y,k=void 0,j=void 0;n.miniatureOpen?(k=s,j=h):(k=24,j=24);var T=(De(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:k+"px",height:j+"px",bottom:"6px"},i===y?"left":"right","6px"),De(t,"background",c),t),_=g>=1?"translate("+(s-f*m)/2+", 0)":"translate(0, "+(h-d*m)/2+")";return o.a.createElement("div",{role:"navigation",style:T},o.a.createElement("svg",{width:s,height:h,style:{pointerEvents:"none"}},o.a.createElement("g",{transform:_},o.a.createElement("g",{transform:"scale("+m+", "+m+")"},o.a.createElement("rect",{fill:l,x:0,y:0,width:n.SVGWidth,height:n.SVGHeight}),a,o.a.createElement(Re,{SVGWidth:f,SVGHeight:d,x1:V,y1:x,x2:M,y2:E,zoomToFit:m})))),o.a.createElement(_e,{value:n,onChangeValue:r,position:i}))}qe.propTypes={position:a.a.oneOf([m,y]).isRequired,value:a.a.object.isRequired,onChangeValue:a.a.func.isRequired,background:a.a.string.isRequired,SVGBackground:a.a.string.isRequired,width:a.a.number.isRequired};var Ge=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},Ye=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}}();var Xe=function(e){function t(e,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(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}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n)),o=r.props,i=o.tool,a=o.value,l=o.width,s=o.height,h=o.scaleFactorMin,d=o.scaleFactorMax,p=o.children.props,v=p.width,g=p.height;return r.state={value:a||function(e,t,n,r,o,i){return x({},V({},Object(u.identity)(),{version:2,mode:c,focus:!1,pinchPointDistance:null,prePinchMode:null,viewerWidth:e,viewerHeight:t,SVGWidth:n,SVGHeight:r,scaleFactorMin:o,scaleFactorMax:i,startX:null,startY:null,endX:null,endY:null,miniatureOpen:!0,lastAction:null}))}(l,s,v,g,h,d),tool:i||f},r.ViewerDOM=null,r.autoPanLoop=r.autoPanLoop.bind(r),r}return function(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)}(t,o.a.Component),Ye(t,[{key:"componentWillReceiveProps",value:function(e){var t=this.getValue(),n=!1,r=t;t.viewerWidth===e.width&&t.viewerHeight===e.height||(r=function(e,t,n){return x(e,{viewerWidth:t,viewerHeight:n})}(r,e.width,e.height),n=!0);var o=e.children.props,i=o.width,a=o.height;t.SVGWidth===i&&t.SVGHeight===a||(r=function(e,t,n){return x(e,{SVGWidth:t,SVGHeight:n})}(r,i,a),n=!0),t.scaleFactorMin===e.scaleFactorMin&&t.scaleFactorMax===e.scaleFactorMax||(r=function(e,t,n){return x(e,{scaleFactorMin:t,scaleFactorMax:n})}(r,e.scaleFactorMin,e.scaleFactorMax),n=!0),n&&this.setValue(r)}},{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!==[d,h].indexOf(this.getTool()))&&(t.touchAction="none"),t}},{key:"setValue",value:function(e){var t=this.props,n=t.onChangeValue,r=t.onZoom,o=t.onPan;this.setState({value:e}),n&&n(e),e.lastAction&&(r&&e.lastAction===w&&r(e),o&&e.lastAction===O&&o(e))}},{key:"pan",value:function(e,t){var n=Y(this.getValue(),e,t);this.setValue(n)}},{key:"zoom",value:function(e,t,n){var r=z(this.getValue(),e,t,n);this.setValue(r)}},{key:"fitSelection",value:function(e,t,n,r){var o=N(this.getValue(),e,t,n,r);this.setValue(o)}},{key:"fitToViewer",value:function(){var e=I(this.getValue());this.setValue(e)}},{key:"zoomOnViewerCenter",value:function(e){var t=B(this.getValue(),e);this.setValue(t)}},{key:"setPointOnViewerCenter",value:function(e,t,n){var r=E(this.getValue(),e,t,n);this.setValue(r)}},{key:"reset",value:function(){var e=k(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=ae(this.getValue());this.setValue(e)}},{key:"closeMiniature",value:function(){var e=ue(this.getValue());this.setValue(e)}},{key:"handleViewerEvent",value:function(e){var t=this.props,n=this.state.value,r=this.ViewerDOM;if([f,h].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}[e.type];o&&o(function(e,t,n){var r=e.type;switch(r){case"mousemove":case"mouseup":case"mousedown":case"click":case"dblclick":return new S(e,t,n);case"touchstart":case"touchmove":case"touchend":case"touchcancel":return new D(e,t,n);default:throw new Error(r+" not supported")}}(e,n,r))}}},{key:"autoPanLoop",value:function(){var e={x:this.state.viewerX,y:this.state.viewerY},t=Q(null,this.ViewerDOM,this.getTool(),this.getValue(),this.props,e);this.getValue()!==t&&this.setValue(t),this.autoPanIsRunning&&requestAnimationFrame(this.autoPanLoop)}},{key:"componentDidMount",value:function(){var e=this.props,t=this.state;e.onChangeValue&&e.onChangeValue(t.value),this.autoPanIsRunning=!0,requestAnimationFrame(this.autoPanLoop)}},{key:"componentWillUnmount",value:function(){this.autoPanIsRunning=!1}},{key:"render",value:function(){var e=this,t=this.props,n=this.state,r=n.viewerX,i=n.viewerY,a=this.getTool(),w=this.getValue(),O=t.customToolbar,V=t.customMiniature,x=a===h&&w.mode===l&&w.startX!==w.endX&&w.startY!==w.endY,M=void 0;a===d&&(M=le(w.mode===l?"grabbing":"grab")),a===p&&(M=le("zoom-in")),a===v&&(M=le("zoom-out")),x&&(M=le("grabbing"));var E=[d,p,v].indexOf(a)>=0;return E=E||x,o.a.createElement("div",{style:Ge({position:"relative",width:w.viewerWidth,height:w.viewerHeight},t.style),className:this.props.className},o.a.createElement("svg",{ref:function(t){return e.ViewerDOM=t},width:w.viewerWidth,height:w.viewerHeight,style:this.getSvgStyle(M),onMouseDown:function(t){var n=U(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=K(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=$(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=function(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)}var f=r;switch(n){case h:if(!o.disableDoubleClickZoomWithToolAuto){var d=P(r,a,u),p=o.modifierKeys.reduce(function(t,n){return t||e.getModifierState(n)},!1)?1/o.scaleFactor:o.scaleFactor;f=z(r,d.x,d.y,p)}break;default:return r}return e.preventDefault(),f}(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onWheel:function(t){var n=function(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=function(e,t,n,r,o){return r+(o-r)*(e-t)/(n-t)}(Math.max(-1,Math.min(1,e.deltaY)),-1,1,o.scaleFactorOnWheel,1/o.scaleFactorOnWheel),f=P(r,a,u),d=z(r,f.x,f.y,h);return e.preventDefault(),d}(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n)},onMouseEnter:function(t){if(!("ontouchstart"in window||navigator.maxTouchPoints)){var n=J(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n)}},onMouseLeave:function(t){var n=J(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n)},onTouchStart:function(t){var n=function(e,t,n,r,o){if(re(e,o))return ne(e,t,0,r);if(1!==e.touches.length){if([l,s].indexOf(r.mode)>=0)return j(r);if([c].indexOf(r.mode)>=0)return r}return oe(e,t,n,r,o,U)}(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onTouchMove:function(t){var n=function(e,t,n,r,o){return re(e,o)?ne(e,t,0,r):[l,s].indexOf(r.mode)>=0?oe(e,t,n,r,o,K):r}(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onTouchEnd:function(t){var n=ie(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)},onTouchCancel:function(t){var n=function(e,t,n,r,o){return e.stopPropagation(),e.preventDefault(),j(r)}(t,e.ViewerDOM,e.getTool(),e.getValue(),e.props);e.getValue()!==n&&e.setValue(n),e.handleViewerEvent(t)}},o.a.createElement("rect",{fill:t.background,x:0,y:0,width:w.viewerWidth,height:w.viewerHeight,style:{pointerEvents:"none"}}),o.a.createElement("g",{transform:Object(u.toSVG)(w),style:E?{pointerEvents:"none"}:{}},o.a.createElement("rect",{fill:this.props.SVGBackground,style:this.props.SVGStyle,x:0,y:0,width:w.SVGWidth,height:w.SVGHeight}),o.a.createElement("g",null,t.children.props.children)),[f,h].indexOf(a)>=0&&t.detectAutoPan&&w.focus?o.a.createElement("g",{style:{pointerEvents:"none"}},i<=20?o.a.createElement(me,{direction:g,width:w.viewerWidth,height:w.viewerHeight}):null,w.viewerWidth-r<=20?o.a.createElement(me,{direction:m,width:w.viewerWidth,height:w.viewerHeight}):null,w.viewerHeight-i<=20?o.a.createElement(me,{direction:b,width:w.viewerWidth,height:w.viewerHeight}):null,w.focus&&r<=20?o.a.createElement(me,{direction:y,width:w.viewerWidth,height:w.viewerHeight}):null):null,w.mode!==s?null:o.a.createElement(be,{startX:w.startX,startY:w.startY,endX:w.endX,endY:w.endY})),"none"===t.toolbarPosition?null:o.a.createElement(O,{position:t.toolbarPosition,value:w,onChangeValue:function(t){return e.setValue(t)},tool:a,onChangeTool:function(t){return e.changeTool(t)}}),"none"===t.miniaturePosition?null:o.a.createElement(V,{position:t.miniaturePosition,value:w,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}(),Le=Xe;Xe.propTypes={width:a.a.number.isRequired,height:a.a.number.isRequired,background:a.a.string,SVGBackground:a.a.string,SVGStyle:a.a.object,value:a.a.shape({version:a.a.oneOf([2]).isRequired,mode:a.a.oneOf([c,l,s]).isRequired,focus:a.a.bool.isRequired,a:a.a.number.isRequired,b:a.a.number.isRequired,c:a.a.number.isRequired,d:a.a.number.isRequired,e:a.a.number.isRequired,f:a.a.number.isRequired,viewerWidth:a.a.number.isRequired,viewerHeight:a.a.number.isRequired,SVGWidth:a.a.number.isRequired,SVGHeight:a.a.number.isRequired,startX:a.a.number,startY:a.a.number,endX:a.a.number,endY:a.a.number,miniatureOpen:a.a.bool.isRequired}),style:a.a.object,className:a.a.string,detectWheel:a.a.bool,detectAutoPan:a.a.bool,detectPinchGesture:a.a.bool,toolbarPosition:a.a.oneOf(["none",g,m,b,y]),onChangeValue:a.a.func,onChangeTool:a.a.func,onZoom:a.a.func,onPan:a.a.func,onClick:a.a.func,onDoubleClick:a.a.func,onMouseUp:a.a.func,onMouseMove:a.a.func,onMouseDown:a.a.func,preventPanOutside:a.a.bool,scaleFactor:a.a.number,scaleFactorOnWheel:a.a.number,scaleFactorMax:a.a.number,scaleFactorMin:a.a.number,tool:a.a.oneOf([h,f,d,p,v]),modifierKeys:a.a.array,customToolbar:a.a.oneOfType([a.a.element,a.a.func]),miniaturePosition:a.a.oneOf(["none",m,y]),miniatureBackground:a.a.string,miniatureWidth:a.a.number,miniatureHeight:a.a.number,customMiniature:a.a.oneOfType([a.a.element,a.a.func]),disableDoubleClickZoomWithToolAuto:a.a.bool,children:function(e,t,n){var r=e[t],i=["svg"];return 1!==o.a.Children.count(r)||-1===i.indexOf(r.type)?new Error("`"+n+"` should have a single child of the following types:  `"+i.join("`, `")+"`."):r.props.hasOwnProperty("width")&&r.props.hasOwnProperty("height")?void 0:new Error("SVG should have props `width` and `height`")}},Xe.defaultProps={value:null,tool:null,style:{},background:"#616264",SVGBackground:"#fff",SVGStyle:{},detectWheel:!0,detectAutoPan:!0,detectPinchGesture:!0,toolbarPosition:m,modifierKeys:["Alt","Shift","Control"],customToolbar:ke,preventPanOutside:!0,scaleFactor:1.1,scaleFactorOnWheel:1.06,miniaturePosition:y,miniatureWidth:100,miniatureHeight:80,miniatureBackground:"#616264",customMiniature:qe,disableZoomWithToolAuto:!1,onZoom:null,onPan:null},n.d(t,"Viewer",function(){return He}),n.d(t,"ReactSVGPanZoom",function(){return Le}),n.d(t,"Toolbar",function(){return ke}),n.d(t,"Miniature",function(){return qe}),n.d(t,"setPointOnViewerCenter",function(){return E}),n.d(t,"reset",function(){return k}),n.d(t,"pan",function(){return Y}),n.d(t,"zoom",function(){return z}),n.d(t,"fitSelection",function(){return N}),n.d(t,"fitToViewer",function(){return I}),n.d(t,"zoomOnViewerCenter",function(){return B}),n.d(t,"openMiniature",function(){return ae}),n.d(t,"closeMiniature",function(){return ue}),n.d(t,"MODE_IDLE",function(){return c}),n.d(t,"MODE_PANNING",function(){return l}),n.d(t,"MODE_ZOOMING",function(){return s}),n.d(t,"TOOL_AUTO",function(){return h}),n.d(t,"TOOL_NONE",function(){return f}),n.d(t,"TOOL_PAN",function(){return d}),n.d(t,"TOOL_ZOOM_IN",function(){return p}),n.d(t,"TOOL_ZOOM_OUT",function(){return v}),n.d(t,"POSITION_NONE",function(){return"none"}),n.d(t,"POSITION_TOP",function(){return g}),n.d(t,"POSITION_RIGHT",function(){return m}),n.d(t,"POSITION_BOTTOM",function(){return b}),n.d(t,"POSITION_LEFT",function(){return y}),n.d(t,"ACTION_ZOOM",function(){return w}),n.d(t,"ACTION_PAN",function(){return O});var He=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}}])});
+//# sourceMappingURL=react-svg-pan-zoom.min.js.map

package.json

 {
   "author": "chrvadala",
   "name": "react-svg-pan-zoom",
-  "version": "2.15.1",
+  "version": "2.16.0",
   "description": "A React component that adds pan and zoom features to SVG",
@@ -53,15 +53,15 @@ "main": "./build-commonjs/index.js",
   "dependencies": {
-    "prop-types": "^15.5.10",
+    "prop-types": "^15.6.1",
     "transformation-matrix": "^1.7.0"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^3.2.17",
-    "@storybook/addon-knobs": "^3.2.17",
-    "@storybook/addon-options": "^3.2.17",
-    "@storybook/addons": "^3.2.17",
-    "@storybook/react": "^3.2.17",
-    "@storybook/ui": "^3.2.17",
+    "@storybook/addon-actions": "^3.3.15",
+    "@storybook/addon-knobs": "^3.3.15",
+    "@storybook/addon-options": "^3.3.15",
+    "@storybook/addons": "^3.3.15",
+    "@storybook/react": "^3.3.15",
+    "@storybook/ui": "^3.3.15",
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.2",
+    "babel-loader": "^7.1.4",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
@@ -71,13 +71,12 @@ "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
-    "cross-env": "^5.1.3",
+    "cross-env": "^5.1.4",
     "del-cli": "^1.1.0",
     "gh-pages": "^1.1.0",
     "npm-run-all": "^4.1.2",
-    "raw-loader": "^0.5.1",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
     "react-virtualized": "^9.18.5",
-    "remarkable": "^1.7.1",
-    "webpack": "^3.10.0",
-    "webpack-dev-server": "^2.11.1"
+    "webpack": "^4.1.1",
+    "webpack-cli": "^2.0.10",
+    "webpack-dev-server": "^3.1.1"
   },
@@ -84,0 +83,0 @@ "peerDependencies": {

README.md

@@ -40,2 +40,3 @@ # react-svg-pan-zoom
 ```html
+<script src="https://unpkg.com/prop-types@15/prop-types.js"></script>
 <script src="https://unpkg.com/react-svg-pan-zoom@2"></script>
@@ -58,5 +59,5 @@ ```
 - **v2.5** - Adds `preventPanOutside` and `scaleFactor` props
-- **v2.6** - Introduces [transformation-matrix](https://www.npmjs.com/package/transformation-matrix) that reduces bundle size thanks to three shaking, Fix pan limit behaviour, Replaces toolbar links with buttons, minor improvements
+- **v2.6** - Introduces [transformation-matrix](https://www.npmjs.com/package/transformation-matrix) that reduces bundle size thanks to three shaking, Fixes pan limit behaviour, Replaces toolbar links with buttons, minor improvements
 - **v2.7** - Adds miniature feature, Adds [PropTypes](https://www.npmjs.com/package/prop-types) support
-- **v2.8** - Adds storybook demo, Remove bower support, Adds pinch to zoom feature, Fix miniature size
+- **v2.8** - Adds storybook demo, Remove bower support, Adds pinch to zoom feature, Fixes miniature size
 - **v2.9** - Reinvents miniature and introduce props `miniatureBackground`, `miniatureHeight`, Minor improvements & fix
@@ -68,3 +69,4 @@ - **v2.10** - Introduces prop `disableDoubleClickZoomWithToolAuto`
 - **v2.14** - Introduces prop `scaleFactorOnWheel`, Upgrades deps
-- **v2.15** - Improves autopan feature (#71), adds `scaleFactorMax`, `scaleFactorMin` props (#71), Upgrades deps
+- **v2.15** - Improves autopan feature ([#71](https://github.com/chrvadala/react-svg-pan-zoom/issues/71)), adds `scaleFactorMax`, `scaleFactorMin` props ([#71](https://github.com/chrvadala/react-svg-pan-zoom/issues/71)), Upgrades deps
+- **v2.16** - Adds `onPan` and `onZoom` callbacks, Upgrade deps, Fixes boundaries feature
 
@@ -71,0 +73,0 @@ ## Some projects using react-svg-pan-zoom

src/constants.js

@@ -16,1 +16,4 @@ export const MODE_IDLE = 'idle';
 export const POSITION_LEFT = 'left';
+
+export const ACTION_ZOOM = 'zoom';
+export const ACTION_PAN = 'pan';

src/features/common.js

@@ -16,3 +16,3 @@ import {TOOL_NONE, MODE_IDLE} from '../constants';
  */
-export function getDefaultValue(viewerWidth, viewerHeight, SVGWidth, SVGHeight) {
+export function getDefaultValue(viewerWidth, viewerHeight, SVGWidth, SVGHeight, scaleFactorMin, scaleFactorMax) {
   return set({}, {
@@ -29,2 +29,4 @@ ...identity(),
     SVGHeight,
+    scaleFactorMin,
+    scaleFactorMax,
     startX: null,
@@ -34,3 +36,4 @@ startY: null,
     endY: null,
-    miniatureOpen: true
+    miniatureOpen: true,
+    lastAction: null,
   });
@@ -43,6 +46,7 @@ }
  * @param change
+ * @param action
  * @returns {Object}
  */
-export function set(value, change) {
-  value = Object.assign({}, value, change);
+export function set(value, change, action = null) {
+  value = Object.assign({}, value, change, {lastAction: action});
   return Object.freeze(value);
@@ -124,5 +128,5 @@ }
 /**
- * 
- * @param value 
- * @param scaleFactorMin 
+ *
+ * @param value
+ * @param scaleFactorMin
  * @param scaleFactorMax
@@ -129,0 +133,0 @@ * @returns {Object}

src/features/pan.js

@@ -1,2 +0,2 @@
-import {MODE_IDLE, MODE_PANNING} from '../constants';
+import {ACTION_PAN, MODE_IDLE, MODE_PANNING} from '../constants';
 import {set, getSVGPoint} from './common';
@@ -50,3 +50,3 @@ import {fromObject, translate, transform, applyToPoints, inverse} from 'transformation-matrix';
     ...matrix,
-  });
+  }, ACTION_PAN);
 }
@@ -61,3 +61,3 @@
     endY: viewerY
-  });
+  }, ACTION_PAN);
 }
@@ -81,3 +81,3 @@
     endY: viewerY,
-  });
+  }, ACTION_PAN);
 }
@@ -92,3 +92,3 @@
       endY: null
-    }
+    }, ACTION_PAN
   );
@@ -95,0 +95,0 @@ }

src/features/zoom.js

 import {transform, fromObject, translate, scale} from 'transformation-matrix';
 
-import {MODE_IDLE, MODE_ZOOMING} from '../constants';
+import {ACTION_ZOOM, MODE_IDLE, MODE_ZOOMING} from '../constants';
 import {set, getSVGPoint} from './common';
@@ -58,3 +58,3 @@ import calculateBox from '../utils/calculateBox';
     endY: null
-  });
+  }, ACTION_ZOOM);
 }
@@ -93,3 +93,3 @@
     endY: null
-  });
+  }, ACTION_ZOOM);
 }
@@ -96,0 +96,0 @@

src/viewer.js

@@ -10,4 +10,11 @@ import React from 'react';
 import {pan} from './features/pan';
-import {getDefaultValue, setViewerSize, setSVGSize, setPointOnViewerCenter, reset, setZoomLevels} from './features/common';
 import {
+  getDefaultValue,
+  setViewerSize,
+  setSVGSize,
+  setPointOnViewerCenter,
+  reset,
+  setZoomLevels
+} from './features/common';
+import {
   onMouseDown,
@@ -26,3 +33,3 @@ onMouseMove,
   onTouchCancel
-}from './features/interactions-touch';
+} from './features/interactions-touch';
 
@@ -43,3 +50,4 @@ import {zoom, fitSelection, fitToViewer, zoomOnViewerCenter} from './features/zoom';
   MODE_IDLE, MODE_PANNING, MODE_ZOOMING,
-  POSITION_NONE, POSITION_TOP, POSITION_RIGHT, POSITION_BOTTOM, POSITION_LEFT
+  POSITION_NONE, POSITION_TOP, POSITION_RIGHT, POSITION_BOTTOM, POSITION_LEFT,
+  ACTION_PAN, ACTION_ZOOM
 } from './constants';
@@ -52,7 +60,7 @@
 
-    let {tool, value, width: viewerWidth, height: viewerHeight, children} = this.props;
+    let {tool, value, width: viewerWidth, height: viewerHeight, scaleFactorMin, scaleFactorMax, children} = this.props;
     let {width: SVGWidth, height: SVGHeight} = children.props;
 
     this.state = {
-      value: value ? value : getDefaultValue(viewerWidth, viewerHeight, SVGWidth, SVGHeight),
+      value: value ? value : getDefaultValue(viewerWidth, viewerHeight, SVGWidth, SVGHeight, scaleFactorMin, scaleFactorMax),
       tool: tool ? tool : TOOL_NONE
@@ -115,4 +123,9 @@ };
   setValue(nextValue) {
+    let {onChangeValue, onZoom, onPan} = this.props;
     this.setState({value: nextValue});
-    if (this.props.onChangeValue) this.props.onChangeValue(nextValue);
+    if (onChangeValue) onChangeValue(nextValue);
+    if (nextValue.lastAction) {
+      if (onZoom && nextValue.lastAction === ACTION_ZOOM) onZoom(nextValue);
+      if (onPan && nextValue.lastAction === ACTION_PAN) onPan(nextValue);
+    }
   }
@@ -204,3 +217,3 @@
 
-    if(this.autoPanIsRunning) {
+    if (this.autoPanIsRunning) {
       requestAnimationFrame(this.autoPanLoop);
@@ -261,3 +274,3 @@ }
 
-          onMouseDown={ event => {
+          onMouseDown={event => {
             let nextValue = onMouseDown(event, this.ViewerDOM, this.getTool(), this.getValue(), this.props);
@@ -267,3 +280,3 @@ if (this.getValue() !== nextValue) this.setValue(nextValue);
           }}
-          onMouseMove={ event => {
+          onMouseMove={event => {
             let {left, top} = this.ViewerDOM.getBoundingClientRect();
@@ -278,3 +291,3 @@ let x = event.clientX - Math.round(left);
           }}
-          onMouseUp={ event => {
+          onMouseUp={event => {
             let nextValue = onMouseUp(event, this.ViewerDOM, this.getTool(), this.getValue(), this.props);
@@ -288,3 +301,3 @@ if (this.getValue() !== nextValue) this.setValue(nextValue);
           }}
-          onDoubleClick={ event => {
+          onDoubleClick={event => {
             let nextValue = onDoubleClick(event, this.ViewerDOM, this.getTool(), this.getValue(), this.props);
@@ -295,3 +308,3 @@ if (this.getValue() !== nextValue) this.setValue(nextValue);
 
-          onWheel={ event => {
+          onWheel={event => {
             let nextValue = onWheel(event, this.ViewerDOM, this.getTool(), this.getValue(), this.props);
@@ -301,3 +314,3 @@ if (this.getValue() !== nextValue) this.setValue(nextValue);
 
-          onMouseEnter={ event => {
+          onMouseEnter={event => {
             if (detectTouch()) return;
@@ -307,3 +320,3 @@ let nextValue = onMouseEnterOrLeave(event, this.ViewerDOM, this.getTool(), this.getValue(), this.props);
           }}
-          onMouseLeave={ event => {
+          onMouseLeave={event => {
             let nextValue = onMouseEnterOrLeave(event, this.ViewerDOM, this.getTool(), this.getValue(), this.props);
@@ -313,3 +326,3 @@ if (this.getValue() !== nextValue) this.setValue(nextValue);
 
-          onTouchStart={ event => {
+          onTouchStart={event => {
             let nextValue = onTouchStart(event, this.ViewerDOM, this.getTool(), this.getValue(), this.props);
@@ -319,3 +332,3 @@ if (this.getValue() !== nextValue) this.setValue(nextValue);
           }}
-          onTouchMove={ event => {
+          onTouchMove={event => {
             let nextValue = onTouchMove(event, this.ViewerDOM, this.getTool(), this.getValue(), this.props);
@@ -325,3 +338,3 @@ if (this.getValue() !== nextValue) this.setValue(nextValue);
           }}
-          onTouchEnd={ event => {
+          onTouchEnd={event => {
             let nextValue = onTouchEnd(event, this.ViewerDOM, this.getTool(), this.getValue(), this.props);
@@ -331,3 +344,3 @@ if (this.getValue() !== nextValue) this.setValue(nextValue);
           }}
-          onTouchCancel={ event => {
+          onTouchCancel={event => {
             let nextValue = onTouchCancel(event, this.ViewerDOM, this.getTool(), this.getValue(), this.props);
@@ -372,7 +385,7 @@ if (this.getValue() !== nextValue) this.setValue(nextValue);
 
-              {!( value.viewerHeight - viewerY <= 20) ? null :
+              {!(value.viewerHeight - viewerY <= 20) ? null :
                 <BorderGradient direction={POSITION_BOTTOM} width={value.viewerWidth} height={value.viewerHeight}/>
               }
 
-              {!( value.focus && viewerX <= 20) ? null :
+              {!(value.focus && viewerX <= 20) ? null :
                 <BorderGradient direction={POSITION_LEFT} width={value.viewerWidth} height={value.viewerHeight}/>
@@ -394,3 +407,3 @@ }
             tool={tool}
-            onChangeTool={tool => this.changeTool(tool)}/> }
+            onChangeTool={tool => this.changeTool(tool)}/>}
 
@@ -477,2 +490,8 @@ {props.miniaturePosition === POSITION_NONE ? null :
 
+  //handler zoom level changed
+  onZoom: PropTypes.func,
+
+  //handler pan action performed
+  onPan: PropTypes.func,
+
   //handler click
@@ -577,3 +596,5 @@ onClick: PropTypes.func,
   customMiniature: Miniature,
-  disableZoomWithToolAuto: false
+  disableZoomWithToolAuto: false,
+  onZoom: null,
+  onPan: null,
 };

No alert changes

Improved metrics

Total package byte prevSize

3754007

increased by0.49%

Dev dependency count

23

decreased by-4.17%

Number of package files

118

increased by8.26%

Number of lines in readme file

85

increased by2.41%

Worsened metrics

Lines of code

8893

decreased by-0.21%

Dependency changes

• Updatedprop-types@^15.6.1