react-grid-layout.min.js

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","react-dom"],t):"object"==typeof exports?exports.ReactGridLayout=t(require("react"),require("react-dom")):e.ReactGridLayout=t(e.React,e.ReactDOM)}(self,(function(e,t){return function(){var r={325:function(e,t,r){e.exports=r(606).default,e.exports.utils=r(872),e.exports.Responsive=r(94).default,e.exports.Responsive.utils=r(271),e.exports.WidthProvider=r(663).default},606:function(e,t,r){"use strict";r.d(t,{default:function(){return X}});var n=r(359),o=r.n(n),a=r(690),i=r(10),u=r(872);function s(e){var t=e.margin,r=e.containerPadding,n=e.containerWidth,o=e.cols;return(n-t[0]*(o-1)-2*r[0])/o}function l(e,t,r){return Number.isFinite(e)?Math.round(t*e+Math.max(0,e-1)*r):e}function c(e,t,r,n,o,a){var i=e.margin,u=e.containerPadding,c=e.rowHeight,f=s(e),p={};return a&&a.resizing?(p.width=Math.round(a.resizing.width),p.height=Math.round(a.resizing.height)):(p.width=l(n,f,i[0]),p.height=l(o,c,i[1])),a&&a.dragging?(p.top=Math.round(a.dragging.top),p.left=Math.round(a.dragging.left)):(p.top=Math.round((c+i[1])*r+u[1]),p.left=Math.round((f+i[0])*t+u[0])),p}function f(e,t,r,n,o){var a=e.margin,i=e.cols,u=e.rowHeight,l=e.maxRows,c=s(e),f=Math.round((r-a[0])/(c+a[0])),d=Math.round((t-a[1])/(u+a[1]));return{x:f=p(f,0,i-n),y:d=p(d,0,l-o)}}function p(e,t,r){return Math.max(Math.min(e,r),t)}var d=r(697),y=r.n(d),h=r(193),g=r(706),m=y().arrayOf(y().oneOf(["s","w","e","n","sw","nw","se","ne"])),b=y().oneOfType([y().node,y().func]),v={className:y().string,style:y().object,width:y().number,autoSize:y().bool,cols:y().number,draggableCancel:y().string,draggableHandle:y().string,verticalCompact:function(e){e.verticalCompact},compactType:y().oneOf(["vertical","horizontal"]),layout:function(e){var t=e.layout;void 0!==t&&r(872).validateLayout(t,"layout")},margin:y().arrayOf(y().number),containerPadding:y().arrayOf(y().number),rowHeight:y().number,maxRows:y().number,isBounded:y().bool,isDraggable:y().bool,isResizable:y().bool,allowOverlap:y().bool,preventCollision:y().bool,useCSSTransforms:y().bool,transformScale:y().number,isDroppable:y().bool,resizeHandles:m,resizeHandle:b,onLayoutChange:y().func,onDragStart:y().func,onDrag:y().func,onDragStop:y().func,onResizeStart:y().func,onResize:y().func,onResizeStop:y().func,onDrop:y().func,droppingItem:y().shape({id:y().string.isRequired,w:y().number.isRequired,h:y().number.isRequired}),children:function(e,t){var r=e[t],n={};o().Children.forEach(r,(function(e){if(null!=(null==e?void 0:e.key)){if(n[e.key])throw new Error('Duplicate child key "'+e.key+'" found! This will cause problems in ReactGridLayout.');n[e.key]=!0}}))},innerRef:y().any};function w(e){return w="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},w(e)}function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){R(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function P(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,E(n.key),n)}}function j(e,t){return j=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},j(e,t)}function D(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function x(e){return x=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},x(e)}function R(e,t,r){return(t=E(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function E(e){var t=function(e,t){if("object"!==w(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==w(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===w(t)?t:String(t)}var C=function(e){!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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&j(e,t)}(y,e);var t,r,n,a,d=(n=y,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(e){return!1}}(),function(){var e,t=x(n);if(a){var r=x(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===w(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return D(e)}(this,e)});function y(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,y);for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return R(D(e=d.call.apply(d,[this].concat(r))),"state",{resizing:null,dragging:null,className:""}),R(D(e),"elementRef",o().createRef()),R(D(e),"onDragStart",(function(t,r){var n=r.node,o=e.props,a=o.onDragStart,i=o.transformScale;if(a){var u={top:0,left:0},s=n.offsetParent;if(s){var l=s.getBoundingClientRect(),c=n.getBoundingClientRect(),p=c.left/i,d=l.left/i,y=c.top/i,h=l.top/i;u.left=p-d+s.scrollLeft,u.top=y-h+s.scrollTop,e.setState({dragging:u});var g=f(e.getPositionParams(),u.top,u.left,e.props.w,e.props.h),m=g.x,b=g.y;return a.call(D(e),e.props.id,m,b,{e:t,node:n,newPosition:u})}}})),R(D(e),"onDrag",(function(t,r){var n=r.node,o=r.deltaX,a=r.deltaY,i=e.props.onDrag;if(i){if(!e.state.dragging)throw new Error("onDrag called before onDragStart.");var u=e.state.dragging.top+a,c=e.state.dragging.left+o,d=e.props,y=d.isBounded,h=d.id,g=d.w,m=d.h,b=d.containerWidth,v=e.getPositionParams();if(y){var w=n.offsetParent;if(w){var O=e.props,S=O.margin,P=O.rowHeight;u=p(u,0,w.clientHeight-l(m,P,S[1])),c=p(c,0,b-l(g,s(v),S[0]))}}var j={top:u,left:c};e.setState({dragging:j});var x=f(v,u,c,g,m),R=x.x,E=x.y;return i.call(D(e),h,R,E,{e:t,node:n,newPosition:j})}})),R(D(e),"onDragStop",(function(t,r){var n=r.node,o=e.props.onDragStop;if(o){if(!e.state.dragging)throw new Error("onDragEnd called before onDragStart.");var a=e.props,i=a.w,u=a.h,s=a.id,l=e.state.dragging,c=l.left,p=l.top,d={top:p,left:c};e.setState({dragging:null});var y=f(e.getPositionParams(),p,c,i,u),h=y.x,g=y.y;return o.call(D(e),s,h,g,{e:t,node:n,newPosition:d})}})),R(D(e),"onResizeStop",(function(t,r){e.onResizeHandler(t,r,"onResizeStop")})),R(D(e),"onResizeStart",(function(t,r){e.onResizeHandler(t,r,"onResizeStart")})),R(D(e),"onResize",(function(t,r){e.onResizeHandler(t,r,"onResize")})),e}return t=y,r=[{key:"shouldComponentUpdate",value:function(e,t){if(this.props.children!==e.children)return!0;if(this.props.droppingPosition!==e.droppingPosition)return!0;var r=c(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),n=c(this.getPositionParams(e),e.x,e.y,e.w,e.h,t);return!(0,u.fastPositionEqual)(r,n)||this.props.useCSSTransforms!==e.useCSSTransforms}},{key:"componentDidMount",value:function(){this.moveDroppingItem({})}},{key:"componentDidUpdate",value:function(e){this.moveDroppingItem(e)}},{key:"moveDroppingItem",value:function(e){var t=this.props.droppingPosition;if(t){var r=this.elementRef.current;if(r){var n=e.droppingPosition||{left:0,top:0},o=this.state.dragging,a=o&&t.left!==n.left||t.top!==n.top;if(o){if(a){var i=t.left-o.left,u=t.top-o.top;this.onDrag(t.e,{node:r,deltaX:i,deltaY:u})}}else this.onDragStart(t.e,{node:r,deltaX:t.left,deltaY:t.top})}}}},{key:"getPositionParams",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props;return{cols:e.cols,containerPadding:e.containerPadding,containerWidth:e.containerWidth,margin:e.margin,maxRows:e.maxRows,rowHeight:e.rowHeight}}},{key:"createStyle",value:function(e){var t,r=this.props,n=r.usePercentages,o=r.containerWidth;return r.useCSSTransforms?t=(0,u.setTransform)(e):(t=(0,u.setTopLeft)(e),n&&(t.left=(0,u.perc)(e.left/o),t.width=(0,u.perc)(e.width/o))),t}},{key:"mixinDraggable",value:function(e,t){return o().createElement(h.DraggableCore,{disabled:!t,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},e)}},{key:"mixinResizable",value:function(e,t,r){var n=this.props,a=n.cols,i=n.x,u=n.minW,s=n.minH,l=n.maxW,f=n.maxH,p=n.transformScale,d=n.resizeHandles,y=n.resizeHandle,h=this.getPositionParams(),m=c(h,0,0,a-i,0).width,b=c(h,0,0,u,s),v=c(h,0,0,l,f),w=[b.width,b.height],O=[Math.min(v.width,m),Math.min(v.height,1/0)];return o().createElement(g.Resizable,{draggableOpts:{disabled:!r},className:r?void 0:"react-resizable-hide",width:t.width,height:t.height,minConstraints:w,maxConstraints:O,onResizeStop:this.onResizeStop,onResizeStart:this.onResizeStart,onResize:this.onResize,transformScale:p,resizeHandles:d,handle:y},e)}},{key:"onResizeHandler",value:function(e,t,r){var n=t.node,o=t.size,a=this.props[r];if(a){var i=this.props,u=i.cols,l=i.x,c=i.y,f=i.id,d=i.maxH,y=i.minH,h=this.props,g=h.minW,m=h.maxW,b=function(e,t,r,n,o){var a=e.margin,i=e.maxRows,u=e.cols,l=e.rowHeight,c=s(e),f=Math.round((t+a[0])/(c+a[0])),d=Math.round((r+a[1])/(l+a[1]));return{w:f=p(f,0,u-n),h:d=p(d,0,i-o)}}(this.getPositionParams(),o.width,o.height,l,c),v=b.w,w=b.h;v=p(v,g=Math.max(g,1),m=Math.min(m,u-l)),w=p(w,y,d),this.setState({resizing:"onResizeStop"===r?null:o}),a.call(this,f,v,w,{e:e,node:n,size:o})}}},{key:"render",value:function(){var e=this.props,t=e.x,r=e.y,n=e.w,a=e.h,u=e.isDraggable,s=e.isResizable,l=e.droppingPosition,f=e.useCSSTransforms,p=c(this.getPositionParams(),t,r,n,a,this.state),d=o().Children.only(this.props.children),y=o().cloneElement(d,{ref:this.elementRef,className:(0,i.default)("react-grid-item",d.props.className,this.props.className,{static:this.props.static,resizing:Boolean(this.state.resizing),"react-draggable":u,"react-draggable-dragging":Boolean(this.state.dragging),dropping:Boolean(l),cssTransforms:f}),style:S(S(S({},this.props.style),d.props.style),this.createStyle(p))});return y=this.mixinResizable(y,p,s),this.mixinDraggable(y,u)}}],r&&P(t.prototype,r),Object.defineProperty(t,"prototype",{writable:!1}),y}(o().Component);function z(e){return z="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},z(e)}function k(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function T(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?k(Object(r),!0).forEach((function(t){A(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function M(e,t){if(e){if("string"==typeof e)return _(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_(e,t):void 0}}function _(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function H(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,I(n.key),n)}}function L(e,t){return L=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},L(e,t)}function N(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function W(e){return W=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},W(e)}function A(e,t,r){return(t=I(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function I(e){var t=function(e,t){if("object"!==z(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==z(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===z(t)?t:String(t)}R(C,"propTypes",{children:y().element,cols:y().number.isRequired,containerWidth:y().number.isRequired,rowHeight:y().number.isRequired,margin:y().array.isRequired,maxRows:y().number.isRequired,containerPadding:y().array.isRequired,x:y().number.isRequired,y:y().number.isRequired,w:y().number.isRequired,h:y().number.isRequired,minW:function(e,t){var r=e[t];return"number"!=typeof r?new Error("minWidth not Number"):r>e.w||r>e.maxW?new Error("minWidth larger than item width/maxWidth"):void 0},maxW:function(e,t){var r=e[t];return"number"!=typeof r?new Error("maxWidth not Number"):r<e.w||r<e.minW?new Error("maxWidth smaller than item width/minWidth"):void 0},minH:function(e,t){var r=e[t];return"number"!=typeof r?new Error("minHeight not Number"):r>e.h||r>e.maxH?new Error("minHeight larger than item height/maxHeight"):void 0},maxH:function(e,t){var r=e[t];return"number"!=typeof r?new Error("maxHeight not Number"):r<e.h||r<e.minH?new Error("maxHeight smaller than item height/minHeight"):void 0},id:y().string.isRequired,resizeHandles:m,resizeHandle:b,onDragStop:y().func,onDragStart:y().func,onDrag:y().func,onResizeStop:y().func,onResizeStart:y().func,onResize:y().func,isDraggable:y().bool.isRequired,isResizable:y().bool.isRequired,isBounded:y().bool.isRequired,static:y().bool,useCSSTransforms:y().bool.isRequired,transformScale:y().number,className:y().string,handle:y().string,cancel:y().string,droppingPosition:y().shape({e:y().object.isRequired,left:y().number.isRequired,top:y().number.isRequired})}),R(C,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1});var q="react-grid-layout",B=!1;try{B=/firefox/i.test(navigator.userAgent)}catch(e){}var X=function(e){!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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&L(e,t)}(p,e);var t,r,o,s,l,c=(s=p,l=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(e){return!1}}(),function(){var e,t=W(s);if(l){var r=W(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===z(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return N(e)}(this,e)});function p(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,p);for(var t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return A(N(e=c.call.apply(c,[this].concat(r))),"state",{activeDrag:null,layout:(0,u.synchronizeLayoutWithChildren)(e.props.layout,e.props.children,e.props.cols,(0,u.compactType)(e.props),e.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),A(N(e),"dragEnterCounter",0),A(N(e),"onDragStart",(function(t,r,n,o){var a=o.e,i=o.node,s=e.state.layout,l=(0,u.getLayoutItem)(s,t);if(l)return e.setState({oldDragItem:(0,u.cloneLayoutItem)(l),oldLayout:s}),e.props.onDragStart(s,l,l,null,a,i)})),A(N(e),"onDrag",(function(t,r,n,o){var a=o.e,i=o.node,s=e.state.oldDragItem,l=e.state.layout,c=e.props,f=c.cols,p=c.allowOverlap,d=c.preventCollision,y=(0,u.getLayoutItem)(l,t);if(y){var h={w:y.w,h:y.h,x:y.x,y:y.y,placeholder:!0,i:t};l=(0,u.moveElement)(l,y,r,n,!0,d,(0,u.compactType)(e.props),f,p),e.props.onDrag(l,s,y,h,a,i),e.setState({layout:p?l:(0,u.compact)(l,(0,u.compactType)(e.props),f),activeDrag:h})}})),A(N(e),"onDragStop",(function(t,r,n,o){var a=o.e,i=o.node;if(e.state.activeDrag){var s=e.state.oldDragItem,l=e.state.layout,c=e.props,f=c.cols,p=c.preventCollision,d=c.allowOverlap,y=(0,u.getLayoutItem)(l,t);if(y){l=(0,u.moveElement)(l,y,r,n,!0,p,(0,u.compactType)(e.props),f,d);var h=d?l:(0,u.compact)(l,(0,u.compactType)(e.props),f);e.props.onDragStop(h,s,y,null,a,i);var g=e.state.oldLayout;e.setState({activeDrag:null,layout:h,oldDragItem:null,oldLayout:null}),e.onLayoutMaybeChanged(h,g)}}})),A(N(e),"onResizeStart",(function(t,r,n,o){var a=o.e,i=o.node,s=e.state.layout,l=(0,u.getLayoutItem)(s,t);l&&(e.setState({oldResizeItem:(0,u.cloneLayoutItem)(l),oldLayout:e.state.layout}),e.props.onResizeStart(s,l,l,null,a,i))})),A(N(e),"onResize",(function(t,r,n,o){var a=o.e,i=o.node,s=e.state,l=s.layout,c=s.oldResizeItem,f=e.props,p=f.cols,d=f.preventCollision,y=f.allowOverlap,h=(0,u.withLayoutItem)(l,t,(function(e){var t;if(d&&!y){var o=(0,u.getAllCollisions)(l,T(T({},e),{},{w:r,h:n})).filter((function(t){return t.i!==e.i}));if(t=o.length>0){var a=1/0,i=1/0;o.forEach((function(t){t.x>e.x&&(a=Math.min(a,t.x)),t.y>e.y&&(i=Math.min(i,t.y))})),Number.isFinite(a)&&(e.w=a-e.x),Number.isFinite(i)&&(e.h=i-e.y)}}return t||(e.w=r,e.h=n),e})),g=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,i,u=[],s=!0,l=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=a.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){l=!0,o=e}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(l)throw o}}return u}}(e,t)||M(e,t)||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.")}()}(h,2),m=g[0],b=g[1];if(b){var v={w:b.w,h:b.h,x:b.x,y:b.y,static:!0,i:t};e.props.onResize(m,c,b,v,a,i),e.setState({layout:y?m:(0,u.compact)(m,(0,u.compactType)(e.props),p),activeDrag:v})}})),A(N(e),"onResizeStop",(function(t,r,n,o){var a=o.e,i=o.node,s=e.state,l=s.layout,c=s.oldResizeItem,f=e.props,p=f.cols,d=f.allowOverlap,y=(0,u.getLayoutItem)(l,t),h=d?l:(0,u.compact)(l,(0,u.compactType)(e.props),p);e.props.onResizeStop(h,c,y,null,a,i);var g=e.state.oldLayout;e.setState({activeDrag:null,layout:h,oldResizeItem:null,oldLayout:null}),e.onLayoutMaybeChanged(h,g)})),A(N(e),"onDragOver",(function(t){var r;if(t.preventDefault(),t.stopPropagation(),B&&(null===(r=t.nativeEvent.target)||void 0===r||!r.classList.contains(q)))return!1;var o=e.props,a=o.droppingItem,i=o.onDropDragOver,u=o.margin,s=o.cols,l=o.rowHeight,c=o.maxRows,p=o.width,d=o.containerPadding,y=o.transformScale,h=null==i?void 0:i(t);if(!1===h)return e.state.droppingDOMNode&&e.removeDroppingPlaceholder(),!1;var g,m=T(T({},a),h),b=e.state.layout,v=t.nativeEvent,w=v.layerX,O=v.layerY,S={left:w/y,top:O/y,e:t};if(e.state.droppingDOMNode){if(e.state.droppingPosition){var P=e.state.droppingPosition,j=P.left,D=P.top;(j!=w||D!=O)&&e.setState({droppingPosition:S})}}else{var x=f({cols:s,margin:u,maxRows:c,rowHeight:l,containerWidth:p,containerPadding:d||u},O,w,m.w,m.h);e.setState({droppingDOMNode:n.createElement("div",{key:m.i}),droppingPosition:S,layout:[].concat((g=b,function(e){if(Array.isArray(e))return _(e)}(g)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(g)||M(g)||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.")}()),[T(T({},m),{},{x:x.x,y:x.y,static:!1,isDraggable:!0})])})}})),A(N(e),"removeDroppingPlaceholder",(function(){var t=e.props,r=t.droppingItem,n=t.cols,o=e.state.layout,a=(0,u.compact)(o.filter((function(e){return e.i!==r.i})),(0,u.compactType)(e.props),n,e.props.allowOverlap);e.setState({layout:a,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})})),A(N(e),"onDragLeave",(function(t){t.preventDefault(),t.stopPropagation(),e.dragEnterCounter--,0===e.dragEnterCounter&&e.removeDroppingPlaceholder()})),A(N(e),"onDragEnter",(function(t){t.preventDefault(),t.stopPropagation(),e.dragEnterCounter++})),A(N(e),"onDrop",(function(t){t.preventDefault(),t.stopPropagation();var r=e.props.droppingItem,n=e.state.layout,o=n.find((function(e){return e.i===r.i}));e.dragEnterCounter=0,e.removeDroppingPlaceholder(),e.props.onDrop(n,o,t)})),e}return t=p,o=[{key:"getDerivedStateFromProps",value:function(e,t){var r;return t.activeDrag?null:((0,a.vZ)(e.layout,t.propsLayout)&&e.compactType===t.compactType?(0,u.childrenEqual)(e.children,t.children)||(r=t.layout):r=e.layout,r?{layout:(0,u.synchronizeLayoutWithChildren)(r,e.children,e.cols,(0,u.compactType)(e),e.allowOverlap),compactType:e.compactType,children:e.children,propsLayout:e.layout}:null)}}],(r=[{key:"componentDidMount",value:function(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}},{key:"shouldComponentUpdate",value:function(e,t){return this.props.children!==e.children||!(0,u.fastRGLPropsEqual)(this.props,e,a.vZ)||this.state.activeDrag!==t.activeDrag||this.state.mounted!==t.mounted||this.state.droppingPosition!==t.droppingPosition}},{key:"componentDidUpdate",value:function(e,t){if(!this.state.activeDrag){var r=this.state.layout,n=t.layout;this.onLayoutMaybeChanged(r,n)}}},{key:"containerHeight",value:function(){if(this.props.autoSize){var e=(0,u.bottom)(this.state.layout),t=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return e*this.props.rowHeight+(e-1)*this.props.margin[1]+2*t+"px"}}},{key:"onLayoutMaybeChanged",value:function(e,t){t||(t=this.state.layout),(0,a.vZ)(t,e)||this.props.onLayoutChange(e)}},{key:"placeholder",value:function(){var e=this.state.activeDrag;if(!e)return null;var t=this.props,r=t.width,o=t.cols,a=t.margin,i=t.containerPadding,u=t.rowHeight,s=t.maxRows,l=t.useCSSTransforms,c=t.transformScale;return n.createElement(C,{w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,className:"react-grid-placeholder",containerWidth:r,cols:o,margin:a,containerPadding:i||a,maxRows:s,rowHeight:u,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:l,transformScale:c},n.createElement("div",null))}},{key:"processGridItem",value:function(e,t){if(e&&e.key){var r=(0,u.getLayoutItem)(this.state.layout,String(e.key));if(!r)return null;var o=this.props,a=o.width,i=o.cols,s=o.margin,l=o.containerPadding,c=o.rowHeight,f=o.maxRows,p=o.isDraggable,d=o.isResizable,y=o.isBounded,h=o.useCSSTransforms,g=o.transformScale,m=o.draggableCancel,b=o.draggableHandle,v=o.resizeHandles,w=o.resizeHandle,O=this.state,S=O.mounted,P=O.droppingPosition,j="boolean"==typeof r.isDraggable?r.isDraggable:!r.static&&p,D="boolean"==typeof r.isResizable?r.isResizable:!r.static&&d,x=r.resizeHandles||v,R=j&&y&&!1!==r.isBounded;return n.createElement(C,{containerWidth:a,cols:i,margin:s,containerPadding:l||s,maxRows:f,rowHeight:c,cancel:m,handle:b,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:j,isResizable:D,isBounded:R,useCSSTransforms:h&&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:t?P:void 0,resizeHandles:x,resizeHandle:w},e)}}},{key:"render",value:function(){var e=this,t=this.props,r=t.className,o=t.style,a=t.isDroppable,s=t.innerRef,l=(0,i.default)(q,r),c=T({height:this.containerHeight()},o);return n.createElement("div",{ref:s,className:l,style:c,onDrop:a?this.onDrop:u.noop,onDragLeave:a?this.onDragLeave:u.noop,onDragEnter:a?this.onDragEnter:u.noop,onDragOver:a?this.onDragOver:u.noop},n.Children.map(this.props.children,(function(t){return e.processGridItem(t)})),a&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}])&&H(t.prototype,r),o&&H(t,o),Object.defineProperty(t,"prototype",{writable:!1}),p}(n.Component);A(X,"displayName","ReactGridLayout"),A(X,"propTypes",v),A(X,"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,allowOverlap:!1,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:"vertical",preventCollision:!1,droppingItem:{id:"__dropping-elem__",h:1,w:1},resizeHandles:["se"],onLayoutChange:u.noop,onDragStart:u.noop,onDrag:u.noop,onDragStop:u.noop,onResizeStart:u.noop,onResize:u.noop,onResizeStop:u.noop,onDrop:u.noop,onDropDragOver:u.noop})},94:function(e,t,r){"use strict";r.d(t,{default:function(){return P}});var n=r(359),o=r(697),a=r.n(o),i=r(690),u=r(872),s=r(271),l=r(606),c=["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"];function f(e){return f="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},f(e)}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,w(n.key),n)}}function g(e,t){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},g(e,t)}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}function v(e,t,r){return(t=w(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){var t=function(e,t){if("object"!==f(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===f(t)?t:String(t)}var O=function(e){return Object.prototype.toString.call(e)};function S(e,t){return null==e?null:Array.isArray(e)?e:e[t]}var P=function(e){!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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(O,e);var t,r,o,a,d,w=(a=O,d=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(e){return!1}}(),function(){var e,t=b(a);if(d){var r=b(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}(this,e)});function O(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,O);for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return v(m(e=w.call.apply(w,[this].concat(r))),"state",e.generateInitialState()),v(m(e),"onLayoutChange",(function(t){e.props.onLayoutChange(t,y(y({},e.props.layouts),{},v({},e.state.breakpoint,t)))})),e}return t=O,o=[{key:"getDerivedStateFromProps",value:function(e,t){if(!(0,i.vZ)(e.layouts,t.layouts)){var r=t.breakpoint,n=t.cols;return{layout:(0,s.findOrGenerateResponsiveLayout)(e.layouts,e.breakpoints,r,r,n,e.compactType),layouts:e.layouts}}return null}}],(r=[{key:"generateInitialState",value:function(){var e=this.props,t=e.width,r=e.breakpoints,n=e.layouts,o=e.cols,a=(0,s.getBreakpointFromWidth)(r,t),i=(0,s.getColsFromBreakpoint)(a,o),u=!1===this.props.verticalCompact?null:this.props.compactType;return{layout:(0,s.findOrGenerateResponsiveLayout)(n,r,a,a,i,u),breakpoint:a,cols:i}}},{key:"componentDidUpdate",value:function(e){this.props.width==e.width&&this.props.breakpoint===e.breakpoint&&(0,i.vZ)(this.props.breakpoints,e.breakpoints)&&(0,i.vZ)(this.props.cols,e.cols)||this.onWidthChange(e)}},{key:"onWidthChange",value:function(e){var t=this.props,r=t.breakpoints,n=t.cols,o=t.layouts,a=t.compactType,i=this.props.breakpoint||(0,s.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),l=this.state.breakpoint,c=(0,s.getColsFromBreakpoint)(i,n),f=y({},o);if(l!==i||e.breakpoints!==r||e.cols!==n){l in f||(f[l]=(0,u.cloneLayout)(this.state.layout));var p=(0,s.findOrGenerateResponsiveLayout)(f,r,i,l,c,a);p=(0,u.synchronizeLayoutWithChildren)(p,this.props.children,c,a,this.props.allowOverlap),f[i]=p,this.props.onLayoutChange(p,f),this.props.onBreakpointChange(i,c),this.setState({breakpoint:i,layout:p,cols:c})}var d=S(this.props.margin,i),h=S(this.props.containerPadding,i);this.props.onWidthChange(this.props.width,d,c,h)}},{key:"render",value:function(){var e=this.props,t=(e.breakpoint,e.breakpoints,e.cols,e.layouts,e.margin),r=e.containerPadding,o=(e.onBreakpointChange,e.onLayoutChange,e.onWidthChange,function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,c));return n.createElement(l.default,p({},o,{margin:S(t,this.state.breakpoint),containerPadding:S(r,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}])&&h(t.prototype,r),o&&h(t,o),Object.defineProperty(t,"prototype",{writable:!1}),O}(n.Component);v(P,"propTypes",{breakpoint:a().string,breakpoints:a().object,allowOverlap:a().bool,cols:a().object,margin:a().oneOfType([a().array,a().object]),containerPadding:a().oneOfType([a().array,a().object]),layouts:function(e,t){if("[object Object]"!==O(e[t]))throw new Error("Layout property must be an object. Received: "+O(e[t]));Object.keys(e[t]).forEach((function(t){if(!(t in e.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,u.validateLayout)(e.layouts[t],"layouts."+t)}))},width:a().number.isRequired,onBreakpointChange:a().func,onLayoutChange:a().func,onWidthChange:a().func}),v(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],allowOverlap:!1,onBreakpointChange:u.noop,onLayoutChange:u.noop,onWidthChange:u.noop})},663:function(e,t,r){"use strict";r.d(t,{default:function(){return m}});var n=r(359),o=r(697),a=r.n(o),i=r(10),u=["measureBeforeMount"];function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function c(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,h(n.key),n)}}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function y(e,t,r){return(t=h(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){var t=function(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===s(t)?t:String(t)}var g="react-grid-layout";function m(e){var t;return t=function(t){!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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(b,t);var r,o,a,h,m=(a=b,h=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(e){return!1}}(),function(){var e,t=d(a);if(h){var r=d(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}(this,e)});function b(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,b);for(var t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return y(p(e=m.call.apply(m,[this].concat(r))),"state",{width:1280}),y(p(e),"elementRef",n.createRef()),y(p(e),"mounted",!1),y(p(e),"onWindowResize",(function(){if(e.mounted){var t=e.elementRef.current;t instanceof HTMLElement&&t.offsetWidth&&e.setState({width:t.offsetWidth})}})),e}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 t=this.props,r=t.measureBeforeMount,o=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,u);return r&&!this.mounted?n.createElement("div",{className:(0,i.default)(this.props.className,g),style:this.props.style,ref:this.elementRef}):n.createElement(e,l({innerRef:this.elementRef},o,this.state))}}])&&c(r.prototype,o),Object.defineProperty(r,"prototype",{writable:!1}),b}(n.Component),y(t,"defaultProps",{measureBeforeMount:!1}),y(t,"propTypes",{measureBeforeMount:a().bool}),t}},378:function(e){e.exports=function(e,t,r){return e===t||e.className===t.className&&r(e.style,t.style)&&e.width===t.width&&e.autoSize===t.autoSize&&e.cols===t.cols&&e.draggableCancel===t.draggableCancel&&e.draggableHandle===t.draggableHandle&&r(e.verticalCompact,t.verticalCompact)&&r(e.compactType,t.compactType)&&r(e.layout,t.layout)&&r(e.margin,t.margin)&&r(e.containerPadding,t.containerPadding)&&e.rowHeight===t.rowHeight&&e.maxRows===t.maxRows&&e.isBounded===t.isBounded&&e.isDraggable===t.isDraggable&&e.isResizable===t.isResizable&&e.allowOverlap===t.allowOverlap&&e.preventCollision===t.preventCollision&&e.useCSSTransforms===t.useCSSTransforms&&e.transformScale===t.transformScale&&e.isDroppable===t.isDroppable&&r(e.resizeHandles,t.resizeHandles)&&r(e.resizeHandle,t.resizeHandle)&&e.onLayoutChange===t.onLayoutChange&&e.onDragStart===t.onDragStart&&e.onDrag===t.onDrag&&e.onDragStop===t.onDragStop&&e.onResizeStart===t.onResizeStart&&e.onResize===t.onResize&&e.onResizeStop===t.onResizeStop&&e.onDrop===t.onDrop&&r(e.droppingItem,t.droppingItem)&&r(e.innerRef,t.innerRef)}},271:function(e,t,r){"use strict";r.r(t),r.d(t,{findOrGenerateResponsiveLayout:function(){return i},getBreakpointFromWidth:function(){return o},getColsFromBreakpoint:function(){return a},sortBreakpoints:function(){return u}});var n=r(872);function o(e,t){for(var r=u(e),n=r[0],o=1,a=r.length;o<a;o++){var i=r[o];t>e[i]&&(n=i)}return n}function a(e,t){if(!t[e])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+e+" is missing!");return t[e]}function i(e,t,r,o,a,i){if(e[r])return(0,n.cloneLayout)(e[r]);for(var s=e[o],l=u(t),c=l.slice(l.indexOf(r)),f=0,p=c.length;f<p;f++){var d=c[f];if(e[d]){s=e[d];break}}return s=(0,n.cloneLayout)(s||[]),(0,n.compact)((0,n.correctBounds)(s,{cols:a}),i,a)}function u(e){return Object.keys(e).sort((function(t,r){return e[t]-e[r]}))}},872:function(e,t,r){"use strict";r.r(t),r.d(t,{bottom:function(){return p},childrenEqual:function(){return m},cloneLayout:function(){return d},cloneLayoutItem:function(){return g},collides:function(){return w},compact:function(){return O},compactItem:function(){return j},compactType:function(){return I},correctBounds:function(){return D},fastPositionEqual:function(){return v},fastRGLPropsEqual:function(){return b},getAllCollisions:function(){return E},getFirstCollision:function(){return R},getLayoutItem:function(){return x},getStatics:function(){return C},modifyLayout:function(){return y},moveElement:function(){return z},moveElementAwayFromCollision:function(){return k},noop:function(){return B},perc:function(){return T},setTopLeft:function(){return _},setTransform:function(){return M},sortLayoutItems:function(){return H},sortLayoutItemsByColRow:function(){return N},sortLayoutItemsByRowCol:function(){return L},synchronizeLayoutWithChildren:function(){return W},validateLayout:function(){return A},withLayoutItem:function(){return h}});var n=r(690),o=r(359),a=r.n(o);function i(e){return i="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},i(e)}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){l(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==i(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===i(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var c=!0,f=!1;function p(e){for(var t,r=0,n=0,o=e.length;n<o;n++)(t=e[n].y+e[n].h)>r&&(r=t);return r}function d(e){for(var t=Array(e.length),r=0,n=e.length;r<n;r++)t[r]=g(e[r]);return t}function y(e,t){for(var r=Array(e.length),n=0,o=e.length;n<o;n++)t.id===e[n].id?r[n]=t:r[n]=e[n];return r}function h(e,t,r){var n=x(e,t);return n?[e=y(e,n=r(g(n))),n]:[e,null]}function g(e){return{w:e.w,h:e.h,x:e.x,y:e.y,id:e.id,minW:e.minW,maxW:e.maxW,minH:e.minH,maxH:e.maxH,moved:Boolean(e.moved),static:Boolean(e.static),isDraggable:e.isDraggable,isResizable:e.isResizable,resizeHandles:e.resizeHandles,isBounded:e.isBounded}}function m(e,t){return(0,n.vZ)(a().Children.map(e,(function(e){return null==e?void 0:e.key})),a().Children.map(t,(function(e){return null==e?void 0:e.key})))&&(0,n.vZ)(a().Children.map(e,(function(e){return null==e?void 0:e.props["data-grid"]})),a().Children.map(t,(function(e){return null==e?void 0:e.props["data-grid"]})))}var b=r(378);function v(e,t){return e.left===t.left&&e.top===t.top&&e.width===t.width&&e.height===t.height}function w(e,t){return!(e.id===t.id||e.x+e.w<=t.x||e.x>=t.x+t.w||e.y+e.h<=t.y||e.y>=t.y+t.h)}function O(e,t,r,n){for(var o=C(e),a=H(e,t),i=Array(e.length),u=0,s=a.length;u<s;u++){var l=g(a[u]);l.static||(l=j(o,l,t,r,a,n),o.push(l)),i[e.indexOf(a[u])]=l,l.moved=!1}return i}var S={x:"w",y:"h"};function P(e,t,r,n){var o=S[n];t[n]+=1;for(var a=e.map((function(e){return e.id})).indexOf(t.id)+1;a<e.length;a++){var i=e[a];if(!i.static){if(i.y>t.y+t.h)break;w(t,i)&&P(e,i,r+t[o],n)}}t[n]=r}function j(e,t,r,n,o,a){var i,u="horizontal"===r;if("vertical"===r)for(t.y=Math.min(p(e),t.y);t.y>0&&!R(e,t);)t.y--;else if(u)for(;t.x>0&&!R(e,t);)t.x--;for(;(i=R(e,t))&&(null!==r||!a);)if(u?P(o,t,i.x+i.w,"x"):P(o,t,i.y+i.h,"y"),u&&t.x+t.w>n)for(t.x=n-t.w,t.y++;t.x>0&&!R(e,t);)t.x--;return t.y=Math.max(t.y,0),t.x=Math.max(t.x,0),t}function D(e,t){for(var r=C(e),n=0,o=e.length;n<o;n++){var a=e[n];if(a.x+a.w>t.cols&&(a.x=t.cols-a.w),a.x<0&&(a.x=0,a.w=t.cols),a.static)for(;R(r,a);)a.y++;else r.push(a)}return e}function x(e,t){for(var r=0,n=e.length;r<n;r++)if(e[r].id===t)return e[r]}function R(e,t){for(var r=0,n=e.length;r<n;r++)if(w(e[r],t))return e[r]}function E(e,t){return e.filter((function(e){return w(e,t)}))}function C(e){return e.filter((function(e){return e.static}))}function z(e,t,r,n,o,a,i,u,s){if(t.static&&!0!==t.isDraggable)return e;if(t.y===n&&t.x===r)return e;q("Moving element ".concat(t.id," to [").concat(String(r),",").concat(String(n),"] from [").concat(t.x,",").concat(t.y,"]"));var l=t.x,c=t.y;"number"==typeof r&&(t.x=r),"number"==typeof n&&(t.y=n),t.moved=!0;var f=H(e,i);("vertical"===i&&"number"==typeof n?c>=n:"horizontal"===i&&"number"==typeof r&&l>=r)&&(f=f.reverse());var p=E(f,t),y=p.length>0;if(y&&s)return d(e);if(y&&a)return q("Collision prevented on ".concat(t.id,", reverting.")),t.x=l,t.y=c,t.moved=!1,e;for(var h=0,g=p.length;h<g;h++){var m=p[h];q("Resolving collision between ".concat(t.id," at [").concat(t.x,",").concat(t.y,"] and ").concat(m.id," at [").concat(m.x,",").concat(m.y,"]")),m.moved||(e=m.static?k(e,m,t,o,i,u):k(e,t,m,o,i,u))}return e}function k(e,t,r,n,o,a){var i="horizontal"===o,u="horizontal"!==o,s=t.static;if(n){n=!1;var l={x:i?Math.max(t.x-r.w,0):r.x,y:u?Math.max(t.y-r.h,0):r.y,w:r.w,h:r.h,id:"-1"};if(!R(e,l))return q("Doing reverse collision on ".concat(r.id," up to [").concat(l.x,",").concat(l.y,"].")),z(e,r,i?l.x:void 0,u?l.y:void 0,n,s,o,a)}return z(e,r,i?r.x+1:void 0,u?r.y+1:void 0,n,s,o,a)}function T(e){return 100*e+"%"}function M(e){var t=e.top,r=e.left,n=e.width,o=e.height,a="translate(".concat(r,"px,").concat(t,"px)");return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,width:"".concat(n,"px"),height:"".concat(o,"px"),position:"absolute"}}function _(e){var t=e.top,r=e.left,n=e.width,o=e.height;return{top:"".concat(t,"px"),left:"".concat(r,"px"),width:"".concat(n,"px"),height:"".concat(o,"px"),position:"absolute"}}function H(e,t){return"horizontal"===t?N(e):"vertical"===t?L(e):e}function L(e){return e.slice(0).sort((function(e,t){return e.y>t.y||e.y===t.y&&e.x>t.x?1:e.y===t.y&&e.x===t.x?0:-1}))}function N(e){return e.slice(0).sort((function(e,t){return e.x>t.x||e.x===t.x&&e.y>t.y?1:-1}))}function W(e,t,r,n,o){e=e||[];var i=[];a().Children.forEach(t,(function(t){if(null!=(null==t?void 0:t.key)){var r=x(e,String(t.key)),n=t.props["data-grid"];r&&null==n?i.push(g(r)):n?(c||A([n],"ReactGridLayout.children"),i.push(g(s(s({},n),{},{id:t.key})))):i.push(g({w:1,h:1,x:0,y:p(i),id:String(t.key)}))}}));var u=D(i,{cols:r});return o?u:O(u,n,r)}function A(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"Layout",r=["x","y","w","h"];if(!Array.isArray(e))throw new Error(t+" must be an array!");for(var n=0,o=e.length;n<o;n++)for(var a=e[n],i=0;i<r.length;i++)if("number"!=typeof a[r[i]])throw new Error("ReactGridLayout: "+t+"["+n+"]."+r[i]+" must be a number!")}function I(e){var t=e||{},r=t.verticalCompact,n=t.compactType;return!1===r?null:n}function q(){var e;f&&(e=console).log.apply(e,arguments)}var B=function(){}},10:function(e,t,r){"use strict";function n(e){var t,r,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=n(e[t]))&&(o&&(o+=" "),o+=r);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,t,r=0,o="";r<arguments.length;)(e=arguments[r++])&&(t=n(e))&&(o&&(o+=" "),o+=t);return o}r.r(t),r.d(t,{clsx:function(){return o}}),t.default=o},703:function(e,t,r){"use strict";var n=r(414);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,r,o,a,i){if(i!==n){var u=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 u.name="Invariant Violation",u}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return r.PropTypes=r,r}},697:function(e,t,r){e.exports=r(703)()},414:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},668:function(e,t,r){"use strict";function n(e){return n="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},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"DraggableCore",{enumerable:!0,get:function(){return f.default}}),t.default=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var r=h(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=a?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}return o.default=e,r&&r.set(e,o),o}(r(359)),a=y(r(697)),i=y(r(318)),u=y(r(10)),s=r(825),l=r(849),c=r(280),f=y(r(783)),p=y(r(904)),d=["axis","bounds","children","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"];function y(e){return e&&e.__esModule?e:{default:e}}function h(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(h=function(e){return e?r:t})(e)}function g(){return g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},g.apply(this,arguments)}function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){j(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function w(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function O(e,t){return O=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},O(e,t)}function S(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function P(e){return P=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},P(e)}function j(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var D=function(e){!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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&O(e,t)}(m,e);var t,r,a,c,y,h=(c=m,y=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(e){return!1}}(),function(){var e,t=P(c);if(y){var r=P(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===n(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return S(e)}(this,e)});function m(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,m),j(S(t=h.call(this,e)),"onDragStart",(function(e,r){if((0,p.default)("Draggable: onDragStart: %j",r),!1===t.props.onStart(e,(0,l.createDraggableData)(S(t),r)))return!1;t.setState({dragging:!0,dragged:!0})})),j(S(t),"onDrag",(function(e,r){if(!t.state.dragging)return!1;(0,p.default)("Draggable: onDrag: %j",r);var n,o,a=(0,l.createDraggableData)(S(t),r),i={x:a.x,y:a.y};if(t.props.bounds){var u=i.x,s=i.y;i.x+=t.state.slackX,i.y+=t.state.slackY;var c=(n=(0,l.getBoundPosition)(S(t),i.x,i.y),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,u=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){u=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(u)throw o}}return a}}(n,o)||function(e,t){if(e){if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(e,t):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.")}()),f=c[0],d=c[1];i.x=f,i.y=d,i.slackX=t.state.slackX+(u-i.x),i.slackY=t.state.slackY+(s-i.y),a.x=i.x,a.y=i.y,a.deltaX=i.x-t.state.x,a.deltaY=i.y-t.state.y}if(!1===t.props.onDrag(e,a))return!1;t.setState(i)})),j(S(t),"onDragStop",(function(e,r){if(!t.state.dragging)return!1;if(!1===t.props.onStop(e,(0,l.createDraggableData)(S(t),r)))return!1;(0,p.default)("Draggable: onDragStop: %j",r);var n={dragging:!1,slackX:0,slackY:0};if(Boolean(t.props.position)){var o=t.props.position,a=o.x,i=o.y;n.x=a,n.y=i}t.setState(n)})),t.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:b({},e.position),slackX:0,slackY:0,isElementSVG:!1},!e.position||e.onDrag||e.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."),t}return t=m,a=[{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:((0,p.default)("Draggable: getDerivedStateFromProps %j",{position:r,prevPropsPosition:n}),{x:r.x,y:r.y,prevPropsPosition:b({},r)})}}],(r=[{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(){var e,t,r;return null!==(e=null===(t=this.props)||void 0===t||null===(r=t.nodeRef)||void 0===r?void 0:r.current)&&void 0!==e?e:i.default.findDOMNode(this)}},{key:"render",value:function(){var e,t=this.props,r=(t.axis,t.bounds,t.children),n=t.defaultPosition,a=t.defaultClassName,i=t.defaultClassNameDragging,c=t.defaultClassNameDragged,p=t.position,y=t.positionOffset,h=(t.scale,function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,d)),m={},v=null,w=!Boolean(p)||this.state.dragging,O=p||n,S={x:(0,l.canDragX)(this)&&w?this.state.x:O.x,y:(0,l.canDragY)(this)&&w?this.state.y:O.y};this.state.isElementSVG?v=(0,s.createSVGTransform)(S,y):m=(0,s.createCSSTransform)(S,y);var P=(0,u.default)(r.props.className||"",a,(j(e={},i,this.state.dragging),j(e,c,this.state.dragged),e));return o.createElement(f.default,g({},h,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),o.cloneElement(o.Children.only(r),{className:P,style:b(b({},r.props.style),m),transform:v}))}}])&&w(t.prototype,r),a&&w(t,a),Object.defineProperty(t,"prototype",{writable:!1}),m}(o.Component);t.default=D,j(D,"displayName","Draggable"),j(D,"propTypes",b(b({},f.default.propTypes),{},{axis:a.default.oneOf(["both","x","y","none"]),bounds:a.default.oneOfType([a.default.shape({left:a.default.number,right:a.default.number,top:a.default.number,bottom:a.default.number}),a.default.string,a.default.oneOf([!1])]),defaultClassName:a.default.string,defaultClassNameDragging:a.default.string,defaultClassNameDragged:a.default.string,defaultPosition:a.default.shape({x:a.default.number,y:a.default.number}),positionOffset:a.default.shape({x:a.default.oneOfType([a.default.number,a.default.string]),y:a.default.oneOfType([a.default.number,a.default.string])}),position:a.default.shape({x:a.default.number,y:a.default.number}),className:c.dontSetMe,style:c.dontSetMe,transform:c.dontSetMe})),j(D,"defaultProps",b(b({},f.default.defaultProps),{},{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1}))},783:function(e,t,r){"use strict";function n(e){return n="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},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var r=p(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=a?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}return o.default=e,r&&r.set(e,o),o}(r(359)),a=f(r(697)),i=f(r(318)),u=r(825),s=r(849),l=r(280),c=f(r(904));function f(e){return e&&e.__esModule?e:{default:e}}function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(p=function(e){return e?r:t})(e)}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,u=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){u=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(u)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}(e,t)||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 y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function h(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}function v(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var w={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}},O=w.mouse,S=function(e){!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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(p,e);var t,r,a,l,f=(a=p,l=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(e){return!1}}(),function(){var e,t=b(a);if(l){var r=b(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===n(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}(this,e)});function p(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,p);for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return v(m(e=f.call.apply(f,[this].concat(r))),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),v(m(e),"mounted",!1),v(m(e),"handleDragStart",(function(t){if(e.props.onMouseDown(t),!e.props.allowAnyClick&&"number"==typeof t.button&&0!==t.button)return!1;var r=e.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var n=r.ownerDocument;if(!(e.props.disabled||!(t.target instanceof n.defaultView.Node)||e.props.handle&&!(0,u.matchesSelectorAndParentsTo)(t.target,e.props.handle,r)||e.props.cancel&&(0,u.matchesSelectorAndParentsTo)(t.target,e.props.cancel,r))){"touchstart"===t.type&&t.preventDefault();var o=(0,u.getTouchIdentifier)(t);e.setState({touchIdentifier:o});var a=(0,s.getControlPosition)(t,o,m(e));if(null!=a){var i=a.x,l=a.y,f=(0,s.createCoreData)(m(e),i,l);(0,c.default)("DraggableCore: handleDragStart: %j",f),(0,c.default)("calling",e.props.onStart),!1!==e.props.onStart(t,f)&&!1!==e.mounted&&(e.props.enableUserSelectHack&&(0,u.addUserSelectStyles)(n),e.setState({dragging:!0,lastX:i,lastY:l}),(0,u.addEvent)(n,O.move,e.handleDrag),(0,u.addEvent)(n,O.stop,e.handleDragStop))}}})),v(m(e),"handleDrag",(function(t){var r=(0,s.getControlPosition)(t,e.state.touchIdentifier,m(e));if(null!=r){var n=r.x,o=r.y;if(Array.isArray(e.props.grid)){var a=n-e.state.lastX,i=o-e.state.lastY,u=d((0,s.snapToGrid)(e.props.grid,a,i),2);if(a=u[0],i=u[1],!a&&!i)return;n=e.state.lastX+a,o=e.state.lastY+i}var l=(0,s.createCoreData)(m(e),n,o);if((0,c.default)("DraggableCore: handleDrag: %j",l),!1!==e.props.onDrag(t,l)&&!1!==e.mounted)e.setState({lastX:n,lastY:o});else try{e.handleDragStop(new MouseEvent("mouseup"))}catch(t){var f=document.createEvent("MouseEvents");f.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),e.handleDragStop(f)}}})),v(m(e),"handleDragStop",(function(t){if(e.state.dragging){var r=(0,s.getControlPosition)(t,e.state.touchIdentifier,m(e));if(null!=r){var n=r.x,o=r.y;if(Array.isArray(e.props.grid)){var a=n-e.state.lastX||0,i=o-e.state.lastY||0,l=d((0,s.snapToGrid)(e.props.grid,a,i),2);a=l[0],i=l[1],n=e.state.lastX+a,o=e.state.lastY+i}var f=(0,s.createCoreData)(m(e),n,o);if(!1===e.props.onStop(t,f)||!1===e.mounted)return!1;var p=e.findDOMNode();p&&e.props.enableUserSelectHack&&(0,u.removeUserSelectStyles)(p.ownerDocument),(0,c.default)("DraggableCore: handleDragStop: %j",f),e.setState({dragging:!1,lastX:NaN,lastY:NaN}),p&&((0,c.default)("DraggableCore: Removing handlers"),(0,u.removeEvent)(p.ownerDocument,O.move,e.handleDrag),(0,u.removeEvent)(p.ownerDocument,O.stop,e.handleDragStop))}}})),v(m(e),"onMouseDown",(function(t){return O=w.mouse,e.handleDragStart(t)})),v(m(e),"onMouseUp",(function(t){return O=w.mouse,e.handleDragStop(t)})),v(m(e),"onTouchStart",(function(t){return O=w.touch,e.handleDragStart(t)})),v(m(e),"onTouchEnd",(function(t){return O=w.touch,e.handleDragStop(t)})),e}return t=p,(r=[{key:"componentDidMount",value:function(){this.mounted=!0;var e=this.findDOMNode();e&&(0,u.addEvent)(e,w.touch.start,this.onTouchStart,{passive:!1})}},{key:"componentWillUnmount",value:function(){this.mounted=!1;var e=this.findDOMNode();if(e){var t=e.ownerDocument;(0,u.removeEvent)(t,w.mouse.move,this.handleDrag),(0,u.removeEvent)(t,w.touch.move,this.handleDrag),(0,u.removeEvent)(t,w.mouse.stop,this.handleDragStop),(0,u.removeEvent)(t,w.touch.stop,this.handleDragStop),(0,u.removeEvent)(e,w.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,u.removeUserSelectStyles)(t)}}},{key:"findDOMNode",value:function(){var e,t,r;return null!==(e=this.props)&&void 0!==e&&e.nodeRef?null===(t=this.props)||void 0===t||null===(r=t.nodeRef)||void 0===r?void 0:r.current:i.default.findDOMNode(this)}},{key:"render",value:function(){return o.cloneElement(o.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}])&&h(t.prototype,r),Object.defineProperty(t,"prototype",{writable:!1}),p}(o.Component);t.default=S,v(S,"displayName","DraggableCore"),v(S,"propTypes",{allowAnyClick:a.default.bool,disabled:a.default.bool,enableUserSelectHack:a.default.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:a.default.arrayOf(a.default.number),handle:a.default.string,cancel:a.default.string,nodeRef:a.default.object,onStart:a.default.func,onDrag:a.default.func,onStop:a.default.func,onMouseDown:a.default.func,scale:a.default.number,className:l.dontSetMe,style:l.dontSetMe,transform:l.dontSetMe}),v(S,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1})},193:function(e,t,r){"use strict";var n=r(668),o=n.default,a=n.DraggableCore;e.exports=o,e.exports.default=o,e.exports.DraggableCore=a},825:function(e,t,r){"use strict";function n(e){return n="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},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.addClassName=d,t.addEvent=function(e,t,r,n){if(e){var o=s({capture:!0},n);e.addEventListener?e.addEventListener(t,r,o):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}},t.addUserSelectStyles=function(e){if(e){var t=e.getElementById("react-draggable-style-el");t||((t=e.createElement("style")).type="text/css",t.id="react-draggable-style-el",t.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",t.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(t)),e.body&&d(e.body,"react-draggable-transparent-selection")}},t.createCSSTransform=function(e,t){var r=p(e,t,"px");return l({},(0,a.browserPrefixToKey)("transform",a.default),r)},t.createSVGTransform=function(e,t){return p(e,t,"")},t.getTouch=function(e,t){return e.targetTouches&&(0,o.findInArray)(e.targetTouches,(function(e){return t===e.identifier}))||e.changedTouches&&(0,o.findInArray)(e.changedTouches,(function(e){return t===e.identifier}))},t.getTouchIdentifier=function(e){return e.targetTouches&&e.targetTouches[0]?e.targetTouches[0].identifier:e.changedTouches&&e.changedTouches[0]?e.changedTouches[0].identifier:void 0},t.getTranslation=p,t.innerHeight=function(e){var t=e.clientHeight,r=e.ownerDocument.defaultView.getComputedStyle(e);return(t-=(0,o.int)(r.paddingTop))-(0,o.int)(r.paddingBottom)},t.innerWidth=function(e){var t=e.clientWidth,r=e.ownerDocument.defaultView.getComputedStyle(e);return(t-=(0,o.int)(r.paddingLeft))-(0,o.int)(r.paddingRight)},t.matchesSelector=f,t.matchesSelectorAndParentsTo=function(e,t,r){var n=e;do{if(f(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1},t.offsetXYFromParent=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}},t.outerHeight=function(e){var t=e.clientHeight,r=e.ownerDocument.defaultView.getComputedStyle(e);return(t+=(0,o.int)(r.borderTopWidth))+(0,o.int)(r.borderBottomWidth)},t.outerWidth=function(e){var t=e.clientWidth,r=e.ownerDocument.defaultView.getComputedStyle(e);return(t+=(0,o.int)(r.borderLeftWidth))+(0,o.int)(r.borderRightWidth)},t.removeClassName=y,t.removeEvent=function(e,t,r,n){if(e){var o=s({capture:!0},n);e.removeEventListener?e.removeEventListener(t,r,o):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}},t.removeUserSelectStyles=function(e){if(e)try{if(e.body&&y(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{var t=(e.defaultView||window).getSelection();t&&"Caret"!==t.type&&t.removeAllRanges()}}catch(e){}};var o=r(280),a=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var r=i(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var s=a?Object.getOwnPropertyDescriptor(e,u):null;s&&(s.get||s.set)?Object.defineProperty(o,u,s):o[u]=e[u]}return o.default=e,r&&r.set(e,o),o}(r(650));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(i=function(e){return e?r:t})(e)}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){l(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var c="";function f(e,t){return c||(c=(0,o.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(t){return(0,o.isFunction)(e[t])}))),!!(0,o.isFunction)(e[c])&&e[c](t)}function p(e,t,r){var n=e.x,o=e.y,a="translate(".concat(n).concat(r,",").concat(o).concat(r,")");if(t){var i="".concat("string"==typeof t.x?t.x:t.x+r),u="".concat("string"==typeof t.y?t.y:t.y+r);a="translate(".concat(i,", ").concat(u,")")+a}return a}function d(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function y(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}},650:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.browserPrefixToKey=o,t.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},t.default=void 0,t.getPrefix=n;var r=["Moz","Webkit","O","ms"];function n(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window)return"";var a=null===(e=window.document)||void 0===e||null===(t=e.documentElement)||void 0===t?void 0:t.style;if(!a)return"";if(n in a)return"";for(var i=0;i<r.length;i++)if(o(n,r[i])in a)return r[i];return""}function o(e,t){return t?"".concat(t).concat(function(e){for(var t="",r=!0,n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):"-"===e[n]?r=!0:t+=e[n];return t}(e)):e}var a=n();t.default=a},904:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){}},849:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis},t.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis},t.createCoreData=function(e,t,r){var o=e.state,i=!(0,n.isNum)(o.lastX),u=a(e);return i?{node:u,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:u,deltaX:t-o.lastX,deltaY:r-o.lastY,lastX:o.lastX,lastY:o.lastY,x:t,y:r}},t.createDraggableData=function(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}},t.getBoundPosition=function(e,t,r){if(!e.props.bounds)return[t,r];var i=e.props.bounds;i="string"==typeof i?i:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(i);var u=a(e);if("string"==typeof i){var s,l=u.ownerDocument,c=l.defaultView;if(!((s="parent"===i?u.parentNode:l.querySelector(i))instanceof c.HTMLElement))throw new Error('Bounds selector "'+i+'" could not find an element.');var f=s,p=c.getComputedStyle(u),d=c.getComputedStyle(f);i={left:-u.offsetLeft+(0,n.int)(d.paddingLeft)+(0,n.int)(p.marginLeft),top:-u.offsetTop+(0,n.int)(d.paddingTop)+(0,n.int)(p.marginTop),right:(0,o.innerWidth)(f)-(0,o.outerWidth)(u)-u.offsetLeft+(0,n.int)(d.paddingRight)-(0,n.int)(p.marginRight),bottom:(0,o.innerHeight)(f)-(0,o.outerHeight)(u)-u.offsetTop+(0,n.int)(d.paddingBottom)-(0,n.int)(p.marginBottom)}}return(0,n.isNum)(i.right)&&(t=Math.min(t,i.right)),(0,n.isNum)(i.bottom)&&(r=Math.min(r,i.bottom)),(0,n.isNum)(i.left)&&(t=Math.max(t,i.left)),(0,n.isNum)(i.top)&&(r=Math.max(r,i.top)),[t,r]},t.getControlPosition=function(e,t,r){var n="number"==typeof t?(0,o.getTouch)(e,t):null;if("number"==typeof t&&!n)return null;var i=a(r),u=r.props.offsetParent||i.offsetParent||i.ownerDocument.body;return(0,o.offsetXYFromParent)(n||e,u,r.props.scale)},t.snapToGrid=function(e,t,r){return[Math.round(t/e[0])*e[0],Math.round(r/e[1])*e[1]]};var n=r(280),o=r(825);function a(e){var t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}},280:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.dontSetMe=function(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))},t.findInArray=function(e,t){for(var r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]},t.int=function(e){return parseInt(e,10)},t.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},t.isNum=function(e){return"number"==typeof e&&!isNaN(e)}},827:function(e,t,r){"use strict";t.__esModule=!0,t.default=void 0;var n=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=s(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}(r(359)),o=r(193),a=r(69),i=r(448),u=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(s=function(e){return e?r:t})(e)}function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){p(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e,t){return d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},d(e,t)}var y=function(e){var t,r;function i(){for(var t,r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return(t=e.call.apply(e,[this].concat(n))||this).handleRefs={},t.lastHandleRect=null,t.slack=null,t}r=e,(t=i).prototype=Object.create(r.prototype),t.prototype.constructor=t,d(t,r);var s=i.prototype;return s.componentWillUnmount=function(){this.resetData()},s.resetData=function(){this.lastHandleRect=this.slack=null},s.runConstraints=function(e,t){var r=this.props,n=r.minConstraints,o=r.maxConstraints,a=r.lockAspectRatio;if(!n&&!o&&!a)return[e,t];if(a){var i=this.props.width/this.props.height,u=e-this.props.width,s=t-this.props.height;Math.abs(u)>Math.abs(s*i)?t=e/i:e=t*i}var l=e,c=t,f=this.slack||[0,0],p=f[0],d=f[1];return e+=p,t+=d,n&&(e=Math.max(n[0],e),t=Math.max(n[1],t)),o&&(e=Math.min(o[0],e),t=Math.min(o[1],t)),this.slack=[p+(l-e),d+(c-t)],[e,t]},s.resizeHandler=function(e,t){var r=this;return function(n,o){var a=o.node,i=o.deltaX,u=o.deltaY;"onResizeStart"===e&&r.resetData();var s=("both"===r.props.axis||"x"===r.props.axis)&&"n"!==t&&"s"!==t,l=("both"===r.props.axis||"y"===r.props.axis)&&"e"!==t&&"w"!==t;if(s||l){var c=t[0],f=t[t.length-1],p=a.getBoundingClientRect();null!=r.lastHandleRect&&("w"===f&&(i+=p.left-r.lastHandleRect.left),"n"===c&&(u+=p.top-r.lastHandleRect.top)),r.lastHandleRect=p,"w"===f&&(i=-i),"n"===c&&(u=-u);var d=r.props.width+(s?i/r.props.transformScale:0),y=r.props.height+(l?u/r.props.transformScale:0),h=r.runConstraints(d,y);d=h[0],y=h[1];var g=d!==r.props.width||y!==r.props.height,m="function"==typeof r.props[e]?r.props[e]:null;m&&!("onResize"===e&&!g)&&(null==n.persist||n.persist(),m(n,{node:a,size:{width:d,height:y},handle:t})),"onResizeStop"===e&&r.resetData()}}},s.renderResizeHandle=function(e,t){var r=this.props.handle;if(!r)return n.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+e,ref:t});if("function"==typeof r)return r(e,t);var o=f({ref:t},"string"==typeof r.type?{}:{handleAxis:e});return n.cloneElement(r,o)},s.render=function(){var e=this,t=this.props,r=t.children,i=t.className,s=t.draggableOpts,c=(t.width,t.height,t.handle,t.handleSize,t.lockAspectRatio,t.axis,t.minConstraints,t.maxConstraints,t.onResize,t.onResizeStop,t.onResizeStart,t.resizeHandles),p=(t.transformScale,function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(t,u));return(0,a.cloneElement)(r,f(f({},p),{},{className:(i?i+" ":"")+"react-resizable",children:[].concat(r.props.children,c.map((function(t){var r,a=null!=(r=e.handleRefs[t])?r:e.handleRefs[t]=n.createRef();return n.createElement(o.DraggableCore,l({},s,{nodeRef:a,key:"resizableHandle-"+t,onStop:e.resizeHandler("onResizeStop",t),onStart:e.resizeHandler("onResizeStart",t),onDrag:e.resizeHandler("onResize",t)}),e.renderResizeHandle(t,a))})))}))},i}(n.Component);t.default=y,y.propTypes=i.resizableProps,y.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1}},735:function(e,t,r){"use strict";t.default=void 0;var n=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}(r(359)),o=s(r(697)),a=s(r(827)),i=r(448),u=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function s(e){return e&&e.__esModule?e:{default:e}}function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){return y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},y(e,t)}var h=function(e){var t,r;function o(){for(var t,r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return(t=e.call.apply(e,[this].concat(n))||this).state={width:t.props.width,height:t.props.height,propsWidth:t.props.width,propsHeight:t.props.height},t.onResize=function(e,r){var n=r.size;t.props.onResize?(null==e.persist||e.persist(),t.setState(n,(function(){return t.props.onResize&&t.props.onResize(e,r)}))):t.setState(n)},t}return r=e,(t=o).prototype=Object.create(r.prototype),t.prototype.constructor=t,y(t,r),o.getDerivedStateFromProps=function(e,t){return t.propsWidth!==e.width||t.propsHeight!==e.height?{width:e.width,height:e.height,propsWidth:e.width,propsHeight:e.height}:null},o.prototype.render=function(){var e=this.props,t=e.handle,r=e.handleSize,o=(e.onResize,e.onResizeStart),i=e.onResizeStop,s=e.draggableOpts,l=e.minConstraints,f=e.maxConstraints,d=e.lockAspectRatio,y=e.axis,h=(e.width,e.height,e.resizeHandles),g=e.style,m=e.transformScale,b=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,u);return n.createElement(a.default,{axis:y,draggableOpts:s,handle:t,handleSize:r,height:this.state.height,lockAspectRatio:d,maxConstraints:f,minConstraints:l,onResizeStart:o,onResize:this.onResize,onResizeStop:i,resizeHandles:h,transformScale:m,width:this.state.width},n.createElement("div",c({},b,{style:p(p({},g),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},o}(n.Component);t.default=h,h.propTypes=p(p({},i.resizableProps),{},{children:o.default.element})},448:function(e,t,r){"use strict";t.__esModule=!0,t.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};t.resizableProps=a},69:function(e,t,r){"use strict";t.__esModule=!0,t.cloneElement=function(e,t){return t.style&&e.props.style&&(t.style=i(i({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),o.default.cloneElement(e,t)};var n,o=(n=r(359))&&n.__esModule?n:{default:n};function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){u(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},706:function(e,t,r){"use strict";e.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},e.exports.Resizable=r(827).default,e.exports.ResizableBox=r(735).default},359:function(t){"use strict";t.exports=e},318:function(e){"use strict";e.exports=t},690:function(e,t,r){"use strict";r.d(t,{vZ:function(){return L}});var n=Object.getOwnPropertyNames,o=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty;function i(e,t){return function(r,n,o){return e(r,n,o)&&t(r,n,o)}}function u(e){return function(t,r,n){if(!t||!r||"object"!=typeof t||"object"!=typeof r)return e(t,r,n);var o=n.cache,a=o.get(t),i=o.get(r);if(a&&i)return a===r&&i===t;o.set(t,r),o.set(r,t);var u=e(t,r,n);return o.delete(t),o.delete(r),u}}function s(e){return n(e).concat(o(e))}var l=Object.hasOwn||function(e,t){return a.call(e,t)};function c(e,t){return e||t?e===t:e===t||e!=e&&t!=t}var f="_owner",p=Object.getOwnPropertyDescriptor,d=Object.keys;function y(e,t,r){var n=e.length;if(t.length!==n)return!1;for(;n-- >0;)if(!r.equals(e[n],t[n],n,n,e,t,r))return!1;return!0}function h(e,t){return c(e.getTime(),t.getTime())}function g(e,t,r){if(e.size!==t.size)return!1;for(var n,o,a={},i=e.entries(),u=0;(n=i.next())&&!n.done;){for(var s=t.entries(),l=!1,c=0;(o=s.next())&&!o.done;){var f=n.value,p=f[0],d=f[1],y=o.value,h=y[0],g=y[1];l||a[c]||!(l=r.equals(p,h,u,c,e,t,r)&&r.equals(d,g,p,h,e,t,r))||(a[c]=!0),c++}if(!l)return!1;u++}return!0}function m(e,t,r){var n,o=d(e),a=o.length;if(d(t).length!==a)return!1;for(;a-- >0;){if((n=o[a])===f&&(e.$$typeof||t.$$typeof)&&e.$$typeof!==t.$$typeof)return!1;if(!l(t,n)||!r.equals(e[n],t[n],n,n,e,t,r))return!1}return!0}function b(e,t,r){var n,o,a,i=s(e),u=i.length;if(s(t).length!==u)return!1;for(;u-- >0;){if((n=i[u])===f&&(e.$$typeof||t.$$typeof)&&e.$$typeof!==t.$$typeof)return!1;if(!l(t,n))return!1;if(!r.equals(e[n],t[n],n,n,e,t,r))return!1;if(o=p(e,n),a=p(t,n),(o||a)&&(!o||!a||o.configurable!==a.configurable||o.enumerable!==a.enumerable||o.writable!==a.writable))return!1}return!0}function v(e,t){return c(e.valueOf(),t.valueOf())}function w(e,t){return e.source===t.source&&e.flags===t.flags}function O(e,t,r){if(e.size!==t.size)return!1;for(var n,o,a={},i=e.values();(n=i.next())&&!n.done;){for(var u=t.values(),s=!1,l=0;(o=u.next())&&!o.done;)s||a[l]||!(s=r.equals(n.value,o.value,n.value,o.value,e,t,r))||(a[l]=!0),l++;if(!s)return!1}return!0}function S(e,t){var r=e.length;if(t.length!==r)return!1;for(;r-- >0;)if(e[r]!==t[r])return!1;return!0}var P="[object Arguments]",j="[object Boolean]",D="[object Date]",x="[object Map]",R="[object Number]",E="[object Object]",C="[object RegExp]",z="[object Set]",k="[object String]",T=Array.isArray,M="function"==typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView:null,_=Object.assign,H=Object.prototype.toString.call.bind(Object.prototype.toString),L=N();function N(e){void 0===e&&(e={});var t,r=e.circular,n=void 0!==r&&r,o=e.createInternalComparator,a=e.createState,s=e.strict,l=void 0!==s&&s,c=function(e){var t=e.circular,r=e.createCustomConfig,n=e.strict,o={areArraysEqual:n?b:y,areDatesEqual:h,areMapsEqual:n?i(g,b):g,areObjectsEqual:n?b:m,arePrimitiveWrappersEqual:v,areRegExpsEqual:w,areSetsEqual:n?i(O,b):O,areTypedArraysEqual:n?b:S};if(r&&(o=_({},o,r(o))),t){var a=u(o.areArraysEqual),s=u(o.areMapsEqual),l=u(o.areObjectsEqual),c=u(o.areSetsEqual);o=_({},o,{areArraysEqual:a,areMapsEqual:s,areObjectsEqual:l,areSetsEqual:c})}return o}(e),f=function(e){var t=e.areArraysEqual,r=e.areDatesEqual,n=e.areMapsEqual,o=e.areObjectsEqual,a=e.arePrimitiveWrappersEqual,i=e.areRegExpsEqual,u=e.areSetsEqual,s=e.areTypedArraysEqual;return function(e,l,c){if(e===l)return!0;if(null==e||null==l||"object"!=typeof e||"object"!=typeof l)return e!=e&&l!=l;var f=e.constructor;if(f!==l.constructor)return!1;if(f===Object)return o(e,l,c);if(T(e))return t(e,l,c);if(null!=M&&M(e))return s(e,l,c);if(f===Date)return r(e,l,c);if(f===RegExp)return i(e,l,c);if(f===Map)return n(e,l,c);if(f===Set)return u(e,l,c);var p=H(e);return p===D?r(e,l,c):p===C?i(e,l,c):p===x?n(e,l,c):p===z?u(e,l,c):p===E?"function"!=typeof e.then&&"function"!=typeof l.then&&o(e,l,c):p===P?o(e,l,c):(p===j||p===R||p===k)&&a(e,l,c)}}(c);return function(e){var t=e.circular,r=e.comparator,n=e.createState,o=e.equals,a=e.strict;if(n)return function(e,i){var u=n(),s=u.cache,l=void 0===s?t?new WeakMap:void 0:s,c=u.meta;return r(e,i,{cache:l,equals:o,meta:c,strict:a})};if(t)return function(e,t){return r(e,t,{cache:new WeakMap,equals:o,meta:void 0,strict:a})};var i={cache:void 0,equals:o,meta:void 0,strict:a};return function(e,t){return r(e,t,i)}}({circular:n,comparator:f,createState:a,equals:o?o(f):(t=f,function(e,r,n,o,a,i,u){return t(e,r,u)}),strict:l})}N({strict:!0}),N({circular:!0}),N({circular:!0,strict:!0}),N({createInternalComparator:function(){return c}}),N({strict:!0,createInternalComparator:function(){return c}}),N({circular:!0,createInternalComparator:function(){return c}}),N({circular:!0,createInternalComparator:function(){return c},strict:!0})}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return r[e](a,a.exports,o),a.exports}return o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(325)}()}));
//# sourceMappingURL=react-grid-layout.min.js.map