(self.webpackChunkgrafana=self.webpackChunkgrafana||[]).push([[5200],{31460:(ie,D,a)=>{"use strict";a.d(D,{u:()=>E});var f=a(52423),M=a(68404),c=a(45253),F=a(82052),R=a(81168);const E=({initError:j})=>j?M.createElement("div",{className:z.dashboardLoading},M.createElement(c.b,{severity:R.AppNotificationSeverity.Error,title:j.message},(0,F.i)(j.error))):null,z={dashboardLoading:f.css`
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
  `}},77839:(ie,D,a)=>{"use strict";a.d(D,{B:()=>j});var f=a(52423),M=a(68404),c=a(37932),F=a(72648),R=a(52081),E=a(67487),z=a(31403);const j=({initPhase:k})=>{const I=(0,F.wW)(G),A=()=>{c.E1.push("/")};return M.createElement("div",{className:I.dashboardLoading},M.createElement("div",{className:I.dashboardLoadingText},M.createElement(R.wc,{spacing:"md"},M.createElement(R.Lh,{align:"center",justify:"center",spacing:"xs"},M.createElement(E.$,{inline:!0})," ",k)," ",M.createElement(R.Lh,{align:"center",justify:"center"},M.createElement(z.zx,{variant:"secondary",size:"md",icon:"repeat",onClick:A},"Cancel loading dashboard")))))},G=k=>{const I="0.5s",A=f.keyframes`
    0% { opacity: 0%; }
    100% { opacity: 100%; }
  `;return{dashboardLoading:f.css`
      height: 60vh;
      display: flex;
      opacity: 0%;
      align-items: center;
      justify-content: center;
      animation: ${A} 0s step-end ${I} 1 normal forwards;
    `,dashboardLoadingText:f.css`
      font-size: ${k.typography.h4.fontSize};
    `}}},21599:(ie,D,a)=>{"use strict";a.d(D,{X:()=>R});var f=a(68404),M=a(53217),c=a(81168),F=a(87095);const R=({repeat:E,onChange:z,id:j})=>{const G=(0,c.useSelector)(A=>(0,F.gt)((0,F.S_)(A),A)),k=(0,f.useMemo)(()=>{const A=G.map(Y=>({label:Y.name,value:Y.name}));return A.length===0&&A.unshift({label:"No template variables found",value:null}),A.unshift({label:"Disable repeating",value:null}),A},[G]),I=(0,f.useCallback)(A=>z(A.value),[z]);return f.createElement(M.Ph,{inputId:j,value:E,onChange:I,options:k})}},56130:(ie,D,a)=>{"use strict";a.d(D,{Z:()=>Z});var f=a(9085),M=a.n(f),c=a(68404),F=a(97717),R=a.n(F),E=a(89050),z=a(95484),j=a(35645),G=a(84952),k=a(45984),I=a(52423),A=a(82897),Y=a(36635),ee=a(35008),ae=a.n(ee),K=a(68183),V=a(37932),fe=a(41818),ge=a(72648),J=a(8180),le=a(39904),te=a(52822),Q=a(47694),se=a(58379),H=a(58790),o=a(23189);const p=()=>{const L=(0,A.chain)(Q.ZP.panels).filter({hideFromList:!1}).map(x=>x).value(),b=[],O=se.Z.get(G.zF);if(O){const x=JSON.parse(O),T=(0,A.find)(L,{id:x.type});if(T){const _=(0,A.cloneDeep)(T);_.name=x.title,_.sort=-1,_.defaults=x,b.push(_)}}return(0,A.sortBy)(b,"sort")},l=({panel:L,dashboard:b})=>{const[O,x]=(0,c.useState)(!1),T=q=>{q.preventDefault(),b.removePanel(L)},_=()=>{x(!1)},ne=()=>{const{gridPos:q}=L,ce={type:"timeseries",title:"Panel Title",datasource:L.datasource,gridPos:{x:q.x,y:q.y,w:q.w,h:q.h}};b.addPanel(ce),b.removePanel(L),V.E1.partial({editPanel:ce.id})},oe=q=>{const{gridPos:ce}=L,pe={type:q.id,title:"Panel Title",gridPos:{x:ce.x,y:ce.y,w:q.defaults.gridPos.w,h:q.defaults.gridPos.h}};q.defaults&&((0,A.defaults)(pe,q.defaults),pe.title=q.defaults.title,se.Z.delete(G.zF)),b.addPanel(pe),b.removePanel(L)},ue=q=>{const{gridPos:ce}=L,pe={...q.model,gridPos:ce,libraryPanel:q};b.addPanel(pe),b.removePanel(L)},he=()=>{const q={type:"row",title:"Row title",gridPos:{x:0,y:0}};b.addPanel(q),b.removePanel(L)},re=(0,ge.wW)(s),de=(0,c.useMemo)(()=>p(),[]);return c.createElement("div",{className:re.wrapper},c.createElement("div",{className:(0,I.cx)("panel-container",re.callToAction)},c.createElement(C,{onCancel:T,onBack:O?_:void 0,styles:re},O?"Add panel from panel library":"Add panel"),O?c.createElement(o.N,{onClick:ue,variant:o.e.Tight,showPanelFilter:!0}):c.createElement("div",{className:re.actionsWrapper},c.createElement(te.x,{icon:"file-blank","aria-label":K.wl.pages.AddDashboard.addNewPanel,onClick:()=>{(0,fe.ff)("Create new panel"),ne()}},"Add a new panel"),c.createElement(te.x,{icon:"wrap-text","aria-label":K.wl.pages.AddDashboard.addNewRow,onClick:()=>{(0,fe.ff)("Create new row"),he()}},"Add a new row"),c.createElement(te.x,{icon:"book-open","aria-label":K.wl.pages.AddDashboard.addNewPanelLibrary,onClick:()=>{(0,fe.ff)("Add a panel from the panel library"),x(!0)}},"Add a panel from the panel library"),de.length===1&&c.createElement(te.x,{icon:"clipboard-alt","aria-label":K.wl.pages.AddDashboard.addNewPanelLibrary,onClick:()=>{(0,fe.ff)("Paste panel from clipboard"),oe(de[0])}},"Paste panel from clipboard"))))},y={addPanel:H.tq},W=(0,Y.connect)(void 0,y)(l),C=({children:L,onBack:b,onCancel:O,styles:x})=>c.createElement("div",{className:(0,I.cx)(x.headerRow,"grid-drag-handle")},b&&c.createElement("div",{className:x.backButton},c.createElement(J.h,{"aria-label":"Go back",name:"arrow-left",onClick:b,size:"xl"})),!b&&c.createElement("div",{className:x.backButton},c.createElement(le.J,{name:"panel-add",size:"md"})),L&&c.createElement("span",null,L),c.createElement("div",{className:"flex-grow-1"}),c.createElement(J.h,{"aria-label":"Close 'Add Panel' widget",name:"times",onClick:O})),s=L=>{const b=I.keyframes`
    0% {box-shadow: 0 0 0 2px ${L.colors.background.canvas}, 0 0 0px 4px ${L.colors.primary.main};}
    50% {box-shadow: 0 0 0 2px ${L.components.dashboard.background}, 0 0 0px 4px ${ae()(L.colors.primary.main).darken(20).toHexString()};}
    100% {box-shadow: 0 0 0 2px ${L.components.dashboard.background}, 0 0 0px 4px  ${L.colors.primary.main};}
  `;return{wrapper:I.css`
      height: 100%;
      padding-top: ${L.spacing(.5)};
    `,callToAction:I.css`
      overflow: hidden;
      outline: 2px dotted transparent;
      outline-offset: 2px;
      box-shadow: 0 0 0 2px black, 0 0 0px 4px #1f60c4;
      animation: ${b} 2s ease infinite;
    `,actionsWrapper:I.css`
      height: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: ${L.spacing(1)};
      row-gap: ${L.spacing(1)};
      padding: ${L.spacing(0,1,1,1)};

      // This is to make the last action full width (if by itself)
      & > div:nth-child(2n-1):nth-last-of-type(1) {
        grid-column: span 2;
      }
    `,headerRow:I.css`
      display: flex;
      align-items: center;
      height: 38px;
      flex-shrink: 0;
      width: 100%;
      font-size: ${L.typography.fontSize};
      font-weight: ${L.typography.fontWeightMedium};
      padding-left: ${L.spacing(1)};
      transition: background-color 0.1s ease-in-out;
      cursor: move;

      &:hover {
        background: ${L.colors.background.secondary};
      }
    `,backButton:I.css`
      display: flex;
      align-items: center;
      cursor: pointer;
      padding-left: ${L.spacing(.5)};
      width: ${L.spacing(4)};
    `,noMargin:I.css`
      margin: 0;
    `}};var d=a(82378),h=a(40885),v=a(97063),P=a(5191),B=a(35029),r=a(7804),m=a(94270),t=a(24799),e=a(46967),n=a(31403),i=a(21599);const g=({repeat:L,title:b,onUpdate:O,onCancel:x})=>{const[T,_]=(0,c.useState)(L),ne=(0,c.useCallback)(oe=>_(oe),[_]);return c.createElement(m.l,{defaultValues:{title:b},onSubmit:oe=>{O(oe.title,T)}},({register:oe})=>c.createElement(c.Fragment,null,c.createElement(t.g,{label:"Title"},c.createElement(e.I,{...oe("title"),type:"text"})),c.createElement(t.g,{label:"Repeat for"},c.createElement(i.X,{repeat:T,onChange:ne})),c.createElement(B.u.ButtonRow,null,c.createElement(n.zx,{type:"button",variant:"secondary",onClick:x,fill:"outline"},"Cancel"),c.createElement(n.zx,{type:"submit"},"Update"))))},u=({repeat:L,title:b,onDismiss:O,onUpdate:x})=>{const T=w();return c.createElement(B.u,{isOpen:!0,title:"Row options",icon:"copy",onDismiss:O,className:T.modal},c.createElement(g,{repeat:L,title:b,onCancel:O,onUpdate:x}))},w=(0,r.B)(()=>({modal:I.css`
      label: RowOptionsModal;
      width: 500px;
    `})),S=({repeat:L,title:b,onUpdate:O})=>{const x=T=>(_,ne)=>{O(_,ne),T()};return c.createElement(P.JY,null,({showModal:T,hideModal:_})=>c.createElement("button",{type:"button",className:"pointer","aria-label":"Row options",onClick:()=>{T(u,{title:b,repeat:L,onDismiss:_,onUpdate:x(_)})}},c.createElement(le.J,{name:"cog"})))};S.displayName="RowOptionsButton";class N extends c.Component{constructor(){super(...arguments),this.onVariableUpdated=()=>{this.forceUpdate()},this.onToggle=()=>{this.props.dashboard.toggleRow(this.props.panel)},this.onUpdate=(b,O)=>{this.props.panel.setProperty("title",b),this.props.panel.setProperty("repeat",O??void 0),this.props.panel.render(),this.props.dashboard.processRepeats(),this.forceUpdate()},this.onDelete=()=>{v.Z.publish(new k.VJ({title:"Delete row",text:"Are you sure you want to remove this row and all its panels?",altActionText:"Delete row only",icon:"trash-alt",onConfirm:()=>{this.props.dashboard.removeRow(this.props.panel,!0)},onAltAction:()=>{this.props.dashboard.removeRow(this.props.panel,!1)}}))}}componentDidMount(){this.sub=this.props.dashboard.events.subscribe(d.U5,this.onVariableUpdated)}componentWillUnmount(){this.sub&&this.sub.unsubscribe()}render(){const b=M()({"dashboard-row":!0,"dashboard-row--collapsed":this.props.panel.collapsed}),O=(0,h.J)().replace(this.props.panel.title,this.props.panel.scopedVars,"text"),x=this.props.panel.panels?this.props.panel.panels.length:0,T=x===1?"panel":"panels",_=this.props.dashboard.meta.canEdit===!0;return c.createElement("div",{className:b,"data-testid":"dashboard-row-container"},c.createElement("button",{className:"dashboard-row__title pointer",type:"button","data-testid":K.wl.components.DashboardRow.title(O),onClick:this.onToggle},c.createElement(le.J,{name:this.props.panel.collapsed?"angle-right":"angle-down"}),O,c.createElement("span",{className:"dashboard-row__panel_count"},"(",x," ",T,")")),_&&c.createElement("div",{className:"dashboard-row__actions"},c.createElement(S,{title:this.props.panel.title,repeat:this.props.panel.repeat,onUpdate:this.onUpdate}),c.createElement("button",{type:"button",className:"pointer",onClick:this.onDelete,"aria-label":"Delete row"},c.createElement(le.J,{name:"trash-alt"}))),this.props.panel.collapsed===!0&&c.createElement("div",{className:"dashboard-row__toggle-target",onClick:this.onToggle},"\xA0"),_&&c.createElement("div",{"data-testid":"dashboard-row-drag",className:"dashboard-row__drag grid-drag-handle"}))}}var $=a(61802);class Z extends c.PureComponent{constructor(b){super(b),this.panelMap={},this.eventSubs=new z.w0,this.windowHeight=1200,this.windowWidth=1920,this.gridWidth=0,this.lastPanelBottom=0,this.onLayoutChange=O=>{for(const x of O)this.panelMap[x.i].updateGridPos(x,this.state.isLayoutInitialized);this.props.dashboard.sortPanelsByGridPos(),this.state.isLayoutInitialized||this.setState({isLayoutInitialized:!0})},this.triggerForceUpdate=()=>{this.forceUpdate()},this.updateGridPos=(O,x)=>{this.panelMap[O.i].updateGridPos(O)},this.onResize=(O,x,T)=>{this.panelMap[T.i].updateGridPos(T)},this.onResizeStop=(O,x,T)=>{this.updateGridPos(T,O)},this.onDragStop=(O,x,T)=>{this.updateGridPos(T,O)},this.state={isLayoutInitialized:!1}}componentDidMount(){const{dashboard:b}=this.props;this.eventSubs.add(b.events.subscribe(k._B,this.triggerForceUpdate))}componentWillUnmount(){this.eventSubs.unsubscribe()}buildLayout(){const b=[];this.panelMap={};for(const O of this.props.dashboard.panels){if(O.key||(O.key=`panel-${O.id}-${Date.now()}`),this.panelMap[O.key]=O,!O.gridPos){console.log("panel without gridpos");continue}const x={i:O.key,x:O.gridPos.x,y:O.gridPos.y,w:O.gridPos.w,h:O.gridPos.h};O.type==="row"&&(x.w=G.cz,x.h=1,x.isResizable=!1,x.isDraggable=O.collapsed),b.push(x)}return b}getPanelScreenPos(b,O){let x=0;return O<j.v.theme2.breakpoints.values.md?x=this.lastPanelBottom+G.hD:x=U(b.gridPos.y)+G.hD,this.lastPanelBottom=x+U(b.gridPos.h),{top:x,bottom:this.lastPanelBottom}}renderPanels(b){const O=[];this.lastPanelBottom=0,this.gridWidth!==b&&(this.windowHeight=window.innerHeight??1e3,this.windowWidth=window.innerWidth,this.gridWidth=b);for(const x of this.props.dashboard.panels){const T=M()({"react-grid-item--fullscreen":x.isViewing});O.push(c.createElement(X,{key:x.key,className:T,"data-panelid":x.id,gridPos:x.gridPos,gridWidth:b,windowHeight:this.windowHeight,windowWidth:this.windowWidth,isViewing:x.isViewing},(_,ne)=>this.renderPanel(x,_,ne)))}return O}renderPanel(b,O,x){return b.type==="row"?c.createElement(N,{key:b.key,panel:b,dashboard:this.props.dashboard}):b.type==="add-panel"?c.createElement(W,{key:b.key,panel:b,dashboard:this.props.dashboard}):c.createElement($.l,{key:b.key,stateKey:b.key,panel:b,dashboard:this.props.dashboard,isEditing:b.isEditing,isViewing:b.isViewing,width:O,height:x})}render(){const{isEditable:b}=this.props;return c.createElement("div",{style:{flex:"1 1 auto",display:this.props.editPanel?"none":void 0}},c.createElement(E.Z,{disableHeight:!0},({width:O})=>{if(O===0)return null;const x=O<=769?!1:b;return c.createElement("div",{style:{width:`${O}px`,height:"100%"}},c.createElement(R(),{width:O,isDraggable:x,isResizable:b,containerPadding:[0,0],useCSSTransforms:!1,margin:[G.hD,G.hD],cols:G.cz,rowHeight:G.K3,draggableHandle:".grid-drag-handle",draggableCancel:".grid-drag-cancel",layout:this.buildLayout(),onDragStop:this.onDragStop,onResize:this.onResize,onResizeStop:this.onResizeStop,onLayoutChange:this.onLayoutChange},this.renderPanels(O)))}))}}const X=c.forwardRef((L,b)=>{const O=j.v.theme2;let x=100,T=100;const{gridWidth:_,gridPos:ne,isViewing:oe,windowHeight:ue,windowWidth:he,...re}=L,de=L.style??{};return oe?(x=_,T=ue*.85,de.height=T,de.width="100%"):he<O.breakpoints.values.md?(x=L.gridWidth,T=U(ne.h),de.height=T,de.width="100%"):(x=parseFloat(L.style.width),T=parseFloat(L.style.height)),c.createElement("div",{...re,ref:b},[L.children[0](x,T),L.children.slice(1)])});function U(L){return L*(G.K3+G.hD)-G.hD}X.displayName="GridItemWithDimensions"},75966:(ie,D,a)=>{"use strict";function f(H){return f=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o){return typeof o}:function(o){return o&&typeof Symbol=="function"&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},f(H)}Object.defineProperty(D,"__esModule",{value:!0}),D.default=void 0;var M=k(a(68404)),c=k(a(89449)),F=a(58911),R=a(87638),E=a(22922),z=a(48635),j=a(29634),G=k(a(46376));function k(H){return H&&H.__esModule?H:{default:H}}function I(H,o){var p=Object.keys(H);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(H);o&&(l=l.filter(function(y){return Object.getOwnPropertyDescriptor(H,y).enumerable})),p.push.apply(p,l)}return p}function A(H){for(var o=1;o<arguments.length;o++){var p=arguments[o]!=null?arguments[o]:{};o%2?I(Object(p),!0).forEach(function(l){Q(H,l,p[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(H,Object.getOwnPropertyDescriptors(p)):I(Object(p)).forEach(function(l){Object.defineProperty(H,l,Object.getOwnPropertyDescriptor(p,l))})}return H}function Y(H,o){if(!(H instanceof o))throw new TypeError("Cannot call a class as a function")}function ee(H,o){for(var p=0;p<o.length;p++){var l=o[p];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(H,l.key,l)}}function ae(H,o,p){return o&&ee(H.prototype,o),p&&ee(H,p),Object.defineProperty(H,"prototype",{writable:!1}),H}function K(H,o){if(typeof o!="function"&&o!==null)throw new TypeError("Super expression must either be null or a function");H.prototype=Object.create(o&&o.prototype,{constructor:{value:H,writable:!0,configurable:!0}}),Object.defineProperty(H,"prototype",{writable:!1}),o&&V(H,o)}function V(H,o){return V=Object.setPrototypeOf||function(l,y){return l.__proto__=y,l},V(H,o)}function fe(H){var o=le();return function(){var l=te(H),y;if(o){var W=te(this).constructor;y=Reflect.construct(l,arguments,W)}else y=l.apply(this,arguments);return ge(this,y)}}function ge(H,o){if(o&&(f(o)==="object"||typeof o=="function"))return o;if(o!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return J(H)}function J(H){if(H===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return H}function le(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function te(H){return te=Object.setPrototypeOf?Object.getPrototypeOf:function(p){return p.__proto__||Object.getPrototypeOf(p)},te(H)}function Q(H,o,p){return o in H?Object.defineProperty(H,o,{value:p,enumerable:!0,configurable:!0,writable:!0}):H[o]=p,H}var se=function(H){K(p,H);var o=fe(p);function p(){var l;Y(this,p);for(var y=arguments.length,W=new Array(y),C=0;C<y;C++)W[C]=arguments[C];return l=o.call.apply(o,[this].concat(W)),Q(J(l),"state",{resizing:null,dragging:null,className:""}),Q(J(l),"elementRef",M.default.createRef()),Q(J(l),"onDragStart",function(s,d){var h=d.node,v=l.props,P=v.onDragStart,B=v.transformScale;if(P){var r={top:0,left:0},m=h.offsetParent;if(m){var t=m.getBoundingClientRect(),e=h.getBoundingClientRect(),n=e.left/B,i=t.left/B,g=e.top/B,u=t.top/B;r.left=n-i+m.scrollLeft,r.top=g-u+m.scrollTop,l.setState({dragging:r});var w=(0,z.calcXY)(l.getPositionParams(),r.top,r.left,l.props.w,l.props.h),S=w.x,N=w.y;return P.call(J(l),l.props.i,S,N,{e:s,node:h,newPosition:r})}}}),Q(J(l),"onDrag",function(s,d){var h=d.node,v=d.deltaX,P=d.deltaY,B=l.props.onDrag;if(B){if(!l.state.dragging)throw new Error("onDrag called before onDragStart.");var r=l.state.dragging.top+P,m=l.state.dragging.left+v,t=l.props,e=t.isBounded,n=t.i,i=t.w,g=t.h,u=t.containerWidth,w=l.getPositionParams();if(e){var S=h.offsetParent;if(S){var N=l.props,$=N.margin,Z=N.rowHeight,X=S.clientHeight-(0,z.calcGridItemWHPx)(g,Z,$[1]);r=(0,z.clamp)(r,0,X);var U=(0,z.calcGridColWidth)(w),L=u-(0,z.calcGridItemWHPx)(i,U,$[0]);m=(0,z.clamp)(m,0,L)}}var b={top:r,left:m};l.setState({dragging:b});var O=(0,z.calcXY)(w,r,m,i,g),x=O.x,T=O.y;return B.call(J(l),n,x,T,{e:s,node:h,newPosition:b})}}),Q(J(l),"onDragStop",function(s,d){var h=d.node,v=l.props.onDragStop;if(v){if(!l.state.dragging)throw new Error("onDragEnd called before onDragStart.");var P=l.props,B=P.w,r=P.h,m=P.i,t=l.state.dragging,e=t.left,n=t.top,i={top:n,left:e};l.setState({dragging:null});var g=(0,z.calcXY)(l.getPositionParams(),n,e,B,r),u=g.x,w=g.y;return v.call(J(l),m,u,w,{e:s,node:h,newPosition:i})}}),Q(J(l),"onResizeStop",function(s,d){l.onResizeHandler(s,d,"onResizeStop")}),Q(J(l),"onResizeStart",function(s,d){l.onResizeHandler(s,d,"onResizeStart")}),Q(J(l),"onResize",function(s,d){l.onResizeHandler(s,d,"onResize")}),l}return ae(p,[{key:"shouldComponentUpdate",value:function(y,W){if(this.props.children!==y.children||this.props.droppingPosition!==y.droppingPosition)return!0;var C=(0,z.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),s=(0,z.calcGridItemPosition)(this.getPositionParams(y),y.x,y.y,y.w,y.h,W);return!(0,E.fastPositionEqual)(C,s)||this.props.useCSSTransforms!==y.useCSSTransforms}},{key:"componentDidMount",value:function(){this.moveDroppingItem({})}},{key:"componentDidUpdate",value:function(y){this.moveDroppingItem(y)}},{key:"moveDroppingItem",value:function(y){var W=this.props.droppingPosition;if(W){var C=this.elementRef.current;if(C){var s=y.droppingPosition||{left:0,top:0},d=this.state.dragging,h=d&&W.left!==s.left||W.top!==s.top;if(!d)this.onDragStart(W.e,{node:C,deltaX:W.left,deltaY:W.top});else if(h){var v=W.left-d.left,P=W.top-d.top;this.onDrag(W.e,{node:C,deltaX:v,deltaY:P})}}}}},{key:"getPositionParams",value:function(){var y=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:y.cols,containerPadding:y.containerPadding,containerWidth:y.containerWidth,margin:y.margin,maxRows:y.maxRows,rowHeight:y.rowHeight}}},{key:"createStyle",value:function(y){var W=this.props,C=W.usePercentages,s=W.containerWidth,d=W.useCSSTransforms,h;return d?h=(0,E.setTransform)(y):(h=(0,E.setTopLeft)(y),C&&(h.left=(0,E.perc)(y.left/s),h.width=(0,E.perc)(y.width/s))),h}},{key:"mixinDraggable",value:function(y,W){return M.default.createElement(F.DraggableCore,{disabled:!W,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},y)}},{key:"mixinResizable",value:function(y,W,C){var s=this.props,d=s.cols,h=s.x,v=s.minW,P=s.minH,B=s.maxW,r=s.maxH,m=s.transformScale,t=s.resizeHandles,e=s.resizeHandle,n=this.getPositionParams(),i=(0,z.calcGridItemPosition)(n,0,0,d-h,0).width,g=(0,z.calcGridItemPosition)(n,0,0,v,P),u=(0,z.calcGridItemPosition)(n,0,0,B,r),w=[g.width,g.height],S=[Math.min(u.width,i),Math.min(u.height,1/0)];return M.default.createElement(R.Resizable,{draggableOpts:{disabled:!C},className:C?void 0:"react-resizable-hide",width:W.width,height:W.height,minConstraints:w,maxConstraints:S,onResizeStop:this.onResizeStop,onResizeStart:this.onResizeStart,onResize:this.onResize,transformScale:m,resizeHandles:t,handle:e},y)}},{key:"onResizeHandler",value:function(y,W,C){var s=W.node,d=W.size,h=this.props[C];if(h){var v=this.props,P=v.cols,B=v.x,r=v.y,m=v.i,t=v.maxH,e=v.minH,n=this.props,i=n.minW,g=n.maxW,u=(0,z.calcWH)(this.getPositionParams(),d.width,d.height,B,r),w=u.w,S=u.h;i=Math.max(i,1),g=Math.min(g,P-B),w=(0,z.clamp)(w,i,g),S=(0,z.clamp)(S,e,t),this.setState({resizing:C==="onResizeStop"?null:d}),h.call(this,m,w,S,{e:y,node:s,size:d})}}},{key:"render",value:function(){var y=this.props,W=y.x,C=y.y,s=y.w,d=y.h,h=y.isDraggable,v=y.isResizable,P=y.droppingPosition,B=y.useCSSTransforms,r=(0,z.calcGridItemPosition)(this.getPositionParams(),W,C,s,d,this.state),m=M.default.Children.only(this.props.children),t=M.default.cloneElement(m,{ref:this.elementRef,className:(0,G.default)("react-grid-item",m.props.className,this.props.className,{static:this.props.static,resizing:Boolean(this.state.resizing),"react-draggable":h,"react-draggable-dragging":Boolean(this.state.dragging),dropping:Boolean(P),cssTransforms:B}),style:A(A(A({},this.props.style),m.props.style),this.createStyle(r))});return t=this.mixinResizable(t,r,v),t=this.mixinDraggable(t,h),t}}]),p}(M.default.Component);D.default=se,Q(se,"propTypes",{children:c.default.element,cols:c.default.number.isRequired,containerWidth:c.default.number.isRequired,rowHeight:c.default.number.isRequired,margin:c.default.array.isRequired,maxRows:c.default.number.isRequired,containerPadding:c.default.array.isRequired,x:c.default.number.isRequired,y:c.default.number.isRequired,w:c.default.number.isRequired,h:c.default.number.isRequired,minW:function(o,p){var l=o[p];if(typeof l!="number")return new Error("minWidth not Number");if(l>o.w||l>o.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(o,p){var l=o[p];if(typeof l!="number")return new Error("maxWidth not Number");if(l<o.w||l<o.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(o,p){var l=o[p];if(typeof l!="number")return new Error("minHeight not Number");if(l>o.h||l>o.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(o,p){var l=o[p];if(typeof l!="number")return new Error("maxHeight not Number");if(l<o.h||l<o.minH)return new Error("maxHeight smaller than item height/minHeight")},i:c.default.string.isRequired,resizeHandles:j.resizeHandleAxesType,resizeHandle:j.resizeHandleType,onDragStop:c.default.func,onDragStart:c.default.func,onDrag:c.default.func,onResizeStop:c.default.func,onResizeStart:c.default.func,onResize:c.default.func,isDraggable:c.default.bool.isRequired,isResizable:c.default.bool.isRequired,isBounded:c.default.bool.isRequired,static:c.default.bool,useCSSTransforms:c.default.bool.isRequired,transformScale:c.default.number,className:c.default.string,handle:c.default.string,cancel:c.default.string,droppingPosition:c.default.shape({e:c.default.object.isRequired,left:c.default.number.isRequired,top:c.default.number.isRequired})}),Q(se,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1})},55400:(ie,D,a)=>{"use strict";function f(r){return f=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(m){return typeof m}:function(m){return m&&typeof Symbol=="function"&&m.constructor===Symbol&&m!==Symbol.prototype?"symbol":typeof m},f(r)}Object.defineProperty(D,"__esModule",{value:!0}),D.default=void 0;var M=I(a(68404)),c=G(a(66571)),F=G(a(46376)),R=a(22922),E=a(48635),z=G(a(75966)),j=G(a(29634));function G(r){return r&&r.__esModule?r:{default:r}}function k(r){if(typeof WeakMap!="function")return null;var m=new WeakMap,t=new WeakMap;return(k=function(n){return n?t:m})(r)}function I(r,m){if(!m&&r&&r.__esModule)return r;if(r===null||f(r)!=="object"&&typeof r!="function")return{default:r};var t=k(m);if(t&&t.has(r))return t.get(r);var e={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in r)if(i!=="default"&&Object.prototype.hasOwnProperty.call(r,i)){var g=n?Object.getOwnPropertyDescriptor(r,i):null;g&&(g.get||g.set)?Object.defineProperty(e,i,g):e[i]=r[i]}return e.default=r,t&&t.set(r,e),e}function A(r){return ae(r)||ee(r)||J(r)||Y()}function Y(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ee(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function ae(r){if(Array.isArray(r))return le(r)}function K(r,m){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(r);m&&(e=e.filter(function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable})),t.push.apply(t,e)}return t}function V(r){for(var m=1;m<arguments.length;m++){var t=arguments[m]!=null?arguments[m]:{};m%2?K(Object(t),!0).forEach(function(e){h(r,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):K(Object(t)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))})}return r}function fe(r,m){return Q(r)||te(r,m)||J(r,m)||ge()}function ge(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function J(r,m){if(r){if(typeof r=="string")return le(r,m);var t=Object.prototype.toString.call(r).slice(8,-1);if(t==="Object"&&r.constructor&&(t=r.constructor.name),t==="Map"||t==="Set")return Array.from(r);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return le(r,m)}}function le(r,m){(m==null||m>r.length)&&(m=r.length);for(var t=0,e=new Array(m);t<m;t++)e[t]=r[t];return e}function te(r,m){var t=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(t!=null){var e=[],n=!0,i=!1,g,u;try{for(t=t.call(r);!(n=(g=t.next()).done)&&(e.push(g.value),!(m&&e.length===m));n=!0);}catch(w){i=!0,u=w}finally{try{!n&&t.return!=null&&t.return()}finally{if(i)throw u}}return e}}function Q(r){if(Array.isArray(r))return r}function se(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}function H(r,m){for(var t=0;t<m.length;t++){var e=m[t];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(r,e.key,e)}}function o(r,m,t){return m&&H(r.prototype,m),t&&H(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}function p(r,m){if(typeof m!="function"&&m!==null)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&l(r,m)}function l(r,m){return l=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e},l(r,m)}function y(r){var m=s();return function(){var e=d(r),n;if(m){var i=d(this).constructor;n=Reflect.construct(e,arguments,i)}else n=e.apply(this,arguments);return W(this,n)}}function W(r,m){if(m&&(f(m)==="object"||typeof m=="function"))return m;if(m!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return C(r)}function C(r){if(r===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function s(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function d(r){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},d(r)}function h(r,m,t){return m in r?Object.defineProperty(r,m,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[m]=t,r}var v="react-grid-layout",P=!1;try{P=/firefox/i.test(navigator.userAgent)}catch{}var B=function(r){p(t,r);var m=y(t);function t(){var e;se(this,t);for(var n=arguments.length,i=new Array(n),g=0;g<n;g++)i[g]=arguments[g];return e=m.call.apply(m,[this].concat(i)),h(C(e),"state",{activeDrag:null,layout:(0,R.synchronizeLayoutWithChildren)(e.props.layout,e.props.children,e.props.cols,(0,R.compactType)(e.props),e.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),h(C(e),"dragEnterCounter",0),h(C(e),"onDragStart",function(u,w,S,N){var $=N.e,Z=N.node,X=e.state.layout,U=(0,R.getLayoutItem)(X,u);if(U)return e.setState({oldDragItem:(0,R.cloneLayoutItem)(U),oldLayout:X}),e.props.onDragStart(X,U,U,null,$,Z)}),h(C(e),"onDrag",function(u,w,S,N){var $=N.e,Z=N.node,X=e.state.oldDragItem,U=e.state.layout,L=e.props,b=L.cols,O=L.allowOverlap,x=L.preventCollision,T=(0,R.getLayoutItem)(U,u);if(T){var _={w:T.w,h:T.h,x:T.x,y:T.y,placeholder:!0,i:u},ne=!0;U=(0,R.moveElement)(U,T,w,S,ne,x,(0,R.compactType)(e.props),b,O),e.props.onDrag(U,X,T,_,$,Z),e.setState({layout:O?U:(0,R.compact)(U,(0,R.compactType)(e.props),b),activeDrag:_})}}),h(C(e),"onDragStop",function(u,w,S,N){var $=N.e,Z=N.node;if(e.state.activeDrag){var X=e.state.oldDragItem,U=e.state.layout,L=e.props,b=L.cols,O=L.preventCollision,x=L.allowOverlap,T=(0,R.getLayoutItem)(U,u);if(T){var _=!0;U=(0,R.moveElement)(U,T,w,S,_,O,(0,R.compactType)(e.props),b,x),e.props.onDragStop(U,X,T,null,$,Z);var ne=x?U:(0,R.compact)(U,(0,R.compactType)(e.props),b),oe=e.state.oldLayout;e.setState({activeDrag:null,layout:ne,oldDragItem:null,oldLayout:null}),e.onLayoutMaybeChanged(ne,oe)}}}),h(C(e),"onResizeStart",function(u,w,S,N){var $=N.e,Z=N.node,X=e.state.layout,U=(0,R.getLayoutItem)(X,u);U&&(e.setState({oldResizeItem:(0,R.cloneLayoutItem)(U),oldLayout:e.state.layout}),e.props.onResizeStart(X,U,U,null,$,Z))}),h(C(e),"onResize",function(u,w,S,N){var $=N.e,Z=N.node,X=e.state,U=X.layout,L=X.oldResizeItem,b=e.props,O=b.cols,x=b.preventCollision,T=b.allowOverlap,_=(0,R.withLayoutItem)(U,u,function(re){var de;if(x&&!T){var q=(0,R.getAllCollisions)(U,V(V({},re),{},{w,h:S})).filter(function(me){return me.i!==re.i});if(de=q.length>0,de){var ce=1/0,pe=1/0;q.forEach(function(me){me.x>re.x&&(ce=Math.min(ce,me.x)),me.y>re.y&&(pe=Math.min(pe,me.y))}),Number.isFinite(ce)&&(re.w=ce-re.x),Number.isFinite(pe)&&(re.h=pe-re.y)}}return de||(re.w=w,re.h=S),re}),ne=fe(_,2),oe=ne[0],ue=ne[1];if(ue){var he={w:ue.w,h:ue.h,x:ue.x,y:ue.y,static:!0,i:u};e.props.onResize(oe,L,ue,he,$,Z),e.setState({layout:T?oe:(0,R.compact)(oe,(0,R.compactType)(e.props),O),activeDrag:he})}}),h(C(e),"onResizeStop",function(u,w,S,N){var $=N.e,Z=N.node,X=e.state,U=X.layout,L=X.oldResizeItem,b=e.props,O=b.cols,x=b.allowOverlap,T=(0,R.getLayoutItem)(U,u);e.props.onResizeStop(U,L,T,null,$,Z);var _=x?U:(0,R.compact)(U,(0,R.compactType)(e.props),O),ne=e.state.oldLayout;e.setState({activeDrag:null,layout:_,oldResizeItem:null,oldLayout:null}),e.onLayoutMaybeChanged(_,ne)}),h(C(e),"onDragOver",function(u){var w;if(u.preventDefault(),u.stopPropagation(),P&&!((w=u.nativeEvent.target)!==null&&w!==void 0&&w.classList.contains(v)))return!1;var S=e.props,N=S.droppingItem,$=S.onDropDragOver,Z=S.margin,X=S.cols,U=S.rowHeight,L=S.maxRows,b=S.width,O=S.containerPadding,x=S.transformScale,T=$?.(u);if(T===!1)return e.state.droppingDOMNode&&e.removeDroppingPlaceholder(),!1;var _=V(V({},N),T),ne=e.state.layout,oe=u.nativeEvent,ue=oe.layerX,he=oe.layerY,re={left:ue/x,top:he/x,e:u};if(e.state.droppingDOMNode){if(e.state.droppingPosition){var ce=e.state.droppingPosition,pe=ce.left,me=ce.top,ye=pe!=ue||me!=he;ye&&e.setState({droppingPosition:re})}}else{var de={cols:X,margin:Z,maxRows:L,rowHeight:U,containerWidth:b,containerPadding:O||Z},q=(0,E.calcXY)(de,he,ue,_.w,_.h);e.setState({droppingDOMNode:M.createElement("div",{key:_.i}),droppingPosition:re,layout:[].concat(A(ne),[V(V({},_),{},{x:q.x,y:q.y,static:!1,isDraggable:!0})])})}}),h(C(e),"removeDroppingPlaceholder",function(){var u=e.props,w=u.droppingItem,S=u.cols,N=e.state.layout,$=(0,R.compact)(N.filter(function(Z){return Z.i!==w.i}),(0,R.compactType)(e.props),S);e.setState({layout:$,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),h(C(e),"onDragLeave",function(u){u.preventDefault(),u.stopPropagation(),e.dragEnterCounter--,e.dragEnterCounter===0&&e.removeDroppingPlaceholder()}),h(C(e),"onDragEnter",function(u){u.preventDefault(),u.stopPropagation(),e.dragEnterCounter++}),h(C(e),"onDrop",function(u){u.preventDefault(),u.stopPropagation();var w=e.props.droppingItem,S=e.state.layout,N=S.find(function($){return $.i===w.i});e.dragEnterCounter=0,e.removeDroppingPlaceholder(),e.props.onDrop(S,N,u)}),e}return o(t,[{key:"componentDidMount",value:function(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}},{key:"shouldComponentUpdate",value:function(n,i){return this.props.children!==n.children||!(0,R.fastRGLPropsEqual)(this.props,n,c.default)||this.state.activeDrag!==i.activeDrag||this.state.mounted!==i.mounted||this.state.droppingPosition!==i.droppingPosition}},{key:"componentDidUpdate",value:function(n,i){if(!this.state.activeDrag){var g=this.state.layout,u=i.layout;this.onLayoutMaybeChanged(g,u)}}},{key:"containerHeight",value:function(){if(this.props.autoSize){var n=(0,R.bottom)(this.state.layout),i=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return n*this.props.rowHeight+(n-1)*this.props.margin[1]+i*2+"px"}}},{key:"onLayoutMaybeChanged",value:function(n,i){i||(i=this.state.layout),(0,c.default)(i,n)||this.props.onLayoutChange(n)}},{key:"placeholder",value:function(){var n=this.state.activeDrag;if(!n)return null;var i=this.props,g=i.width,u=i.cols,w=i.margin,S=i.containerPadding,N=i.rowHeight,$=i.maxRows,Z=i.useCSSTransforms,X=i.transformScale;return M.createElement(z.default,{w:n.w,h:n.h,x:n.x,y:n.y,i:n.i,className:"react-grid-placeholder",containerWidth:g,cols:u,margin:w,containerPadding:S||w,maxRows:$,rowHeight:N,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:Z,transformScale:X},M.createElement("div",null))}},{key:"processGridItem",value:function(n,i){if(!(!n||!n.key)){var g=(0,R.getLayoutItem)(this.state.layout,String(n.key));if(!g)return null;var u=this.props,w=u.width,S=u.cols,N=u.margin,$=u.containerPadding,Z=u.rowHeight,X=u.maxRows,U=u.isDraggable,L=u.isResizable,b=u.isBounded,O=u.useCSSTransforms,x=u.transformScale,T=u.draggableCancel,_=u.draggableHandle,ne=u.resizeHandles,oe=u.resizeHandle,ue=this.state,he=ue.mounted,re=ue.droppingPosition,de=typeof g.isDraggable=="boolean"?g.isDraggable:!g.static&&U,q=typeof g.isResizable=="boolean"?g.isResizable:!g.static&&L,ce=g.resizeHandles||ne,pe=de&&b&&g.isBounded!==!1;return M.createElement(z.default,{containerWidth:w,cols:S,margin:N,containerPadding:$||N,maxRows:X,rowHeight:Z,cancel:T,handle:_,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:de,isResizable:q,isBounded:pe,useCSSTransforms:O&&he,usePercentages:!he,transformScale:x,w:g.w,h:g.h,x:g.x,y:g.y,i:g.i,minH:g.minH,minW:g.minW,maxH:g.maxH,maxW:g.maxW,static:g.static,droppingPosition:i?re:void 0,resizeHandles:ce,resizeHandle:oe},n)}}},{key:"render",value:function(){var n=this,i=this.props,g=i.className,u=i.style,w=i.isDroppable,S=i.innerRef,N=(0,F.default)(v,g),$=V({height:this.containerHeight()},u);return M.createElement("div",{ref:S,className:N,style:$,onDrop:w?this.onDrop:R.noop,onDragLeave:w?this.onDragLeave:R.noop,onDragEnter:w?this.onDragEnter:R.noop,onDragOver:w?this.onDragOver:R.noop},M.Children.map(this.props.children,function(Z){return n.processGridItem(Z)}),w&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}],[{key:"getDerivedStateFromProps",value:function(n,i){var g;if(i.activeDrag)return null;if(!(0,c.default)(n.layout,i.propsLayout)||n.compactType!==i.compactType?g=n.layout:(0,R.childrenEqual)(n.children,i.children)||(g=i.layout),g){var u=(0,R.synchronizeLayoutWithChildren)(g,n.children,n.cols,(0,R.compactType)(n),n.allowOverlap);return{layout:u,compactType:n.compactType,children:n.children,propsLayout:n.layout}}return null}}]),t}(M.Component);D.default=B,h(B,"displayName","ReactGridLayout"),h(B,"propTypes",j.default),h(B,"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:R.noop,onDragStart:R.noop,onDrag:R.noop,onDragStop:R.noop,onResizeStart:R.noop,onResize:R.noop,onResizeStop:R.noop,onDrop:R.noop,onDropDragOver:R.noop})},29634:(ie,D,a)=>{"use strict";Object.defineProperty(D,"__esModule",{value:!0}),D.resizeHandleType=D.resizeHandleAxesType=D.default=void 0;var f=c(a(89449)),M=c(a(68404));function c(z){return z&&z.__esModule?z:{default:z}}var F=f.default.arrayOf(f.default.oneOf(["s","w","e","n","sw","nw","se","ne"]));D.resizeHandleAxesType=F;var R=f.default.oneOfType([f.default.node,f.default.func]);D.resizeHandleType=R;var E={className:f.default.string,style:f.default.object,width:f.default.number,autoSize:f.default.bool,cols:f.default.number,draggableCancel:f.default.string,draggableHandle:f.default.string,verticalCompact:function(j){j.verticalCompact},compactType:f.default.oneOf(["vertical","horizontal"]),layout:function(j){var G=j.layout;G!==void 0&&a(22922).validateLayout(G,"layout")},margin:f.default.arrayOf(f.default.number),containerPadding:f.default.arrayOf(f.default.number),rowHeight:f.default.number,maxRows:f.default.number,isBounded:f.default.bool,isDraggable:f.default.bool,isResizable:f.default.bool,allowOverlap:f.default.bool,preventCollision:f.default.bool,useCSSTransforms:f.default.bool,transformScale:f.default.number,isDroppable:f.default.bool,resizeHandles:F,resizeHandle:R,onLayoutChange:f.default.func,onDragStart:f.default.func,onDrag:f.default.func,onDragStop:f.default.func,onResizeStart:f.default.func,onResize:f.default.func,onResizeStop:f.default.func,onDrop:f.default.func,droppingItem:f.default.shape({i:f.default.string.isRequired,w:f.default.number.isRequired,h:f.default.number.isRequired}),children:function(j,G){var k=j[G],I={};M.default.Children.forEach(k,function(A){if(A?.key!=null){if(I[A.key])throw new Error('Duplicate child key "'+A.key+'" found! This will cause problems in ReactGridLayout.');I[A.key]=!0}})},innerRef:f.default.any};D.default=E},42223:(ie,D,a)=>{"use strict";var f;function M(s){return M=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(d){return typeof d}:function(d){return d&&typeof Symbol=="function"&&d.constructor===Symbol&&d!==Symbol.prototype?"symbol":typeof d},M(s)}f={value:!0},D.default=void 0;var c=A(a(68404)),F=k(a(89449)),R=k(a(66571)),E=a(22922),z=a(90711),j=k(a(55400)),G=["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"];function k(s){return s&&s.__esModule?s:{default:s}}function I(s){if(typeof WeakMap!="function")return null;var d=new WeakMap,h=new WeakMap;return(I=function(P){return P?h:d})(s)}function A(s,d){if(!d&&s&&s.__esModule)return s;if(s===null||M(s)!=="object"&&typeof s!="function")return{default:s};var h=I(d);if(h&&h.has(s))return h.get(s);var v={},P=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var B in s)if(B!=="default"&&Object.prototype.hasOwnProperty.call(s,B)){var r=P?Object.getOwnPropertyDescriptor(s,B):null;r&&(r.get||r.set)?Object.defineProperty(v,B,r):v[B]=s[B]}return v.default=s,h&&h.set(s,v),v}function Y(){return Y=Object.assign||function(s){for(var d=1;d<arguments.length;d++){var h=arguments[d];for(var v in h)Object.prototype.hasOwnProperty.call(h,v)&&(s[v]=h[v])}return s},Y.apply(this,arguments)}function ee(s,d){if(s==null)return{};var h=ae(s,d),v,P;if(Object.getOwnPropertySymbols){var B=Object.getOwnPropertySymbols(s);for(P=0;P<B.length;P++)v=B[P],!(d.indexOf(v)>=0)&&Object.prototype.propertyIsEnumerable.call(s,v)&&(h[v]=s[v])}return h}function ae(s,d){if(s==null)return{};var h={},v=Object.keys(s),P,B;for(B=0;B<v.length;B++)P=v[B],!(d.indexOf(P)>=0)&&(h[P]=s[P]);return h}function K(s,d){var h=Object.keys(s);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(s);d&&(v=v.filter(function(P){return Object.getOwnPropertyDescriptor(s,P).enumerable})),h.push.apply(h,v)}return h}function V(s){for(var d=1;d<arguments.length;d++){var h=arguments[d]!=null?arguments[d]:{};d%2?K(Object(h),!0).forEach(function(v){l(s,v,h[v])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(h)):K(Object(h)).forEach(function(v){Object.defineProperty(s,v,Object.getOwnPropertyDescriptor(h,v))})}return s}function fe(s,d){if(!(s instanceof d))throw new TypeError("Cannot call a class as a function")}function ge(s,d){for(var h=0;h<d.length;h++){var v=d[h];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(s,v.key,v)}}function J(s,d,h){return d&&ge(s.prototype,d),h&&ge(s,h),Object.defineProperty(s,"prototype",{writable:!1}),s}function le(s,d){if(typeof d!="function"&&d!==null)throw new TypeError("Super expression must either be null or a function");s.prototype=Object.create(d&&d.prototype,{constructor:{value:s,writable:!0,configurable:!0}}),Object.defineProperty(s,"prototype",{writable:!1}),d&&te(s,d)}function te(s,d){return te=Object.setPrototypeOf||function(v,P){return v.__proto__=P,v},te(s,d)}function Q(s){var d=o();return function(){var v=p(s),P;if(d){var B=p(this).constructor;P=Reflect.construct(v,arguments,B)}else P=v.apply(this,arguments);return se(this,P)}}function se(s,d){if(d&&(M(d)==="object"||typeof d=="function"))return d;if(d!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return H(s)}function H(s){if(s===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return s}function o(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function p(s){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(h){return h.__proto__||Object.getPrototypeOf(h)},p(s)}function l(s,d,h){return d in s?Object.defineProperty(s,d,{value:h,enumerable:!0,configurable:!0,writable:!0}):s[d]=h,s}var y=function(d){return Object.prototype.toString.call(d)};function W(s,d){return s==null?null:Array.isArray(s)?s:s[d]}var C=function(s){le(h,s);var d=Q(h);function h(){var v;fe(this,h);for(var P=arguments.length,B=new Array(P),r=0;r<P;r++)B[r]=arguments[r];return v=d.call.apply(d,[this].concat(B)),l(H(v),"state",v.generateInitialState()),l(H(v),"onLayoutChange",function(m){v.props.onLayoutChange(m,V(V({},v.props.layouts),{},l({},v.state.breakpoint,m)))}),v}return J(h,[{key:"generateInitialState",value:function(){var P=this.props,B=P.width,r=P.breakpoints,m=P.layouts,t=P.cols,e=(0,z.getBreakpointFromWidth)(r,B),n=(0,z.getColsFromBreakpoint)(e,t),i=this.props.verticalCompact===!1?null:this.props.compactType,g=(0,z.findOrGenerateResponsiveLayout)(m,r,e,e,n,i);return{layout:g,breakpoint:e,cols:n}}},{key:"componentDidUpdate",value:function(P){(this.props.width!=P.width||this.props.breakpoint!==P.breakpoint||!(0,R.default)(this.props.breakpoints,P.breakpoints)||!(0,R.default)(this.props.cols,P.cols))&&this.onWidthChange(P)}},{key:"onWidthChange",value:function(P){var B=this.props,r=B.breakpoints,m=B.cols,t=B.layouts,e=B.compactType,n=this.props.breakpoint||(0,z.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),i=this.state.breakpoint,g=(0,z.getColsFromBreakpoint)(n,m),u=V({},t);if(i!==n||P.breakpoints!==r||P.cols!==m){i in u||(u[i]=(0,E.cloneLayout)(this.state.layout));var w=(0,z.findOrGenerateResponsiveLayout)(u,r,n,i,g,e);w=(0,E.synchronizeLayoutWithChildren)(w,this.props.children,g,e,this.props.allowOverlap),u[n]=w,this.props.onLayoutChange(w,u),this.props.onBreakpointChange(n,g),this.setState({breakpoint:n,layout:w,cols:g})}var S=W(this.props.margin,n),N=W(this.props.containerPadding,n);this.props.onWidthChange(this.props.width,S,g,N)}},{key:"render",value:function(){var P=this.props,B=P.breakpoint,r=P.breakpoints,m=P.cols,t=P.layouts,e=P.margin,n=P.containerPadding,i=P.onBreakpointChange,g=P.onLayoutChange,u=P.onWidthChange,w=ee(P,G);return c.createElement(j.default,Y({},w,{margin:W(e,this.state.breakpoint),containerPadding:W(n,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}],[{key:"getDerivedStateFromProps",value:function(P,B){if(!(0,R.default)(P.layouts,B.layouts)){var r=B.breakpoint,m=B.cols,t=(0,z.findOrGenerateResponsiveLayout)(P.layouts,P.breakpoints,r,r,m,P.compactType);return{layout:t,layouts:P.layouts}}return null}}]),h}(c.Component);D.default=C,l(C,"propTypes",{breakpoint:F.default.string,breakpoints:F.default.object,allowOverlap:F.default.bool,cols:F.default.object,margin:F.default.oneOfType([F.default.array,F.default.object]),containerPadding:F.default.oneOfType([F.default.array,F.default.object]),layouts:function(d,h){if(y(d[h])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+y(d[h]));Object.keys(d[h]).forEach(function(v){if(!(v in d.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,E.validateLayout)(d.layouts[v],"layouts."+v)})},width:F.default.number.isRequired,onBreakpointChange:F.default.func,onLayoutChange:F.default.func,onWidthChange:F.default.func}),l(C,"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:E.noop,onLayoutChange:E.noop,onWidthChange:E.noop})},48635:(ie,D)=>{"use strict";Object.defineProperty(D,"__esModule",{value:!0}),D.calcGridColWidth=a,D.calcGridItemPosition=M,D.calcGridItemWHPx=f,D.calcWH=F,D.calcXY=c,D.clamp=R;function a(E){var z=E.margin,j=E.containerPadding,G=E.containerWidth,k=E.cols;return(G-z[0]*(k-1)-j[0]*2)/k}function f(E,z,j){return Number.isFinite(E)?Math.round(z*E+Math.max(0,E-1)*j):E}function M(E,z,j,G,k,I){var A=E.margin,Y=E.containerPadding,ee=E.rowHeight,ae=a(E),K={};return I&&I.resizing?(K.width=Math.round(I.resizing.width),K.height=Math.round(I.resizing.height)):(K.width=f(G,ae,A[0]),K.height=f(k,ee,A[1])),I&&I.dragging?(K.top=Math.round(I.dragging.top),K.left=Math.round(I.dragging.left)):(K.top=Math.round((ee+A[1])*j+Y[1]),K.left=Math.round((ae+A[0])*z+Y[0])),K}function c(E,z,j,G,k){var I=E.margin,A=E.cols,Y=E.rowHeight,ee=E.maxRows,ae=a(E),K=Math.round((j-I[0])/(ae+I[0])),V=Math.round((z-I[1])/(Y+I[1]));return K=R(K,0,A-G),V=R(V,0,ee-k),{x:K,y:V}}function F(E,z,j,G,k){var I=E.margin,A=E.maxRows,Y=E.cols,ee=E.rowHeight,ae=a(E),K=Math.round((z+I[0])/(ae+I[0])),V=Math.round((j+I[1])/(ee+I[1]));return K=R(K,0,Y-G),V=R(V,0,A-k),{w:K,h:V}}function R(E,z,j){return Math.max(Math.min(E,j),z)}},33963:(ie,D,a)=>{"use strict";var f;function M(o){return M=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(p){return typeof p}:function(p){return p&&typeof Symbol=="function"&&p.constructor===Symbol&&p!==Symbol.prototype?"symbol":typeof p},M(o)}f={value:!0},D.default=H;var c=G(a(68404)),F=z(a(89449)),R=z(a(46376)),E=["measureBeforeMount"];function z(o){return o&&o.__esModule?o:{default:o}}function j(o){if(typeof WeakMap!="function")return null;var p=new WeakMap,l=new WeakMap;return(j=function(W){return W?l:p})(o)}function G(o,p){if(!p&&o&&o.__esModule)return o;if(o===null||M(o)!=="object"&&typeof o!="function")return{default:o};var l=j(p);if(l&&l.has(o))return l.get(o);var y={},W=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var C in o)if(C!=="default"&&Object.prototype.hasOwnProperty.call(o,C)){var s=W?Object.getOwnPropertyDescriptor(o,C):null;s&&(s.get||s.set)?Object.defineProperty(y,C,s):y[C]=o[C]}return y.default=o,l&&l.set(o,y),y}function k(){return k=Object.assign||function(o){for(var p=1;p<arguments.length;p++){var l=arguments[p];for(var y in l)Object.prototype.hasOwnProperty.call(l,y)&&(o[y]=l[y])}return o},k.apply(this,arguments)}function I(o,p){if(o==null)return{};var l=A(o,p),y,W;if(Object.getOwnPropertySymbols){var C=Object.getOwnPropertySymbols(o);for(W=0;W<C.length;W++)y=C[W],!(p.indexOf(y)>=0)&&Object.prototype.propertyIsEnumerable.call(o,y)&&(l[y]=o[y])}return l}function A(o,p){if(o==null)return{};var l={},y=Object.keys(o),W,C;for(C=0;C<y.length;C++)W=y[C],!(p.indexOf(W)>=0)&&(l[W]=o[W]);return l}function Y(o,p){if(!(o instanceof p))throw new TypeError("Cannot call a class as a function")}function ee(o,p){for(var l=0;l<p.length;l++){var y=p[l];y.enumerable=y.enumerable||!1,y.configurable=!0,"value"in y&&(y.writable=!0),Object.defineProperty(o,y.key,y)}}function ae(o,p,l){return p&&ee(o.prototype,p),l&&ee(o,l),Object.defineProperty(o,"prototype",{writable:!1}),o}function K(o,p){if(typeof p!="function"&&p!==null)throw new TypeError("Super expression must either be null or a function");o.prototype=Object.create(p&&p.prototype,{constructor:{value:o,writable:!0,configurable:!0}}),Object.defineProperty(o,"prototype",{writable:!1}),p&&V(o,p)}function V(o,p){return V=Object.setPrototypeOf||function(y,W){return y.__proto__=W,y},V(o,p)}function fe(o){var p=le();return function(){var y=te(o),W;if(p){var C=te(this).constructor;W=Reflect.construct(y,arguments,C)}else W=y.apply(this,arguments);return ge(this,W)}}function ge(o,p){if(p&&(M(p)==="object"||typeof p=="function"))return p;if(p!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return J(o)}function J(o){if(o===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return o}function le(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function te(o){return te=Object.setPrototypeOf?Object.getPrototypeOf:function(l){return l.__proto__||Object.getPrototypeOf(l)},te(o)}function Q(o,p,l){return p in o?Object.defineProperty(o,p,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[p]=l,o}var se="react-grid-layout";function H(o){var p;return p=function(l){K(W,l);var y=fe(W);function W(){var C;Y(this,W);for(var s=arguments.length,d=new Array(s),h=0;h<s;h++)d[h]=arguments[h];return C=y.call.apply(y,[this].concat(d)),Q(J(C),"state",{width:1280}),Q(J(C),"elementRef",c.createRef()),Q(J(C),"mounted",!1),Q(J(C),"onWindowResize",function(){if(C.mounted){var v=C.elementRef.current;v instanceof HTMLElement&&v.offsetWidth&&C.setState({width:v.offsetWidth})}}),C}return ae(W,[{key:"componentDidMount",value:function(){this.mounted=!0,window.addEventListener("resize",this.onWindowResize),this.onWindowResize()}},{key:"componentWillUnmount",value:function(){this.mounted=!1,window.removeEventListener("resize",this.onWindowResize)}},{key:"render",value:function(){var s=this.props,d=s.measureBeforeMount,h=I(s,E);return d&&!this.mounted?c.createElement("div",{className:(0,R.default)(this.props.className,se),style:this.props.style,ref:this.elementRef}):c.createElement(o,k({innerRef:this.elementRef},h,this.state))}}]),W}(c.Component),Q(p,"defaultProps",{measureBeforeMount:!1}),Q(p,"propTypes",{measureBeforeMount:F.default.bool}),p}},43820:ie=>{ie.exports=function(a,f,M){return a===f?!0:a.className===f.className&&M(a.style,f.style)&&a.width===f.width&&a.autoSize===f.autoSize&&a.cols===f.cols&&a.draggableCancel===f.draggableCancel&&a.draggableHandle===f.draggableHandle&&M(a.verticalCompact,f.verticalCompact)&&M(a.compactType,f.compactType)&&M(a.layout,f.layout)&&M(a.margin,f.margin)&&M(a.containerPadding,f.containerPadding)&&a.rowHeight===f.rowHeight&&a.maxRows===f.maxRows&&a.isBounded===f.isBounded&&a.isDraggable===f.isDraggable&&a.isResizable===f.isResizable&&a.allowOverlap===f.allowOverlap&&a.preventCollision===f.preventCollision&&a.useCSSTransforms===f.useCSSTransforms&&a.transformScale===f.transformScale&&a.isDroppable===f.isDroppable&&M(a.resizeHandles,f.resizeHandles)&&M(a.resizeHandle,f.resizeHandle)&&a.onLayoutChange===f.onLayoutChange&&a.onDragStart===f.onDragStart&&a.onDrag===f.onDrag&&a.onDragStop===f.onDragStop&&a.onResizeStart===f.onResizeStart&&a.onResize===f.onResize&&a.onResizeStop===f.onResizeStop&&a.onDrop===f.onDrop&&M(a.droppingItem,f.droppingItem)&&M(a.innerRef,f.innerRef)}},90711:(ie,D,a)=>{"use strict";Object.defineProperty(D,"__esModule",{value:!0}),D.findOrGenerateResponsiveLayout=F,D.getBreakpointFromWidth=M,D.getColsFromBreakpoint=c,D.sortBreakpoints=R;var f=a(22922);function M(E,z){for(var j=R(E),G=j[0],k=1,I=j.length;k<I;k++){var A=j[k];z>E[A]&&(G=A)}return G}function c(E,z){if(!z[E])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+E+" is missing!");return z[E]}function F(E,z,j,G,k,I){if(E[j])return(0,f.cloneLayout)(E[j]);for(var A=E[G],Y=R(z),ee=Y.slice(Y.indexOf(j)),ae=0,K=ee.length;ae<K;ae++){var V=ee[ae];if(E[V]){A=E[V];break}}return A=(0,f.cloneLayout)(A||[]),(0,f.compact)((0,f.correctBounds)(A,{cols:k}),I,k)}function R(E){var z=Object.keys(E);return z.sort(function(j,G){return E[j]-E[G]})}},22922:(ie,D,a)=>{"use strict";Object.defineProperty(D,"__esModule",{value:!0}),D.bottom=G,D.childrenEqual=ee,D.cloneLayout=k,D.cloneLayoutItem=Y,D.collides=V,D.compact=fe,D.compactItem=le,D.compactType=B,D.correctBounds=te,D.fastPositionEqual=K,D.fastRGLPropsEqual=void 0,D.getAllCollisions=H,D.getFirstCollision=se,D.getLayoutItem=Q,D.getStatics=o,D.modifyLayout=I,D.moveElement=p,D.moveElementAwayFromCollision=l,D.noop=void 0,D.perc=y,D.setTopLeft=C,D.setTransform=W,D.sortLayoutItems=s,D.sortLayoutItemsByColRow=h,D.sortLayoutItemsByRowCol=d,D.synchronizeLayoutWithChildren=v,D.validateLayout=P,D.withLayoutItem=A;var f=c(a(66571)),M=c(a(68404));function c(t){return t&&t.__esModule?t:{default:t}}function F(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(g){return Object.getOwnPropertyDescriptor(t,g).enumerable})),n.push.apply(n,i)}return n}function R(t){for(var e=1;e<arguments.length;e++){var n=arguments[e]!=null?arguments[e]:{};e%2?F(Object(n),!0).forEach(function(i){E(t,i,n[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(n,i))})}return t}function E(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var z=!0,j=!1;function G(t){for(var e=0,n,i=0,g=t.length;i<g;i++)n=t[i].y+t[i].h,n>e&&(e=n);return e}function k(t){for(var e=Array(t.length),n=0,i=t.length;n<i;n++)e[n]=Y(t[n]);return e}function I(t,e){for(var n=Array(t.length),i=0,g=t.length;i<g;i++)e.i===t[i].i?n[i]=e:n[i]=t[i];return n}function A(t,e,n){var i=Q(t,e);return i?(i=n(Y(i)),t=I(t,i),[t,i]):[t,null]}function Y(t){return{w:t.w,h:t.h,x:t.x,y:t.y,i:t.i,minW:t.minW,maxW:t.maxW,minH:t.minH,maxH:t.maxH,moved:Boolean(t.moved),static:Boolean(t.static),isDraggable:t.isDraggable,isResizable:t.isResizable,resizeHandles:t.resizeHandles,isBounded:t.isBounded}}function ee(t,e){return(0,f.default)(M.default.Children.map(t,function(n){return n?.key}),M.default.Children.map(e,function(n){return n?.key}))}var ae=a(43820);D.fastRGLPropsEqual=ae;function K(t,e){return t.left===e.left&&t.top===e.top&&t.width===e.width&&t.height===e.height}function V(t,e){return!(t.i===e.i||t.x+t.w<=e.x||t.x>=e.x+e.w||t.y+t.h<=e.y||t.y>=e.y+e.h)}function fe(t,e,n){for(var i=o(t),g=s(t,e),u=Array(t.length),w=0,S=g.length;w<S;w++){var N=Y(g[w]);N.static||(N=le(i,N,e,n,g),i.push(N)),u[t.indexOf(g[w])]=N,N.moved=!1}return u}var ge={x:"w",y:"h"};function J(t,e,n,i){var g=ge[i];e[i]+=1;for(var u=t.map(function(N){return N.i}).indexOf(e.i),w=u+1;w<t.length;w++){var S=t[w];if(!S.static){if(S.y>e.y+e.h)break;V(e,S)&&J(t,S,n+e[g],i)}}e[i]=n}function le(t,e,n,i,g){var u=n==="vertical",w=n==="horizontal";if(u)for(e.y=Math.min(G(t),e.y);e.y>0&&!se(t,e);)e.y--;else if(w)for(;e.x>0&&!se(t,e);)e.x--;for(var S;S=se(t,e);)w?J(g,e,S.x+S.w,"x"):J(g,e,S.y+S.h,"y"),w&&e.x+e.w>i&&(e.x=i-e.w,e.y++);return e.y=Math.max(e.y,0),e.x=Math.max(e.x,0),e}function te(t,e){for(var n=o(t),i=0,g=t.length;i<g;i++){var u=t[i];if(u.x+u.w>e.cols&&(u.x=e.cols-u.w),u.x<0&&(u.x=0,u.w=e.cols),!u.static)n.push(u);else for(;se(n,u);)u.y++}return t}function Q(t,e){for(var n=0,i=t.length;n<i;n++)if(t[n].i===e)return t[n]}function se(t,e){for(var n=0,i=t.length;n<i;n++)if(V(t[n],e))return t[n]}function H(t,e){return t.filter(function(n){return V(n,e)})}function o(t){return t.filter(function(e){return e.static})}function p(t,e,n,i,g,u,w,S,N){if(e.static&&e.isDraggable!==!0||e.y===i&&e.x===n)return t;r("Moving element ".concat(e.i," to [").concat(String(n),",").concat(String(i),"] from [").concat(e.x,",").concat(e.y,"]"));var $=e.x,Z=e.y;typeof n=="number"&&(e.x=n),typeof i=="number"&&(e.y=i),e.moved=!0;var X=s(t,w),U=w==="vertical"&&typeof i=="number"?Z>=i:w==="horizontal"&&typeof n=="number"?$>=n:!1;U&&(X=X.reverse());var L=H(X,e),b=L.length>0;if(b&&N)return k(t);if(b&&u)return r("Collision prevented on ".concat(e.i,", reverting.")),e.x=$,e.y=Z,e.moved=!1,t;for(var O=0,x=L.length;O<x;O++){var T=L[O];r("Resolving collision between ".concat(e.i," at [").concat(e.x,",").concat(e.y,"] and ").concat(T.i," at [").concat(T.x,",").concat(T.y,"]")),!T.moved&&(T.static?t=l(t,T,e,g,w,S):t=l(t,e,T,g,w,S))}return t}function l(t,e,n,i,g,u){var w=g==="horizontal",S=g!=="horizontal",N=e.static;if(i){i=!1;var $={x:w?Math.max(e.x-n.w,0):n.x,y:S?Math.max(e.y-n.h,0):n.y,w:n.w,h:n.h,i:"-1"};if(!se(t,$))return r("Doing reverse collision on ".concat(n.i," up to [").concat($.x,",").concat($.y,"].")),p(t,n,w?$.x:void 0,S?$.y:void 0,i,N,g,u)}return p(t,n,w?n.x+1:void 0,S?n.y+1:void 0,i,N,g,u)}function y(t){return t*100+"%"}function W(t){var e=t.top,n=t.left,i=t.width,g=t.height,u="translate(".concat(n,"px,").concat(e,"px)");return{transform:u,WebkitTransform:u,MozTransform:u,msTransform:u,OTransform:u,width:"".concat(i,"px"),height:"".concat(g,"px"),position:"absolute"}}function C(t){var e=t.top,n=t.left,i=t.width,g=t.height;return{top:"".concat(e,"px"),left:"".concat(n,"px"),width:"".concat(i,"px"),height:"".concat(g,"px"),position:"absolute"}}function s(t,e){return e==="horizontal"?h(t):e==="vertical"?d(t):t}function d(t){return t.slice(0).sort(function(e,n){return e.y>n.y||e.y===n.y&&e.x>n.x?1:e.y===n.y&&e.x===n.x?0:-1})}function h(t){return t.slice(0).sort(function(e,n){return e.x>n.x||e.x===n.x&&e.y>n.y?1:-1})}function v(t,e,n,i,g){t=t||[];var u=[];M.default.Children.forEach(e,function(S){if(S?.key!=null){var N=Q(t,String(S.key));if(N)u.push(Y(N));else{!z&&S.props._grid&&console.warn("`_grid` properties on children have been deprecated as of React 15.2. Please use `data-grid` or add your properties directly to the `layout`.");var $=S.props["data-grid"]||S.props._grid;$?(z||P([$],"ReactGridLayout.children"),u.push(Y(R(R({},$),{},{i:S.key})))):u.push(Y({w:1,h:1,x:0,y:G(u),i:String(S.key)}))}}});var w=te(u,{cols:n});return g?w:fe(w,i,n)}function P(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Layout",n=["x","y","w","h"];if(!Array.isArray(t))throw new Error(e+" must be an array!");for(var i=0,g=t.length;i<g;i++)for(var u=t[i],w=0;w<n.length;w++)if(typeof u[n[w]]!="number")throw new Error("ReactGridLayout: "+e+"["+i+"]."+n[w]+" must be a number!")}function B(t){var e=t||{},n=e.verticalCompact,i=e.compactType;return n===!1?null:i}function r(){var t;j&&(t=console).log.apply(t,arguments)}var m=function(){};D.noop=m},97717:(ie,D,a)=>{ie.exports=a(55400).default,ie.exports.utils=a(22922),ie.exports.Responsive=a(42223).default,ie.exports.Responsive.utils=a(90711),ie.exports.WidthProvider=a(33963).default}}]);

//# sourceMappingURL=5200.9b932321224615edf421.js.map