@spaceandtimelabs/makeinfinite-ui 0.62.0 → 0.62.1

package/dist/index.d.ts

@@ -1136,6 +1136,7 @@ export declare const RGEditLayout: (props: {
     layouts: any;
     onLayoutChange: (layout: any) => void;
     onResizeStart: ItemCallback;
+    onResize: ItemCallback;
     onResizeStop: ItemCallback;
     onDragStart: ItemCallback;
     onDragStop: ItemCallback;

package/dist/makeinfinite-ui.es.js

@@ -93422,7 +93422,6 @@ var WV = dke.exports;
 const oTt = WV.WidthProvider(WV.Responsive), sTt = oTt, lTt = $c.div`
   .react-grid-layout {
     position: relative;
-    // transition: height 200ms ease;
   }
   .react-grid-item {
     // transition: all 200ms ease;
@@ -93454,10 +93453,6 @@ const oTt = WV.WidthProvider(WV.Responsive), sTt = oTt, lTt = $c.div`
     pointer-events: none; /* Allow events to pass through to elements below */
   }
 
-  .react-grid-item > .react-resizable-handle {
-    display: none !important;
-  }
-
   .react-grid-item:hover > .react-resizable-handle {
     z-index: 1000;
     display: ${({ disableResize: e }) => e ? "none" : "block"} !important;
@@ -93505,7 +93500,7 @@ const oTt = WV.WidthProvider(WV.Responsive), sTt = oTt, lTt = $c.div`
   }
 `, Qke = 50, DUt = (e) => {
   const { activeCompDimension: t } = lke();
-  return /* @__PURE__ */ M.jsx(lTt, { disableResize: !!e.disableResize, children: /* @__PURE__ */ M.jsx(cTt, { children: /* @__PURE__ */ M.jsx(
+  return /* @__PURE__ */ M.jsx(lTt, { disableResize: !!e.disableResize, id: "movement-patch", children: /* @__PURE__ */ M.jsx(cTt, { id: "grid-style-override", children: /* @__PURE__ */ M.jsx(
     sTt,
     {
       className: "layout",
@@ -93515,6 +93510,7 @@ const oTt = WV.WidthProvider(WV.Responsive), sTt = oTt, lTt = $c.div`
       layouts: e.layouts,
       onLayoutChange: e.onLayoutChange,
       onResizeStart: e.onResizeStart,
+      onResize: e.onResize,
       onResizeStop: e.onResizeStop,
       onDrop: e.onDrop,
       onDragStart: e.onDragStart,
@@ -93525,8 +93521,8 @@ const oTt = WV.WidthProvider(WV.Responsive), sTt = oTt, lTt = $c.div`
       isDraggable: e.isDraggable,
       isResizable: e.isResizable,
       isDroppable: e.isDroppable,
-      autoSize: !0,
       margin: [0, 0],
+      autoSize: !0,
       containerPadding: [3, 3],
       draggableHandle: ".react-grid-drag-handle",
       children: e.components

package/dist/makeinfinite-ui.umd.js

@@ -8104,7 +8104,6 @@ object-assign
 `,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&Rwe(e.body,"react-draggable-transparent-selection")}function Wst(e){if(e)try{if(e.body&&$we(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function Rwe(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function $we(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var ws={};Object.defineProperty(ws,"__esModule",{value:!0}),ws.canDragX=Xst,ws.canDragY=Zst,ws.createCoreData=Jst,ws.createDraggableData=Qst,ws.getBoundPosition=Ust,ws.getControlPosition=Kst,ws.snapToGrid=Yst;var ei=_s,R0=Kn;function Ust(e,t,n){if(!e.props.bounds)return[t,n];let{bounds:r}=e.props;r=typeof r=="string"?r:ect(r);const a=nee(e);if(typeof r=="string"){const{ownerDocument:i}=a,o=i.defaultView;let s;if(r==="parent"?s=a.parentNode:s=i.querySelector(r),!(s instanceof o.HTMLElement))throw new Error('Bounds selector "'+r+'" could not find an element.');const c=s,l=o.getComputedStyle(a),u=o.getComputedStyle(c);r={left:-a.offsetLeft+(0,ei.int)(u.paddingLeft)+(0,ei.int)(l.marginLeft),top:-a.offsetTop+(0,ei.int)(u.paddingTop)+(0,ei.int)(l.marginTop),right:(0,R0.innerWidth)(c)-(0,R0.outerWidth)(a)-a.offsetLeft+(0,ei.int)(u.paddingRight)-(0,ei.int)(l.marginRight),bottom:(0,R0.innerHeight)(c)-(0,R0.outerHeight)(a)-a.offsetTop+(0,ei.int)(u.paddingBottom)-(0,ei.int)(l.marginBottom)}}return(0,ei.isNum)(r.right)&&(t=Math.min(t,r.right)),(0,ei.isNum)(r.bottom)&&(n=Math.min(n,r.bottom)),(0,ei.isNum)(r.left)&&(t=Math.max(t,r.left)),(0,ei.isNum)(r.top)&&(n=Math.max(n,r.top)),[t,n]}function Yst(e,t,n){const r=Math.round(t/e[0])*e[0],a=Math.round(n/e[1])*e[1];return[r,a]}function Xst(e){return e.props.axis==="both"||e.props.axis==="x"}function Zst(e){return e.props.axis==="both"||e.props.axis==="y"}function Kst(e,t,n){const r=typeof t=="number"?(0,R0.getTouch)(e,t):null;if(typeof t=="number"&&!r)return null;const a=nee(n),i=n.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,R0.offsetXYFromParent)(r||e,i,n.props.scale)}function Jst(e,t,n){const r=!(0,ei.isNum)(e.lastX),a=nee(e);return r?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:a,deltaX:t-e.lastX,deltaY:n-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:n}}function Qst(e,t){const n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}function ect(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function nee(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var Bj={},Vj={};Object.defineProperty(Vj,"__esModule",{value:!0}),Vj.default=tct;function tct(){}Object.defineProperty(Bj,"__esModule",{value:!0}),Bj.default=void 0;var ree=rct(D),Ea=iee(El),nct=iee(Eo),ra=Kn,Dl=ws,aee=_s,wm=iee(Vj);function iee(e){return e&&e.__esModule?e:{default:e}}function Owe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Owe=function(r){return r?n:t})(e)}function rct(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Owe(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}function ba(e,t,n){return t=act(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function act(e){var t=ict(e,"string");return typeof t=="symbol"?t:String(t)}function ict(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const go={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let Pl=go.mouse,jj=class extends ree.Component{constructor(){super(...arguments),ba(this,"dragging",!1),ba(this,"lastX",NaN),ba(this,"lastY",NaN),ba(this,"touchIdentifier",null),ba(this,"mounted",!1),ba(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const n=this.findDOMNode();if(!n||!n.ownerDocument||!n.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:r}=n;if(this.props.disabled||!(t.target instanceof r.defaultView.Node)||this.props.handle&&!(0,ra.matchesSelectorAndParentsTo)(t.target,this.props.handle,n)||this.props.cancel&&(0,ra.matchesSelectorAndParentsTo)(t.target,this.props.cancel,n))return;t.type==="touchstart"&&t.preventDefault();const a=(0,ra.getTouchIdentifier)(t);this.touchIdentifier=a;const i=(0,Dl.getControlPosition)(t,a,this);if(i==null)return;const{x:o,y:s}=i,c=(0,Dl.createCoreData)(this,o,s);(0,wm.default)("DraggableCore: handleDragStart: %j",c),(0,wm.default)("calling",this.props.onStart),!(this.props.onStart(t,c)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,ra.addUserSelectStyles)(r),this.dragging=!0,this.lastX=o,this.lastY=s,(0,ra.addEvent)(r,Pl.move,this.handleDrag),(0,ra.addEvent)(r,Pl.stop,this.handleDragStop))}),ba(this,"handleDrag",t=>{const n=(0,Dl.getControlPosition)(t,this.touchIdentifier,this);if(n==null)return;let{x:r,y:a}=n;if(Array.isArray(this.props.grid)){let s=r-this.lastX,c=a-this.lastY;if([s,c]=(0,Dl.snapToGrid)(this.props.grid,s,c),!s&&!c)return;r=this.lastX+s,a=this.lastY+c}const i=(0,Dl.createCoreData)(this,r,a);if((0,wm.default)("DraggableCore: handleDrag: %j",i),this.props.onDrag(t,i)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const c=document.createEvent("MouseEvents");c.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(c)}return}this.lastX=r,this.lastY=a}),ba(this,"handleDragStop",t=>{if(!this.dragging)return;const n=(0,Dl.getControlPosition)(t,this.touchIdentifier,this);if(n==null)return;let{x:r,y:a}=n;if(Array.isArray(this.props.grid)){let c=r-this.lastX||0,l=a-this.lastY||0;[c,l]=(0,Dl.snapToGrid)(this.props.grid,c,l),r=this.lastX+c,a=this.lastY+l}const i=(0,Dl.createCoreData)(this,r,a);if(this.props.onStop(t,i)===!1||this.mounted===!1)return!1;const s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,ra.removeUserSelectStyles)(s.ownerDocument),(0,wm.default)("DraggableCore: handleDragStop: %j",i),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,wm.default)("DraggableCore: Removing handlers"),(0,ra.removeEvent)(s.ownerDocument,Pl.move,this.handleDrag),(0,ra.removeEvent)(s.ownerDocument,Pl.stop,this.handleDragStop))}),ba(this,"onMouseDown",t=>(Pl=go.mouse,this.handleDragStart(t))),ba(this,"onMouseUp",t=>(Pl=go.mouse,this.handleDragStop(t))),ba(this,"onTouchStart",t=>(Pl=go.touch,this.handleDragStart(t))),ba(this,"onTouchEnd",t=>(Pl=go.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,ra.addEvent)(t,go.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:n}=t;(0,ra.removeEvent)(n,go.mouse.move,this.handleDrag),(0,ra.removeEvent)(n,go.touch.move,this.handleDrag),(0,ra.removeEvent)(n,go.mouse.stop,this.handleDragStop),(0,ra.removeEvent)(n,go.touch.stop,this.handleDragStop),(0,ra.removeEvent)(t,go.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,ra.removeUserSelectStyles)(n)}}findDOMNode(){var t,n;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(n=this.props)===null||n===void 0||(n=n.nodeRef)===null||n===void 0?void 0:n.current:nct.default.findDOMNode(this)}render(){return ree.cloneElement(ree.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};Bj.default=jj,ba(jj,"displayName","DraggableCore"),ba(jj,"propTypes",{allowAnyClick:Ea.default.bool,children:Ea.default.node.isRequired,disabled:Ea.default.bool,enableUserSelectHack:Ea.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:Ea.default.arrayOf(Ea.default.number),handle:Ea.default.string,cancel:Ea.default.string,nodeRef:Ea.default.object,onStart:Ea.default.func,onDrag:Ea.default.func,onStop:Ea.default.func,onMouseDown:Ea.default.func,scale:Ea.default.number,className:aee.dontSetMe,style:aee.dontSetMe,transform:aee.dontSetMe}),ba(jj,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return c.default}}),e.default=void 0;var t=h(D),n=u(El),r=u(Eo),a=u(Sst),i=Kn,o=ws,s=_s,c=u(Bj),l=u(Vj);function u(m){return m&&m.__esModule?m:{default:m}}function d(m){if(typeof WeakMap!="function")return null;var _=new WeakMap,b=new WeakMap;return(d=function(k){return k?b:_})(m)}function h(m,_){if(m&&m.__esModule)return m;if(m===null||typeof m!="object"&&typeof m!="function")return{default:m};var b=d(_);if(b&&b.has(m))return b.get(m);var k={},x=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var S in m)if(S!=="default"&&Object.prototype.hasOwnProperty.call(m,S)){var C=x?Object.getOwnPropertyDescriptor(m,S):null;C&&(C.get||C.set)?Object.defineProperty(k,S,C):k[S]=m[S]}return k.default=m,b&&b.set(m,k),k}function f(){return f=Object.assign?Object.assign.bind():function(m){for(var _=1;_<arguments.length;_++){var b=arguments[_];for(var k in b)Object.prototype.hasOwnProperty.call(b,k)&&(m[k]=b[k])}return m},f.apply(this,arguments)}function p(m,_,b){return _=v(_),_ in m?Object.defineProperty(m,_,{value:b,enumerable:!0,configurable:!0,writable:!0}):m[_]=b,m}function v(m){var _=y(m,"string");return typeof _=="symbol"?_:String(_)}function y(m,_){if(typeof m!="object"||m===null)return m;var b=m[Symbol.toPrimitive];if(b!==void 0){var k=b.call(m,_||"default");if(typeof k!="object")return k;throw new TypeError("@@toPrimitive must return a primitive value.")}return(_==="string"?String:Number)(m)}class g extends t.Component{static getDerivedStateFromProps(_,b){let{position:k}=_,{prevPropsPosition:x}=b;return k&&(!x||k.x!==x.x||k.y!==x.y)?((0,l.default)("Draggable: getDerivedStateFromProps %j",{position:k,prevPropsPosition:x}),{x:k.x,y:k.y,prevPropsPosition:{...k}}):null}constructor(_){super(_),p(this,"onDragStart",(b,k)=>{if((0,l.default)("Draggable: onDragStart: %j",k),this.props.onStart(b,(0,o.createDraggableData)(this,k))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),p(this,"onDrag",(b,k)=>{if(!this.state.dragging)return!1;(0,l.default)("Draggable: onDrag: %j",k);const x=(0,o.createDraggableData)(this,k),S={x:x.x,y:x.y,slackX:0,slackY:0};if(this.props.bounds){const{x:N,y:L}=S;S.x+=this.state.slackX,S.y+=this.state.slackY;const[A,R]=(0,o.getBoundPosition)(this,S.x,S.y);S.x=A,S.y=R,S.slackX=this.state.slackX+(N-S.x),S.slackY=this.state.slackY+(L-S.y),x.x=S.x,x.y=S.y,x.deltaX=S.x-this.state.x,x.deltaY=S.y-this.state.y}if(this.props.onDrag(b,x)===!1)return!1;this.setState(S)}),p(this,"onDragStop",(b,k)=>{if(!this.state.dragging||this.props.onStop(b,(0,o.createDraggableData)(this,k))===!1)return!1;(0,l.default)("Draggable: onDragStop: %j",k);const S={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:N,y:L}=this.props.position;S.x=N,S.y=L}this.setState(S)}),this.state={dragging:!1,dragged:!1,x:_.position?_.position.x:_.defaultPosition.x,y:_.position?_.position.y:_.defaultPosition.y,prevPropsPosition:{..._.position},slackX:0,slackY:0,isElementSVG:!1},_.position&&!(_.onDrag||_.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.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var _,b;return(_=(b=this.props)===null||b===void 0||(b=b.nodeRef)===null||b===void 0?void 0:b.current)!==null&&_!==void 0?_:r.default.findDOMNode(this)}render(){const{axis:_,bounds:b,children:k,defaultPosition:x,defaultClassName:S,defaultClassNameDragging:C,defaultClassNameDragged:N,position:L,positionOffset:A,scale:R,...T}=this.props;let P={},$=null;const V=!!!L||this.state.dragging,B=L||x,q={x:(0,o.canDragX)(this)&&V?this.state.x:B.x,y:(0,o.canDragY)(this)&&V?this.state.y:B.y};this.state.isElementSVG?$=(0,i.createSVGTransform)(q,A):P=(0,i.createCSSTransform)(q,A);const G=(0,a.default)(k.props.className||"",S,{[C]:this.state.dragging,[N]:this.state.dragged});return t.createElement(c.default,f({},T,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(k),{className:G,style:{...k.props.style,...P},transform:$}))}}e.default=g,p(g,"displayName","Draggable"),p(g,"propTypes",{...c.default.propTypes,axis:n.default.oneOf(["both","x","y","none"]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),p(g,"defaultProps",{...c.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(Nwe);const{default:zwe,DraggableCore:oct}=Nwe;zj.exports=zwe,zj.exports.default=zwe,zj.exports.DraggableCore=oct;var Fwe=zj.exports,Hj={exports:{}},bm={},oee={};oee.__esModule=!0,oee.cloneElement=hct;var sct=cct(D);function cct(e){return e&&e.__esModule?e:{default:e}}function Bwe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function Vwe(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Bwe(Object(n),!0).forEach(function(r){lct(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Bwe(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function lct(e,t,n){return t=uct(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function uct(e){var t=dct(e,"string");return typeof t=="symbol"?t:String(t)}function dct(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function hct(e,t){return t.style&&e.props.style&&(t.style=Vwe(Vwe({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),sct.default.cloneElement(e,t)}var km={};km.__esModule=!0,km.resizableProps=void 0;var At=fct(El);function fct(e){return e&&e.__esModule?e:{default:e}}var pct={axis:At.default.oneOf(["both","x","y","none"]),className:At.default.string,children:At.default.element.isRequired,draggableOpts:At.default.shape({allowAnyClick:At.default.bool,cancel:At.default.string,children:At.default.node,disabled:At.default.bool,enableUserSelectHack:At.default.bool,offsetParent:At.default.node,grid:At.default.arrayOf(At.default.number),handle:At.default.string,nodeRef:At.default.object,onStart:At.default.func,onDrag:At.default.func,onStop:At.default.func,onMouseDown:At.default.func,scale:At.default.number}),height:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var a=n[0];if(a.axis==="both"||a.axis==="y"){var i;return(i=At.default.number).isRequired.apply(i,n)}return At.default.number.apply(At.default,n)},handle:At.default.oneOfType([At.default.node,At.default.func]),handleSize:At.default.arrayOf(At.default.number),lockAspectRatio:At.default.bool,maxConstraints:At.default.arrayOf(At.default.number),minConstraints:At.default.arrayOf(At.default.number),onResizeStop:At.default.func,onResizeStart:At.default.func,onResize:At.default.func,resizeHandles:At.default.arrayOf(At.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:At.default.number,width:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var a=n[0];if(a.axis==="both"||a.axis==="x"){var i;return(i=At.default.number).isRequired.apply(i,n)}return At.default.number.apply(At.default,n)}};km.resizableProps=pct,bm.__esModule=!0,bm.default=void 0;var xm=_ct(D),vct=Fwe,yct=oee,gct=km,mct=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function jwe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(jwe=function(a){return a?n:t})(e)}function _ct(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=jwe(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}function see(){return see=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},see.apply(this,arguments)}function wct(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,i;for(i=0;i<r.length;i++)a=r[i],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function Hwe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function cee(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Hwe(Object(n),!0).forEach(function(r){bct(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Hwe(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function bct(e,t,n){return t=kct(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function kct(e){var t=xct(e,"string");return typeof t=="symbol"?t:String(t)}function xct(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Sct(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,lee(e,t)}function lee(e,t){return lee=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},lee(e,t)}var uee=function(e){Sct(t,e);function t(){for(var r,a=arguments.length,i=new Array(a),o=0;o<a;o++)i[o]=arguments[o];return r=e.call.apply(e,[this].concat(i))||this,r.handleRefs={},r.lastHandleRect=null,r.slack=null,r}var n=t.prototype;return n.componentWillUnmount=function(){this.resetData()},n.resetData=function(){this.lastHandleRect=this.slack=null},n.runConstraints=function(a,i){var o=this.props,s=o.minConstraints,c=o.maxConstraints,l=o.lockAspectRatio;if(!s&&!c&&!l)return[a,i];if(l){var u=this.props.width/this.props.height,d=a-this.props.width,h=i-this.props.height;Math.abs(d)>Math.abs(h*u)?i=a/u:a=i*u}var f=a,p=i,v=this.slack||[0,0],y=v[0],g=v[1];return a+=y,i+=g,s&&(a=Math.max(s[0],a),i=Math.max(s[1],i)),c&&(a=Math.min(c[0],a),i=Math.min(c[1],i)),this.slack=[y+(f-a),g+(p-i)],[a,i]},n.resizeHandler=function(a,i){var o=this;return function(s,c){var l=c.node,u=c.deltaX,d=c.deltaY;a==="onResizeStart"&&o.resetData();var h=(o.props.axis==="both"||o.props.axis==="x")&&i!=="n"&&i!=="s",f=(o.props.axis==="both"||o.props.axis==="y")&&i!=="e"&&i!=="w";if(!(!h&&!f)){var p=i[0],v=i[i.length-1],y=l.getBoundingClientRect();if(o.lastHandleRect!=null){if(v==="w"){var g=y.left-o.lastHandleRect.left;u+=g}if(p==="n"){var m=y.top-o.lastHandleRect.top;d+=m}}o.lastHandleRect=y,v==="w"&&(u=-u),p==="n"&&(d=-d);var _=o.props.width+(h?u/o.props.transformScale:0),b=o.props.height+(f?d/o.props.transformScale:0),k=o.runConstraints(_,b);_=k[0],b=k[1];var x=_!==o.props.width||b!==o.props.height,S=typeof o.props[a]=="function"?o.props[a]:null,C=a==="onResize"&&!x;S&&!C&&(s.persist==null||s.persist(),S(s,{node:l,size:{width:_,height:b},handle:i})),a==="onResizeStop"&&o.resetData()}}},n.renderResizeHandle=function(a,i){var o=this.props.handle;if(!o)return xm.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+a,ref:i});if(typeof o=="function")return o(a,i);var s=typeof o.type=="string",c=cee({ref:i},s?{}:{handleAxis:a});return xm.cloneElement(o,c)},n.render=function(){var a=this,i=this.props,o=i.children,s=i.className,c=i.draggableOpts;i.width,i.height,i.handle,i.handleSize,i.lockAspectRatio,i.axis,i.minConstraints,i.maxConstraints,i.onResize,i.onResizeStop,i.onResizeStart;var l=i.resizeHandles;i.transformScale;var u=wct(i,mct);return(0,yct.cloneElement)(o,cee(cee({},u),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(o.props.children,l.map(function(d){var h,f=(h=a.handleRefs[d])!=null?h:a.handleRefs[d]=xm.createRef();return xm.createElement(vct.DraggableCore,see({},c,{nodeRef:f,key:"resizableHandle-"+d,onStop:a.resizeHandler("onResizeStop",d),onStart:a.resizeHandler("onResizeStart",d),onDrag:a.resizeHandler("onResize",d)}),a.renderResizeHandle(d,f))}))}))},t}(xm.Component);bm.default=uee,uee.propTypes=gct.resizableProps,uee.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var qj={};qj.__esModule=!0,qj.default=void 0;var dee=Lct(D),Mct=qwe(El),Cct=qwe(bm),Nct=km,Ict=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function qwe(e){return e&&e.__esModule?e:{default:e}}function Gwe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Gwe=function(a){return a?n:t})(e)}function Lct(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Gwe(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}function hee(){return hee=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},hee.apply(this,arguments)}function Wwe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function Gj(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Wwe(Object(n),!0).forEach(function(r){Act(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Wwe(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function Act(e,t,n){return t=Tct(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Tct(e){var t=Ect(e,"string");return typeof t=="symbol"?t:String(t)}function Ect(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Dct(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,i;for(i=0;i<r.length;i++)a=r[i],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function Pct(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,fee(e,t)}function fee(e,t){return fee=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},fee(e,t)}var Uwe=function(e){Pct(t,e);function t(){for(var r,a=arguments.length,i=new Array(a),o=0;o<a;o++)i[o]=arguments[o];return r=e.call.apply(e,[this].concat(i))||this,r.state={width:r.props.width,height:r.props.height,propsWidth:r.props.width,propsHeight:r.props.height},r.onResize=function(s,c){var l=c.size;r.props.onResize?(s.persist==null||s.persist(),r.setState(l,function(){return r.props.onResize&&r.props.onResize(s,c)})):r.setState(l)},r}t.getDerivedStateFromProps=function(a,i){return i.propsWidth!==a.width||i.propsHeight!==a.height?{width:a.width,height:a.height,propsWidth:a.width,propsHeight:a.height}:null};var n=t.prototype;return n.render=function(){var a=this.props,i=a.handle,o=a.handleSize;a.onResize;var s=a.onResizeStart,c=a.onResizeStop,l=a.draggableOpts,u=a.minConstraints,d=a.maxConstraints,h=a.lockAspectRatio,f=a.axis;a.width,a.height;var p=a.resizeHandles,v=a.style,y=a.transformScale,g=Dct(a,Ict);return dee.createElement(Cct.default,{axis:f,draggableOpts:l,handle:i,handleSize:o,height:this.state.height,lockAspectRatio:h,maxConstraints:d,minConstraints:u,onResizeStart:s,onResize:this.onResize,onResizeStop:c,resizeHandles:p,transformScale:y,width:this.state.width},dee.createElement("div",hee({},g,{style:Gj(Gj({},v),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(dee.Component);qj.default=Uwe,Uwe.propTypes=Gj(Gj({},Nct.resizableProps),{},{children:Mct.default.element}),Hj.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},Hj.exports.Resizable=bm.default,Hj.exports.ResizableBox=qj.default;var Rct=Hj.exports,mc={};Object.defineProperty(mc,"__esModule",{value:!0}),mc.resizeHandleType=mc.resizeHandleAxesType=mc.default=void 0;var Rt=Ywe(El),$ct=Ywe(D);function Ywe(e){return e&&e.__esModule?e:{default:e}}const Oct=mc.resizeHandleAxesType=Rt.default.arrayOf(Rt.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),zct=mc.resizeHandleType=Rt.default.oneOfType([Rt.default.node,Rt.default.func]);mc.default={className:Rt.default.string,style:Rt.default.object,width:Rt.default.number,autoSize:Rt.default.bool,cols:Rt.default.number,draggableCancel:Rt.default.string,draggableHandle:Rt.default.string,verticalCompact:function(e){e.verticalCompact},compactType:Rt.default.oneOf(["vertical","horizontal"]),layout:function(e){var t=e.layout;t!==void 0&&Vt.validateLayout(t,"layout")},margin:Rt.default.arrayOf(Rt.default.number),containerPadding:Rt.default.arrayOf(Rt.default.number),rowHeight:Rt.default.number,maxRows:Rt.default.number,isBounded:Rt.default.bool,isDraggable:Rt.default.bool,isResizable:Rt.default.bool,allowOverlap:Rt.default.bool,preventCollision:Rt.default.bool,useCSSTransforms:Rt.default.bool,transformScale:Rt.default.number,isDroppable:Rt.default.bool,resizeHandles:Oct,resizeHandle:zct,onLayoutChange:Rt.default.func,onDragStart:Rt.default.func,onDrag:Rt.default.func,onDragStop:Rt.default.func,onResizeStart:Rt.default.func,onResize:Rt.default.func,onResizeStop:Rt.default.func,onDrop:Rt.default.func,droppingItem:Rt.default.shape({i:Rt.default.string.isRequired,w:Rt.default.number.isRequired,h:Rt.default.number.isRequired}),children:function(e,t){const n=e[t],r={};$ct.default.Children.forEach(n,function(a){if((a==null?void 0:a.key)!=null){if(r[a.key])throw new Error('Duplicate child key "'+a.key+'" found! This will cause problems in ReactGridLayout.');r[a.key]=!0}})},innerRef:Rt.default.any},Object.defineProperty(Oj,"__esModule",{value:!0}),Oj.default=void 0;var $0=pee(D),sn=pee(El),Fct=Fwe,Bct=Rct,O0=Vt,Fr=ms,Xwe=mc,Vct=pee(VQ);function pee(e){return e&&e.__esModule?e:{default:e}}function bs(e,t,n){return t=jct(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function jct(e){var t=Hct(e,"string");return typeof t=="symbol"?t:String(t)}function Hct(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}class vee extends $0.default.Component{constructor(){super(...arguments),bs(this,"state",{resizing:null,dragging:null,className:""}),bs(this,"elementRef",$0.default.createRef()),bs(this,"onDragStart",(t,n)=>{let{node:r}=n;const{onDragStart:a,transformScale:i}=this.props;if(!a)return;const o={top:0,left:0},{offsetParent:s}=r;if(!s)return;const c=s.getBoundingClientRect(),l=r.getBoundingClientRect(),u=l.left/i,d=c.left/i,h=l.top/i,f=c.top/i;o.left=u-d+s.scrollLeft,o.top=h-f+s.scrollTop,this.setState({dragging:o});const{x:p,y:v}=(0,Fr.calcXY)(this.getPositionParams(),o.top,o.left,this.props.w,this.props.h);return a.call(this,this.props.i,p,v,{e:t,node:r,newPosition:o})}),bs(this,"onDrag",(t,n)=>{let{node:r,deltaX:a,deltaY:i}=n;const{onDrag:o}=this.props;if(!o)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let s=this.state.dragging.top+i,c=this.state.dragging.left+a;const{isBounded:l,i:u,w:d,h,containerWidth:f}=this.props,p=this.getPositionParams();if(l){const{offsetParent:m}=r;if(m){const{margin:_,rowHeight:b,containerPadding:k}=this.props,x=m.clientHeight-(0,Fr.calcGridItemWHPx)(h,b,_[1]);s=(0,Fr.clamp)(s-k[1],0,x);const S=(0,Fr.calcGridColWidth)(p),C=f-(0,Fr.calcGridItemWHPx)(d,S,_[0]);c=(0,Fr.clamp)(c-k[0],0,C)}}const v={top:s,left:c};this.setState({dragging:v});const{x:y,y:g}=(0,Fr.calcXY)(p,s,c,d,h);return o.call(this,u,y,g,{e:t,node:r,newPosition:v})}),bs(this,"onDragStop",(t,n)=>{let{node:r}=n;const{onDragStop:a}=this.props;if(!a)return;if(!this.state.dragging)throw new Error("onDragEnd called before onDragStart.");const{w:i,h:o,i:s}=this.props,{left:c,top:l}=this.state.dragging,u={top:l,left:c};this.setState({dragging:null});const{x:d,y:h}=(0,Fr.calcXY)(this.getPositionParams(),l,c,i,o);return a.call(this,s,d,h,{e:t,node:r,newPosition:u})}),bs(this,"onResizeStop",(t,n,r)=>this.onResizeHandler(t,n,r,"onResizeStop")),bs(this,"onResizeStart",(t,n,r)=>this.onResizeHandler(t,n,r,"onResizeStart")),bs(this,"onResize",(t,n,r)=>this.onResizeHandler(t,n,r,"onResize"))}shouldComponentUpdate(t,n){if(this.props.children!==t.children||this.props.droppingPosition!==t.droppingPosition)return!0;const r=(0,Fr.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),a=(0,Fr.calcGridItemPosition)(this.getPositionParams(t),t.x,t.y,t.w,t.h,n);return!(0,O0.fastPositionEqual)(r,a)||this.props.useCSSTransforms!==t.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(t){this.moveDroppingItem(t)}moveDroppingItem(t){const{droppingPosition:n}=this.props;if(!n)return;const r=this.elementRef.current;if(!r)return;const a=t.droppingPosition||{left:0,top:0},{dragging:i}=this.state,o=i&&n.left!==a.left||n.top!==a.top;if(!i)this.onDragStart(n.e,{node:r,deltaX:n.left,deltaY:n.top});else if(o){const s=n.left-i.left,c=n.top-i.top;this.onDrag(n.e,{node:r,deltaX:s,deltaY:c})}}getPositionParams(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:t.cols,containerPadding:t.containerPadding,containerWidth:t.containerWidth,margin:t.margin,maxRows:t.maxRows,rowHeight:t.rowHeight}}createStyle(t){const{usePercentages:n,containerWidth:r,useCSSTransforms:a}=this.props;let i;return a?i=(0,O0.setTransform)(t):(i=(0,O0.setTopLeft)(t),n&&(i.left=(0,O0.perc)(t.left/r),i.width=(0,O0.perc)(t.width/r))),i}mixinDraggable(t,n){return $0.default.createElement(Fct.DraggableCore,{disabled:!n,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},t)}curryResizeHandler(t,n){return(r,a)=>n(r,a,t)}mixinResizable(t,n,r){const{cols:a,minW:i,minH:o,maxW:s,maxH:c,transformScale:l,resizeHandles:u,resizeHandle:d}=this.props,h=this.getPositionParams(),f=(0,Fr.calcGridItemPosition)(h,0,0,a,0).width,p=(0,Fr.calcGridItemPosition)(h,0,0,i,o),v=(0,Fr.calcGridItemPosition)(h,0,0,s,c),y=[p.width,p.height],g=[Math.min(v.width,f),Math.min(v.height,1/0)];return $0.default.createElement(Bct.Resizable,{draggableOpts:{disabled:!r},className:r?void 0:"react-resizable-hide",width:n.width,height:n.height,minConstraints:y,maxConstraints:g,onResizeStop:this.curryResizeHandler(n,this.onResizeStop),onResizeStart:this.curryResizeHandler(n,this.onResizeStart),onResize:this.curryResizeHandler(n,this.onResize),transformScale:l,resizeHandles:u,handle:d},t)}onResizeHandler(t,n,r,a){let{node:i,size:o,handle:s}=n;const c=this.props[a];if(!c)return;const{x:l,y:u,i:d,maxH:h,minH:f,containerWidth:p}=this.props,{minW:v,maxW:y}=this.props;let g=o;i&&(g=(0,O0.resizeItemInDirection)(s,r,o,p),this.setState({resizing:a==="onResizeStop"?null:g}));let{w:m,h:_}=(0,Fr.calcWH)(this.getPositionParams(),g.width,g.height,l,u,s);m=(0,Fr.clamp)(m,Math.max(v,1),y),_=(0,Fr.clamp)(_,f,h),c.call(this,d,m,_,{e:t,node:i,size:g,handle:s})}render(){const{x:t,y:n,w:r,h:a,isDraggable:i,isResizable:o,droppingPosition:s,useCSSTransforms:c}=this.props,l=(0,Fr.calcGridItemPosition)(this.getPositionParams(),t,n,r,a,this.state),u=$0.default.Children.only(this.props.children);let d=$0.default.cloneElement(u,{ref:this.elementRef,className:(0,Vct.default)("react-grid-item",u.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":i,"react-draggable-dragging":!!this.state.dragging,dropping:!!s,cssTransforms:c}),style:{...this.props.style,...u.props.style,...this.createStyle(l)}});return d=this.mixinResizable(d,l,o),d=this.mixinDraggable(d,i),d}}Oj.default=vee,bs(vee,"propTypes",{children:sn.default.element,cols:sn.default.number.isRequired,containerWidth:sn.default.number.isRequired,rowHeight:sn.default.number.isRequired,margin:sn.default.array.isRequired,maxRows:sn.default.number.isRequired,containerPadding:sn.default.array.isRequired,x:sn.default.number.isRequired,y:sn.default.number.isRequired,w:sn.default.number.isRequired,h:sn.default.number.isRequired,minW:function(e,t){const n=e[t];if(typeof n!="number")return new Error("minWidth not Number");if(n>e.w||n>e.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(e,t){const n=e[t];if(typeof n!="number")return new Error("maxWidth not Number");if(n<e.w||n<e.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(e,t){const n=e[t];if(typeof n!="number")return new Error("minHeight not Number");if(n>e.h||n>e.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(e,t){const n=e[t];if(typeof n!="number")return new Error("maxHeight not Number");if(n<e.h||n<e.minH)return new Error("maxHeight smaller than item height/minHeight")},i:sn.default.string.isRequired,resizeHandles:Xwe.resizeHandleAxesType,resizeHandle:Xwe.resizeHandleType,onDragStop:sn.default.func,onDragStart:sn.default.func,onDrag:sn.default.func,onResizeStop:sn.default.func,onResizeStart:sn.default.func,onResize:sn.default.func,isDraggable:sn.default.bool.isRequired,isResizable:sn.default.bool.isRequired,isBounded:sn.default.bool.isRequired,static:sn.default.bool,useCSSTransforms:sn.default.bool.isRequired,transformScale:sn.default.number,className:sn.default.string,handle:sn.default.string,cancel:sn.default.string,droppingPosition:sn.default.shape({e:sn.default.object.isRequired,left:sn.default.number.isRequired,top:sn.default.number.isRequired})}),bs(vee,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),Object.defineProperty(gm,"__esModule",{value:!0}),gm.default=void 0;var b1=Uct(D),yee=BQ,qct=gee(VQ),wt=Vt,Gct=ms,Zwe=gee(Oj),Wct=gee(mc);function gee(e){return e&&e.__esModule?e:{default:e}}function Kwe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Kwe=function(r){return r?n:t})(e)}function Uct(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Kwe(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}function aa(e,t,n){return t=Yct(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Yct(e){var t=Xct(e,"string");return typeof t=="symbol"?t:String(t)}function Xct(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const Jwe="react-grid-layout";let Qwe=!1;try{Qwe=/firefox/i.test(navigator.userAgent)}catch{}class Wj extends b1.Component{constructor(){super(...arguments),aa(this,"state",{activeDrag:null,layout:(0,wt.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,wt.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),aa(this,"dragEnterCounter",0),aa(this,"onDragStart",(t,n,r,a)=>{let{e:i,node:o}=a;const{layout:s}=this.state,c=(0,wt.getLayoutItem)(s,t);if(!c)return;const l={w:c.w,h:c.h,x:c.x,y:c.y,placeholder:!0,i:t};return this.setState({oldDragItem:(0,wt.cloneLayoutItem)(c),oldLayout:s,activeDrag:l}),this.props.onDragStart(s,c,c,null,i,o)}),aa(this,"onDrag",(t,n,r,a)=>{let{e:i,node:o}=a;const{oldDragItem:s}=this.state;let{layout:c}=this.state;const{cols:l,allowOverlap:u,preventCollision:d}=this.props,h=(0,wt.getLayoutItem)(c,t);if(!h)return;const f={w:h.w,h:h.h,x:h.x,y:h.y,placeholder:!0,i:t};c=(0,wt.moveElement)(c,h,n,r,!0,d,(0,wt.compactType)(this.props),l,u),this.props.onDrag(c,s,h,f,i,o),this.setState({layout:u?c:(0,wt.compact)(c,(0,wt.compactType)(this.props),l),activeDrag:f})}),aa(this,"onDragStop",(t,n,r,a)=>{let{e:i,node:o}=a;if(!this.state.activeDrag)return;const{oldDragItem:s}=this.state;let{layout:c}=this.state;const{cols:l,preventCollision:u,allowOverlap:d}=this.props,h=(0,wt.getLayoutItem)(c,t);if(!h)return;c=(0,wt.moveElement)(c,h,n,r,!0,u,(0,wt.compactType)(this.props),l,d);const p=d?c:(0,wt.compact)(c,(0,wt.compactType)(this.props),l);this.props.onDragStop(p,s,h,null,i,o);const{oldLayout:v}=this.state;this.setState({activeDrag:null,layout:p,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(p,v)}),aa(this,"onResizeStart",(t,n,r,a)=>{let{e:i,node:o}=a;const{layout:s}=this.state,c=(0,wt.getLayoutItem)(s,t);c&&(this.setState({oldResizeItem:(0,wt.cloneLayoutItem)(c),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(s,c,c,null,i,o))}),aa(this,"onResize",(t,n,r,a)=>{let{e:i,node:o,size:s,handle:c}=a;const{oldResizeItem:l}=this.state,{layout:u}=this.state,{cols:d,preventCollision:h,allowOverlap:f}=this.props;let p=!1,v,y,g;const[m,_]=(0,wt.withLayoutItem)(u,t,k=>{let x;return y=k.x,g=k.y,["sw","w","nw","n","ne"].indexOf(c)!==-1&&(["sw","nw","w"].indexOf(c)!==-1&&(y=k.x+(k.w-n),n=k.x!==y&&y<0?k.w:n,y=y<0?0:y),["ne","n","nw"].indexOf(c)!==-1&&(g=k.y+(k.h-r),r=k.y!==g&&g<0?k.h:r,g=g<0?0:g),p=!0),h&&!f&&(x=(0,wt.getAllCollisions)(u,{...k,w:n,h:r,x:y,y:g}).filter(C=>C.i!==k.i).length>0,x&&(g=k.y,r=k.h,y=k.x,n=k.w,p=!1)),k.w=n,k.h=r,k});if(!_)return;v=m,p&&(v=(0,wt.moveElement)(m,_,y,g,!0,this.props.preventCollision,(0,wt.compactType)(this.props),d,f));const b={w:_.w,h:_.h,x:_.x,y:_.y,static:!0,i:t};this.props.onResize(v,l,_,b,i,o),this.setState({layout:f?v:(0,wt.compact)(v,(0,wt.compactType)(this.props),d),activeDrag:b})}),aa(this,"onResizeStop",(t,n,r,a)=>{let{e:i,node:o}=a;const{layout:s,oldResizeItem:c}=this.state,{cols:l,allowOverlap:u}=this.props,d=(0,wt.getLayoutItem)(s,t),h=u?s:(0,wt.compact)(s,(0,wt.compactType)(this.props),l);this.props.onResizeStop(h,c,d,null,i,o);const{oldLayout:f}=this.state;this.setState({activeDrag:null,layout:h,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(h,f)}),aa(this,"onDragOver",t=>{var m;if(t.preventDefault(),t.stopPropagation(),Qwe&&!((m=t.nativeEvent.target)!=null&&m.classList.contains(Jwe)))return!1;const{droppingItem:n,onDropDragOver:r,margin:a,cols:i,rowHeight:o,maxRows:s,width:c,containerPadding:l,transformScale:u}=this.props,d=r==null?void 0:r(t);if(d===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const h={...n,...d},{layout:f}=this.state,p=t.currentTarget.getBoundingClientRect(),v=t.clientX-p.left,y=t.clientY-p.top,g={left:v/u,top:y/u,e:t};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:_,top:b}=this.state.droppingPosition;(_!=v||b!=y)&&this.setState({droppingPosition:g})}}else{const _={cols:i,margin:a,maxRows:s,rowHeight:o,containerWidth:c,containerPadding:l||a},b=(0,Gct.calcXY)(_,y,v,h.w,h.h);this.setState({droppingDOMNode:b1.createElement("div",{key:h.i}),droppingPosition:g,layout:[...f,{...h,x:b.x,y:b.y,static:!1,isDraggable:!0}]})}}),aa(this,"removeDroppingPlaceholder",()=>{const{droppingItem:t,cols:n}=this.props,{layout:r}=this.state,a=(0,wt.compact)(r.filter(i=>i.i!==t.i),(0,wt.compactType)(this.props),n,this.props.allowOverlap);this.setState({layout:a,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),aa(this,"onDragLeave",t=>{t.preventDefault(),t.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),aa(this,"onDragEnter",t=>{t.preventDefault(),t.stopPropagation(),this.dragEnterCounter++}),aa(this,"onDrop",t=>{t.preventDefault(),t.stopPropagation();const{droppingItem:n}=this.props,{layout:r}=this.state,a=r.find(i=>i.i===n.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(r,a,t)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(t,n){let r;return n.activeDrag?null:(!(0,yee.deepEqual)(t.layout,n.propsLayout)||t.compactType!==n.compactType?r=t.layout:(0,wt.childrenEqual)(t.children,n.children)||(r=n.layout),r?{layout:(0,wt.synchronizeLayoutWithChildren)(r,t.children,t.cols,(0,wt.compactType)(t),t.allowOverlap),compactType:t.compactType,children:t.children,propsLayout:t.layout}:null)}shouldComponentUpdate(t,n){return this.props.children!==t.children||!(0,wt.fastRGLPropsEqual)(this.props,t,yee.deepEqual)||this.state.activeDrag!==n.activeDrag||this.state.mounted!==n.mounted||this.state.droppingPosition!==n.droppingPosition}componentDidUpdate(t,n){if(!this.state.activeDrag){const r=this.state.layout,a=n.layout;this.onLayoutMaybeChanged(r,a)}}containerHeight(){if(!this.props.autoSize)return;const t=(0,wt.bottom)(this.state.layout),n=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return t*this.props.rowHeight+(t-1)*this.props.margin[1]+n*2+"px"}onLayoutMaybeChanged(t,n){n||(n=this.state.layout),(0,yee.deepEqual)(n,t)||this.props.onLayoutChange(t)}placeholder(){const{activeDrag:t}=this.state;if(!t)return null;const{width:n,cols:r,margin:a,containerPadding:i,rowHeight:o,maxRows:s,useCSSTransforms:c,transformScale:l}=this.props;return b1.createElement(Zwe.default,{w:t.w,h:t.h,x:t.x,y:t.y,i:t.i,className:`react-grid-placeholder ${this.state.resizing?"placeholder-resizing":""}`,containerWidth:n,cols:r,margin:a,containerPadding:i||a,maxRows:s,rowHeight:o,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:c,transformScale:l},b1.createElement("div",null))}processGridItem(t,n){if(!t||!t.key)return;const r=(0,wt.getLayoutItem)(this.state.layout,String(t.key));if(!r)return null;const{width:a,cols:i,margin:o,containerPadding:s,rowHeight:c,maxRows:l,isDraggable:u,isResizable:d,isBounded:h,useCSSTransforms:f,transformScale:p,draggableCancel:v,draggableHandle:y,resizeHandles:g,resizeHandle:m}=this.props,{mounted:_,droppingPosition:b}=this.state,k=typeof r.isDraggable=="boolean"?r.isDraggable:!r.static&&u,x=typeof r.isResizable=="boolean"?r.isResizable:!r.static&&d,S=r.resizeHandles||g,C=k&&h&&r.isBounded!==!1;return b1.createElement(Zwe.default,{containerWidth:a,cols:i,margin:o,containerPadding:s||o,maxRows:l,rowHeight:c,cancel:v,handle:y,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:k,isResizable:x,isBounded:C,useCSSTransforms:f&&_,usePercentages:!_,transformScale:p,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:n?b:void 0,resizeHandles:S,resizeHandle:m},t)}render(){const{className:t,style:n,isDroppable:r,innerRef:a}=this.props,i=(0,qct.default)(Jwe,t),o={height:this.containerHeight(),...n};return b1.createElement("div",{ref:a,className:i,style:o,onDrop:r?this.onDrop:wt.noop,onDragLeave:r?this.onDragLeave:wt.noop,onDragEnter:r?this.onDragEnter:wt.noop,onDragOver:r?this.onDragOver:wt.noop},b1.Children.map(this.props.children,s=>this.processGridItem(s)),r&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}gm.default=Wj,aa(Wj,"displayName","ReactGridLayout"),aa(Wj,"propTypes",Wct.default),aa(Wj,"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:wt.noop,onDragStart:wt.noop,onDrag:wt.noop,onDragStop:wt.noop,onResizeStart:wt.noop,onResize:wt.noop,onResizeStop:wt.noop,onDrop:wt.noop,onDropDragOver:wt.noop});var Uj={},k1={};Object.defineProperty(k1,"__esModule",{value:!0}),k1.findOrGenerateResponsiveLayout=Jct,k1.getBreakpointFromWidth=Zct,k1.getColsFromBreakpoint=Kct,k1.sortBreakpoints=mee;var Yj=Vt;function Zct(e,t){const n=mee(e);let r=n[0];for(let a=1,i=n.length;a<i;a++){const o=n[a];t>e[o]&&(r=o)}return r}function Kct(e,t){if(!t[e])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+e+" is missing!");return t[e]}function Jct(e,t,n,r,a,i){if(e[n])return(0,Yj.cloneLayout)(e[n]);let o=e[r];const s=mee(t),c=s.slice(s.indexOf(n));for(let l=0,u=c.length;l<u;l++){const d=c[l];if(e[d]){o=e[d];break}}return o=(0,Yj.cloneLayout)(o||[]),(0,Yj.compact)((0,Yj.correctBounds)(o,{cols:a}),i,a)}function mee(e){return Object.keys(e).sort(function(n,r){return e[n]-e[r]})}Object.defineProperty(Uj,"__esModule",{value:!0}),Uj.default=void 0;var ebe=elt(D),Da=tbe(El),_ee=BQ,z0=Vt,x1=k1,Qct=tbe(gm);function tbe(e){return e&&e.__esModule?e:{default:e}}function nbe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(nbe=function(r){return r?n:t})(e)}function elt(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=nbe(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}function wee(){return wee=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},wee.apply(this,arguments)}function Xj(e,t,n){return t=tlt(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function tlt(e){var t=nlt(e,"string");return typeof t=="symbol"?t:String(t)}function nlt(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const rbe=e=>Object.prototype.toString.call(e);function Zj(e,t){return e==null?null:Array.isArray(e)?e:e[t]}class bee extends ebe.Component{constructor(){super(...arguments),Xj(this,"state",this.generateInitialState()),Xj(this,"onLayoutChange",t=>{this.props.onLayoutChange(t,{...this.props.layouts,[this.state.breakpoint]:t})})}generateInitialState(){const{width:t,breakpoints:n,layouts:r,cols:a}=this.props,i=(0,x1.getBreakpointFromWidth)(n,t),o=(0,x1.getColsFromBreakpoint)(i,a),s=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,x1.findOrGenerateResponsiveLayout)(r,n,i,i,o,s),breakpoint:i,cols:o}}static getDerivedStateFromProps(t,n){if(!(0,_ee.deepEqual)(t.layouts,n.layouts)){const{breakpoint:r,cols:a}=n;return{layout:(0,x1.findOrGenerateResponsiveLayout)(t.layouts,t.breakpoints,r,r,a,t.compactType),layouts:t.layouts}}return null}componentDidUpdate(t){(this.props.width!=t.width||this.props.breakpoint!==t.breakpoint||!(0,_ee.deepEqual)(this.props.breakpoints,t.breakpoints)||!(0,_ee.deepEqual)(this.props.cols,t.cols))&&this.onWidthChange(t)}onWidthChange(t){const{breakpoints:n,cols:r,layouts:a,compactType:i}=this.props,o=this.props.breakpoint||(0,x1.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),s=this.state.breakpoint,c=(0,x1.getColsFromBreakpoint)(o,r),l={...a};if(s!==o||t.breakpoints!==n||t.cols!==r){s in l||(l[s]=(0,z0.cloneLayout)(this.state.layout));let h=(0,x1.findOrGenerateResponsiveLayout)(l,n,o,s,c,i);h=(0,z0.synchronizeLayoutWithChildren)(h,this.props.children,c,i,this.props.allowOverlap),l[o]=h,this.props.onBreakpointChange(o,c),this.props.onLayoutChange(h,l),this.setState({breakpoint:o,layout:h,cols:c})}const u=Zj(this.props.margin,o),d=Zj(this.props.containerPadding,o);this.props.onWidthChange(this.props.width,u,c,d)}render(){const{breakpoint:t,breakpoints:n,cols:r,layouts:a,margin:i,containerPadding:o,onBreakpointChange:s,onLayoutChange:c,onWidthChange:l,...u}=this.props;return ebe.createElement(Qct.default,wee({},u,{margin:Zj(i,this.state.breakpoint),containerPadding:Zj(o,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}Uj.default=bee,Xj(bee,"propTypes",{breakpoint:Da.default.string,breakpoints:Da.default.object,allowOverlap:Da.default.bool,cols:Da.default.object,margin:Da.default.oneOfType([Da.default.array,Da.default.object]),containerPadding:Da.default.oneOfType([Da.default.array,Da.default.object]),layouts(e,t){if(rbe(e[t])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+rbe(e[t]));Object.keys(e[t]).forEach(n=>{if(!(n in e.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,z0.validateLayout)(e.layouts[n],"layouts."+n)})},width:Da.default.number.isRequired,onBreakpointChange:Da.default.func,onLayoutChange:Da.default.func,onWidthChange:Da.default.func}),Xj(bee,"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:z0.noop,onLayoutChange:z0.noop,onWidthChange:z0.noop});var kee={},abe=function(){if(typeof Map<"u")return Map;function e(t,n){var r=-1;return t.some(function(a,i){return a[0]===n?(r=i,!0):!1}),r}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(n){var r=e(this.__entries__,n),a=this.__entries__[r];return a&&a[1]},t.prototype.set=function(n,r){var a=e(this.__entries__,n);~a?this.__entries__[a][1]=r:this.__entries__.push([n,r])},t.prototype.delete=function(n){var r=this.__entries__,a=e(r,n);~a&&r.splice(a,1)},t.prototype.has=function(n){return!!~e(this.__entries__,n)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(n,r){r===void 0&&(r=null);for(var a=0,i=this.__entries__;a<i.length;a++){var o=i[a];n.call(r,o[1],o[0])}},t}()}(),xee=typeof window<"u"&&typeof document<"u"&&window.document===document,Kj=function(){return typeof global<"u"&&global.Math===Math?global:typeof self<"u"&&self.Math===Math?self:typeof window<"u"&&window.Math===Math?window:Function("return this")()}(),rlt=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(Kj):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)}}(),alt=2;function ilt(e,t){var n=!1,r=!1,a=0;function i(){n&&(n=!1,e()),r&&s()}function o(){rlt(i)}function s(){var c=Date.now();if(n){if(c-a<alt)return;r=!0}else n=!0,r=!1,setTimeout(o,t);a=c}return s}var olt=20,slt=["top","right","bottom","left","width","height","size","weight"],clt=typeof MutationObserver<"u",llt=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=ilt(this.refresh.bind(this),olt)}return e.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},e.prototype.removeObserver=function(t){var n=this.observers_,r=n.indexOf(t);~r&&n.splice(r,1),!n.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){var t=this.updateObservers_();t&&this.refresh()},e.prototype.updateObservers_=function(){var t=this.observers_.filter(function(n){return n.gatherActive(),n.hasActive()});return t.forEach(function(n){return n.broadcastActive()}),t.length>0},e.prototype.connect_=function(){!xee||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),clt?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){!xee||!this.connected_||(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(t){var n=t.propertyName,r=n===void 0?"":n,a=slt.some(function(i){return!!~r.indexOf(i)});a&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),ibe=function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var a=r[n];Object.defineProperty(e,a,{value:t[a],enumerable:!1,writable:!1,configurable:!0})}return e},F0=function(e){var t=e&&e.ownerDocument&&e.ownerDocument.defaultView;return t||Kj},obe=Qj(0,0,0,0);function Jj(e){return parseFloat(e)||0}function sbe(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return t.reduce(function(r,a){var i=e["border-"+a+"-width"];return r+Jj(i)},0)}function ult(e){for(var t=["top","right","bottom","left"],n={},r=0,a=t;r<a.length;r++){var i=a[r],o=e["padding-"+i];n[i]=Jj(o)}return n}function dlt(e){var t=e.getBBox();return Qj(0,0,t.width,t.height)}function hlt(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return obe;var r=F0(e).getComputedStyle(e),a=ult(r),i=a.left+a.right,o=a.top+a.bottom,s=Jj(r.width),c=Jj(r.height);if(r.boxSizing==="border-box"&&(Math.round(s+i)!==t&&(s-=sbe(r,"left","right")+i),Math.round(c+o)!==n&&(c-=sbe(r,"top","bottom")+o)),!plt(e)){var l=Math.round(s+i)-t,u=Math.round(c+o)-n;Math.abs(l)!==1&&(s-=l),Math.abs(u)!==1&&(c-=u)}return Qj(a.left,a.top,s,c)}var flt=function(){return typeof SVGGraphicsElement<"u"?function(e){return e instanceof F0(e).SVGGraphicsElement}:function(e){return e instanceof F0(e).SVGElement&&typeof e.getBBox=="function"}}();function plt(e){return e===F0(e).document.documentElement}function vlt(e){return xee?flt(e)?dlt(e):hlt(e):obe}function ylt(e){var t=e.x,n=e.y,r=e.width,a=e.height,i=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,o=Object.create(i.prototype);return ibe(o,{x:t,y:n,width:r,height:a,top:n,right:t+r,bottom:a+n,left:t}),o}function Qj(e,t,n,r){return{x:e,y:t,width:n,height:r}}var glt=function(){function e(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=Qj(0,0,0,0),this.target=t}return e.prototype.isActive=function(){var t=vlt(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},e}(),mlt=function(){function e(t,n){var r=ylt(n);ibe(this,{target:t,contentRect:r})}return e}(),_lt=function(){function e(t,n,r){if(this.activeObservations_=[],this.observations_=new abe,typeof t!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=n,this.callbackCtx_=r}return e.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof F0(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var n=this.observations_;n.has(t)||(n.set(t,new glt(t)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof F0(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var n=this.observations_;n.has(t)&&(n.delete(t),n.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach(function(n){n.isActive()&&t.activeObservations_.push(n)})},e.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,n=this.activeObservations_.map(function(r){return new mlt(r.target,r.broadcastRect())});this.callback_.call(t,n,t),this.clearActive()}},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),cbe=typeof WeakMap<"u"?new WeakMap:new abe,lbe=function(){function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=llt.getInstance(),r=new _lt(t,n,this);cbe.set(this,r)}return e}();["observe","unobserve","disconnect"].forEach(function(e){lbe.prototype[e]=function(){var t;return(t=cbe.get(this))[e].apply(t,arguments)}});var wlt=function(){return typeof Kj.ResizeObserver<"u"?Kj.ResizeObserver:lbe}();const blt=R_(Object.freeze(Object.defineProperty({__proto__:null,default:wlt},Symbol.toStringTag,{value:"Module"})));Object.defineProperty(kee,"__esModule",{value:!0}),kee.default=Llt;var eH=Mlt(D),klt=See(El),xlt=See(blt),Slt=See(VQ);function See(e){return e&&e.__esModule?e:{default:e}}function ube(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(ube=function(r){return r?n:t})(e)}function Mlt(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=ube(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}function Mee(){return Mee=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Mee.apply(this,arguments)}function B0(e,t,n){return t=Clt(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Clt(e){var t=Nlt(e,"string");return typeof t=="symbol"?t:String(t)}function Nlt(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const Ilt="react-grid-layout";function Llt(e){var t;return t=class extends eH.Component{constructor(){super(...arguments),B0(this,"state",{width:1280}),B0(this,"elementRef",eH.createRef()),B0(this,"mounted",!1),B0(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new xlt.default(a=>{if(this.elementRef.current instanceof HTMLElement){const o=a[0].contentRect.width;this.setState({width:o})}});const r=this.elementRef.current;r instanceof HTMLElement&&this.resizeObserver.observe(r)}componentWillUnmount(){this.mounted=!1;const r=this.elementRef.current;r instanceof HTMLElement&&this.resizeObserver.unobserve(r),this.resizeObserver.disconnect()}render(){const{measureBeforeMount:r,...a}=this.props;return r&&!this.mounted?eH.createElement("div",{className:(0,Slt.default)(this.props.className,Ilt),style:this.props.style,ref:this.elementRef}):eH.createElement(e,Mee({innerRef:this.elementRef},a,this.state))}},B0(t,"defaultProps",{measureBeforeMount:!1}),B0(t,"propTypes",{measureBeforeMount:klt.default.bool}),t}(function(e){e.exports=gm.default,e.exports.utils=Vt,e.exports.calculateUtils=ms,e.exports.Responsive=Uj.default,e.exports.Responsive.utils=k1,e.exports.WidthProvider=kee.default})(uwe);var tH=uwe.exports;const Alt=tH.WidthProvider(tH.Responsive),Tlt=Tl.div`
   .react-grid-layout {
     position: relative;
-    // transition: height 200ms ease;
   }
   .react-grid-item {
     // transition: all 200ms ease;
@@ -8136,10 +8135,6 @@ object-assign
     pointer-events: none; /* Allow events to pass through to elements below */
   }
 
-  .react-grid-item > .react-resizable-handle {
-    display: none !important;
-  }
-
   .react-grid-item:hover > .react-resizable-handle {
     z-index: 1000;
     display: ${({disableResize:e})=>e?"none":"block"} !important;
@@ -8185,7 +8180,7 @@ object-assign
   .react-grid-drag-handle {
     cursor: move;
   }
-`,dbe=50,Dlt=e=>{const{activeCompDimension:t}=DQ();return M.jsx(Tlt,{disableResize:!!e.disableResize,children:M.jsx(Elt,{children:M.jsx(Alt,{className:"layout",rowHeight:dbe,breakpoints:{lg:1200},cols:{lg:12},layouts:e.layouts,onLayoutChange:e.onLayoutChange,onResizeStart:e.onResizeStart,onResizeStop:e.onResizeStop,onDrop:e.onDrop,onDragStart:e.onDragStart,onDragStop:e.onDragStop,onDropDragOver:()=>t,draggableCancel:".cancel-drag",preventCollision:!1,isDraggable:e.isDraggable,isResizable:e.isResizable,isDroppable:e.isDroppable,autoSize:!0,margin:[0,0],containerPadding:[3,3],draggableHandle:".react-grid-drag-handle",children:e.components})})})},Plt=tH.WidthProvider(tH.Responsive),Rlt=Tl.div`
+`,dbe=50,Dlt=e=>{const{activeCompDimension:t}=DQ();return M.jsx(Tlt,{disableResize:!!e.disableResize,id:"movement-patch",children:M.jsx(Elt,{id:"grid-style-override",children:M.jsx(Alt,{className:"layout",rowHeight:dbe,breakpoints:{lg:1200},cols:{lg:12},layouts:e.layouts,onLayoutChange:e.onLayoutChange,onResizeStart:e.onResizeStart,onResize:e.onResize,onResizeStop:e.onResizeStop,onDrop:e.onDrop,onDragStart:e.onDragStart,onDragStop:e.onDragStop,onDropDragOver:()=>t,draggableCancel:".cancel-drag",preventCollision:!1,isDraggable:e.isDraggable,isResizable:e.isResizable,isDroppable:e.isDroppable,margin:[0,0],autoSize:!0,containerPadding:[3,3],draggableHandle:".react-grid-drag-handle",children:e.components})})})},Plt=tH.WidthProvider(tH.Responsive),Rlt=Tl.div`
   .grid-container {
     display: flex;
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@spaceandtimelabs/makeinfinite-ui",
   "author": "aw-sxt",
   "private": false,
-  "version": "0.62.0",
+  "version": "0.62.1",
   "type": "module",
   "exports": {
     ".": {