!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r(r.s=50)}([function(e,t,r){"use strict";e.exports=r(13)},function(e,t,r){e.exports=r(17)()},,function(e,t,r){"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE){0;try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}}(),e.exports=r(14)},function(e,t){e.exports=function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}},function(e,t,r){var n=r(20);e.exports=p,e.exports.parse=i,e.exports.compile=function(e,t){return l(i(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=m;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function i(e,t){for(var r,n=[],i=0,a=0,l="",s=t&&t.delimiter||"/";null!=(r=o.exec(e));){var u=r[0],m=r[1],p=r.index;if(l+=e.slice(a,p),a=p+u.length,m)l+=m[1];else{var f=e[a],g=r[2],b=r[3],h=r[4],x=r[5],v=r[6],y=r[7];l&&(n.push(l),l="");var w=null!=g&&null!=f&&f!==g,k="+"===v||"*"===v,E="?"===v||"*"===v,S=r[2]||s,T=h||x;n.push({name:b||i++,prefix:g||"",delimiter:S,optional:E,repeat:k,partial:w,asterisk:!!y,pattern:T?d(T):y?".*":"[^"+c(S)+"]+?"})}}return a1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.arrayPrefix||"";return(Array.isArray(e)?e.map((function(e,r){return n(""+r+i,e,t)})):Object.keys(e).filter((function(t){return void 0!==e[t]})).map((function(r){return e[r]&&Array.isArray(e[r])?o(""+r+i,e[r],t):n(r,e[r],t)}))).join("&").replace(/%20/g,"+")}Object.defineProperty(t,"__esModule",{value:!0});var a="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};t.default=i}])},function(e,t,r){var n,o;window,e.exports=(n=r(0),o=r(3),function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=4)}([function(e,t,r){e.exports=r(5)()},function(e,t){e.exports=n},function(e,t){e.exports=o},function(e,t,r){var n; /*! Copyright (c) 2017 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window||void 0===window.document)return"";var t=window.document.documentElement.style;if(e in t)return"";for(var r=0;r0&&void 0!==arguments[0]?arguments[0]:{})}function D(e){return"both"===e.props.axis||"x"===e.props.axis}function A(e){return"both"===e.props.axis||"y"===e.props.axis}function I(e,t,r){var n="number"==typeof t?function(e,t){return e.targetTouches&&u(e.targetTouches,(function(e){return t===e.identifier}))||e.changedTouches&&u(e.changedTouches,(function(e){return t===e.identifier}))}(e,t):null;if("number"==typeof t&&!n)return null;var o=F(r);return function(e,t,r){var n=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect();return{x:(e.clientX+t.scrollLeft-n.left)/r,y:(e.clientY+t.scrollTop-n.top)/r}}(n||e,r.props.offsetParent||o.offsetParent||o.ownerDocument.body,r.props.scale)}function L(e,t,r){var n=e.state,o=!p(n.lastX),i=F(e);return o?{node:i,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:i,deltaX:t-n.lastX,deltaY:r-n.lastY,lastX:n.lastX,lastY:n.lastY,x:t,y:r}}function R(e,t){var r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}}function F(e){var t=c.a.findDOMNode(e);if(!t)throw new Error(": Unmounted during event!");return t}function U(e){return(U="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})(e)}function H(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,o=!1,i=void 0;try{for(var a,l=e[Symbol.iterator]();!(n=(a=l.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==l.return||l.return()}finally{if(o)throw i}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function B(e,t){for(var r=0;r not mounted on DragStart!");var n=t.ownerDocument;if(!(r.props.disabled||!(e.target instanceof n.defaultView.Node)||r.props.handle&&!E(e.target,r.props.handle,t)||r.props.cancel&&E(e.target,r.props.cancel,t))){var o=function(e){return e.targetTouches&&e.targetTouches[0]?e.targetTouches[0].identifier:e.changedTouches&&e.changedTouches[0]?e.changedTouches[0].identifier:void 0}(e);r.setState({touchIdentifier:o});var i=I(e,o,V(r));if(null!=i){var a=i.x,l=i.y,d=L(V(r),a,l);r.props.onStart,!1!==r.props.onStart(e,d)&&(r.props.enableUserSelectHack&&_(n),r.setState({dragging:!0,lastX:a,lastY:l}),S(n,X.move,r.handleDrag),S(n,X.stop,r.handleDragStop))}}})),Q(V(r),"handleDrag",(function(e){"touchmove"===e.type&&e.preventDefault();var t=I(e,r.state.touchIdentifier,V(r));if(null!=t){var n,o,i,a=t.x,l=t.y;if(Array.isArray(r.props.grid)){var c=a-r.state.lastX,d=l-r.state.lastY,s=H((n=r.props.grid,o=c,i=d,[Math.round(o/n[0])*n[0],Math.round(i/n[1])*n[1]]),2);if(c=s[0],d=s[1],!c&&!d)return;a=r.state.lastX+c,l=r.state.lastY+d}var u=L(V(r),a,l);if(!1!==r.props.onDrag(e,u))r.setState({lastX:a,lastY:l});else try{r.handleDragStop(new MouseEvent("mouseup"))}catch(e){var m=document.createEvent("MouseEvents");m.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),r.handleDragStop(m)}}})),Q(V(r),"handleDragStop",(function(e){if(r.state.dragging){var t=I(e,r.state.touchIdentifier,V(r));if(null!=t){var n=t.x,o=t.y,i=L(V(r),n,o),a=c.a.findDOMNode(V(r));a&&r.props.enableUserSelectHack&&N(a.ownerDocument),r.setState({dragging:!1,lastX:NaN,lastY:NaN}),r.props.onStop(e,i),a&&(T(a.ownerDocument,X.move,r.handleDrag),T(a.ownerDocument,X.stop,r.handleDragStop))}}})),Q(V(r),"onMouseDown",(function(e){return X=q,r.handleDragStart(e)})),Q(V(r),"onMouseUp",(function(e){return X=q,r.handleDragStop(e)})),Q(V(r),"onTouchStart",(function(e){return X=Y,r.handleDragStart(e)})),Q(V(r),"onTouchEnd",(function(e){return X=Y,r.handleDragStop(e)})),r}var r,n;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&W(e,t)}(t,o.a.Component),r=t,(n=[{key:"componentWillUnmount",value:function(){var e=c.a.findDOMNode(this);if(e){var t=e.ownerDocument;T(t,q.move,this.handleDrag),T(t,Y.move,this.handleDrag),T(t,q.stop,this.handleDragStop),T(t,Y.stop,this.handleDragStop),this.props.enableUserSelectHack&&N(t)}}},{key:"render",value:function(){return o.a.cloneElement(o.a.Children.only(this.props.children),{style:M(this.props.children.props.style),onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}])&&B(r.prototype,n),t}();function G(e){return(G="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})(e)}function Z(){return(Z=Object.assign||function(e){for(var t=1;t, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element."),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&ie(e,t)}(t,o.a.Component),oe(t,null,[{key:"getDerivedStateFromProps",value:function(e,t){var r=e.position,n=t.prevPropsPosition;return!r||n&&r.x===n.x&&r.y===n.y?null:{x:r.x,y:r.y,prevPropsPosition:ee({},r)}}}]),oe(t,[{key:"componentDidMount",value:function(){void 0!==window.SVGElement&&c.a.findDOMNode(this)instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"render",value:function(){var e,t=this.props,r=(t.axis,t.bounds,t.children),n=t.defaultPosition,i=t.defaultClassName,a=t.defaultClassNameDragging,l=t.defaultClassNameDragged,c=t.position,d=t.positionOffset,u=(t.scale,function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["axis","bounds","children","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"])),m={},p=null,f=!Boolean(c)||this.state.dragging,g=c||n,b={x:D(this)&&f?this.state.x:g.x,y:A(this)&&f?this.state.y:g.y};this.state.isElementSVG?p=function(e,t){return j(e,t,"")}(b,d):m=function(e,t){var r=j(e,t,"px");return y({},h("transform",x),r)}(b,d);var v=s()(r.props.className||"",i,(ae(e={},a,this.state.dragging),ae(e,l,this.state.dragged),e));return o.a.createElement(K,Z({},u,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),o.a.cloneElement(o.a.Children.only(r),{className:v,style:ee({},r.props.style,{},m),transform:p}))}}]),t}();ae(le,"displayName","Draggable"),ae(le,"propTypes",ee({},K.propTypes,{axis:a.a.oneOf(["both","x","y","none"]),bounds:a.a.oneOfType([a.a.shape({left:a.a.number,right:a.a.number,top:a.a.number,bottom:a.a.number}),a.a.string,a.a.oneOf([!1])]),defaultClassName:a.a.string,defaultClassNameDragging:a.a.string,defaultClassNameDragged:a.a.string,defaultPosition:a.a.shape({x:a.a.number,y:a.a.number}),positionOffset:a.a.shape({x:a.a.oneOfType([a.a.number,a.a.string]),y:a.a.oneOfType([a.a.number,a.a.string])}),position:a.a.shape({x:a.a.number,y:a.a.number}),className:g,style:g,transform:g})),ae(le,"defaultProps",ee({},K.defaultProps,{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},position:null,scale:1}))}]))},function(e,t,r){"use strict"; /** @license React v16.13.1 * react.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */var n=r(6),o="function"==typeof Symbol&&Symbol.for,i=o?Symbol.for("react.element"):60103,a=o?Symbol.for("react.portal"):60106,l=o?Symbol.for("react.fragment"):60107,c=o?Symbol.for("react.strict_mode"):60108,d=o?Symbol.for("react.profiler"):60114,s=o?Symbol.for("react.provider"):60109,u=o?Symbol.for("react.context"):60110,m=o?Symbol.for("react.forward_ref"):60112,p=o?Symbol.for("react.suspense"):60113,f=o?Symbol.for("react.memo"):60115,g=o?Symbol.for("react.lazy"):60116,b="function"==typeof Symbol&&Symbol.iterator;function h(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=1;rj.length&&j.push(e)}function M(e,t,r){return null==e?0:function e(t,r,n,o){var l=typeof t;"undefined"!==l&&"boolean"!==l||(t=null);var c=!1;if(null===t)c=!0;else switch(l){case"string":case"number":c=!0;break;case"object":switch(t.$$typeof){case i:case a:c=!0}}if(c)return n(o,t,""===r?"."+D(t,0):r),1;if(c=0,r=""===r?".":r+":",Array.isArray(t))for(var d=0;d