!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 V}});var n=r(359),o=r.n(n),a=r(307),i=r.n(a),s=r(10),u=r(872);function l(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 c(e,t,r){return Number.isFinite(e)?Math.round(t*e+Math.max(0,e-1)*r):e}function f(e,t,r,n,o,a){var i=e.margin,s=e.containerPadding,u=e.rowHeight,f=l(e),p={};return a&&a.resizing?(p.width=Math.round(a.resizing.width),p.height=Math.round(a.resizing.height)):(p.width=c(n,f,i[0]),p.height=c(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((f+i[0])*t+s[0])),p}function p(e,t,r,n,o){var a=e.margin,i=e.cols,s=e.rowHeight,u=e.maxRows,c=l(e),f=Math.round((r-a[0])/(c+a[0])),p=Math.round((t-a[1])/(s+a[1]));return{x:f=d(f,0,i-n),y:p=d(p,0,u-o)}}function d(e,t,r){return Math.max(Math.min(e,r),t)}var y=r(697),h=r.n(y),g=r(193),b=r(706),m=h().arrayOf(h().oneOf(["s","w","e","n","sw","nw","se","ne"])),v=h().oneOfType([h().node,h().func]),w={className:h().string,style:h().object,width:h().number,autoSize:h().bool,cols:h().number,draggableCancel:h().string,draggableHandle:h().string,verticalCompact:function(e){e.verticalCompact},compactType:h().oneOf(["vertical","horizontal"]),layout:function(e){var t=e.layout;void 0!==t&&r(872).validateLayout(t,"layout")},margin:h().arrayOf(h().number),containerPadding:h().arrayOf(h().number),rowHeight:h().number,maxRows:h().number,isBounded:h().bool,isDraggable:h().bool,isResizable:h().bool,allowOverlap:h().bool,preventCollision:h().bool,useCSSTransforms:h().bool,transformScale:h().number,isDroppable:h().bool,resizeHandles:m,resizeHandle:v,onLayoutChange:h().func,onDragStart:h().func,onDrag:h().func,onDragStop:h().func,onResizeStart:h().func,onResize:h().func,onResizeStop:h().func,onDrop:h().func,droppingItem:h().shape({i:h().string.isRequired,w:h().number.isRequired,h:h().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:h().any};function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function S(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 j(e){for(var t=1;t0&&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(g.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,s=n.minW,u=n.minH,l=n.maxW,c=n.maxH,p=n.transformScale,d=n.resizeHandles,y=n.resizeHandle,h=this.getPositionParams(),g=f(h,0,0,a-i,0).width,m=f(h,0,0,s,u),v=f(h,0,0,l,c),w=[m.width,m.height],O=[Math.min(v.width,g),Math.min(v.height,1/0)];return o().createElement(b.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,s=i.cols,u=i.x,c=i.y,f=i.i,p=i.maxH,y=i.minH,h=this.props,g=h.minW,b=h.maxW,m=function(e,t,r,n,o){var a=e.margin,i=e.maxRows,s=e.cols,u=e.rowHeight,c=l(e),f=Math.round((t+a[0])/(c+a[0])),p=Math.round((r+a[1])/(u+a[1]));return{w:f=d(f,0,s-n),h:p=d(p,0,i-o)}}(this.getPositionParams(),o.width,o.height,u,c),v=m.w,w=m.h;v=d(v,g=Math.max(g,1),b=Math.min(b,s-u)),w=d(w,y,p),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,i=e.isDraggable,u=e.isResizable,l=e.droppingPosition,c=e.useCSSTransforms,p=f(this.getPositionParams(),t,r,n,a,this.state),d=o().Children.only(this.props.children),y=o().cloneElement(d,{ref:this.elementRef,className:(0,s.default)("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(l),cssTransforms:c}),style:j(j(j({},this.props.style),d.props.style),this.createStyle(p))});return y=this.mixinResizable(y,p,u),this.mixinDraggable(y,i)}}],r&&D(t.prototype,r),Object.defineProperty(t,"prototype",{writable:!1}),y}(o().Component);function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function T(e){return function(e){if(Array.isArray(e))return W(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||N(e)||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.")}()}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 H(e){for(var t=1;te.length)&&(t=e.length);for(var r=0,n=new Array(t);re.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"):re.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"):r0){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=L(h,2),b=g[0],m=g[1];if(m){var v={w:m.w,h:m.h,x:m.x,y:m.y,static:!0,i:t};e.props.onResize(b,c,m,v,a,i),e.setState({layout:y?b:(0,u.compact)(b,(0,u.compactType)(e.props),p),activeDrag:v})}})),Y(U(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);e.props.onResizeStop(l,c,y,null,a,i);var h=d?l:(0,u.compact)(l,(0,u.compactType)(e.props),p),g=e.state.oldLayout;e.setState({activeDrag:null,layout:h,oldResizeItem:null,oldLayout:null}),e.onLayoutMaybeChanged(h,g)})),Y(U(e),"onDragOver",(function(t){var r;if(t.preventDefault(),t.stopPropagation(),G&&(null===(r=t.nativeEvent.target)||void 0===r||!r.classList.contains(F)))return!1;var o=e.props,a=o.droppingItem,i=o.onDropDragOver,s=o.margin,u=o.cols,l=o.rowHeight,c=o.maxRows,f=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=H(H({},a),h),b=e.state.layout,m=t.nativeEvent,v=m.layerX,w=m.layerY,O={left:v/y,top:w/y,e:t};if(e.state.droppingDOMNode){if(e.state.droppingPosition){var S=e.state.droppingPosition,j=S.left,P=S.top;(j!=v||P!=w)&&e.setState({droppingPosition:O})}}else{var D=p({cols:u,margin:s,maxRows:c,rowHeight:l,containerWidth:f,containerPadding:d||s},w,v,g.w,g.h);e.setState({droppingDOMNode:n.createElement("div",{key:g.i}),droppingPosition:O,layout:[].concat(T(b),[H(H({},g),{},{x:D.x,y:D.y,static:!1,isDraggable:!0})])})}})),Y(U(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.setState({layout:a,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})})),Y(U(e),"onDragLeave",(function(t){t.preventDefault(),t.stopPropagation(),e.dragEnterCounter--,0===e.dragEnterCounter&&e.removeDroppingPlaceholder()})),Y(U(e),"onDragEnter",(function(t){t.preventDefault(),t.stopPropagation(),e.dragEnterCounter++})),Y(U(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=f,o=[{key:"getDerivedStateFromProps",value:function(e,t){var r;return t.activeDrag?null:(i()(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,i())||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),i()(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,s=t.rowHeight,u=t.maxRows,l=t.useCSSTransforms,c=t.transformScale;return n.createElement(k,{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:u,rowHeight:s,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,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&&y&&!1!==r.isBounded;return n.createElement(k,{containerWidth:a,cols:i,margin:s,containerPadding:l||s,maxRows:f,rowHeight:c,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: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?j: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,i=t.innerRef,l=(0,s.default)(F,r),c=H({height:this.containerHeight()},o);return n.createElement("div",{ref:i,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())}}])&&I(t.prototype,r),o&&I(t,o),Object.defineProperty(t,"prototype",{writable:!1}),f}(n.Component);Y(V,"displayName","ReactGridLayout"),Y(V,"propTypes",w),Y(V,"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:{i:"__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 D}});var n=r(359),o=r(697),a=r.n(o),i=r(307),s=r.n(i),u=r(872),l=r(271),c=r(606);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)}var p=["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"];function d(){return d=Object.assign||function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,p));return n.createElement(c.default,d({},o,{margin:P(t,this.state.breakpoint),containerPadding:P(r,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}])&&b(t.prototype,r),o&&b(t,o),Object.defineProperty(t,"prototype",{writable:!1}),y}(n.Component);S(D,"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]"!==j(e[t]))throw new Error("Layout property must be an object. Received: "+j(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}),S(D,"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 b}});var n=r(359),o=r(697),a=r.n(o),i=r(10);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)}var u=["measureBeforeMount"];function l(){return l=Object.assign||function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=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,"react-grid-layout"),style:this.props.style,ref:this.elementRef}):n.createElement(e,l({innerRef:this.elementRef},o,this.state))}}])&&f(r.prototype,o),Object.defineProperty(r,"prototype",{writable:!1}),m}(n.Component),g(t,"defaultProps",{measureBeforeMount:!1}),g(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,{getBreakpointFromWidth:function(){return o},getColsFromBreakpoint:function(){return a},findOrGenerateResponsiveLayout:function(){return i},sortBreakpoints:function(){return s}});var n=r(872);function o(e,t){for(var r=s(e),n=r[0],o=1,a=r.length;oe[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 u=e[o],l=s(t),c=l.slice(l.indexOf(r)),f=0,p=c.length;fr&&(r=t);return r}function f(e){for(var t=Array(e.length),r=0,n=e.length;r=t.x+t.w||e.y+e.h<=t.y||e.y>=t.y+t.h)}function v(e,t,r){for(var n=R(e),o=T(e,t),a=Array(e.length),i=0,s=o.length;it.y+t.h)break;m(t,i)&&O(e,i,r+t[o],n)}}t[n]=r}function S(e,t,r,n,o){var a,i="horizontal"===r;if("vertical"===r)for(t.y=Math.min(c(e),t.y);t.y>0&&!D(e,t);)t.y--;else if(i)for(;t.x>0&&!D(e,t);)t.x--;for(;a=D(e,t);)i?O(o,t,a.x+a.w,"x"):O(o,t,a.y+a.h,"y"),i&&t.x+t.w>n&&(t.x=n-t.w,t.y++);return t.y=Math.max(t.y,0),t.x=Math.max(t.x,0),t}function j(e,t){for(var r=R(e),n=0,o=e.length;nt.cols&&(a.x=t.cols-a.w),a.x<0&&(a.x=0,a.w=t.cols),a.static)for(;D(r,a);)a.y++;else r.push(a)}return e}function P(e,t){for(var r=0,n=e.length;r=n:"horizontal"===i&&"number"==typeof r&&l>=r)&&(p=p.reverse());var d=x(p,t),y=d.length>0;if(y&&u)return f(e);if(y&&a)return"Collision prevented on ".concat(t.i,", reverting."),t.x=l,t.y=c,t.moved=!1,e;for(var h=0,g=d.length;ht.y||e.y===t.y&&e.x>t.x?1:e.y===t.y&&e.x===t.x?0:-1}))}function H(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 L(e,t,r,n,o){e=e||[];var a=[];i().Children.forEach(t,(function(t){if(null!=(null==t?void 0:t.key)){var r=P(e,String(t.key));if(r)a.push(y(r));else{var n=t.props["data-grid"]||t.props._grid;n?a.push(y(u(u({},n),{},{i:t.key}))):a.push(y({w:1,h:1,x:0,y:c(a),i:String(t.key)}))}}}));var s=j(a,{cols:r});return o?s:v(s,n,r)}function N(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;ns))return!1;var l=a.get(e);if(l&&a.get(t))return l==t;var c=-1,f=!0,p=2&r?new ve:void 0;for(a.set(e,t),a.set(t,e);++c-1},be.prototype.set=function(e,t){var r=this.__data__,n=Oe(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},me.prototype.clear=function(){this.size=0,this.__data__={hash:new ge,map:new(oe||be),string:new ge}},me.prototype.delete=function(e){var t=Re(this,e).delete(e);return this.size-=t?1:0,t},me.prototype.get=function(e){return Re(this,e).get(e)},me.prototype.has=function(e){return Re(this,e).has(e)},me.prototype.set=function(e,t){var r=Re(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},ve.prototype.add=ve.prototype.push=function(e){return this.__data__.set(e,n),this},ve.prototype.has=function(e){return this.__data__.has(e)},we.prototype.clear=function(){this.__data__=new be,this.size=0},we.prototype.delete=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},we.prototype.get=function(e){return this.__data__.get(e)},we.prototype.has=function(e){return this.__data__.has(e)},we.prototype.set=function(e,t){var r=this.__data__;if(r instanceof be){var n=r.__data__;if(!oe||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new me(n)}return r.set(e,t),this.size=r.size,this};var ze=ee?function(e){return null==e?[]:(e=Object(e),function(t,r){for(var n=-1,o=null==t?0:t.length,a=0,i=[];++n-1&&e%1==0&&e-1&&e%1==0&&e<=o}function Ae(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function Ie(e){return null!=e&&"object"==typeof e}var Be=E?function(e){return function(t){return e(t)}}(E):function(e){return Ie(e)&&We(e.length)&&!!j[Se(e)]};function qe(e){return null!=(t=e)&&We(t.length)&&!Ne(t)?function(e,t){var r=He(e),n=!r&&Me(e),o=!r&&!n&&Le(e),a=!r&&!n&&!o&&Be(e),i=r||n||o||a,s=i?function(e,t){for(var r=-1,n=Array(e);++re.length)&&(t=e.length);for(var r=0,n=new Array(t);r, 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=h,n=[{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:m({},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=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,d)),b={},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,u.createSVGTransform)(S,y):b=(0,u.createCSSTransform)(S,y);var j=(0,s.default)(r.props.className||"",a,(D(e={},i,this.state.dragging),D(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:j,style:m(m({},r.props.style),b),transform:v}))}}])&&w(t.prototype,r),n&&w(t,n),h}(o.Component);t.default=x,D(x,"displayName","Draggable"),D(x,"propTypes",m(m({},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})),D(x,"defaultProps",m(m({},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 s=a?Object.getOwnPropertyDescriptor(e,i):null;s&&(s.get||s.set)?Object.defineProperty(o,i,s):o[i]=e[i]}return o.default=e,r&&r.set(e,o),o}(r(359)),a=f(r(697)),i=f(r(318)),s=r(825),u=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,s=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(s)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 not mounted on DragStart!");var n=r.ownerDocument;if(!(e.props.disabled||!(t.target instanceof n.defaultView.Node)||e.props.handle&&!(0,s.matchesSelectorAndParentsTo)(t.target,e.props.handle,r)||e.props.cancel&&(0,s.matchesSelectorAndParentsTo)(t.target,e.props.cancel,r))){"touchstart"===t.type&&t.preventDefault();var o=(0,s.getTouchIdentifier)(t);e.setState({touchIdentifier:o});var a=(0,u.getControlPosition)(t,o,v(e));if(null!=a){var i=a.x,l=a.y,f=(0,u.createCoreData)(v(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,s.addUserSelectStyles)(n),e.setState({dragging:!0,lastX:i,lastY:l}),(0,s.addEvent)(n,P.move,e.handleDrag),(0,s.addEvent)(n,P.stop,e.handleDragStop))}}})),O(v(e),"handleDrag",(function(t){var r=(0,u.getControlPosition)(t,e.state.touchIdentifier,v(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,s=d((0,u.snapToGrid)(e.props.grid,a,i),2);if(a=s[0],i=s[1],!a&&!i)return;n=e.state.lastX+a,o=e.state.lastY+i}var l=(0,u.createCoreData)(v(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)}}})),O(v(e),"handleDragStop",(function(t){if(e.state.dragging){var r=(0,u.getControlPosition)(t,e.state.touchIdentifier,v(e));if(null!=r){var n=r.x,o=r.y,a=(0,u.createCoreData)(v(e),n,o);if(!1===e.props.onStop(t,a)||!1===e.mounted)return!1;var i=e.findDOMNode();i&&e.props.enableUserSelectHack&&(0,s.removeUserSelectStyles)(i.ownerDocument),(0,c.default)("DraggableCore: handleDragStop: %j",a),e.setState({dragging:!1,lastX:NaN,lastY:NaN}),i&&((0,c.default)("DraggableCore: Removing handlers"),(0,s.removeEvent)(i.ownerDocument,P.move,e.handleDrag),(0,s.removeEvent)(i.ownerDocument,P.stop,e.handleDragStop))}}})),O(v(e),"onMouseDown",(function(t){return P=j,e.handleDragStart(t)})),O(v(e),"onMouseUp",(function(t){return P=j,e.handleDragStop(t)})),O(v(e),"onTouchStart",(function(t){return P=S,e.handleDragStart(t)})),O(v(e),"onTouchEnd",(function(t){return P=S,e.handleDragStop(t)})),e}return t=f,(r=[{key:"componentDidMount",value:function(){this.mounted=!0;var e=this.findDOMNode();e&&(0,s.addEvent)(e,S.start,this.onTouchStart,{passive:!1})}},{key:"componentWillUnmount",value:function(){this.mounted=!1;var e=this.findDOMNode();if(e){var t=e.ownerDocument;(0,s.removeEvent)(t,j.move,this.handleDrag),(0,s.removeEvent)(t,S.move,this.handleDrag),(0,s.removeEvent)(t,j.stop,this.handleDragStop),(0,s.removeEvent)(t,S.stop,this.handleDragStop),(0,s.removeEvent)(e,S.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,s.removeUserSelectStyles)(t)}}},{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(){return o.cloneElement(o.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}])&&g(t.prototype,r),f}(o.Component);t.default=D,O(D,"displayName","DraggableCore"),O(D,"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}),O(D,"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.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.addEvent=function(e,t,r,n){if(e){var o=u({capture:!0},n);e.addEventListener?e.addEventListener(t,r,o):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}},t.removeEvent=function(e,t,r,n){if(e){var o=u({capture:!0},n);e.removeEventListener?e.removeEventListener(t,r,o):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}},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.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.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.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.getTranslation=p,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.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.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){}},t.addClassName=d,t.removeClassName=y;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 s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var u=a?Object.getOwnPropertyDescriptor(e,s):null;u&&(u.get||u.set)?Object.defineProperty(o,s,u):o[s]=e[s]}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 s(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 u(e){for(var t=1;t0&&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: Unmounted during event!");return t}},280:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.findInArray=function(e,t){for(var r=0,n=e.length;rMath.abs(u*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]},u.resizeHandler=function(e,t){var r=this;return function(n,o){var a=o.node,i=o.deltaX,s=o.deltaY;"onResizeStart"===e&&r.resetData();var u=("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(u||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&&(s+=p.top-r.lastHandleRect.top)),r.lastHandleRect=p,"w"===f&&(i=-i),"n"===c&&(s=-s);var d=r.props.width+(u?i/r.props.transformScale:0),y=r.props.height+(l?s/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,b="function"==typeof r.props[e]?r.props[e]:null;b&&!("onResize"===e&&!g)&&(null==n.persist||n.persist(),b(n,{node:a,size:{width:d,height:y},handle:t})),"onResizeStop"===e&&r.resetData()}}},u.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)},u.render=function(){var e=this,t=this.props,r=t.children,i=t.className,u=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=0||(o[r]=e[r]);return o}(t,s));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({},u,{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=u(r(697)),a=u(r(827)),i=r(448),s=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function u(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=0||(o[r]=e[r]);return o}(e,s);return n.createElement(a.default,{axis:y,draggableOpts:u,handle:t,handleSize:r,height:this.state.height,lockAspectRatio:d,maxConstraints:f,minConstraints:l,onResizeStart:o,onResize:this.onResize,onResizeStop:i,resizeHandles:h,transformScale:b,width:this.state.width},n.createElement("div",c({},m,{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