react-grid-layout.min.js

/*! For license information please see react-grid-layout.min.js.LICENSE.txt */
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","react-dom"],e):"object"==typeof exports?exports.ReactGridLayout=e(require("react"),require("react-dom")):t.ReactGridLayout=e(t.React,t.ReactDOM)}(self,(function(t,e){return function(){var r={325:function(t,e,r){t.exports=r(606).default,t.exports.utils=r(872),t.exports.Responsive=r(94).default,t.exports.Responsive.utils=r(271),t.exports.WidthProvider=r(663).default},606:function(t,e,r){"use strict";r.d(e,{default:function(){return F}});var n=r(888),o=r.n(n),a=r(307),i=r.n(a),s=r(184),u=r.n(s),c=r(872);function l(t){var e=t.margin,r=t.containerPadding,n=t.containerWidth,o=t.cols;return(n-e[0]*(o-1)-2*r[0])/o}function f(t,e,r){return Number.isFinite(t)?Math.round(e*t+Math.max(0,t-1)*r):t}function p(t,e,r,n,o,a){var i=t.margin,s=t.containerPadding,u=t.rowHeight,c=l(t),p={};return a&&a.resizing?(p.width=Math.round(a.resizing.width),p.height=Math.round(a.resizing.height)):(p.width=f(n,c,i[0]),p.height=f(o,u,i[1])),a&&a.dragging?(p.top=Math.round(a.dragging.top),p.left=Math.round(a.dragging.left)):(p.top=Math.round((u+i[1])*r+s[1]),p.left=Math.round((c+i[0])*e+s[0])),p}function d(t,e,r,n,o){var a=t.margin,i=t.cols,s=t.rowHeight,u=t.maxRows,c=l(t),f=Math.round((r-a[0])/(c+a[0])),p=Math.round((e-a[1])/(s+a[1]));return{x:f=h(f,0,i-n),y:p=h(p,0,u-o)}}function h(t,e,r){return Math.max(Math.min(t,r),e)}var y=r(697),g=r.n(y),b=r(193),m=r(706),v=g().arrayOf(g().oneOf(["s","w","e","n","sw","nw","se","ne"])),w=g().oneOfType([g().node,g().func]),O={className:g().string,style:g().object,width:g().number,autoSize:g().bool,cols:g().number,draggableCancel:g().string,draggableHandle:g().string,verticalCompact:function(t){t.verticalCompact},compactType:g().oneOf(["vertical","horizontal"]),layout:function(t){var e=t.layout;void 0!==e&&r(872).validateLayout(e,"layout")},margin:g().arrayOf(g().number),containerPadding:g().arrayOf(g().number),rowHeight:g().number,maxRows:g().number,isBounded:g().bool,isDraggable:g().bool,isResizable:g().bool,preventCollision:g().bool,useCSSTransforms:g().bool,transformScale:g().number,isDroppable:g().bool,resizeHandles:v,resizeHandle:w,onLayoutChange:g().func,onDragStart:g().func,onDrag:g().func,onDragStop:g().func,onResizeStart:g().func,onResize:g().func,onResizeStop:g().func,onDrop:g().func,droppingItem:g().shape({i:g().string.isRequired,w:g().number.isRequired,h:g().number.isRequired}),children:function(t,e){var r=t[e],n={};o().Children.forEach(r,(function(t){if(n[t.key])throw new Error('Duplicate child key "'+t.key+'" found! This will cause problems in ReactGridLayout.');n[t.key]=!0}))},innerRef:g().any};function S(t){return(S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function j(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function P(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?j(Object(r),!0).forEach((function(e){k(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function D(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function x(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function R(t,e){return(R=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function _(t,e){return!e||"object"!==S(e)&&"function"!=typeof e?z(t):e}function z(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function C(t){return(C=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function k(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var E=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&R(t,e)}(s,t);var e,r,n,a,i=(n=s,a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=C(n);if(a){var r=C(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return _(this,t)});function s(){var t;D(this,s);for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return k(z(t=i.call.apply(i,[this].concat(r))),"state",{resizing:null,dragging:null,className:""}),k(z(t),"elementRef",o().createRef()),k(z(t),"onDragStart",(function(e,r){var n=r.node,o=t.props,a=o.onDragStart,i=o.transformScale;if(a){var s={top:0,left:0},u=n.offsetParent;if(u){var c=u.getBoundingClientRect(),l=n.getBoundingClientRect(),f=l.left/i,p=c.left/i,h=l.top/i,y=c.top/i;s.left=f-p+u.scrollLeft,s.top=h-y+u.scrollTop,t.setState({dragging:s});var g=d(t.getPositionParams(),s.top,s.left,t.props.w,t.props.h),b=g.x,m=g.y;return a.call(z(t),t.props.i,b,m,{e:e,node:n,newPosition:s})}}})),k(z(t),"onDrag",(function(e,r){var n=r.node,o=r.deltaX,a=r.deltaY,i=t.props.onDrag;if(i){if(!t.state.dragging)throw new Error("onDrag called before onDragStart.");var s=t.state.dragging.top+a,u=t.state.dragging.left+o,c=t.props,p=c.isBounded,y=c.i,g=c.w,b=c.h,m=c.containerWidth,v=t.getPositionParams();if(p){var w=n.offsetParent;if(w){var O=t.props,S=O.margin,j=O.rowHeight;s=h(s,0,w.clientHeight-f(b,j,S[1])),u=h(u,0,m-f(g,l(v),S[0]))}}var P={top:s,left:u};t.setState({dragging:P});var D=d(v,s,u,g,b),x=D.x,R=D.y;return i.call(z(t),y,x,R,{e:e,node:n,newPosition:P})}})),k(z(t),"onDragStop",(function(e,r){var n=r.node,o=t.props.onDragStop;if(o){if(!t.state.dragging)throw new Error("onDragEnd called before onDragStart.");var a=t.props,i=a.w,s=a.h,u=a.i,c=t.state.dragging,l=c.left,f=c.top,p={top:f,left:l};t.setState({dragging:null});var h=d(t.getPositionParams(),f,l,i,s),y=h.x,g=h.y;return o.call(z(t),u,y,g,{e:e,node:n,newPosition:p})}})),k(z(t),"onResizeStop",(function(e,r){t.onResizeHandler(e,r,"onResizeStop")})),k(z(t),"onResizeStart",(function(e,r){t.onResizeHandler(e,r,"onResizeStart")})),k(z(t),"onResize",(function(e,r){t.onResizeHandler(e,r,"onResize")})),t}return e=s,(r=[{key:"shouldComponentUpdate",value:function(t,e){if(this.props.children!==t.children)return!0;if(this.props.droppingPosition!==t.droppingPosition)return!0;var r=p(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),n=p(this.getPositionParams(t),t.x,t.y,t.w,t.h,e);return!(0,c.fastPositionEqual)(r,n)||this.props.useCSSTransforms!==t.useCSSTransforms}},{key:"componentDidMount",value:function(){this.moveDroppingItem({})}},{key:"componentDidUpdate",value:function(t){this.moveDroppingItem(t)}},{key:"moveDroppingItem",value:function(t){var e=this.props.droppingPosition;if(e){var r=this.elementRef.current;if(r){var n=t.droppingPosition||{left:0,top:0},o=this.state.dragging,a=o&&e.left!==n.left||e.top!==n.top;if(o){if(a){var i=e.left-o.left,s=e.top-o.top;this.onDrag(e.e,{node:r,deltaX:i,deltaY:s})}}else this.onDragStart(e.e,{node:r,deltaX:e.left,deltaY:e.top})}}}},{key:"getPositionParams",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props;return{cols:t.cols,containerPadding:t.containerPadding,containerWidth:t.containerWidth,margin:t.margin,maxRows:t.maxRows,rowHeight:t.rowHeight}}},{key:"createStyle",value:function(t){var e,r=this.props,n=r.usePercentages,o=r.containerWidth;return r.useCSSTransforms?e=(0,c.setTransform)(t):(e=(0,c.setTopLeft)(t),n&&(e.left=(0,c.perc)(t.left/o),e.width=(0,c.perc)(t.width/o))),e}},{key:"mixinDraggable",value:function(t,e){return o().createElement(b.DraggableCore,{disabled:!e,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},t)}},{key:"mixinResizable",value:function(t,e,r){var n=this.props,a=n.cols,i=n.x,s=n.minW,u=n.minH,c=n.maxW,l=n.maxH,f=n.transformScale,d=n.resizeHandles,h=n.resizeHandle,y=this.getPositionParams(),g=p(y,0,0,a-i,0).width,b=p(y,0,0,s,u),v=p(y,0,0,c,l),w=[b.width,b.height],O=[Math.min(v.width,g),Math.min(v.height,1/0)];return o().createElement(m.Resizable,{draggableOpts:{disabled:!r},className:r?void 0:"react-resizable-hide",width:e.width,height:e.height,minConstraints:w,maxConstraints:O,onResizeStop:this.onResizeStop,onResizeStart:this.onResizeStart,onResize:this.onResize,transformScale:f,resizeHandles:d,handle:h},t)}},{key:"onResizeHandler",value:function(t,e,r){var n=e.node,o=e.size,a=this.props[r];if(a){var i=this.props,s=i.cols,u=i.x,c=i.y,f=i.i,p=i.maxH,d=i.minH,y=this.props,g=y.minW,b=y.maxW,m=function(t,e,r,n,o){var a=t.margin,i=t.maxRows,s=t.cols,u=t.rowHeight,c=l(t),f=Math.round((e+a[0])/(c+a[0])),p=Math.round((r+a[1])/(u+a[1]));return{w:f=h(f,0,s-n),h:p=h(p,0,i-o)}}(this.getPositionParams(),o.width,o.height,u,c),v=m.w,w=m.h;v=h(v,g=Math.max(g,1),b=Math.min(b,s-u)),w=h(w,d,p),this.setState({resizing:"onResizeStop"===r?null:o}),a.call(this,f,v,w,{e:t,node:n,size:o})}}},{key:"render",value:function(){var t=this.props,e=t.x,r=t.y,n=t.w,a=t.h,i=t.isDraggable,s=t.isResizable,c=t.droppingPosition,l=t.useCSSTransforms,f=p(this.getPositionParams(),e,r,n,a,this.state),d=o().Children.only(this.props.children),h=o().cloneElement(d,{ref:this.elementRef,className:u()("react-grid-item",d.props.className,this.props.className,{static:this.props.static,resizing:Boolean(this.state.resizing),"react-draggable":i,"react-draggable-dragging":Boolean(this.state.dragging),dropping:Boolean(c),cssTransforms:l}),style:P(P(P({},this.props.style),d.props.style),this.createStyle(f))});return h=this.mixinResizable(h,f,s),this.mixinDraggable(h,i)}}])&&x(e.prototype,r),s}(o().Component);function T(t){return(T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function M(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function H(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?M(Object(r),!0).forEach((function(e){U(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function L(t,e){if(t){if("string"==typeof t)return N(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?N(t,e):void 0}}function N(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function W(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function A(t,e){return(A=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function I(t,e){return!e||"object"!==T(e)&&"function"!=typeof e?B(t):e}function B(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function q(t){return(q=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function U(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}k(E,"propTypes",{children:g().element,cols:g().number.isRequired,containerWidth:g().number.isRequired,rowHeight:g().number.isRequired,margin:g().array.isRequired,maxRows:g().number.isRequired,containerPadding:g().array.isRequired,x:g().number.isRequired,y:g().number.isRequired,w:g().number.isRequired,h:g().number.isRequired,minW:function(t,e){var r=t[e];return"number"!=typeof r?new Error("minWidth not Number"):r>t.w||r>t.maxW?new Error("minWidth larger than item width/maxWidth"):void 0},maxW:function(t,e){var r=t[e];return"number"!=typeof r?new Error("maxWidth not Number"):r<t.w||r<t.minW?new Error("maxWidth smaller than item width/minWidth"):void 0},minH:function(t,e){var r=t[e];return"number"!=typeof r?new Error("minHeight not Number"):r>t.h||r>t.maxH?new Error("minHeight larger than item height/maxHeight"):void 0},maxH:function(t,e){var r=t[e];return"number"!=typeof r?new Error("maxHeight not Number"):r<t.h||r<t.minH?new Error("maxHeight smaller than item height/minHeight"):void 0},i:g().string.isRequired,resizeHandles:v,resizeHandle:w,onDragStop:g().func,onDragStart:g().func,onDrag:g().func,onResizeStop:g().func,onResizeStart:g().func,onResize:g().func,isDraggable:g().bool.isRequired,isResizable:g().bool.isRequired,isBounded:g().bool.isRequired,static:g().bool,useCSSTransforms:g().bool.isRequired,transformScale:g().number,className:g().string,handle:g().string,cancel:g().string,droppingPosition:g().shape({e:g().object.isRequired,left:g().number.isRequired,top:g().number.isRequired})}),k(E,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1});var X="react-grid-layout",Y=!1;try{Y=/firefox/i.test(navigator.userAgent)}catch(t){}var F=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&A(t,e)}(f,t);var e,r,o,a,s,l=(a=f,s=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=q(a);if(s){var r=q(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return I(this,t)});function f(t,e){var r;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,f),U(B(r=l.call(this,t,e)),"state",{activeDrag:null,layout:(0,c.synchronizeLayoutWithChildren)(r.props.layout,r.props.children,r.props.cols,(0,c.compactType)(r.props)),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),U(B(r),"dragEnterCounter",0),U(B(r),"onDragOver",(function(t){var e;if(Y&&(null===(e=t.nativeEvent.target)||void 0===e||!e.classList.contains(X)))return t.preventDefault(),!1;var o,a=r.props,i=a.droppingItem,s=a.margin,u=a.cols,c=a.rowHeight,l=a.maxRows,f=a.width,p=a.containerPadding,h=r.state.layout,y=t.nativeEvent,g=y.layerX,b=y.layerY,m={left:g,top:b,e:t};if(r.state.droppingDOMNode){if(r.state.droppingPosition){var v=r.state.droppingPosition,w=v.left,O=v.top;(w!=g||O!=b)&&r.setState({droppingPosition:m})}}else{var S=d({cols:u,margin:s,maxRows:l,rowHeight:c,containerWidth:f,containerPadding:p||s},b,g,i.w,i.h);r.setState({droppingDOMNode:n.createElement("div",{key:i.i}),droppingPosition:m,layout:[].concat((o=h,function(t){if(Array.isArray(t))return N(t)}(o)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(o)||L(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),[H(H({},i),{},{x:S.x,y:S.y,static:!1,isDraggable:!0})])})}t.stopPropagation(),t.preventDefault()})),U(B(r),"removeDroppingPlaceholder",(function(){var t=r.props,e=t.droppingItem,n=t.cols,o=r.state.layout,a=(0,c.compact)(o.filter((function(t){return t.i!==e.i})),(0,c.compactType)(r.props),n);r.setState({layout:a,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})})),U(B(r),"onDragLeave",(function(){r.dragEnterCounter--,0===r.dragEnterCounter&&r.removeDroppingPlaceholder()})),U(B(r),"onDragEnter",(function(){r.dragEnterCounter++})),U(B(r),"onDrop",(function(t){var e=r.props.droppingItem,n=r.state.layout,o=n.find((function(t){return t.i===e.i}));r.dragEnterCounter=0,r.removeDroppingPlaceholder(),r.props.onDrop(n,o,t)})),(0,c.autoBindHandlers)(B(r),["onDragStart","onDrag","onDragStop","onResizeStart","onResize","onResizeStop"]),r}return e=f,o=[{key:"getDerivedStateFromProps",value:function(t,e){var r;return e.activeDrag?null:(i()(t.layout,e.propsLayout)&&t.compactType===e.compactType?(0,c.childrenEqual)(t.children,e.children)||(r=e.layout):r=t.layout,r?{layout:(0,c.synchronizeLayoutWithChildren)(r,t.children,t.cols,(0,c.compactType)(t)),compactType:t.compactType,children:t.children,propsLayout:t.layout}:null)}}],(r=[{key:"componentDidMount",value:function(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}},{key:"shouldComponentUpdate",value:function(t,e){return this.props.children!==t.children||!(0,c.fastRGLPropsEqual)(this.props,t,i())||this.state.activeDrag!==e.activeDrag||this.state.mounted!==e.mounted||this.state.droppingPosition!==e.droppingPosition}},{key:"componentDidUpdate",value:function(t,e){if(!this.state.activeDrag){var r=this.state.layout,n=e.layout;this.onLayoutMaybeChanged(r,n)}}},{key:"containerHeight",value:function(){if(this.props.autoSize){var t=(0,c.bottom)(this.state.layout),e=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return t*this.props.rowHeight+(t-1)*this.props.margin[1]+2*e+"px"}}},{key:"onDragStart",value:function(t,e,r,n){var o=n.e,a=n.node,i=this.state.layout,s=(0,c.getLayoutItem)(i,t);if(s)return this.setState({oldDragItem:(0,c.cloneLayoutItem)(s),oldLayout:this.state.layout}),this.props.onDragStart(i,s,s,null,o,a)}},{key:"onDrag",value:function(t,e,r,n){var o=n.e,a=n.node,i=this.state.oldDragItem,s=this.state.layout,u=this.props.cols,l=(0,c.getLayoutItem)(s,t);if(l){var f={w:l.w,h:l.h,x:l.x,y:l.y,placeholder:!0,i:t};s=(0,c.moveElement)(s,l,e,r,!0,this.props.preventCollision,(0,c.compactType)(this.props),u),this.props.onDrag(s,i,l,f,o,a),this.setState({layout:(0,c.compact)(s,(0,c.compactType)(this.props),u),activeDrag:f})}}},{key:"onDragStop",value:function(t,e,r,n){var o=n.e,a=n.node;if(this.state.activeDrag){var i=this.state.oldDragItem,s=this.state.layout,u=this.props,l=u.cols,f=u.preventCollision,p=(0,c.getLayoutItem)(s,t);if(p){s=(0,c.moveElement)(s,p,e,r,!0,f,(0,c.compactType)(this.props),l),this.props.onDragStop(s,i,p,null,o,a);var d=(0,c.compact)(s,(0,c.compactType)(this.props),l),h=this.state.oldLayout;this.setState({activeDrag:null,layout:d,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(d,h)}}}},{key:"onLayoutMaybeChanged",value:function(t,e){e||(e=this.state.layout),i()(e,t)||this.props.onLayoutChange(t)}},{key:"onResizeStart",value:function(t,e,r,n){var o=n.e,a=n.node,i=this.state.layout,s=(0,c.getLayoutItem)(i,t);s&&(this.setState({oldResizeItem:(0,c.cloneLayoutItem)(s),oldLayout:this.state.layout}),this.props.onResizeStart(i,s,s,null,o,a))}},{key:"onResize",value:function(t,e,r,n){var o=n.e,a=n.node,i=this.state,s=i.layout,u=i.oldResizeItem,l=this.props,f=l.cols,p=l.preventCollision,d=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=t&&("undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]);if(null!=r){var n,o,a=[],i=!0,s=!1;try{for(r=r.call(t);!(i=(n=r.next()).done)&&(a.push(n.value),!e||a.length!==e);i=!0);}catch(t){s=!0,o=t}finally{try{i||null==r.return||r.return()}finally{if(s)throw o}}return a}}(t,e)||L(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((0,c.withLayoutItem)(s,t,(function(t){var n;if(p){var o=(0,c.getAllCollisions)(s,H(H({},t),{},{w:e,h:r})).filter((function(e){return e.i!==t.i}));if(n=o.length>0){var a=1/0,i=1/0;o.forEach((function(e){e.x>t.x&&(a=Math.min(a,e.x)),e.y>t.y&&(i=Math.min(i,e.y))})),Number.isFinite(a)&&(t.w=a-t.x),Number.isFinite(i)&&(t.h=i-t.y)}}return n||(t.w=e,t.h=r),t})),2),h=d[0],y=d[1];if(y){var g={w:y.w,h:y.h,x:y.x,y:y.y,static:!0,i:t};this.props.onResize(h,u,y,g,o,a),this.setState({layout:(0,c.compact)(h,(0,c.compactType)(this.props),f),activeDrag:g})}}},{key:"onResizeStop",value:function(t,e,r,n){var o=n.e,a=n.node,i=this.state,s=i.layout,u=i.oldResizeItem,l=this.props.cols,f=(0,c.getLayoutItem)(s,t);this.props.onResizeStop(s,u,f,null,o,a);var p=(0,c.compact)(s,(0,c.compactType)(this.props),l),d=this.state.oldLayout;this.setState({activeDrag:null,layout:p,oldResizeItem:null,oldLayout:null}),this.onLayoutMaybeChanged(p,d)}},{key:"placeholder",value:function(){var t=this.state.activeDrag;if(!t)return null;var e=this.props,r=e.width,o=e.cols,a=e.margin,i=e.containerPadding,s=e.rowHeight,u=e.maxRows,c=e.useCSSTransforms,l=e.transformScale;return n.createElement(E,{w:t.w,h:t.h,x:t.x,y:t.y,i:t.i,className:"react-grid-placeholder",containerWidth:r,cols:o,margin:a,containerPadding:i||a,maxRows:u,rowHeight:s,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:c,transformScale:l},n.createElement("div",null))}},{key:"processGridItem",value:function(t,e){if(t&&t.key){var r=(0,c.getLayoutItem)(this.state.layout,String(t.key));if(!r)return null;var o=this.props,a=o.width,i=o.cols,s=o.margin,u=o.containerPadding,l=o.rowHeight,f=o.maxRows,p=o.isDraggable,d=o.isResizable,h=o.isBounded,y=o.useCSSTransforms,g=o.transformScale,b=o.draggableCancel,m=o.draggableHandle,v=o.resizeHandles,w=o.resizeHandle,O=this.state,S=O.mounted,j=O.droppingPosition,P="boolean"==typeof r.isDraggable?r.isDraggable:!r.static&&p,D="boolean"==typeof r.isResizable?r.isResizable:!r.static&&d,x=r.resizeHandles||v,R=P&&h&&!1!==r.isBounded;return n.createElement(E,{containerWidth:a,cols:i,margin:s,containerPadding:u||s,maxRows:f,rowHeight:l,cancel:b,handle:m,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:P,isResizable:D,isBounded:R,useCSSTransforms:y&&S,usePercentages:!S,transformScale:g,w:r.w,h:r.h,x:r.x,y:r.y,i:r.i,minH:r.minH,minW:r.minW,maxH:r.maxH,maxW:r.maxW,static:r.static,droppingPosition:e?j:void 0,resizeHandles:x,resizeHandle:w},t)}}},{key:"render",value:function(){var t=this,e=this.props,r=e.className,o=e.style,a=e.isDroppable,i=e.innerRef,s=u()(X,r),l=H({height:this.containerHeight()},o);return n.createElement("div",{ref:i,className:s,style:l,onDrop:a?this.onDrop:c.noop,onDragLeave:a?this.onDragLeave:c.noop,onDragEnter:a?this.onDragEnter:c.noop,onDragOver:a?this.onDragOver:c.noop},n.Children.map(this.props.children,(function(e){return t.processGridItem(e)})),a&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}])&&W(e.prototype,r),o&&W(e,o),f}(n.Component);U(F,"displayName","ReactGridLayout"),U(F,"propTypes",O),U(F,"defaultProps",{autoSize:!0,cols:12,className:"",style:{},draggableHandle:"",draggableCancel:"",containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isBounded:!1,isDraggable:!0,isResizable:!0,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:"vertical",preventCollision:!1,droppingItem:{i:"__dropping-elem__",h:1,w:1},resizeHandles:["se"],onLayoutChange:c.noop,onDragStart:c.noop,onDrag:c.noop,onDragStop:c.noop,onResizeStart:c.noop,onResize:c.noop,onResizeStop:c.noop,onDrop:c.noop})},94:function(t,e,r){"use strict";r.d(e,{default:function(){return P}});var n=r(888),o=r(697),a=r.n(o),i=r(307),s=r.n(i),u=r(872),c=r(271),l=r(606);function f(t){return(f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function p(){return(p=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}function d(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function h(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?d(Object(r),!0).forEach((function(e){O(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function y(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function g(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function b(t,e){return(b=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function m(t,e){return!e||"object"!==f(e)&&"function"!=typeof e?v(t):e}function v(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function w(t){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function O(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var S=function(t){return Object.prototype.toString.call(t)};function j(t,e){return null==t?null:Array.isArray(t)?t:t[e]}var P=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&b(t,e)}(d,t);var e,r,o,a,i,f=(a=d,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=w(a);if(i){var r=w(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return m(this,t)});function d(){var t;y(this,d);for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return O(v(t=f.call.apply(f,[this].concat(r))),"state",t.generateInitialState()),O(v(t),"onLayoutChange",(function(e){t.props.onLayoutChange(e,h(h({},t.props.layouts),{},O({},t.state.breakpoint,e)))})),t}return e=d,o=[{key:"getDerivedStateFromProps",value:function(t,e){if(!s()(t.layouts,e.layouts)){var r=e.breakpoint,n=e.cols;return{layout:(0,c.findOrGenerateResponsiveLayout)(t.layouts,t.breakpoints,r,r,n,t.compactType),layouts:t.layouts}}return null}}],(r=[{key:"generateInitialState",value:function(){var t=this.props,e=t.width,r=t.breakpoints,n=t.layouts,o=t.cols,a=(0,c.getBreakpointFromWidth)(r,e),i=(0,c.getColsFromBreakpoint)(a,o),s=!1===this.props.verticalCompact?null:this.props.compactType;return{layout:(0,c.findOrGenerateResponsiveLayout)(n,r,a,a,i,s),breakpoint:a,cols:i}}},{key:"componentDidUpdate",value:function(t){this.props.width==t.width&&this.props.breakpoint===t.breakpoint&&s()(this.props.breakpoints,t.breakpoints)&&s()(this.props.cols,t.cols)||this.onWidthChange(t)}},{key:"onWidthChange",value:function(t){var e=this.props,r=e.breakpoints,n=e.cols,o=e.layouts,a=e.compactType,i=this.props.breakpoint||(0,c.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),s=this.state.breakpoint,l=(0,c.getColsFromBreakpoint)(i,n),f=h({},o);if(s!==i||t.breakpoints!==r||t.cols!==n){s in f||(f[s]=(0,u.cloneLayout)(this.state.layout));var p=(0,c.findOrGenerateResponsiveLayout)(f,r,i,s,l,a);p=(0,u.synchronizeLayoutWithChildren)(p,this.props.children,l,a),f[i]=p,this.props.onLayoutChange(p,f),this.props.onBreakpointChange(i,l),this.setState({breakpoint:i,layout:p,cols:l})}var d=j(this.props.margin,i),y=j(this.props.containerPadding,i);this.props.onWidthChange(this.props.width,d,l,y)}},{key:"render",value:function(){var t=this.props,e=(t.breakpoint,t.breakpoints,t.cols,t.layouts,t.margin),r=t.containerPadding,o=(t.onBreakpointChange,t.onLayoutChange,t.onWidthChange,function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},a=Object.keys(t);for(n=0;n<a.length;n++)r=a[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(n=0;n<a.length;n++)r=a[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"]));return n.createElement(l.default,p({},o,{margin:j(e,this.state.breakpoint),containerPadding:j(r,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}])&&g(e.prototype,r),o&&g(e,o),d}(n.Component);O(P,"propTypes",{breakpoint:a().string,breakpoints:a().object,cols:a().object,margin:a().oneOfType([a().array,a().object]),containerPadding:a().oneOfType([a().array,a().object]),layouts:function(t,e){if("[object Object]"!==S(t[e]))throw new Error("Layout property must be an object. Received: "+S(t[e]));Object.keys(t[e]).forEach((function(e){if(!(e in t.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,u.validateLayout)(t.layouts[e],"layouts."+e)}))},width:a().number.isRequired,onBreakpointChange:a().func,onLayoutChange:a().func,onWidthChange:a().func}),O(P,"defaultProps",{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},containerPadding:{lg:null,md:null,sm:null,xs:null,xxs:null},layouts:{},margin:[10,10],onBreakpointChange:u.noop,onLayoutChange:u.noop,onWidthChange:u.noop})},663:function(t,e,r){"use strict";r.d(e,{default:function(){return b}});var n=r(888),o=r(697),a=r.n(o),i=r(184),s=r.n(i);function u(t){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(){return(c=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}function l(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function f(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function p(t,e){return(p=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function d(t,e){return!e||"object"!==u(e)&&"function"!=typeof e?h(t):e}function h(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function y(t){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function g(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function b(t){var e,r;return r=e=function(e){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&p(t,e)}(b,e);var r,o,a,i,u=(a=b,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=y(a);if(i){var r=y(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return d(this,t)});function b(){var t;l(this,b);for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];return g(h(t=u.call.apply(u,[this].concat(r))),"state",{width:1280}),g(h(t),"elementRef",n.createRef()),g(h(t),"mounted",!1),g(h(t),"onWindowResize",(function(){if(t.mounted){var e=t.elementRef.current;e instanceof HTMLElement&&e.offsetWidth&&t.setState({width:e.offsetWidth})}})),t}return r=b,(o=[{key:"componentDidMount",value:function(){this.mounted=!0,window.addEventListener("resize",this.onWindowResize),this.onWindowResize()}},{key:"componentWillUnmount",value:function(){this.mounted=!1,window.removeEventListener("resize",this.onWindowResize)}},{key:"render",value:function(){var e=this.props,r=e.measureBeforeMount,o=function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},a=Object.keys(t);for(n=0;n<a.length;n++)r=a[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(n=0;n<a.length;n++)r=a[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(e,["measureBeforeMount"]);return r&&!this.mounted?n.createElement("div",{className:s()(this.props.className,"react-grid-layout"),style:this.props.style,ref:this.elementRef}):n.createElement(t,c({innerRef:this.elementRef},o,this.state))}}])&&f(r.prototype,o),b}(n.Component),g(e,"defaultProps",{measureBeforeMount:!1}),g(e,"propTypes",{measureBeforeMount:a().bool}),r}},378:function(t){t.exports=function(t,e,r){return t===e||t.className===e.className&&r(t.style,e.style)&&t.width===e.width&&t.autoSize===e.autoSize&&t.cols===e.cols&&t.draggableCancel===e.draggableCancel&&t.draggableHandle===e.draggableHandle&&r(t.verticalCompact,e.verticalCompact)&&r(t.compactType,e.compactType)&&r(t.layout,e.layout)&&r(t.margin,e.margin)&&r(t.containerPadding,e.containerPadding)&&t.rowHeight===e.rowHeight&&t.maxRows===e.maxRows&&t.isBounded===e.isBounded&&t.isDraggable===e.isDraggable&&t.isResizable===e.isResizable&&t.preventCollision===e.preventCollision&&t.useCSSTransforms===e.useCSSTransforms&&t.transformScale===e.transformScale&&t.isDroppable===e.isDroppable&&r(t.resizeHandles,e.resizeHandles)&&r(t.resizeHandle,e.resizeHandle)&&t.onLayoutChange===e.onLayoutChange&&t.onDragStart===e.onDragStart&&t.onDrag===e.onDrag&&t.onDragStop===e.onDragStop&&t.onResizeStart===e.onResizeStart&&t.onResize===e.onResize&&t.onResizeStop===e.onResizeStop&&t.onDrop===e.onDrop&&r(t.droppingItem,e.droppingItem)&&r(t.innerRef,e.innerRef)}},271:function(t,e,r){"use strict";r.r(e),r.d(e,{getBreakpointFromWidth:function(){return o},getColsFromBreakpoint:function(){return a},findOrGenerateResponsiveLayout:function(){return i},sortBreakpoints:function(){return s}});var n=r(872);function o(t,e){for(var r=s(t),n=r[0],o=1,a=r.length;o<a;o++){var i=r[o];e>t[i]&&(n=i)}return n}function a(t,e){if(!e[t])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+t+" is missing!");return e[t]}function i(t,e,r,o,a,i){if(t[r])return(0,n.cloneLayout)(t[r]);for(var u=t[o],c=s(e),l=c.slice(c.indexOf(r)),f=0,p=l.length;f<p;f++){var d=l[f];if(t[d]){u=t[d];break}}return u=(0,n.cloneLayout)(u||[]),(0,n.compact)((0,n.correctBounds)(u,{cols:a}),i,a)}function s(t){return Object.keys(t).sort((function(e,r){return t[e]-t[r]}))}},872:function(t,e,r){"use strict";r.r(e),r.d(e,{bottom:function(){return l},cloneLayout:function(){return f},modifyLayout:function(){return p},withLayoutItem:function(){return d},cloneLayoutItem:function(){return h},childrenEqual:function(){return y},fastRGLPropsEqual:function(){return g},fastPositionEqual:function(){return b},collides:function(){return m},compact:function(){return v},compactItem:function(){return S},correctBounds:function(){return j},getLayoutItem:function(){return P},getFirstCollision:function(){return D},getAllCollisions:function(){return x},getStatics:function(){return R},moveElement:function(){return _},moveElementAwayFromCollision:function(){return z},perc:function(){return C},setTransform:function(){return k},setTopLeft:function(){return E},sortLayoutItems:function(){return T},sortLayoutItemsByRowCol:function(){return M},sortLayoutItemsByColRow:function(){return H},synchronizeLayoutWithChildren:function(){return L},validateLayout:function(){return N},compactType:function(){return W},autoBindHandlers:function(){return A},noop:function(){return I}});var n=r(307),o=r.n(n),a=r(888),i=r.n(a);function s(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?s(Object(r),!0).forEach((function(e){c(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function c(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function l(t){for(var e,r=0,n=0,o=t.length;n<o;n++)(e=t[n].y+t[n].h)>r&&(r=e);return r}function f(t){for(var e=Array(t.length),r=0,n=t.length;r<n;r++)e[r]=h(t[r]);return e}function p(t,e){for(var r=Array(t.length),n=0,o=t.length;n<o;n++)e.i===t[n].i?r[n]=e:r[n]=t[n];return r}function d(t,e,r){var n=P(t,e);return n?[t=p(t,n=r(h(n))),n]:[t,null]}function h(t){return{w:t.w,h:t.h,x:t.x,y:t.y,i:t.i,minW:t.minW,maxW:t.maxW,minH:t.minH,maxH:t.maxH,moved:Boolean(t.moved),static:Boolean(t.static),isDraggable:t.isDraggable,isResizable:t.isResizable,resizeHandles:t.resizeHandles,isBounded:t.isBounded}}function y(t,e){return o()(i().Children.map(t,(function(t){return t.key})),i().Children.map(e,(function(t){return t.key})))}var g=r(378);function b(t,e){return t.left===e.left&&t.top===e.top&&t.width===e.width&&t.height===e.height}function m(t,e){return!(t.i===e.i||t.x+t.w<=e.x||t.x>=e.x+e.w||t.y+t.h<=e.y||t.y>=e.y+e.h)}function v(t,e,r){for(var n=R(t),o=T(t,e),a=Array(t.length),i=0,s=o.length;i<s;i++){var u=h(o[i]);u.static||(u=S(n,u,e,r,o),n.push(u)),a[t.indexOf(o[i])]=u,u.moved=!1}return a}var w={x:"w",y:"h"};function O(t,e,r,n){var o=w[n];e[n]+=1;for(var a=t.map((function(t){return t.i})).indexOf(e.i)+1;a<t.length;a++){var i=t[a];if(!i.static){if(i.y>e.y+e.h)break;m(e,i)&&O(t,i,r+e[o],n)}}e[n]=r}function S(t,e,r,n,o){var a,i="horizontal"===r;if("vertical"===r)for(e.y=Math.min(l(t),e.y);e.y>0&&!D(t,e);)e.y--;else if(i)for(;e.x>0&&!D(t,e);)e.x--;for(;a=D(t,e);)i?O(o,e,a.x+a.w,"x"):O(o,e,a.y+a.h,"y"),i&&e.x+e.w>n&&(e.x=n-e.w,e.y++);return e.y=Math.max(e.y,0),e.x=Math.max(e.x,0),e}function j(t,e){for(var r=R(t),n=0,o=t.length;n<o;n++){var a=t[n];if(a.x+a.w>e.cols&&(a.x=e.cols-a.w),a.x<0&&(a.x=0,a.w=e.cols),a.static)for(;D(r,a);)a.y++;else r.push(a)}return t}function P(t,e){for(var r=0,n=t.length;r<n;r++)if(t[r].i===e)return t[r]}function D(t,e){for(var r=0,n=t.length;r<n;r++)if(m(t[r],e))return t[r]}function x(t,e){return t.filter((function(t){return m(t,e)}))}function R(t){return t.filter((function(t){return t.static}))}function _(t,e,r,n,o,a,i,s){if(e.static&&!0!==e.isDraggable)return t;if(e.y===n&&e.x===r)return t;"Moving element ".concat(e.i," to [").concat(String(r),",").concat(String(n),"] from [").concat(e.x,",").concat(e.y,"]");var u=e.x,c=e.y;"number"==typeof r&&(e.x=r),"number"==typeof n&&(e.y=n),e.moved=!0;var l=T(t,i);("vertical"===i&&"number"==typeof n?c>=n:"horizontal"===i&&"number"==typeof r&&u>=r)&&(l=l.reverse());var f=x(l,e);if(a&&f.length)return"Collision prevented on ".concat(e.i,", reverting."),e.x=u,e.y=c,e.moved=!1,t;for(var p=0,d=f.length;p<d;p++){var h=f[p];"Resolving collision between ".concat(e.i," at [").concat(e.x,",").concat(e.y,"] and ").concat(h.i," at [").concat(h.x,",").concat(h.y,"]"),h.moved||(t=h.static?z(t,h,e,o,i,s):z(t,e,h,o,i,s))}return t}function z(t,e,r,n,o,a){var i="horizontal"===o,s="horizontal"!==o,u=e.static;if(n){n=!1;var c={x:i?Math.max(e.x-r.w,0):r.x,y:s?Math.max(e.y-r.h,0):r.y,w:r.w,h:r.h,i:"-1"};if(!D(t,c))return"Doing reverse collision on ".concat(r.i," up to [").concat(c.x,",").concat(c.y,"]."),_(t,r,i?c.x:void 0,s?c.y:void 0,n,u,o,a)}return _(t,r,i?r.x+1:void 0,s?r.y+1:void 0,n,u,o,a)}function C(t){return 100*t+"%"}function k(t){var e=t.top,r=t.left,n=t.width,o=t.height,a="translate(".concat(r,"px,").concat(e,"px)");return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,width:"".concat(n,"px"),height:"".concat(o,"px"),position:"absolute"}}function E(t){var e=t.top,r=t.left,n=t.width,o=t.height;return{top:"".concat(e,"px"),left:"".concat(r,"px"),width:"".concat(n,"px"),height:"".concat(o,"px"),position:"absolute"}}function T(t,e){return"horizontal"===e?H(t):M(t)}function M(t){return t.slice(0).sort((function(t,e){return t.y>e.y||t.y===e.y&&t.x>e.x?1:t.y===e.y&&t.x===e.x?0:-1}))}function H(t){return t.slice(0).sort((function(t,e){return t.x>e.x||t.x===e.x&&t.y>e.y?1:-1}))}function L(t,e,r,n){t=t||[];var o=[];return i().Children.forEach(e,(function(e,r){var n=P(t,String(e.key));if(n)o[r]=h(n);else{var a=e.props["data-grid"]||e.props._grid;o[r]=h(a?u(u({},a),{},{i:e.key}):{w:1,h:1,x:0,y:l(o),i:String(e.key)})}})),v(j(o,{cols:r}),n,r)}function N(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"Layout",r=["x","y","w","h"];if(!Array.isArray(t))throw new Error(e+" must be an array!");for(var n=0,o=t.length;n<o;n++){for(var a=t[n],i=0;i<r.length;i++)if("number"!=typeof a[r[i]])throw new Error("ReactGridLayout: "+e+"["+n+"]."+r[i]+" must be a number!");if(a.i&&"string"!=typeof a.i)throw new Error("ReactGridLayout: "+e+"["+n+"].i must be a string!");if(void 0!==a.static&&"boolean"!=typeof a.static)throw new Error("ReactGridLayout: "+e+"["+n+"].static must be a boolean!")}}function W(t){var e=t||{},r=e.verticalCompact,n=e.compactType;return!1===r?null:n}function A(t,e){e.forEach((function(e){return t[e]=t[e].bind(t)}))}var I=function(){}},184:function(t,e){var r;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var t=[],e=0;e<arguments.length;e++){var r=arguments[e];if(r){var a=typeof r;if("string"===a||"number"===a)t.push(r);else if(Array.isArray(r)){if(r.length){var i=o.apply(null,r);i&&t.push(i)}}else if("object"===a)if(r.toString===Object.prototype.toString)for(var s in r)n.call(r,s)&&r[s]&&t.push(s);else t.push(r.toString())}}return t.join(" ")}t.exports?(o.default=o,t.exports=o):void 0===(r=function(){return o}.apply(e,[]))||(t.exports=r)}()},307:function(t,e,r){t=r.nmd(t);var n="__lodash_hash_undefined__",o=9007199254740991,a="[object Arguments]",i="[object Array]",s="[object Boolean]",u="[object Date]",c="[object Error]",l="[object Function]",f="[object Map]",p="[object Number]",d="[object Object]",h="[object Promise]",y="[object RegExp]",g="[object Set]",b="[object String]",m="[object WeakMap]",v="[object ArrayBuffer]",w="[object DataView]",O=/^\[object .+?Constructor\]$/,S=/^(?:0|[1-9]\d*)$/,j={};j["[object Float32Array]"]=j["[object Float64Array]"]=j["[object Int8Array]"]=j["[object Int16Array]"]=j["[object Int32Array]"]=j["[object Uint8Array]"]=j["[object Uint8ClampedArray]"]=j["[object Uint16Array]"]=j["[object Uint32Array]"]=!0,j[a]=j[i]=j[v]=j[s]=j[w]=j[u]=j[c]=j[l]=j[f]=j[p]=j[d]=j[y]=j[g]=j[b]=j[m]=!1;var P="object"==typeof r.g&&r.g&&r.g.Object===Object&&r.g,D="object"==typeof self&&self&&self.Object===Object&&self,x=P||D||Function("return this")(),R=e&&!e.nodeType&&e,_=R&&t&&!t.nodeType&&t,z=_&&_.exports===R,C=z&&P.process,k=function(){try{return C&&C.binding&&C.binding("util")}catch(t){}}(),E=k&&k.isTypedArray;function T(t,e){for(var r=-1,n=null==t?0:t.length;++r<n;)if(e(t[r],r,t))return!0;return!1}function M(t){var e=-1,r=Array(t.size);return t.forEach((function(t,n){r[++e]=[n,t]})),r}function H(t){var e=-1,r=Array(t.size);return t.forEach((function(t){r[++e]=t})),r}var L,N,W,A=Array.prototype,I=Function.prototype,B=Object.prototype,q=x["__core-js_shared__"],U=I.toString,X=B.hasOwnProperty,Y=(L=/[^.]+$/.exec(q&&q.keys&&q.keys.IE_PROTO||""))?"Symbol(src)_1."+L:"",F=B.toString,G=RegExp("^"+U.call(X).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),V=z?x.Buffer:void 0,$=x.Symbol,K=x.Uint8Array,J=B.propertyIsEnumerable,Q=A.splice,Z=$?$.toStringTag:void 0,tt=Object.getOwnPropertySymbols,et=V?V.isBuffer:void 0,rt=(N=Object.keys,W=Object,function(t){return N(W(t))}),nt=_t(x,"DataView"),ot=_t(x,"Map"),at=_t(x,"Promise"),it=_t(x,"Set"),st=_t(x,"WeakMap"),ut=_t(Object,"create"),ct=Et(nt),lt=Et(ot),ft=Et(at),pt=Et(it),dt=Et(st),ht=$?$.prototype:void 0,yt=ht?ht.valueOf:void 0;function gt(t){var e=-1,r=null==t?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}function bt(t){var e=-1,r=null==t?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}function mt(t){var e=-1,r=null==t?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}function vt(t){var e=-1,r=null==t?0:t.length;for(this.__data__=new mt;++e<r;)this.add(t[e])}function wt(t){var e=this.__data__=new bt(t);this.size=e.size}function Ot(t,e){for(var r=t.length;r--;)if(Tt(t[r][0],e))return r;return-1}function St(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":Z&&Z in Object(t)?function(t){var e=X.call(t,Z),r=t[Z];try{t[Z]=void 0;var n=!0}catch(t){}var o=F.call(t);return n&&(e?t[Z]=r:delete t[Z]),o}(t):function(t){return F.call(t)}(t)}function jt(t){return It(t)&&St(t)==a}function Pt(t,e,r,n,o){return t===e||(null==t||null==e||!It(t)&&!It(e)?t!=t&&e!=e:function(t,e,r,n,o,l){var h=Ht(t),m=Ht(e),O=h?i:Ct(t),S=m?i:Ct(e),j=(O=O==a?d:O)==d,P=(S=S==a?d:S)==d,D=O==S;if(D&&Lt(t)){if(!Lt(e))return!1;h=!0,j=!1}if(D&&!j)return l||(l=new wt),h||Bt(t)?Dt(t,e,r,n,o,l):function(t,e,r,n,o,a,i){switch(r){case w:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case v:return!(t.byteLength!=e.byteLength||!a(new K(t),new K(e)));case s:case u:case p:return Tt(+t,+e);case c:return t.name==e.name&&t.message==e.message;case y:case b:return t==e+"";case f:var l=M;case g:var d=1&n;if(l||(l=H),t.size!=e.size&&!d)return!1;var h=i.get(t);if(h)return h==e;n|=2,i.set(t,e);var m=Dt(l(t),l(e),n,o,a,i);return i.delete(t),m;case"[object Symbol]":if(yt)return yt.call(t)==yt.call(e)}return!1}(t,e,O,r,n,o,l);if(!(1&r)){var x=j&&X.call(t,"__wrapped__"),R=P&&X.call(e,"__wrapped__");if(x||R){var _=x?t.value():t,z=R?e.value():e;return l||(l=new wt),o(_,z,r,n,l)}}return!!D&&(l||(l=new wt),function(t,e,r,n,o,a){var i=1&r,s=xt(t),u=s.length;if(u!=xt(e).length&&!i)return!1;for(var c=u;c--;){var l=s[c];if(!(i?l in e:X.call(e,l)))return!1}var f=a.get(t);if(f&&a.get(e))return f==e;var p=!0;a.set(t,e),a.set(e,t);for(var d=i;++c<u;){var h=t[l=s[c]],y=e[l];if(n)var g=i?n(y,h,l,e,t,a):n(h,y,l,t,e,a);if(!(void 0===g?h===y||o(h,y,r,n,a):g)){p=!1;break}d||(d="constructor"==l)}if(p&&!d){var b=t.constructor,m=e.constructor;b==m||!("constructor"in t)||!("constructor"in e)||"function"==typeof b&&b instanceof b&&"function"==typeof m&&m instanceof m||(p=!1)}return a.delete(t),a.delete(e),p}(t,e,r,n,o,l))}(t,e,r,n,Pt,o))}function Dt(t,e,r,n,o,a){var i=1&r,s=t.length,u=e.length;if(s!=u&&!(i&&u>s))return!1;var c=a.get(t);if(c&&a.get(e))return c==e;var l=-1,f=!0,p=2&r?new vt:void 0;for(a.set(t,e),a.set(e,t);++l<s;){var d=t[l],h=e[l];if(n)var y=i?n(h,d,l,e,t,a):n(d,h,l,t,e,a);if(void 0!==y){if(y)continue;f=!1;break}if(p){if(!T(e,(function(t,e){if(i=e,!p.has(i)&&(d===t||o(d,t,r,n,a)))return p.push(e);var i}))){f=!1;break}}else if(d!==h&&!o(d,h,r,n,a)){f=!1;break}}return a.delete(t),a.delete(e),f}function xt(t){return function(t,e,r){var n=e(t);return Ht(t)?n:function(t,e){for(var r=-1,n=e.length,o=t.length;++r<n;)t[o+r]=e[r];return t}(n,r(t))}(t,qt,zt)}function Rt(t,e){var r,n,o=t.__data__;return("string"==(n=typeof(r=e))||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==r:null===r)?o["string"==typeof e?"string":"hash"]:o.map}function _t(t,e){var r=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){return!(!At(t)||function(t){return!!Y&&Y in t}(t))&&(Nt(t)?G:O).test(Et(t))}(r)?r:void 0}gt.prototype.clear=function(){this.__data__=ut?ut(null):{},this.size=0},gt.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},gt.prototype.get=function(t){var e=this.__data__;if(ut){var r=e[t];return r===n?void 0:r}return X.call(e,t)?e[t]:void 0},gt.prototype.has=function(t){var e=this.__data__;return ut?void 0!==e[t]:X.call(e,t)},gt.prototype.set=function(t,e){var r=this.__data__;return this.size+=this.has(t)?0:1,r[t]=ut&&void 0===e?n:e,this},bt.prototype.clear=function(){this.__data__=[],this.size=0},bt.prototype.delete=function(t){var e=this.__data__,r=Ot(e,t);return!(r<0||(r==e.length-1?e.pop():Q.call(e,r,1),--this.size,0))},bt.prototype.get=function(t){var e=this.__data__,r=Ot(e,t);return r<0?void 0:e[r][1]},bt.prototype.has=function(t){return Ot(this.__data__,t)>-1},bt.prototype.set=function(t,e){var r=this.__data__,n=Ot(r,t);return n<0?(++this.size,r.push([t,e])):r[n][1]=e,this},mt.prototype.clear=function(){this.size=0,this.__data__={hash:new gt,map:new(ot||bt),string:new gt}},mt.prototype.delete=function(t){var e=Rt(this,t).delete(t);return this.size-=e?1:0,e},mt.prototype.get=function(t){return Rt(this,t).get(t)},mt.prototype.has=function(t){return Rt(this,t).has(t)},mt.prototype.set=function(t,e){var r=Rt(this,t),n=r.size;return r.set(t,e),this.size+=r.size==n?0:1,this},vt.prototype.add=vt.prototype.push=function(t){return this.__data__.set(t,n),this},vt.prototype.has=function(t){return this.__data__.has(t)},wt.prototype.clear=function(){this.__data__=new bt,this.size=0},wt.prototype.delete=function(t){var e=this.__data__,r=e.delete(t);return this.size=e.size,r},wt.prototype.get=function(t){return this.__data__.get(t)},wt.prototype.has=function(t){return this.__data__.has(t)},wt.prototype.set=function(t,e){var r=this.__data__;if(r instanceof bt){var n=r.__data__;if(!ot||n.length<199)return n.push([t,e]),this.size=++r.size,this;r=this.__data__=new mt(n)}return r.set(t,e),this.size=r.size,this};var zt=tt?function(t){return null==t?[]:(t=Object(t),function(e,r){for(var n=-1,o=null==e?0:e.length,a=0,i=[];++n<o;){var s=e[n];u=s,J.call(t,u)&&(i[a++]=s)}var u;return i}(tt(t)))}:function(){return[]},Ct=St;function kt(t,e){return!!(e=null==e?o:e)&&("number"==typeof t||S.test(t))&&t>-1&&t%1==0&&t<e}function Et(t){if(null!=t){try{return U.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Tt(t,e){return t===e||t!=t&&e!=e}(nt&&Ct(new nt(new ArrayBuffer(1)))!=w||ot&&Ct(new ot)!=f||at&&Ct(at.resolve())!=h||it&&Ct(new it)!=g||st&&Ct(new st)!=m)&&(Ct=function(t){var e=St(t),r=e==d?t.constructor:void 0,n=r?Et(r):"";if(n)switch(n){case ct:return w;case lt:return f;case ft:return h;case pt:return g;case dt:return m}return e});var Mt=jt(function(){return arguments}())?jt:function(t){return It(t)&&X.call(t,"callee")&&!J.call(t,"callee")},Ht=Array.isArray,Lt=et||function(){return!1};function Nt(t){if(!At(t))return!1;var e=St(t);return e==l||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}function Wt(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=o}function At(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}function It(t){return null!=t&&"object"==typeof t}var Bt=E?function(t){return function(e){return t(e)}}(E):function(t){return It(t)&&Wt(t.length)&&!!j[St(t)]};function qt(t){return null!=(e=t)&&Wt(e.length)&&!Nt(e)?function(t,e){var r=Ht(t),n=!r&&Mt(t),o=!r&&!n&&Lt(t),a=!r&&!n&&!o&&Bt(t),i=r||n||o||a,s=i?function(t,e){for(var r=-1,n=Array(t);++r<t;)n[r]=e(r);return n}(t.length,String):[],u=s.length;for(var c in t)!e&&!X.call(t,c)||i&&("length"==c||o&&("offset"==c||"parent"==c)||a&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||kt(c,u))||s.push(c);return s}(t):function(t){if(r=(e=t)&&e.constructor,e!==("function"==typeof r&&r.prototype||B))return rt(t);var e,r,n=[];for(var o in Object(t))X.call(t,o)&&"constructor"!=o&&n.push(o);return n}(t);var e}t.exports=function(t,e){return Pt(t,e)}},703:function(t,e,r){"use strict";var n=r(414);function o(){}function a(){}a.resetWarningCache=o,t.exports=function(){function t(t,e,r,o,a,i){if(i!==n){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function e(){return t}t.isRequired=t;var r={array:t,bool:t,func:t,number:t,object:t,string:t,symbol:t,any:t,arrayOf:e,element:t,elementType:t,instanceOf:e,node:t,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:a,resetWarningCache:o};return r.PropTypes=r,r}},697:function(t,e,r){t.exports=r(703)()},414:function(t){"use strict";t.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},668:function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return l.default}}),e.default=void 0;var n=function(t){if(t&&t.__esModule)return t;if(null===t||"object"!==h(t)&&"function"!=typeof t)return{default:t};var e=d();if(e&&e.has(t))return e.get(t);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o)){var a=n?Object.getOwnPropertyDescriptor(t,o):null;a&&(a.get||a.set)?Object.defineProperty(r,o,a):r[o]=t[o]}return r.default=t,e&&e.set(t,r),r}(r(888)),o=p(r(697)),a=p(r(757)),i=p(r(184)),s=r(825),u=r(849),c=r(280),l=p(r(783)),f=p(r(904));function p(t){return t&&t.__esModule?t:{default:t}}function d(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return d=function(){return t},t}function h(t){return(h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function y(){return(y=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}function g(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function b(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function m(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?b(Object(r),!0).forEach((function(e){D(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function v(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function w(t,e,r){return e&&v(t.prototype,e),r&&v(t,r),t}function O(t,e){return(O=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function S(t,e){return!e||"object"!==h(e)&&"function"!=typeof e?j(t):e}function j(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function P(t){return(P=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function D(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var x=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O(t,e)}(c,t);var e,r,o=(e=c,r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,n=P(e);if(r){var o=P(this).constructor;t=Reflect.construct(n,arguments,o)}else t=n.apply(this,arguments);return S(this,t)});function c(t){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,c),D(j(e=o.call(this,t)),"onDragStart",(function(t,r){if((0,f.default)("Draggable: onDragStart: %j",r),!1===e.props.onStart(t,(0,u.createDraggableData)(j(e),r)))return!1;e.setState({dragging:!0,dragged:!0})})),D(j(e),"onDrag",(function(t,r){if(!e.state.dragging)return!1;(0,f.default)("Draggable: onDrag: %j",r);var n,o,a=(0,u.createDraggableData)(j(e),r),i={x:a.x,y:a.y};if(e.props.bounds){var s=i.x,c=i.y;i.x+=e.state.slackX,i.y+=e.state.slackY;var l=(n=(0,u.getBoundPosition)(j(e),i.x,i.y),o=2,function(t){if(Array.isArray(t))return t}(n)||function(t,e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t)){var r=[],n=!0,o=!1,a=void 0;try{for(var i,s=t[Symbol.iterator]();!(n=(i=s.next()).done)&&(r.push(i.value),!e||r.length!==e);n=!0);}catch(t){o=!0,a=t}finally{try{n||null==s.return||s.return()}finally{if(o)throw a}}return r}}(n,o)||function(t,e){if(t){if("string"==typeof t)return g(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(t,e):void 0}}(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=l[0],d=l[1];i.x=p,i.y=d,i.slackX=e.state.slackX+(s-i.x),i.slackY=e.state.slackY+(c-i.y),a.x=i.x,a.y=i.y,a.deltaX=i.x-e.state.x,a.deltaY=i.y-e.state.y}if(!1===e.props.onDrag(t,a))return!1;e.setState(i)})),D(j(e),"onDragStop",(function(t,r){if(!e.state.dragging)return!1;if(!1===e.props.onStop(t,(0,u.createDraggableData)(j(e),r)))return!1;(0,f.default)("Draggable: onDragStop: %j",r);var n={dragging:!1,slackX:0,slackY:0};if(Boolean(e.props.position)){var o=e.props.position,a=o.x,i=o.y;n.x=a,n.y=i}e.setState(n)})),e.state={dragging:!1,dragged:!1,x:t.position?t.position.x:t.defaultPosition.x,y:t.position?t.position.y:t.defaultPosition.y,prevPropsPosition:m({},t.position),slackX:0,slackY:0,isElementSVG:!1},!t.position||t.onDrag||t.onStop||console.warn("A `position` was applied to this <Draggable>, 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."),e}return w(c,null,[{key:"getDerivedStateFromProps",value:function(t,e){var r=t.position,n=e.prevPropsPosition;return!r||n&&r.x===n.x&&r.y===n.y?null:((0,f.default)("Draggable: getDerivedStateFromProps %j",{position:r,prevPropsPosition:n}),{x:r.x,y:r.y,prevPropsPosition:m({},r)})}}]),w(c,[{key:"componentDidMount",value:function(){void 0!==window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){return this.props.nodeRef?this.props.nodeRef.current:a.default.findDOMNode(this)}},{key:"render",value:function(){var t,e=this.props,r=(e.axis,e.bounds,e.children),o=e.defaultPosition,a=e.defaultClassName,c=e.defaultClassNameDragging,f=e.defaultClassNameDragged,p=e.position,d=e.positionOffset,h=(e.scale,function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},a=Object.keys(t);for(n=0;n<a.length;n++)r=a[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(n=0;n<a.length;n++)r=a[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(e,["axis","bounds","children","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"])),g={},b=null,v=!Boolean(p)||this.state.dragging,w=p||o,O={x:(0,u.canDragX)(this)&&v?this.state.x:w.x,y:(0,u.canDragY)(this)&&v?this.state.y:w.y};this.state.isElementSVG?b=(0,s.createSVGTransform)(O,d):g=(0,s.createCSSTransform)(O,d);var S=(0,i.default)(r.props.className||"",a,(D(t={},c,this.state.dragging),D(t,f,this.state.dragged),t));return n.createElement(l.default,y({},h,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),n.cloneElement(n.Children.only(r),{className:S,style:m(m({},r.props.style),g),transform:b}))}}]),c}(n.Component);e.default=x,D(x,"displayName","Draggable"),D(x,"propTypes",m(m({},l.default.propTypes),{},{axis:o.default.oneOf(["both","x","y","none"]),bounds:o.default.oneOfType([o.default.shape({left:o.default.number,right:o.default.number,top:o.default.number,bottom:o.default.number}),o.default.string,o.default.oneOf([!1])]),defaultClassName:o.default.string,defaultClassNameDragging:o.default.string,defaultClassNameDragged:o.default.string,defaultPosition:o.default.shape({x:o.default.number,y:o.default.number}),positionOffset:o.default.shape({x:o.default.oneOfType([o.default.number,o.default.string]),y:o.default.oneOfType([o.default.number,o.default.string])}),position:o.default.shape({x:o.default.number,y:o.default.number}),className:c.dontSetMe,style:c.dontSetMe,transform:c.dontSetMe})),D(x,"defaultProps",m(m({},l.default.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}))},783:function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=function(t){if(t&&t.__esModule)return t;if(null===t||"object"!==p(t)&&"function"!=typeof t)return{default:t};var e=f();if(e&&e.has(t))return e.get(t);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o)){var a=n?Object.getOwnPropertyDescriptor(t,o):null;a&&(a.get||a.set)?Object.defineProperty(r,o,a):r[o]=t[o]}return r.default=t,e&&e.set(t,r),r}(r(888)),o=l(r(697)),a=l(r(757)),i=r(825),s=r(849),u=r(280),c=l(r(904));function l(t){return t&&t.__esModule?t:{default:t}}function f(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return f=function(){return t},t}function p(t){return(p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function d(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t)){var r=[],n=!0,o=!1,a=void 0;try{for(var i,s=t[Symbol.iterator]();!(n=(i=s.next()).done)&&(r.push(i.value),!e||r.length!==e);n=!0);}catch(t){o=!0,a=t}finally{try{n||null==s.return||s.return()}finally{if(o)throw a}}return r}}(t,e)||function(t,e){if(t){if("string"==typeof t)return h(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function y(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function g(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function b(t,e){return(b=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function m(t,e){return!e||"object"!==p(e)&&"function"!=typeof e?v(t):e}function v(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function w(t){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function O(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var S={start:"touchstart",move:"touchmove",stop:"touchend"},j={start:"mousedown",move:"mousemove",stop:"mouseup"},P=j,D=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&b(t,e)}(f,t);var e,r,o,u,l=(o=f,u=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=w(o);if(u){var r=w(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return m(this,t)});function f(){var t;y(this,f);for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return O(v(t=l.call.apply(l,[this].concat(r))),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),O(v(t),"mounted",!1),O(v(t),"handleDragStart",(function(e){if(t.props.onMouseDown(e),!t.props.allowAnyClick&&"number"==typeof e.button&&0!==e.button)return!1;var r=t.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var n=r.ownerDocument;if(!(t.props.disabled||!(e.target instanceof n.defaultView.Node)||t.props.handle&&!(0,i.matchesSelectorAndParentsTo)(e.target,t.props.handle,r)||t.props.cancel&&(0,i.matchesSelectorAndParentsTo)(e.target,t.props.cancel,r))){"touchstart"===e.type&&e.preventDefault();var o=(0,i.getTouchIdentifier)(e);t.setState({touchIdentifier:o});var a=(0,s.getControlPosition)(e,o,v(t));if(null!=a){var u=a.x,l=a.y,f=(0,s.createCoreData)(v(t),u,l);(0,c.default)("DraggableCore: handleDragStart: %j",f),(0,c.default)("calling",t.props.onStart),!1!==t.props.onStart(e,f)&&!1!==t.mounted&&(t.props.enableUserSelectHack&&(0,i.addUserSelectStyles)(n),t.setState({dragging:!0,lastX:u,lastY:l}),(0,i.addEvent)(n,P.move,t.handleDrag),(0,i.addEvent)(n,P.stop,t.handleDragStop))}}})),O(v(t),"handleDrag",(function(e){var r=(0,s.getControlPosition)(e,t.state.touchIdentifier,v(t));if(null!=r){var n=r.x,o=r.y;if(Array.isArray(t.props.grid)){var a=n-t.state.lastX,i=o-t.state.lastY,u=d((0,s.snapToGrid)(t.props.grid,a,i),2);if(a=u[0],i=u[1],!a&&!i)return;n=t.state.lastX+a,o=t.state.lastY+i}var l=(0,s.createCoreData)(v(t),n,o);if((0,c.default)("DraggableCore: handleDrag: %j",l),!1!==t.props.onDrag(e,l)&&!1!==t.mounted)t.setState({lastX:n,lastY:o});else try{t.handleDragStop(new MouseEvent("mouseup"))}catch(e){var f=document.createEvent("MouseEvents");f.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),t.handleDragStop(f)}}})),O(v(t),"handleDragStop",(function(e){if(t.state.dragging){var r=(0,s.getControlPosition)(e,t.state.touchIdentifier,v(t));if(null!=r){var n=r.x,o=r.y,a=(0,s.createCoreData)(v(t),n,o);if(!1===t.props.onStop(e,a)||!1===t.mounted)return!1;var u=t.findDOMNode();u&&t.props.enableUserSelectHack&&(0,i.removeUserSelectStyles)(u.ownerDocument),(0,c.default)("DraggableCore: handleDragStop: %j",a),t.setState({dragging:!1,lastX:NaN,lastY:NaN}),u&&((0,c.default)("DraggableCore: Removing handlers"),(0,i.removeEvent)(u.ownerDocument,P.move,t.handleDrag),(0,i.removeEvent)(u.ownerDocument,P.stop,t.handleDragStop))}}})),O(v(t),"onMouseDown",(function(e){return P=j,t.handleDragStart(e)})),O(v(t),"onMouseUp",(function(e){return P=j,t.handleDragStop(e)})),O(v(t),"onTouchStart",(function(e){return P=S,t.handleDragStart(e)})),O(v(t),"onTouchEnd",(function(e){return P=S,t.handleDragStop(e)})),t}return e=f,(r=[{key:"componentDidMount",value:function(){this.mounted=!0;var t=this.findDOMNode();t&&(0,i.addEvent)(t,S.start,this.onTouchStart,{passive:!1})}},{key:"componentWillUnmount",value:function(){this.mounted=!1;var t=this.findDOMNode();if(t){var e=t.ownerDocument;(0,i.removeEvent)(e,j.move,this.handleDrag),(0,i.removeEvent)(e,S.move,this.handleDrag),(0,i.removeEvent)(e,j.stop,this.handleDragStop),(0,i.removeEvent)(e,S.stop,this.handleDragStop),(0,i.removeEvent)(t,S.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,i.removeUserSelectStyles)(e)}}},{key:"findDOMNode",value:function(){return this.props.nodeRef?this.props.nodeRef.current:a.default.findDOMNode(this)}},{key:"render",value:function(){return n.cloneElement(n.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}])&&g(e.prototype,r),f}(n.Component);e.default=D,O(D,"displayName","DraggableCore"),O(D,"propTypes",{allowAnyClick:o.default.bool,disabled:o.default.bool,enableUserSelectHack:o.default.bool,offsetParent:function(t,e){if(t[e]&&1!==t[e].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:o.default.arrayOf(o.default.number),handle:o.default.string,cancel:o.default.string,nodeRef:o.default.object,onStart:o.default.func,onDrag:o.default.func,onStop:o.default.func,onMouseDown:o.default.func,scale:o.default.number,className:u.dontSetMe,style:u.dontSetMe,transform:u.dontSetMe}),O(D,"defaultProps",{allowAnyClick:!1,cancel:null,disabled:!1,enableUserSelectHack:!0,offsetParent:null,handle:null,grid:null,transform:null,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1})},193:function(t,e,r){"use strict";var n=r(668),o=n.default,a=n.DraggableCore;t.exports=o,t.exports.default=o,t.exports.DraggableCore=a},825:function(t,e,r){"use strict";function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.matchesSelector=f,e.matchesSelectorAndParentsTo=function(t,e,r){var n=t;do{if(f(n,e))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1},e.addEvent=function(t,e,r,n){if(t){var o=u({capture:!0},n);t.addEventListener?t.addEventListener(e,r,o):t.attachEvent?t.attachEvent("on"+e,r):t["on"+e]=r}},e.removeEvent=function(t,e,r,n){if(t){var o=u({capture:!0},n);t.removeEventListener?t.removeEventListener(e,r,o):t.detachEvent?t.detachEvent("on"+e,r):t["on"+e]=null}},e.outerHeight=function(t){var e=t.clientHeight,r=t.ownerDocument.defaultView.getComputedStyle(t);return(e+=(0,o.int)(r.borderTopWidth))+(0,o.int)(r.borderBottomWidth)},e.outerWidth=function(t){var e=t.clientWidth,r=t.ownerDocument.defaultView.getComputedStyle(t);return(e+=(0,o.int)(r.borderLeftWidth))+(0,o.int)(r.borderRightWidth)},e.innerHeight=function(t){var e=t.clientHeight,r=t.ownerDocument.defaultView.getComputedStyle(t);return(e-=(0,o.int)(r.paddingTop))-(0,o.int)(r.paddingBottom)},e.innerWidth=function(t){var e=t.clientWidth,r=t.ownerDocument.defaultView.getComputedStyle(t);return(e-=(0,o.int)(r.paddingLeft))-(0,o.int)(r.paddingRight)},e.offsetXYFromParent=function(t,e,r){var n=e===e.ownerDocument.body?{left:0,top:0}:e.getBoundingClientRect();return{x:(t.clientX+e.scrollLeft-n.left)/r,y:(t.clientY+e.scrollTop-n.top)/r}},e.createCSSTransform=function(t,e){var r=p(t,e,"px");return c({},(0,a.browserPrefixToKey)("transform",a.default),r)},e.createSVGTransform=function(t,e){return p(t,e,"")},e.getTranslation=p,e.getTouch=function(t,e){return t.targetTouches&&(0,o.findInArray)(t.targetTouches,(function(t){return e===t.identifier}))||t.changedTouches&&(0,o.findInArray)(t.changedTouches,(function(t){return e===t.identifier}))},e.getTouchIdentifier=function(t){return t.targetTouches&&t.targetTouches[0]?t.targetTouches[0].identifier:t.changedTouches&&t.changedTouches[0]?t.changedTouches[0].identifier:void 0},e.addUserSelectStyles=function(t){if(t){var e=t.getElementById("react-draggable-style-el");e||((e=t.createElement("style")).type="text/css",e.id="react-draggable-style-el",e.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",e.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",t.getElementsByTagName("head")[0].appendChild(e)),t.body&&d(t.body,"react-draggable-transparent-selection")}},e.removeUserSelectStyles=function(t){if(t)try{if(t.body&&h(t.body,"react-draggable-transparent-selection"),t.selection)t.selection.empty();else{var e=(t.defaultView||window).getSelection();e&&"Caret"!==e.type&&e.removeAllRanges()}}catch(t){}},e.addClassName=d,e.removeClassName=h;var o=r(280),a=function(t){if(t&&t.__esModule)return t;if(null===t||"object"!==n(t)&&"function"!=typeof t)return{default:t};var e=i();if(e&&e.has(t))return e.get(t);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var s=o?Object.getOwnPropertyDescriptor(t,a):null;s&&(s.get||s.set)?Object.defineProperty(r,a,s):r[a]=t[a]}return r.default=t,e&&e.set(t,r),r}(r(650));function i(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return i=function(){return t},t}function s(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?s(Object(r),!0).forEach((function(e){c(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function c(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var l="";function f(t,e){return l||(l=(0,o.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(e){return(0,o.isFunction)(t[e])}))),!!(0,o.isFunction)(t[l])&&t[l](e)}function p(t,e,r){var n=t.x,o=t.y,a="translate(".concat(n).concat(r,",").concat(o).concat(r,")");if(e){var i="".concat("string"==typeof e.x?e.x:e.x+r),s="".concat("string"==typeof e.y?e.y:e.y+r);a="translate(".concat(i,", ").concat(s,")")+a}return a}function d(t,e){t.classList?t.classList.add(e):t.className.match(new RegExp("(?:^|\\s)".concat(e,"(?!\\S)")))||(t.className+=" ".concat(e))}function h(t,e){t.classList?t.classList.remove(e):t.className=t.className.replace(new RegExp("(?:^|\\s)".concat(e,"(?!\\S)"),"g"),"")}},650:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getPrefix=n,e.browserPrefixToKey=o,e.browserPrefixToStyle=function(t,e){return e?"-".concat(e.toLowerCase(),"-").concat(t):t},e.default=void 0;var r=["Moz","Webkit","O","ms"];function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window||void 0===window.document)return"";var e=window.document.documentElement.style;if(t in e)return"";for(var n=0;n<r.length;n++)if(o(t,r[n])in e)return r[n];return""}function o(t,e){return e?"".concat(e).concat(function(t){for(var e="",r=!0,n=0;n<t.length;n++)r?(e+=t[n].toUpperCase(),r=!1):"-"===t[n]?r=!0:e+=t[n];return e}(t)):t}var a=n();e.default=a},904:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(){}},849:function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getBoundPosition=function(t,e,r){if(!t.props.bounds)return[e,r];var i=t.props.bounds;i="string"==typeof i?i:function(t){return{left:t.left,top:t.top,right:t.right,bottom:t.bottom}}(i);var s=a(t);if("string"==typeof i){var u,c=s.ownerDocument,l=c.defaultView;if(!((u="parent"===i?s.parentNode:c.querySelector(i))instanceof l.HTMLElement))throw new Error('Bounds selector "'+i+'" could not find an element.');var f=l.getComputedStyle(s),p=l.getComputedStyle(u);i={left:-s.offsetLeft+(0,n.int)(p.paddingLeft)+(0,n.int)(f.marginLeft),top:-s.offsetTop+(0,n.int)(p.paddingTop)+(0,n.int)(f.marginTop),right:(0,o.innerWidth)(u)-(0,o.outerWidth)(s)-s.offsetLeft+(0,n.int)(p.paddingRight)-(0,n.int)(f.marginRight),bottom:(0,o.innerHeight)(u)-(0,o.outerHeight)(s)-s.offsetTop+(0,n.int)(p.paddingBottom)-(0,n.int)(f.marginBottom)}}return(0,n.isNum)(i.right)&&(e=Math.min(e,i.right)),(0,n.isNum)(i.bottom)&&(r=Math.min(r,i.bottom)),(0,n.isNum)(i.left)&&(e=Math.max(e,i.left)),(0,n.isNum)(i.top)&&(r=Math.max(r,i.top)),[e,r]},e.snapToGrid=function(t,e,r){return[Math.round(e/t[0])*t[0],Math.round(r/t[1])*t[1]]},e.canDragX=function(t){return"both"===t.props.axis||"x"===t.props.axis},e.canDragY=function(t){return"both"===t.props.axis||"y"===t.props.axis},e.getControlPosition=function(t,e,r){var n="number"==typeof e?(0,o.getTouch)(t,e):null;if("number"==typeof e&&!n)return null;var i=a(r),s=r.props.offsetParent||i.offsetParent||i.ownerDocument.body;return(0,o.offsetXYFromParent)(n||t,s,r.props.scale)},e.createCoreData=function(t,e,r){var o=t.state,i=!(0,n.isNum)(o.lastX),s=a(t);return i?{node:s,deltaX:0,deltaY:0,lastX:e,lastY:r,x:e,y:r}:{node:s,deltaX:e-o.lastX,deltaY:r-o.lastY,lastX:o.lastX,lastY:o.lastY,x:e,y:r}},e.createDraggableData=function(t,e){var r=t.props.scale;return{node:e.node,x:t.state.x+e.deltaX/r,y:t.state.y+e.deltaY/r,deltaX:e.deltaX/r,deltaY:e.deltaY/r,lastX:t.state.x,lastY:t.state.y}};var n=r(280),o=r(825);function a(t){var e=t.findDOMNode();if(!e)throw new Error("<DraggableCore>: Unmounted during event!");return e}},280:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.findInArray=function(t,e){for(var r=0,n=t.length;r<n;r++)if(e.apply(e,[t[r],r,t]))return t[r]},e.isFunction=function(t){return"function"==typeof t||"[object Function]"===Object.prototype.toString.call(t)},e.isNum=function(t){return"number"==typeof t&&!isNaN(t)},e.int=function(t){return parseInt(t,10)},e.dontSetMe=function(t,e,r){if(t[e])return new Error("Invalid prop ".concat(e," passed to ").concat(r," - do not set this, set it on the child."))}},827:function(t,e,r){"use strict";e.__esModule=!0,e.default=void 0;var n=function(t,e){if(t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var r=s(e);if(r&&r.has(t))return r.get(t);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if("default"!==a&&Object.prototype.hasOwnProperty.call(t,a)){var i=o?Object.getOwnPropertyDescriptor(t,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=t[a]}return n.default=t,r&&r.set(t,n),n}(r(888)),o=r(193),a=r(69),i=r(448);function s(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,r=new WeakMap;return(s=function(t){return t?r:e})(t)}function u(){return(u=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}function c(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function l(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?c(Object(r),!0).forEach((function(e){f(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function f(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function p(t,e){return(p=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var d=function(t){var e,r;function i(){for(var e,r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return(e=t.call.apply(t,[this].concat(n))||this).handleRefs={},e.lastHandleRect=null,e.slack=null,e}r=t,(e=i).prototype=Object.create(r.prototype),e.prototype.constructor=e,p(e,r);var s=i.prototype;return s.componentWillUnmount=function(){this.resetData()},s.lockAspectRatio=function(t,e,r){return[t=(e=t/r)*r,e]},s.resetData=function(){this.lastHandleRect=this.slack=null},s.runConstraints=function(t,e){var r=[this.props.minConstraints,this.props.maxConstraints],n=r[0],o=r[1];if(!n&&!o)return[t,e];if(this.props.lockAspectRatio)if(e===this.props.height){var a=this.props.width/this.props.height;t=(e=t/a)*a}else{var i=this.props.height/this.props.width;e=(t=e/i)*i}var s=t,u=e,c=this.slack||[0,0],l=c[0],f=c[1];return t+=l,e+=f,n&&(t=Math.max(n[0],t),e=Math.max(n[1],e)),o&&(t=Math.min(o[0],t),e=Math.min(o[1],e)),this.slack=[l+(s-t),f+(u-e)],[t,e]},s.resizeHandler=function(t,e){var r=this;return function(n,o){var a=o.node,i=o.deltaX,s=o.deltaY;"onResizeStart"===t&&r.resetData();var u=("both"===r.props.axis||"x"===r.props.axis)&&"n"!==e&&"s"!==e,c=("both"===r.props.axis||"y"===r.props.axis)&&"e"!==e&&"w"!==e;if(u||c){var l=e[0],f=e[e.length-1],p=a.getBoundingClientRect();null!=r.lastHandleRect&&("w"===f&&(i+=p.left-r.lastHandleRect.left),"n"===l&&(s+=p.top-r.lastHandleRect.top)),r.lastHandleRect=p,"w"===f&&(i=-i),"n"===l&&(s=-s);var d=r.props.width+(u?i/r.props.transformScale:0),h=r.props.height+(c?s/r.props.transformScale:0),y=r.runConstraints(d,h);d=y[0],h=y[1];var g=d!==r.props.width||h!==r.props.height,b="function"==typeof r.props[t]?r.props[t]:null;b&&!("onResize"===t&&!g)&&("function"==typeof n.persist&&n.persist(),b(n,{node:a,size:{width:d,height:h},handle:e})),"onResizeStop"===t&&r.resetData()}}},s.renderResizeHandle=function(t,e){var r=this.props.handle;return r?"function"==typeof r?r(t,e):n.cloneElement(r,{ref:e}):n.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+t,ref:e})},s.render=function(){var t=this,e=this.props,r=e.children,i=e.className,s=e.draggableOpts,c=(e.width,e.height,e.handle,e.handleSize,e.lockAspectRatio,e.axis,e.minConstraints,e.maxConstraints,e.onResize,e.onResizeStop,e.onResizeStart,e.resizeHandles),f=(e.transformScale,function(t,e){if(null==t)return{};var r,n,o={},a=Object.keys(t);for(n=0;n<a.length;n++)r=a[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(e,["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"]));return(0,a.cloneElement)(r,l(l({},f),{},{className:(i?i+" ":"")+"react-resizable",children:[].concat(r.props.children,c.map((function(e){var r,a=null!=(r=t.handleRefs[e])?r:t.handleRefs[e]=n.createRef();return n.createElement(o.DraggableCore,u({},s,{nodeRef:a,key:"resizableHandle-"+e,onStop:t.resizeHandler("onResizeStop",e),onStart:t.resizeHandler("onResizeStart",e),onDrag:t.resizeHandler("onResize",e)}),t.renderResizeHandle(e,a))})))}))},i}(n.Component);e.default=d,d.propTypes=i.resizableProps,d.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1}},735:function(t,e,r){"use strict";e.default=void 0;var n=function(t,e){if(t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var r=u(e);if(r&&r.has(t))return r.get(t);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if("default"!==a&&Object.prototype.hasOwnProperty.call(t,a)){var i=o?Object.getOwnPropertyDescriptor(t,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=t[a]}return n.default=t,r&&r.set(t,n),n}(r(888)),o=s(r(697)),a=s(r(827)),i=r(448);function s(t){return t&&t.__esModule?t:{default:t}}function u(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,r=new WeakMap;return(u=function(t){return t?r:e})(t)}function c(){return(c=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}function l(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function f(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?l(Object(r),!0).forEach((function(e){p(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function p(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function d(t,e){return(d=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var h=function(t){var e,r;function o(){for(var e,r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return(e=t.call.apply(t,[this].concat(n))||this).state={width:e.props.width,height:e.props.height,propsWidth:e.props.width,propsHeight:e.props.height},e.onResize=function(t,r){var n=r.size;e.props.onResize?(t.persist&&t.persist(),e.setState(n,(function(){return e.props.onResize&&e.props.onResize(t,r)}))):e.setState(n)},e}return r=t,(e=o).prototype=Object.create(r.prototype),e.prototype.constructor=e,d(e,r),o.getDerivedStateFromProps=function(t,e){return e.propsWidth!==t.width||e.propsHeight!==t.height?{width:t.width,height:t.height,propsWidth:t.width,propsHeight:t.height}:null},o.prototype.render=function(){var t=this.props,e=t.handle,r=t.handleSize,o=(t.onResize,t.onResizeStart),i=t.onResizeStop,s=t.draggableOpts,u=t.minConstraints,l=t.maxConstraints,p=t.lockAspectRatio,d=t.axis,h=(t.width,t.height,t.resizeHandles),y=t.style,g=t.transformScale,b=function(t,e){if(null==t)return{};var r,n,o={},a=Object.keys(t);for(n=0;n<a.length;n++)r=a[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"]);return n.createElement(a.default,{axis:d,draggableOpts:s,handle:e,handleSize:r,height:this.state.height,lockAspectRatio:p,maxConstraints:l,minConstraints:u,onResizeStart:o,onResize:this.onResize,onResizeStop:i,resizeHandles:h,transformScale:g,width:this.state.width},n.createElement("div",c({},b,{style:f(f({},y),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},o}(n.Component);e.default=h,h.propTypes=f(f({},i.resizableProps),{},{children:o.default.element})},448:function(t,e,r){"use strict";e.__esModule=!0,e.resizableProps=void 0;var n,o=(n=r(697))&&n.__esModule?n:{default:n};r(193);var a={axis:o.default.oneOf(["both","x","y","none"]),className:o.default.string,children:o.default.element.isRequired,draggableOpts:o.default.shape({allowAnyClick:o.default.bool,cancel:o.default.string,children:o.default.node,disabled:o.default.bool,enableUserSelectHack:o.default.bool,offsetParent:o.default.node,grid:o.default.arrayOf(o.default.number),handle:o.default.string,nodeRef:o.default.object,onStart:o.default.func,onDrag:o.default.func,onStop:o.default.func,onMouseDown:o.default.func,scale:o.default.number}),height:o.default.number.isRequired,handle:o.default.oneOfType([o.default.node,o.default.func]),handleSize:o.default.arrayOf(o.default.number),lockAspectRatio:o.default.bool,maxConstraints:o.default.arrayOf(o.default.number),minConstraints:o.default.arrayOf(o.default.number),onResizeStop:o.default.func,onResizeStart:o.default.func,onResize:o.default.func,resizeHandles:o.default.arrayOf(o.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:o.default.number,width:o.default.number.isRequired};e.resizableProps=a},69:function(t,e,r){"use strict";e.__esModule=!0,e.cloneElement=function(t,e){return e.style&&t.props.style&&(e.style=i(i({},t.props.style),e.style)),e.className&&t.props.className&&(e.className=t.props.className+" "+e.className),o.default.cloneElement(t,e)};var n,o=(n=r(888))&&n.__esModule?n:{default:n};function a(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function i(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?a(Object(r),!0).forEach((function(e){s(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function s(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}},706:function(t,e,r){"use strict";t.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},t.exports.Resizable=r(827).default,t.exports.ResizableBox=r(735).default},888:function(e){"use strict";e.exports=t},757:function(t){"use strict";t.exports=e}},n={};function o(t){var e=n[t];if(void 0!==e)return e.exports;var a=n[t]={id:t,loaded:!1,exports:{}};return r[t](a,a.exports,o),a.loaded=!0,a.exports}return o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,{a:e}),e},o.d=function(t,e){for(var r in e)o.o(e,r)&&!o.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.nmd=function(t){return t.paths=[],t.children||(t.children=[]),t},o(325)}()}));
//# sourceMappingURL=react-grid-layout.min.js.map