(self.webpackChunkgrafana=self.webpackChunkgrafana||[]).push([[6263],{71508:Q=>{function v(l){var f,h,m="";if(typeof l=="string"||typeof l=="number")m+=l;else if(typeof l=="object")if(Array.isArray(l))for(f=0;f<l.length;f++)l[f]&&(h=v(l[f]))&&(m&&(m+=" "),m+=h);else for(f in l)l[f]&&(m&&(m+=" "),m+=f);return m}function a(){for(var l,f,h=0,m="";h<arguments.length;)(l=arguments[h++])&&(f=v(l))&&(m&&(m+=" "),m+=f);return m}Q.exports=a,Q.exports.clsx=a},59757:(Q,v,a)=>{"use strict";a.d(v,{y:()=>y});var l=a(32196),f=a(96540),h=a(42418),m=a(94954),T=a(80348);const y=({initError:W})=>W?f.createElement("div",{className:L.dashboardLoading},f.createElement(h.F,{severity:T.AppNotificationSeverity.Error,title:W.message},(0,m.q)(W.error))):null,L={dashboardLoading:(0,l.css)`
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
  `}},9980:(Q,v,a)=>{"use strict";a.d(v,{P:()=>W});var l=a(32196),f=a(96540),h=a(12131),m=a(40845),T=a(66864),y=a(62930),L=a(55852);const W=({initPhase:O})=>{const E=(0,m.of)(B),H=()=>{h.Ny.push("/")};return f.createElement("div",{className:E.dashboardLoading},f.createElement("div",{className:E.dashboardLoadingText},f.createElement(T.gW,{spacing:"md"},f.createElement(T.Gy,{align:"center",justify:"center",spacing:"xs"},f.createElement(y.y,{inline:!0})," ",O)," ",f.createElement(T.Gy,{align:"center",justify:"center"},f.createElement(L.$n,{variant:"secondary",size:"md",icon:"repeat",onClick:H},"Cancel loading dashboard")))))},B=O=>{const E="0.5s",H=(0,l.keyframes)`
    0% { opacity: 0%; }
    100% { opacity: 100%; }
  `;return{dashboardLoading:(0,l.css)`
      height: 60vh;
      display: flex;
      opacity: 0%;
      align-items: center;
      justify-content: center;
      animation: ${H} 0s step-end ${E} 1 normal forwards;
    `,dashboardLoadingText:(0,l.css)`
      font-size: ${O.typography.h4.fontSize};
    `}}},2118:(Q,v,a)=>{"use strict";a.d(v,{N:()=>J});var l=a(46942),f=a.n(l),h=a(96540),m=a(66816),T=a.n(m),y=a(70713),L=a(64423),W=a(67255),B=a(32264),O=a(18348),E=a(28138),H=a(15054),Z=a(16233),z=a(80484),u=a(28444),d=a(32196),c=a(84140),n=a(40845),o=a(29158),i=a(44836),p=a(16678);const R=({panel:x,dashboard:t})=>{const e=g=>{g.preventDefault(),t.removePanel(x)},r=g=>{const{gridPos:C}=x,S={...g.model,gridPos:C,libraryPanel:g};t.addPanel(S),t.removePanel(x)},s=(0,n.of)(P);return h.createElement("div",{className:s.wrapper},h.createElement("div",{className:(0,d.cx)("panel-container",s.callToAction)},h.createElement("div",{className:(0,d.cx)(s.headerRow,"grid-drag-handle")},h.createElement("span",null,h.createElement(i.x6,{i18nKey:"library-panel.add-widget.title"},"Add panel from panel library")),h.createElement("div",{className:"flex-grow-1"}),h.createElement(o.K,{"aria-label":"Close 'Add Panel' widget",name:"times",onClick:e,tooltip:"Close widget"})),h.createElement(p.j,{onClick:r,variant:p.s.Tight,showPanelFilter:!0})))},P=x=>{const t=(0,d.keyframes)({"0%":{boxShadow:`0 0 0 2px ${x.colors.background.canvas}, 0 0 0px 4px ${x.colors.primary.main}`},"50%":{boxShadow:`0 0 0 2px ${x.components.dashboard.background}, 0 0 0px 4px ${(0,c.A)(x.colors.primary.main).darken(20).toHexString()}`},"100%":{boxShadow:`0 0 0 2px ${x.components.dashboard.background}, 0 0 0px 4px  ${x.colors.primary.main}`}});return{wrapper:(0,d.css)({height:"100%",paddingTop:`${x.spacing(.5)}`}),headerRow:(0,d.css)({display:"flex",alignItems:"center",height:"38px",flexShrink:0,width:"100%",fontSize:x.typography.fontSize,fontWeight:x.typography.fontWeightMedium,paddingLeft:`${x.spacing(1)}`,transition:"background-color 0.1s ease-in-out",cursor:"move","&:hover":{background:`${x.colors.background.secondary}`}}),callToAction:(0,d.css)({overflow:"hidden",outline:"2px dotted transparent",outlineOffset:"2px",boxShadow:"0 0 0 2px black, 0 0 0px 4px #1f60c4",animation:`${t} 2s ease infinite`})}};var b=a(2543),w=a(13544),A=a(3591),G=a(72574),U=a(72109),I=a(14578),j=a(45994),$=a(71678),Y=a(37390),V=a(51253),X=a(88575),ae=a(10354),_=a(42418),ie=a(55852),K=a(92378);const se=({repeat:x,title:t,warning:e,onUpdate:r,onCancel:s})=>{const[g,C]=(0,h.useState)(x),S=(0,h.useCallback)(N=>C(N),[C]);return h.createElement(V.l,{defaultValues:{title:t},onSubmit:N=>{r(N.title,g)}},({register:N})=>h.createElement(h.Fragment,null,h.createElement(X.D,{label:"Title"},h.createElement(ae.p,{...N("title"),type:"text"})),h.createElement(X.D,{label:"Repeat for"},h.createElement(K.G,{repeat:g,onChange:S})),e&&h.createElement(_.F,{"data-testid":w.Tp.pages.Dashboard.Rows.Repeated.ConfigSection.warningMessage,severity:"warning",title:"",topSpacing:3,bottomSpacing:0},e),h.createElement(Y.a.ButtonRow,null,h.createElement(ie.$n,{type:"button",variant:"secondary",onClick:s,fill:"outline"},"Cancel"),h.createElement(ie.$n,{type:"submit"},"Update"))))},ce=({repeat:x,title:t,onDismiss:e,onUpdate:r,warning:s})=>{const g=(0,n.of)(ue);return h.createElement(Y.a,{isOpen:!0,title:"Row options",icon:"copy",onDismiss:e,className:g.modal},h.createElement(se,{repeat:x,title:t,onCancel:e,onUpdate:r,warning:s}))},ue=()=>({modal:(0,d.css)`
    label: RowOptionsModal;
    width: 500px;
  `}),D=({repeat:x,title:t,onUpdate:e,warning:r})=>{const s=g=>(C,S)=>{e(C,S),g()};return h.createElement($.$s,null,({showModal:g,hideModal:C})=>h.createElement("button",{type:"button",className:"pointer","aria-label":"Row options",onClick:()=>{g(ce,{title:t,repeat:x,onDismiss:C,onUpdate:s(C),warning:r})}},h.createElement(I.I,{name:"cog"})))};D.displayName="RowOptionsButton";class M extends h.Component{constructor(){super(...arguments),this.onVariableUpdated=()=>{this.forceUpdate()},this.onToggle=()=>{this.props.dashboard.toggleRow(this.props.panel)},this.getWarning=()=>{if((this.props.panel.panels?.length?this.props.panel.panels:this.props.dashboard.getRowPanels((0,b.indexOf)(this.props.dashboard.panels,this.props.panel))).some(r=>r.datasource?.uid===j.K))return h.createElement("div",null,h.createElement("p",null,"Panels in this row use the ",j.K," data source. These panels will reference the panel in the original row, not the ones in the repeated rows."),h.createElement(U.Y,{external:!0,href:"https://grafana.com/docs/grafana/latest/dashboards/build-dashboards/create-dashboard/#configure-repeating-rows"},"Learn more"))},this.onUpdate=(t,e)=>{this.props.panel.setProperty("title",t),this.props.panel.setProperty("repeat",e??void 0),this.props.panel.render(),this.props.dashboard.processRepeats(),this.forceUpdate()},this.onDelete=()=>{E.A.publish(new u.bY({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(A._,this.onVariableUpdated)}componentWillUnmount(){this.sub&&this.sub.unsubscribe()}render(){const t=f()({"dashboard-row":!0,"dashboard-row--collapsed":this.props.panel.collapsed}),e=(0,G.w)().replace(this.props.panel.title,this.props.panel.scopedVars,"text"),r=this.props.panel.panels?this.props.panel.panels.length:0,s=r===1?"panel":"panels",g=this.props.dashboard.meta.canEdit===!0;return h.createElement("div",{className:t,"data-testid":"dashboard-row-container"},h.createElement("button",{className:"dashboard-row__title pointer",type:"button","data-testid":w.Tp.components.DashboardRow.title(e),onClick:this.onToggle},h.createElement(I.I,{name:this.props.panel.collapsed?"angle-right":"angle-down"}),e,h.createElement("span",{className:"dashboard-row__panel_count"},"(",r," ",s,")")),g&&h.createElement("div",{className:"dashboard-row__actions"},h.createElement(D,{title:this.props.panel.title,repeat:this.props.panel.repeat,onUpdate:this.onUpdate,warning:this.getWarning()}),h.createElement("button",{type:"button",className:"pointer",onClick:this.onDelete,"aria-label":"Delete row"},h.createElement(I.I,{name:"trash-alt"}))),this.props.panel.collapsed===!0&&h.createElement("div",{className:"dashboard-row__toggle-target",onClick:this.onToggle},"\xA0"),g&&h.createElement("div",{"data-testid":"dashboard-row-drag",className:"dashboard-row__drag grid-drag-handle"}))}}var q=a(68064),F=a(39569);const k="systemPanelFilterVar";class J extends h.PureComponent{constructor(t){super(t),this.panelMap={},this.eventSubs=new L.yU,this.windowHeight=1200,this.windowWidth=1920,this.gridWidth=0,this.lastPanelBottom=0,this.isLayoutInitialized=!1,this.onLayoutChange=e=>{if(!this.state.panelFilter){for(const r of e)this.panelMap[r.i].updateGridPos(r,this.isLayoutInitialized);this.isLayoutInitialized&&(this.isLayoutInitialized=!0),this.props.dashboard.sortPanelsByGridPos(),this.forceUpdate()}},this.triggerForceUpdate=()=>{this.forceUpdate()},this.updateGridPos=(e,r)=>{this.panelMap[e.i].updateGridPos(e)},this.onResize=(e,r,s)=>{this.panelMap[s.i].updateGridPos(s)},this.onResizeStop=(e,r,s)=>{this.updateGridPos(s,e)},this.onDragStop=(e,r,s)=>{this.updateGridPos(s,e)},this.onGetWrapperDivRef=e=>{e&&Z.TP.user.authenticatedBy!=="render"&&setTimeout(()=>{e.classList.add("react-grid-layout--enable-move-animations")},50)},this.state={panelFilter:void 0}}componentDidMount(){const{dashboard:t}=this.props;if(B.$.featureToggles.panelFilterVariable){for(const e of t.getVariables())if(e.id===k){"query"in e&&this.setPanelFilter(e.query);break}this.eventSubs.add(E.A.subscribe(z.og,e=>{if(e.payload.variable?.id===k&&"current"in e.payload.variable){let r=e.payload.variable.current;"value"in r&&typeof r.value=="string"&&this.setPanelFilter(r.value)}}))}this.eventSubs.add(t.events.subscribe(u.Q$,this.triggerForceUpdate))}componentWillUnmount(){this.eventSubs.unsubscribe()}setPanelFilter(t){let e;t.length>0&&(e=new RegExp(t,"i")),this.setState({panelFilter:e})}buildLayout(){const t=[];this.panelMap={};const{panelFilter:e}=this.state;let r=0;for(const s of this.props.dashboard.panels){if(s.key||(s.key=`panel-${s.id}-${Date.now()}`),this.panelMap[s.key]=s,!s.gridPos){console.log("panel without gridpos");continue}const g={i:s.key,x:s.gridPos.x,y:s.gridPos.y,w:s.gridPos.w,h:s.gridPos.h};s.type==="row"&&(g.w=H.cV,g.h=1,g.isResizable=!1,g.isDraggable=s.collapsed),e?e.test(s.title)&&(g.isResizable=!1,g.isDraggable=!1,g.x=r%2*H.cV,g.y=Math.floor(r/2),t.push(g),r++):t.push(g)}return t}getPanelScreenPos(t,e){let r=0;return e<B.$.theme2.breakpoints.values.md?r=this.lastPanelBottom+H.dU:r=te(t.gridPos.y)+H.dU,this.lastPanelBottom=r+te(t.gridPos.h),{top:r,bottom:this.lastPanelBottom}}renderPanels(t,e){const{panelFilter:r}=this.state,s=[];this.lastPanelBottom=0,this.gridWidth!==t&&(this.windowHeight=window.innerHeight??1e3,this.windowWidth=window.innerWidth,this.gridWidth=t);for(const g of this.props.dashboard.panels){const C=f()({"react-grid-item--fullscreen":g.isViewing}),S=this.props.dashboard.panels.length-s.length,N=h.createElement(ee,{key:g.key,className:C,descendingOrderIndex:S,"data-panelid":g.id,gridPos:g.gridPos,gridWidth:t,windowHeight:this.windowHeight,windowWidth:this.windowWidth,isViewing:g.isViewing},(ne,re)=>this.renderPanel(g,ne,re,e));r?r.test(g.title)&&s.push(N):s.push(N)}return s}renderPanel(t,e,r,s){return t.type==="row"?h.createElement(M,{key:t.key,panel:t,dashboard:this.props.dashboard}):t.type==="add-library-panel"?h.createElement(R,{key:t.key,panel:t,dashboard:this.props.dashboard}):h.createElement(F.L,{key:t.key,stateKey:t.key,panel:t,dashboard:this.props.dashboard,isEditing:t.isEditing,isViewing:t.isViewing,isDraggable:s,width:e,height:r,hideMenu:this.props.hidePanelMenus})}render(){const{isEditable:t,dashboard:e}=this.props;return e.panels.length===0?h.createElement(q.A,{dashboard:e,canCreate:t}):h.createElement("div",{style:{flex:"1 1 auto",position:"relative",zIndex:1,display:this.props.editPanel?"none":void 0}},h.createElement(y.Ay,{disableHeight:!0},({width:r})=>{if(r===0)return null;const s=r<=B.$.theme2.breakpoints.values.md?!1:t;return h.createElement("div",{style:{width:r,height:"100%"},ref:this.onGetWrapperDivRef},h.createElement(T(),{width:r,isDraggable:s,isResizable:t,containerPadding:[0,0],useCSSTransforms:!0,margin:[H.dU,H.dU],cols:H.cV,rowHeight:H.sD,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(r,s)))}))}}const ee=h.forwardRef((x,t)=>{const e=B.$.theme2;let r=100,s=100;const g=(0,h.useRef)(0),[C,S]=(0,h.useReducer)(oe=>oe+1,0),N=(0,h.useCallback)(()=>(g.current+=1,S(),()=>{g.current-=1,S()}),[S]),ne=(0,h.useMemo)(()=>({boostZIndex:N}),[N]),{gridWidth:re,gridPos:fe,isViewing:le,windowHeight:de,windowWidth:he,descendingOrderIndex:pe,...ge}=x,me=x.style??{};if(le)r=re,s=de*.85,me.height=s,me.width="100%";else if(he<e.breakpoints.values.md)r=x.gridWidth,s=te(fe.h),me.height=s,me.width="100%";else if(x.style){const{width:oe,height:ye}=x.style;oe!=null&&(r=typeof oe=="number"?oe:parseFloat(oe)),ye!=null&&(s=typeof ye=="number"?ye:parseFloat(ye))}return h.createElement(O.N.Provider,{value:ne},h.createElement("div",{...ge,style:{...ge.style,zIndex:g.current===0?pe:W.f.dropdown},ref:t},[x.children[0](r,s),x.children.slice(1)]))});function te(x){return x*(H.sD+H.dU)-H.dU}ee.displayName="GridItemWithDimensions"},26392:(Q,v,a)=>{"use strict";Object.defineProperty(v,"__esModule",{value:!0}),v.default=void 0;var l=B(a(96540)),f=B(a(5556)),h=a(55794),m=a(66036),T=a(38426),y=a(82134),L=a(80634),W=B(a(71508));function B(z){return z&&z.__esModule?z:{default:z}}function O(z,u,d){return u=E(u),u in z?Object.defineProperty(z,u,{value:d,enumerable:!0,configurable:!0,writable:!0}):z[u]=d,z}function E(z){var u=H(z,"string");return typeof u=="symbol"?u:String(u)}function H(z,u){if(typeof z!="object"||z===null)return z;var d=z[Symbol.toPrimitive];if(d!==void 0){var c=d.call(z,u||"default");if(typeof c!="object")return c;throw new TypeError("@@toPrimitive must return a primitive value.")}return(u==="string"?String:Number)(z)}class Z extends l.default.Component{constructor(){super(...arguments),O(this,"state",{resizing:null,dragging:null,className:""}),O(this,"elementRef",l.default.createRef()),O(this,"onDragStart",(u,d)=>{let{node:c}=d;const{onDragStart:n,transformScale:o}=this.props;if(!n)return;const i={top:0,left:0},{offsetParent:p}=c;if(!p)return;const R=p.getBoundingClientRect(),P=c.getBoundingClientRect(),b=P.left/o,w=R.left/o,A=P.top/o,G=R.top/o;i.left=b-w+p.scrollLeft,i.top=A-G+p.scrollTop,this.setState({dragging:i});const{x:U,y:I}=(0,y.calcXY)(this.getPositionParams(),i.top,i.left,this.props.w,this.props.h);return n.call(this,this.props.i,U,I,{e:u,node:c,newPosition:i})}),O(this,"onDrag",(u,d)=>{let{node:c,deltaX:n,deltaY:o}=d;const{onDrag:i}=this.props;if(!i)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let p=this.state.dragging.top+o,R=this.state.dragging.left+n;const{isBounded:P,i:b,w,h:A,containerWidth:G}=this.props,U=this.getPositionParams();if(P){const{offsetParent:V}=c;if(V){const{margin:X,rowHeight:ae,containerPadding:_}=this.props,ie=V.clientHeight-(0,y.calcGridItemWHPx)(A,ae,X[1]);p=(0,y.clamp)(p-_[1],0,ie);const K=(0,y.calcGridColWidth)(U),se=G-(0,y.calcGridItemWHPx)(w,K,X[0]);R=(0,y.clamp)(R-_[0],0,se)}}const I={top:p,left:R};this.setState({dragging:I});const{containerPadding:j}=this.props,{x:$,y:Y}=(0,y.calcXY)(U,p-j[1],R-j[0],w,A);return i.call(this,b,$,Y,{e:u,node:c,newPosition:I})}),O(this,"onDragStop",(u,d)=>{let{node:c}=d;const{onDragStop:n}=this.props;if(!n)return;if(!this.state.dragging)throw new Error("onDragEnd called before onDragStart.");const{w:o,h:i,i:p,containerPadding:R}=this.props,{left:P,top:b}=this.state.dragging,w={top:b,left:P};this.setState({dragging:null});const{x:A,y:G}=(0,y.calcXY)(this.getPositionParams(),b-R[1],P-R[0],o,i);return n.call(this,p,A,G,{e:u,node:c,newPosition:w})}),O(this,"onResizeStop",(u,d,c)=>this.onResizeHandler(u,d,c,"onResizeStop")),O(this,"onResizeStart",(u,d,c)=>this.onResizeHandler(u,d,c,"onResizeStart")),O(this,"onResize",(u,d,c)=>this.onResizeHandler(u,d,c,"onResize"))}shouldComponentUpdate(u,d){if(this.props.children!==u.children||this.props.droppingPosition!==u.droppingPosition)return!0;const c=(0,y.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),n=(0,y.calcGridItemPosition)(this.getPositionParams(u),u.x,u.y,u.w,u.h,d);return!(0,T.fastPositionEqual)(c,n)||this.props.useCSSTransforms!==u.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(u){this.moveDroppingItem(u)}moveDroppingItem(u){const{droppingPosition:d}=this.props;if(!d)return;const c=this.elementRef.current;if(!c)return;const n=u.droppingPosition||{left:0,top:0},{dragging:o}=this.state,i=o&&d.left!==n.left||d.top!==n.top;if(!o)this.onDragStart(d.e,{node:c,deltaX:d.left,deltaY:d.top});else if(i){const p=d.left-o.left,R=d.top-o.top;this.onDrag(d.e,{node:c,deltaX:p,deltaY:R})}}getPositionParams(){let u=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:u.cols,containerPadding:u.containerPadding,containerWidth:u.containerWidth,margin:u.margin,maxRows:u.maxRows,rowHeight:u.rowHeight}}createStyle(u){const{usePercentages:d,containerWidth:c,useCSSTransforms:n}=this.props;let o;return n?o=(0,T.setTransform)(u):(o=(0,T.setTopLeft)(u),d&&(o.left=(0,T.perc)(u.left/c),o.width=(0,T.perc)(u.width/c))),o}mixinDraggable(u,d){return l.default.createElement(h.DraggableCore,{disabled:!d,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},u)}curryResizeHandler(u,d){return(c,n)=>d(c,n,u)}mixinResizable(u,d,c){const{cols:n,minW:o,minH:i,maxW:p,maxH:R,transformScale:P,resizeHandles:b,resizeHandle:w}=this.props,A=this.getPositionParams(),G=(0,y.calcGridItemPosition)(A,0,0,n,0).width,U=(0,y.calcGridItemPosition)(A,0,0,o,i),I=(0,y.calcGridItemPosition)(A,0,0,p,R),j=[U.width,U.height],$=[Math.min(I.width,G),Math.min(I.height,1/0)];return l.default.createElement(m.Resizable,{draggableOpts:{disabled:!c},className:c?void 0:"react-resizable-hide",width:d.width,height:d.height,minConstraints:j,maxConstraints:$,onResizeStop:this.curryResizeHandler(d,this.onResizeStop),onResizeStart:this.curryResizeHandler(d,this.onResizeStart),onResize:this.curryResizeHandler(d,this.onResize),transformScale:P,resizeHandles:b,handle:w},u)}onResizeHandler(u,d,c,n){let{node:o,size:i,handle:p}=d;const R=this.props[n];if(!R)return;const{x:P,y:b,i:w,maxH:A,minH:G,containerWidth:U}=this.props,{minW:I,maxW:j}=this.props;let $=i;o&&($=(0,T.resizeItemInDirection)(p,c,i,U),this.setState({resizing:n==="onResizeStop"?null:$}));let{w:Y,h:V}=(0,y.calcWH)(this.getPositionParams(),$.width,$.height,P,b,p);Y=(0,y.clamp)(Y,Math.max(I,1),j),V=(0,y.clamp)(V,G,A),R.call(this,w,Y,V,{e:u,node:o,size:$,handle:p})}render(){const{x:u,y:d,w:c,h:n,isDraggable:o,isResizable:i,droppingPosition:p,useCSSTransforms:R}=this.props,P=(0,y.calcGridItemPosition)(this.getPositionParams(),u,d,c,n,this.state),b=l.default.Children.only(this.props.children);let w=l.default.cloneElement(b,{ref:this.elementRef,className:(0,W.default)("react-grid-item",b.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":o,"react-draggable-dragging":!!this.state.dragging,dropping:!!p,cssTransforms:R}),style:{...this.props.style,...b.props.style,...this.createStyle(P)}});return w=this.mixinResizable(w,P,i),w=this.mixinDraggable(w,o),w}}v.default=Z,O(Z,"propTypes",{children:f.default.element,cols:f.default.number.isRequired,containerWidth:f.default.number.isRequired,rowHeight:f.default.number.isRequired,margin:f.default.array.isRequired,maxRows:f.default.number.isRequired,containerPadding:f.default.array.isRequired,x:f.default.number.isRequired,y:f.default.number.isRequired,w:f.default.number.isRequired,h:f.default.number.isRequired,minW:function(z,u){const d=z[u];if(typeof d!="number")return new Error("minWidth not Number");if(d>z.w||d>z.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(z,u){const d=z[u];if(typeof d!="number")return new Error("maxWidth not Number");if(d<z.w||d<z.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(z,u){const d=z[u];if(typeof d!="number")return new Error("minHeight not Number");if(d>z.h||d>z.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(z,u){const d=z[u];if(typeof d!="number")return new Error("maxHeight not Number");if(d<z.h||d<z.minH)return new Error("maxHeight smaller than item height/minHeight")},i:f.default.string.isRequired,resizeHandles:L.resizeHandleAxesType,resizeHandle:L.resizeHandleType,onDragStop:f.default.func,onDragStart:f.default.func,onDrag:f.default.func,onResizeStop:f.default.func,onResizeStart:f.default.func,onResize:f.default.func,isDraggable:f.default.bool.isRequired,isResizable:f.default.bool.isRequired,isBounded:f.default.bool.isRequired,static:f.default.bool,useCSSTransforms:f.default.bool.isRequired,transformScale:f.default.number,className:f.default.string,handle:f.default.string,cancel:f.default.string,droppingPosition:f.default.shape({e:f.default.object.isRequired,left:f.default.number.isRequired,top:f.default.number.isRequired})}),O(Z,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1})},59742:(Q,v,a)=>{"use strict";Object.defineProperty(v,"__esModule",{value:!0}),v.default=void 0;var l=O(a(96540)),f=a(87953),h=W(a(71508)),m=a(38426),T=a(82134),y=W(a(26392)),L=W(a(80634));function W(c){return c&&c.__esModule?c:{default:c}}function B(c){if(typeof WeakMap!="function")return null;var n=new WeakMap,o=new WeakMap;return(B=function(i){return i?o:n})(c)}function O(c,n){if(!n&&c&&c.__esModule)return c;if(c===null||typeof c!="object"&&typeof c!="function")return{default:c};var o=B(n);if(o&&o.has(c))return o.get(c);var i={__proto__:null},p=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var R in c)if(R!=="default"&&Object.prototype.hasOwnProperty.call(c,R)){var P=p?Object.getOwnPropertyDescriptor(c,R):null;P&&(P.get||P.set)?Object.defineProperty(i,R,P):i[R]=c[R]}return i.default=c,o&&o.set(c,i),i}function E(c,n,o){return n=H(n),n in c?Object.defineProperty(c,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):c[n]=o,c}function H(c){var n=Z(c,"string");return typeof n=="symbol"?n:String(n)}function Z(c,n){if(typeof c!="object"||c===null)return c;var o=c[Symbol.toPrimitive];if(o!==void 0){var i=o.call(c,n||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(c)}const z="react-grid-layout";let u=!1;try{u=/firefox/i.test(navigator.userAgent)}catch{}class d extends l.Component{constructor(){super(...arguments),E(this,"state",{activeDrag:null,layout:(0,m.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,m.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),E(this,"dragEnterCounter",0),E(this,"onDragStart",(n,o,i,p)=>{let{e:R,node:P}=p;const{layout:b}=this.state,w=(0,m.getLayoutItem)(b,n);if(!w)return;const A={w:w.w,h:w.h,x:w.x,y:w.y,placeholder:!0,i:n};return this.setState({oldDragItem:(0,m.cloneLayoutItem)(w),oldLayout:b,activeDrag:A}),this.props.onDragStart(b,w,w,null,R,P)}),E(this,"onDrag",(n,o,i,p)=>{let{e:R,node:P}=p;const{oldDragItem:b}=this.state;let{layout:w}=this.state;const{cols:A,allowOverlap:G,preventCollision:U}=this.props,I=(0,m.getLayoutItem)(w,n);if(!I)return;const j={w:I.w,h:I.h,x:I.x,y:I.y,placeholder:!0,i:n},$=!0;w=(0,m.moveElement)(w,I,o,i,$,U,(0,m.compactType)(this.props),A,G),this.props.onDrag(w,b,I,j,R,P),this.setState({layout:G?w:(0,m.compact)(w,(0,m.compactType)(this.props),A),activeDrag:j})}),E(this,"onDragStop",(n,o,i,p)=>{let{e:R,node:P}=p;if(!this.state.activeDrag)return;const{oldDragItem:b}=this.state;let{layout:w}=this.state;const{cols:A,preventCollision:G,allowOverlap:U}=this.props,I=(0,m.getLayoutItem)(w,n);if(!I)return;const j=!0;w=(0,m.moveElement)(w,I,o,i,j,G,(0,m.compactType)(this.props),A,U);const $=U?w:(0,m.compact)(w,(0,m.compactType)(this.props),A);this.props.onDragStop($,b,I,null,R,P);const{oldLayout:Y}=this.state;this.setState({activeDrag:null,layout:$,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged($,Y)}),E(this,"onResizeStart",(n,o,i,p)=>{let{e:R,node:P}=p;const{layout:b}=this.state,w=(0,m.getLayoutItem)(b,n);w&&(this.setState({oldResizeItem:(0,m.cloneLayoutItem)(w),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(b,w,w,null,R,P))}),E(this,"onResize",(n,o,i,p)=>{let{e:R,node:P,size:b,handle:w}=p;const{oldResizeItem:A}=this.state,{layout:G}=this.state,{cols:U,preventCollision:I,allowOverlap:j}=this.props;let $=!1,Y,V,X;const[ae,_]=(0,m.withLayoutItem)(G,n,K=>{let se;return V=K.x,X=K.y,["sw","w","nw","n","ne"].indexOf(w)!==-1&&(["sw","nw","w"].indexOf(w)!==-1&&(V=K.x+(K.w-o),o=K.x!==V&&V<0?K.w:o,V=V<0?0:V),["ne","n","nw"].indexOf(w)!==-1&&(X=K.y+(K.h-i),i=K.y!==X&&X<0?K.h:i,X=X<0?0:X),$=!0),I&&!j&&(se=(0,m.getAllCollisions)(G,{...K,w:o,h:i,x:V,y:X}).filter(ue=>ue.i!==K.i).length>0,se&&(X=K.y,i=K.h,V=K.x,o=K.w,$=!1)),K.w=o,K.h=i,K});if(!_)return;Y=ae,$&&(Y=(0,m.moveElement)(ae,_,V,X,!0,this.props.preventCollision,(0,m.compactType)(this.props),U,j));const ie={w:_.w,h:_.h,x:_.x,y:_.y,static:!0,i:n};this.props.onResize(Y,A,_,ie,R,P),this.setState({layout:j?Y:(0,m.compact)(Y,(0,m.compactType)(this.props),U),activeDrag:ie})}),E(this,"onResizeStop",(n,o,i,p)=>{let{e:R,node:P}=p;const{layout:b,oldResizeItem:w}=this.state,{cols:A,allowOverlap:G}=this.props,U=(0,m.getLayoutItem)(b,n),I=G?b:(0,m.compact)(b,(0,m.compactType)(this.props),A);this.props.onResizeStop(I,w,U,null,R,P);const{oldLayout:j}=this.state;this.setState({activeDrag:null,layout:I,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(I,j)}),E(this,"onDragOver",n=>{if(n.preventDefault(),n.stopPropagation(),u&&!n.nativeEvent.target?.classList.contains(z))return!1;const{droppingItem:o,onDropDragOver:i,margin:p,cols:R,rowHeight:P,maxRows:b,width:w,containerPadding:A,transformScale:G}=this.props,U=i?.(n);if(U===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const I={...o,...U},{layout:j}=this.state,$=n.currentTarget.getBoundingClientRect(),Y=n.clientX-$.left,V=n.clientY-$.top,X={left:Y/G,top:V/G,e:n};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:ae,top:_}=this.state.droppingPosition;(ae!=Y||_!=V)&&this.setState({droppingPosition:X})}}else{const ae={cols:R,margin:p,maxRows:b,rowHeight:P,containerWidth:w,containerPadding:A||p},_=(0,T.calcXY)(ae,V,Y,I.w,I.h);this.setState({droppingDOMNode:l.createElement("div",{key:I.i}),droppingPosition:X,layout:[...j,{...I,x:_.x,y:_.y,static:!1,isDraggable:!0}]})}}),E(this,"removeDroppingPlaceholder",()=>{const{droppingItem:n,cols:o}=this.props,{layout:i}=this.state,p=(0,m.compact)(i.filter(R=>R.i!==n.i),(0,m.compactType)(this.props),o,this.props.allowOverlap);this.setState({layout:p,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),E(this,"onDragLeave",n=>{n.preventDefault(),n.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),E(this,"onDragEnter",n=>{n.preventDefault(),n.stopPropagation(),this.dragEnterCounter++}),E(this,"onDrop",n=>{n.preventDefault(),n.stopPropagation();const{droppingItem:o}=this.props,{layout:i}=this.state,p=i.find(R=>R.i===o.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(i,p,n)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(n,o){let i;return o.activeDrag?null:(!(0,f.deepEqual)(n.layout,o.propsLayout)||n.compactType!==o.compactType?i=n.layout:(0,m.childrenEqual)(n.children,o.children)||(i=o.layout),i?{layout:(0,m.synchronizeLayoutWithChildren)(i,n.children,n.cols,(0,m.compactType)(n),n.allowOverlap),compactType:n.compactType,children:n.children,propsLayout:n.layout}:null)}shouldComponentUpdate(n,o){return this.props.children!==n.children||!(0,m.fastRGLPropsEqual)(this.props,n,f.deepEqual)||this.state.activeDrag!==o.activeDrag||this.state.mounted!==o.mounted||this.state.droppingPosition!==o.droppingPosition}componentDidUpdate(n,o){if(!this.state.activeDrag){const i=this.state.layout,p=o.layout;this.onLayoutMaybeChanged(i,p)}}containerHeight(){if(!this.props.autoSize)return;const n=(0,m.bottom)(this.state.layout),o=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return n*this.props.rowHeight+(n-1)*this.props.margin[1]+o*2+"px"}onLayoutMaybeChanged(n,o){o||(o=this.state.layout),(0,f.deepEqual)(o,n)||this.props.onLayoutChange(n)}placeholder(){const{activeDrag:n}=this.state;if(!n)return null;const{width:o,cols:i,margin:p,containerPadding:R,rowHeight:P,maxRows:b,useCSSTransforms:w,transformScale:A}=this.props;return l.createElement(y.default,{w:n.w,h:n.h,x:n.x,y:n.y,i:n.i,className:`react-grid-placeholder ${this.state.resizing?"placeholder-resizing":""}`,containerWidth:o,cols:i,margin:p,containerPadding:R||p,maxRows:b,rowHeight:P,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:w,transformScale:A},l.createElement("div",null))}processGridItem(n,o){if(!n||!n.key)return;const i=(0,m.getLayoutItem)(this.state.layout,String(n.key));if(!i)return null;const{width:p,cols:R,margin:P,containerPadding:b,rowHeight:w,maxRows:A,isDraggable:G,isResizable:U,isBounded:I,useCSSTransforms:j,transformScale:$,draggableCancel:Y,draggableHandle:V,resizeHandles:X,resizeHandle:ae}=this.props,{mounted:_,droppingPosition:ie}=this.state,K=typeof i.isDraggable=="boolean"?i.isDraggable:!i.static&&G,se=typeof i.isResizable=="boolean"?i.isResizable:!i.static&&U,ce=i.resizeHandles||X,ue=K&&I&&i.isBounded!==!1;return l.createElement(y.default,{containerWidth:p,cols:R,margin:P,containerPadding:b||P,maxRows:A,rowHeight:w,cancel:Y,handle:V,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:K,isResizable:se,isBounded:ue,useCSSTransforms:j&&_,usePercentages:!_,transformScale:$,w:i.w,h:i.h,x:i.x,y:i.y,i:i.i,minH:i.minH,minW:i.minW,maxH:i.maxH,maxW:i.maxW,static:i.static,droppingPosition:o?ie:void 0,resizeHandles:ce,resizeHandle:ae},n)}render(){const{className:n,style:o,isDroppable:i,innerRef:p}=this.props,R=(0,h.default)(z,n),P={height:this.containerHeight(),...o};return l.createElement("div",{ref:p,className:R,style:P,onDrop:i?this.onDrop:m.noop,onDragLeave:i?this.onDragLeave:m.noop,onDragEnter:i?this.onDragEnter:m.noop,onDragOver:i?this.onDragOver:m.noop},l.Children.map(this.props.children,b=>this.processGridItem(b)),i&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}v.default=d,E(d,"displayName","ReactGridLayout"),E(d,"propTypes",L.default),E(d,"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:m.noop,onDragStart:m.noop,onDrag:m.noop,onDragStop:m.noop,onResizeStart:m.noop,onResize:m.noop,onResizeStop:m.noop,onDrop:m.noop,onDropDragOver:m.noop})},80634:(Q,v,a)=>{"use strict";Object.defineProperty(v,"__esModule",{value:!0}),v.resizeHandleType=v.resizeHandleAxesType=v.default=void 0;var l=h(a(5556)),f=h(a(96540));function h(L){return L&&L.__esModule?L:{default:L}}const m=v.resizeHandleAxesType=l.default.arrayOf(l.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),T=v.resizeHandleType=l.default.oneOfType([l.default.node,l.default.func]);var y=v.default={className:l.default.string,style:l.default.object,width:l.default.number,autoSize:l.default.bool,cols:l.default.number,draggableCancel:l.default.string,draggableHandle:l.default.string,verticalCompact:function(L){L.verticalCompact},compactType:l.default.oneOf(["vertical","horizontal"]),layout:function(L){var W=L.layout;W!==void 0&&a(38426).validateLayout(W,"layout")},margin:l.default.arrayOf(l.default.number),containerPadding:l.default.arrayOf(l.default.number),rowHeight:l.default.number,maxRows:l.default.number,isBounded:l.default.bool,isDraggable:l.default.bool,isResizable:l.default.bool,allowOverlap:l.default.bool,preventCollision:l.default.bool,useCSSTransforms:l.default.bool,transformScale:l.default.number,isDroppable:l.default.bool,resizeHandles:m,resizeHandle:T,onLayoutChange:l.default.func,onDragStart:l.default.func,onDrag:l.default.func,onDragStop:l.default.func,onResizeStart:l.default.func,onResize:l.default.func,onResizeStop:l.default.func,onDrop:l.default.func,droppingItem:l.default.shape({i:l.default.string.isRequired,w:l.default.number.isRequired,h:l.default.number.isRequired}),children:function(L,W){const B=L[W],O={};f.default.Children.forEach(B,function(E){if(E?.key!=null){if(O[E.key])throw new Error('Duplicate child key "'+E.key+'" found! This will cause problems in ReactGridLayout.');O[E.key]=!0}})},innerRef:l.default.any}},59864:(Q,v,a)=>{"use strict";var l;l={value:!0},v.default=void 0;var f=O(a(96540)),h=W(a(5556)),m=a(87953),T=a(38426),y=a(3108),L=W(a(59742));function W(n){return n&&n.__esModule?n:{default:n}}function B(n){if(typeof WeakMap!="function")return null;var o=new WeakMap,i=new WeakMap;return(B=function(p){return p?i:o})(n)}function O(n,o){if(!o&&n&&n.__esModule)return n;if(n===null||typeof n!="object"&&typeof n!="function")return{default:n};var i=B(o);if(i&&i.has(n))return i.get(n);var p={__proto__:null},R=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var P in n)if(P!=="default"&&Object.prototype.hasOwnProperty.call(n,P)){var b=R?Object.getOwnPropertyDescriptor(n,P):null;b&&(b.get||b.set)?Object.defineProperty(p,P,b):p[P]=n[P]}return p.default=n,i&&i.set(n,p),p}function E(){return E=Object.assign?Object.assign.bind():function(n){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var p in i)Object.prototype.hasOwnProperty.call(i,p)&&(n[p]=i[p])}return n},E.apply(this,arguments)}function H(n,o,i){return o=Z(o),o in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i,n}function Z(n){var o=z(n,"string");return typeof o=="symbol"?o:String(o)}function z(n,o){if(typeof n!="object"||n===null)return n;var i=n[Symbol.toPrimitive];if(i!==void 0){var p=i.call(n,o||"default");if(typeof p!="object")return p;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(n)}const u=n=>Object.prototype.toString.call(n);function d(n,o){return n==null?null:Array.isArray(n)?n:n[o]}class c extends f.Component{constructor(){super(...arguments),H(this,"state",this.generateInitialState()),H(this,"onLayoutChange",o=>{this.props.onLayoutChange(o,{...this.props.layouts,[this.state.breakpoint]:o})})}generateInitialState(){const{width:o,breakpoints:i,layouts:p,cols:R}=this.props,P=(0,y.getBreakpointFromWidth)(i,o),b=(0,y.getColsFromBreakpoint)(P,R),w=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,y.findOrGenerateResponsiveLayout)(p,i,P,P,b,w),breakpoint:P,cols:b}}static getDerivedStateFromProps(o,i){if(!(0,m.deepEqual)(o.layouts,i.layouts)){const{breakpoint:p,cols:R}=i;return{layout:(0,y.findOrGenerateResponsiveLayout)(o.layouts,o.breakpoints,p,p,R,o.compactType),layouts:o.layouts}}return null}componentDidUpdate(o){(this.props.width!=o.width||this.props.breakpoint!==o.breakpoint||!(0,m.deepEqual)(this.props.breakpoints,o.breakpoints)||!(0,m.deepEqual)(this.props.cols,o.cols))&&this.onWidthChange(o)}onWidthChange(o){const{breakpoints:i,cols:p,layouts:R,compactType:P}=this.props,b=this.props.breakpoint||(0,y.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),w=this.state.breakpoint,A=(0,y.getColsFromBreakpoint)(b,p),G={...R};if(w!==b||o.breakpoints!==i||o.cols!==p){w in G||(G[w]=(0,T.cloneLayout)(this.state.layout));let j=(0,y.findOrGenerateResponsiveLayout)(G,i,b,w,A,P);j=(0,T.synchronizeLayoutWithChildren)(j,this.props.children,A,P,this.props.allowOverlap),G[b]=j,this.props.onLayoutChange(j,G),this.props.onBreakpointChange(b,A),this.setState({breakpoint:b,layout:j,cols:A})}const U=d(this.props.margin,b),I=d(this.props.containerPadding,b);this.props.onWidthChange(this.props.width,U,A,I)}render(){const{breakpoint:o,breakpoints:i,cols:p,layouts:R,margin:P,containerPadding:b,onBreakpointChange:w,onLayoutChange:A,onWidthChange:G,...U}=this.props;return f.createElement(L.default,E({},U,{margin:d(P,this.state.breakpoint),containerPadding:d(b,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}v.default=c,H(c,"propTypes",{breakpoint:h.default.string,breakpoints:h.default.object,allowOverlap:h.default.bool,cols:h.default.object,margin:h.default.oneOfType([h.default.array,h.default.object]),containerPadding:h.default.oneOfType([h.default.array,h.default.object]),layouts(n,o){if(u(n[o])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+u(n[o]));Object.keys(n[o]).forEach(i=>{if(!(i in n.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,T.validateLayout)(n.layouts[i],"layouts."+i)})},width:h.default.number.isRequired,onBreakpointChange:h.default.func,onLayoutChange:h.default.func,onWidthChange:h.default.func}),H(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:T.noop,onLayoutChange:T.noop,onWidthChange:T.noop})},82134:(Q,v)=>{"use strict";Object.defineProperty(v,"__esModule",{value:!0}),v.calcGridColWidth=a,v.calcGridItemPosition=f,v.calcGridItemWHPx=l,v.calcWH=m,v.calcXY=h,v.clamp=T;function a(y){const{margin:L,containerPadding:W,containerWidth:B,cols:O}=y;return(B-L[0]*(O-1)-W[0]*2)/O}function l(y,L,W){return Number.isFinite(y)?Math.round(L*y+Math.max(0,y-1)*W):y}function f(y,L,W,B,O,E){const{margin:H,containerPadding:Z,rowHeight:z}=y,u=a(y),d={};return E&&E.resizing?(d.width=Math.round(E.resizing.width),d.height=Math.round(E.resizing.height)):(d.width=l(B,u,H[0]),d.height=l(O,z,H[1])),E&&E.dragging?(d.top=Math.round(E.dragging.top),d.left=Math.round(E.dragging.left)):E&&E.resizing&&typeof E.resizing.top=="number"&&typeof E.resizing.left=="number"?(d.top=Math.round(E.resizing.top),d.left=Math.round(E.resizing.left)):(d.top=Math.round((z+H[1])*W+Z[1]),d.left=Math.round((u+H[0])*L+Z[0])),d}function h(y,L,W,B,O){const{margin:E,cols:H,rowHeight:Z,maxRows:z}=y,u=a(y);let d=Math.round((W-E[0])/(u+E[0])),c=Math.round((L-E[1])/(Z+E[1]));return d=T(d,0,H-B),c=T(c,0,z-O),{x:d,y:c}}function m(y,L,W,B,O,E){const{margin:H,maxRows:Z,cols:z,rowHeight:u}=y,d=a(y);let c=Math.round((L+H[0])/(d+H[0])),n=Math.round((W+H[1])/(u+H[1])),o=T(c,0,z-B),i=T(n,0,Z-O);return["sw","w","nw"].indexOf(E)!==-1&&(o=T(c,0,z)),["nw","n","ne"].indexOf(E)!==-1&&(i=T(n,0,Z)),{w:o,h:i}}function T(y,L,W){return Math.max(Math.min(y,W),L)}},35001:(Q,v,a)=>{"use strict";var l;l={value:!0},v.default=z;var f=W(a(96540)),h=y(a(5556)),m=y(a(43591)),T=y(a(71508));function y(u){return u&&u.__esModule?u:{default:u}}function L(u){if(typeof WeakMap!="function")return null;var d=new WeakMap,c=new WeakMap;return(L=function(n){return n?c:d})(u)}function W(u,d){if(!d&&u&&u.__esModule)return u;if(u===null||typeof u!="object"&&typeof u!="function")return{default:u};var c=L(d);if(c&&c.has(u))return c.get(u);var n={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in u)if(i!=="default"&&Object.prototype.hasOwnProperty.call(u,i)){var p=o?Object.getOwnPropertyDescriptor(u,i):null;p&&(p.get||p.set)?Object.defineProperty(n,i,p):n[i]=u[i]}return n.default=u,c&&c.set(u,n),n}function B(){return B=Object.assign?Object.assign.bind():function(u){for(var d=1;d<arguments.length;d++){var c=arguments[d];for(var n in c)Object.prototype.hasOwnProperty.call(c,n)&&(u[n]=c[n])}return u},B.apply(this,arguments)}function O(u,d,c){return d=E(d),d in u?Object.defineProperty(u,d,{value:c,enumerable:!0,configurable:!0,writable:!0}):u[d]=c,u}function E(u){var d=H(u,"string");return typeof d=="symbol"?d:String(d)}function H(u,d){if(typeof u!="object"||u===null)return u;var c=u[Symbol.toPrimitive];if(c!==void 0){var n=c.call(u,d||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(d==="string"?String:Number)(u)}const Z="react-grid-layout";function z(u){var d;return d=class extends f.Component{constructor(){super(...arguments),O(this,"state",{width:1280}),O(this,"elementRef",f.createRef()),O(this,"mounted",!1),O(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new m.default(o=>{if(this.elementRef.current instanceof HTMLElement){const p=o[0].contentRect.width;this.setState({width:p})}});const n=this.elementRef.current;n instanceof HTMLElement&&this.resizeObserver.observe(n)}componentWillUnmount(){this.mounted=!1;const n=this.elementRef.current;n instanceof HTMLElement&&this.resizeObserver.unobserve(n),this.resizeObserver.disconnect()}render(){const{measureBeforeMount:n,...o}=this.props;return n&&!this.mounted?f.createElement("div",{className:(0,T.default)(this.props.className,Z),style:this.props.style,ref:this.elementRef}):f.createElement(u,B({innerRef:this.elementRef},o,this.state))}},O(d,"defaultProps",{measureBeforeMount:!1}),O(d,"propTypes",{measureBeforeMount:h.default.bool}),d}},72590:Q=>{Q.exports=function(a,l,f){return a===l?!0:a.className===l.className&&f(a.style,l.style)&&a.width===l.width&&a.autoSize===l.autoSize&&a.cols===l.cols&&a.draggableCancel===l.draggableCancel&&a.draggableHandle===l.draggableHandle&&f(a.verticalCompact,l.verticalCompact)&&f(a.compactType,l.compactType)&&f(a.layout,l.layout)&&f(a.margin,l.margin)&&f(a.containerPadding,l.containerPadding)&&a.rowHeight===l.rowHeight&&a.maxRows===l.maxRows&&a.isBounded===l.isBounded&&a.isDraggable===l.isDraggable&&a.isResizable===l.isResizable&&a.allowOverlap===l.allowOverlap&&a.preventCollision===l.preventCollision&&a.useCSSTransforms===l.useCSSTransforms&&a.transformScale===l.transformScale&&a.isDroppable===l.isDroppable&&f(a.resizeHandles,l.resizeHandles)&&f(a.resizeHandle,l.resizeHandle)&&a.onLayoutChange===l.onLayoutChange&&a.onDragStart===l.onDragStart&&a.onDrag===l.onDrag&&a.onDragStop===l.onDragStop&&a.onResizeStart===l.onResizeStart&&a.onResize===l.onResize&&a.onResizeStop===l.onResizeStop&&a.onDrop===l.onDrop&&f(a.droppingItem,l.droppingItem)&&f(a.innerRef,l.innerRef)}},3108:(Q,v,a)=>{"use strict";Object.defineProperty(v,"__esModule",{value:!0}),v.findOrGenerateResponsiveLayout=m,v.getBreakpointFromWidth=f,v.getColsFromBreakpoint=h,v.sortBreakpoints=T;var l=a(38426);function f(y,L){const W=T(y);let B=W[0];for(let O=1,E=W.length;O<E;O++){const H=W[O];L>y[H]&&(B=H)}return B}function h(y,L){if(!L[y])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+y+" is missing!");return L[y]}function m(y,L,W,B,O,E){if(y[W])return(0,l.cloneLayout)(y[W]);let H=y[B];const Z=T(L),z=Z.slice(Z.indexOf(W));for(let u=0,d=z.length;u<d;u++){const c=z[u];if(y[c]){H=y[c];break}}return H=(0,l.cloneLayout)(H||[]),(0,l.compact)((0,l.correctBounds)(H,{cols:O}),E,O)}function T(y){return Object.keys(y).sort(function(W,B){return y[W]-y[B]})}},38426:(Q,v,a)=>{"use strict";Object.defineProperty(v,"__esModule",{value:!0}),v.bottom=y,v.childrenEqual=E,v.cloneLayout=L,v.cloneLayoutItem=O,v.collides=z,v.compact=u,v.compactItem=n,v.compactType=ee,v.correctBounds=o,v.fastPositionEqual=Z,v.fastRGLPropsEqual=void 0,v.getAllCollisions=R,v.getFirstCollision=p,v.getLayoutItem=i,v.getStatics=P,v.modifyLayout=W,v.moveElement=b,v.moveElementAwayFromCollision=w,v.noop=void 0,v.perc=A,v.resizeItemInDirection=ce,v.setTopLeft=D,v.setTransform=ue,v.sortLayoutItems=M,v.sortLayoutItemsByColRow=F,v.sortLayoutItemsByRowCol=q,v.synchronizeLayoutWithChildren=k,v.validateLayout=J,v.withLayoutItem=B;var l=a(87953),f=h(a(96540));function h(t){return t&&t.__esModule?t:{default:t}}const m=!0,T=!1;function y(t){let e=0,r;for(let s=0,g=t.length;s<g;s++)r=t[s].y+t[s].h,r>e&&(e=r);return e}function L(t){const e=Array(t.length);for(let r=0,s=t.length;r<s;r++)e[r]=O(t[r]);return e}function W(t,e){const r=Array(t.length);for(let s=0,g=t.length;s<g;s++)e.i===t[s].i?r[s]=e:r[s]=t[s];return r}function B(t,e,r){let s=i(t,e);return s?(s=r(O(s)),t=W(t,s),[t,s]):[t,null]}function O(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:!!t.moved,static:!!t.static,isDraggable:t.isDraggable,isResizable:t.isResizable,resizeHandles:t.resizeHandles,isBounded:t.isBounded}}function E(t,e){return(0,l.deepEqual)(f.default.Children.map(t,r=>r?.key),f.default.Children.map(e,r=>r?.key))&&(0,l.deepEqual)(f.default.Children.map(t,r=>r?.props["data-grid"]),f.default.Children.map(e,r=>r?.props["data-grid"]))}const H=v.fastRGLPropsEqual=a(72590);function Z(t,e){return t.left===e.left&&t.top===e.top&&t.width===e.width&&t.height===e.height}function z(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 u(t,e,r,s){const g=P(t),C=M(t,e),S=Array(t.length);for(let N=0,ne=C.length;N<ne;N++){let re=O(C[N]);re.static||(re=n(g,re,e,r,C,s),g.push(re)),S[t.indexOf(C[N])]=re,re.moved=!1}return S}const d={x:"w",y:"h"};function c(t,e,r,s){const g=d[s];e[s]+=1;const C=t.map(S=>S.i).indexOf(e.i);for(let S=C+1;S<t.length;S++){const N=t[S];if(!N.static){if(N.y>e.y+e.h)break;z(e,N)&&c(t,N,r+e[g],s)}}e[s]=r}function n(t,e,r,s,g,C){const S=r==="vertical",N=r==="horizontal";if(S)for(e.y=Math.min(y(t),e.y);e.y>0&&!p(t,e);)e.y--;else if(N)for(;e.x>0&&!p(t,e);)e.x--;let ne;for(;(ne=p(t,e))&&!(r===null&&C);)if(N?c(g,e,ne.x+ne.w,"x"):c(g,e,ne.y+ne.h,"y"),N&&e.x+e.w>s)for(e.x=s-e.w,e.y++;e.x>0&&!p(t,e);)e.x--;return e.y=Math.max(e.y,0),e.x=Math.max(e.x,0),e}function o(t,e){const r=P(t);for(let s=0,g=t.length;s<g;s++){const C=t[s];if(C.x+C.w>e.cols&&(C.x=e.cols-C.w),C.x<0&&(C.x=0,C.w=e.cols),!C.static)r.push(C);else for(;p(r,C);)C.y++}return t}function i(t,e){for(let r=0,s=t.length;r<s;r++)if(t[r].i===e)return t[r]}function p(t,e){for(let r=0,s=t.length;r<s;r++)if(z(t[r],e))return t[r]}function R(t,e){return t.filter(r=>z(r,e))}function P(t){return t.filter(e=>e.static)}function b(t,e,r,s,g,C,S,N,ne){if(e.static&&e.isDraggable!==!0||e.y===s&&e.x===r)return t;te(`Moving element ${e.i} to [${String(r)},${String(s)}] from [${e.x},${e.y}]`);const re=e.x,fe=e.y;typeof r=="number"&&(e.x=r),typeof s=="number"&&(e.y=s),e.moved=!0;let le=M(t,S);(S==="vertical"&&typeof s=="number"?fe>=s:S==="horizontal"&&typeof r=="number"?re>=r:!1)&&(le=le.reverse());const he=R(le,e),pe=he.length>0;if(pe&&ne)return L(t);if(pe&&C)return te(`Collision prevented on ${e.i}, reverting.`),e.x=re,e.y=fe,e.moved=!1,t;for(let ge=0,me=he.length;ge<me;ge++){const oe=he[ge];te(`Resolving collision between ${e.i} at [${e.x},${e.y}] and ${oe.i} at [${oe.x},${oe.y}]`),!oe.moved&&(oe.static?t=w(t,oe,e,g,S,N):t=w(t,e,oe,g,S,N))}return t}function w(t,e,r,s,g,C){const S=g==="horizontal",N=g==="vertical",ne=e.static;if(s){s=!1;const le={x:S?Math.max(e.x-r.w,0):r.x,y:N?Math.max(e.y-r.h,0):r.y,w:r.w,h:r.h,i:"-1"},de=p(t,le),he=de&&de.y+de.h>e.y,pe=de&&e.x+e.w>de.x;if(de){if(he&&N)return b(t,r,void 0,e.y+1,s,ne,g,C);if(he&&g==null)return e.y=r.y,r.y=r.y+r.h,t;if(pe&&S)return b(t,e,r.x,void 0,s,ne,g,C)}else return te(`Doing reverse collision on ${r.i} up to [${le.x},${le.y}].`),b(t,r,S?le.x:void 0,N?le.y:void 0,s,ne,g,C)}const re=S?r.x+1:void 0,fe=N?r.y+1:void 0;return re==null&&fe==null?t:b(t,r,S?r.x+1:void 0,N?r.y+1:void 0,s,ne,g,C)}function A(t){return t*100+"%"}const G=(t,e,r,s)=>t+r>s?e:r,U=(t,e,r)=>t<0?e:r,I=t=>Math.max(0,t),j=t=>Math.max(0,t),$=(t,e,r)=>{let{left:s,height:g,width:C}=e;const S=t.top-(g-t.height);return{left:s,width:C,height:U(S,t.height,g),top:j(S)}},Y=(t,e,r)=>{let{top:s,left:g,height:C,width:S}=e;return{top:s,height:C,width:G(t.left,t.width,S,r),left:I(g)}},V=(t,e,r)=>{let{top:s,height:g,width:C}=e;const S=t.left-(C-t.width);return{height:g,width:S<0?t.width:G(t.left,t.width,C,r),top:j(s),left:I(S)}},X=(t,e,r)=>{let{top:s,left:g,height:C,width:S}=e;return{width:S,left:g,height:U(s,t.height,C),top:j(s)}},se={n:$,ne:function(){return $(arguments.length<=0?void 0:arguments[0],Y(...arguments),arguments.length<=2?void 0:arguments[2])},e:Y,se:function(){return X(arguments.length<=0?void 0:arguments[0],Y(...arguments),arguments.length<=2?void 0:arguments[2])},s:X,sw:function(){return X(arguments.length<=0?void 0:arguments[0],V(...arguments),arguments.length<=2?void 0:arguments[2])},w:V,nw:function(){return $(arguments.length<=0?void 0:arguments[0],V(...arguments),arguments.length<=2?void 0:arguments[2])}};function ce(t,e,r,s){const g=se[t];return g?g(e,{...e,...r},s):r}function ue(t){let{top:e,left:r,width:s,height:g}=t;const C=`translate(${r}px,${e}px)`;return{transform:C,WebkitTransform:C,MozTransform:C,msTransform:C,OTransform:C,width:`${s}px`,height:`${g}px`,position:"absolute"}}function D(t){let{top:e,left:r,width:s,height:g}=t;return{top:`${e}px`,left:`${r}px`,width:`${s}px`,height:`${g}px`,position:"absolute"}}function M(t,e){return e==="horizontal"?F(t):e==="vertical"?q(t):t}function q(t){return t.slice(0).sort(function(e,r){return e.y>r.y||e.y===r.y&&e.x>r.x?1:e.y===r.y&&e.x===r.x?0:-1})}function F(t){return t.slice(0).sort(function(e,r){return e.x>r.x||e.x===r.x&&e.y>r.y?1:-1})}function k(t,e,r,s,g){t=t||[];const C=[];f.default.Children.forEach(e,N=>{if(N?.key==null)return;const ne=i(t,String(N.key)),re=N.props["data-grid"];ne&&re==null?C.push(O(ne)):re?(m||J([re],"ReactGridLayout.children"),C.push(O({...re,i:N.key}))):C.push(O({w:1,h:1,x:0,y:y(C),i:String(N.key)}))});const S=o(C,{cols:r});return g?S:u(S,s,r)}function J(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Layout";const r=["x","y","w","h"];if(!Array.isArray(t))throw new Error(e+" must be an array!");for(let s=0,g=t.length;s<g;s++){const C=t[s];for(let S=0;S<r.length;S++)if(typeof C[r[S]]!="number")throw new Error("ReactGridLayout: "+e+"["+s+"]."+r[S]+" must be a number!")}}function ee(t){const{verticalCompact:e,compactType:r}=t||{};return e===!1?null:r}function te(){T&&console.log(...arguments)}const x=()=>{};v.noop=x},66816:(Q,v,a)=>{Q.exports=a(59742).default,Q.exports.utils=a(38426),Q.exports.calculateUtils=a(82134),Q.exports.Responsive=a(59864).default,Q.exports.Responsive.utils=a(3108),Q.exports.WidthProvider=a(35001).default},87953:function(Q,v){(function(a,l){l(v)})(this,function(a){"use strict";function l(D){return function(q,F,k,J,ee,te,x){return D(q,F,x)}}function f(D){return function(q,F,k,J){if(!q||!F||typeof q!="object"||typeof F!="object")return D(q,F,k,J);var ee=J.get(q),te=J.get(F);if(ee&&te)return ee===F&&te===q;J.set(q,F),J.set(F,q);var x=D(q,F,k,J);return J.delete(q),J.delete(F),x}}function h(D,M){var q={};for(var F in D)q[F]=D[F];for(var F in M)q[F]=M[F];return q}function m(D){return D.constructor===Object||D.constructor==null}function T(D){return typeof D.then=="function"}function y(D,M){return D===M||D!==D&&M!==M}var L="[object Arguments]",W="[object Boolean]",B="[object Date]",O="[object RegExp]",E="[object Map]",H="[object Number]",Z="[object Object]",z="[object Set]",u="[object String]",d=Object.prototype.toString;function c(D){var M=D.areArraysEqual,q=D.areDatesEqual,F=D.areMapsEqual,k=D.areObjectsEqual,J=D.areRegExpsEqual,ee=D.areSetsEqual,te=D.createIsNestedEqual,x=te(t);function t(e,r,s){if(e===r)return!0;if(!e||!r||typeof e!="object"||typeof r!="object")return e!==e&&r!==r;if(m(e)&&m(r))return k(e,r,x,s);var g=Array.isArray(e),C=Array.isArray(r);if(g||C)return g===C&&M(e,r,x,s);var S=d.call(e);return S!==d.call(r)?!1:S===B?q(e,r,x,s):S===O?J(e,r,x,s):S===E?F(e,r,x,s):S===z?ee(e,r,x,s):S===Z||S===L?T(e)||T(r)?!1:k(e,r,x,s):S===W||S===H||S===u?y(e.valueOf(),r.valueOf()):!1}return t}function n(D,M,q,F){var k=D.length;if(M.length!==k)return!1;for(;k-- >0;)if(!q(D[k],M[k],k,k,D,M,F))return!1;return!0}var o=f(n);function i(D,M){return y(D.valueOf(),M.valueOf())}function p(D,M,q,F){var k=D.size===M.size;if(!k)return!1;if(!D.size)return!0;var J={},ee=0;return D.forEach(function(te,x){if(k){var t=!1,e=0;M.forEach(function(r,s){!t&&!J[e]&&(t=q(x,s,ee,e,D,M,F)&&q(te,r,x,s,D,M,F))&&(J[e]=!0),e++}),ee++,k=t}}),k}var R=f(p),P="_owner",b=Object.prototype.hasOwnProperty;function w(D,M,q,F){var k=Object.keys(D),J=k.length;if(Object.keys(M).length!==J)return!1;for(var ee;J-- >0;){if(ee=k[J],ee===P){var te=!!D.$$typeof,x=!!M.$$typeof;if((te||x)&&te!==x)return!1}if(!b.call(M,ee)||!q(D[ee],M[ee],ee,ee,D,M,F))return!1}return!0}var A=f(w);function G(D,M){return D.source===M.source&&D.flags===M.flags}function U(D,M,q,F){var k=D.size===M.size;if(!k)return!1;if(!D.size)return!0;var J={};return D.forEach(function(ee,te){if(k){var x=!1,t=0;M.forEach(function(e,r){!x&&!J[t]&&(x=q(ee,e,te,r,D,M,F))&&(J[t]=!0),t++}),k=x}}),k}var I=f(U),j=Object.freeze({areArraysEqual:n,areDatesEqual:i,areMapsEqual:p,areObjectsEqual:w,areRegExpsEqual:G,areSetsEqual:U,createIsNestedEqual:l}),$=Object.freeze({areArraysEqual:o,areDatesEqual:i,areMapsEqual:R,areObjectsEqual:A,areRegExpsEqual:G,areSetsEqual:I,createIsNestedEqual:l}),Y=c(j);function V(D,M){return Y(D,M,void 0)}var X=c(h(j,{createIsNestedEqual:function(){return y}}));function ae(D,M){return X(D,M,void 0)}var _=c($);function ie(D,M){return _(D,M,new WeakMap)}var K=c(h($,{createIsNestedEqual:function(){return y}}));function se(D,M){return K(D,M,new WeakMap)}function ce(D){return c(h(j,D(j)))}function ue(D){var M=c(h($,D($)));return function(q,F,k){return k===void 0&&(k=new WeakMap),M(q,F,k)}}a.circularDeepEqual=ie,a.circularShallowEqual=se,a.createCustomCircularEqual=ue,a.createCustomEqual=ce,a.deepEqual=V,a.sameValueZeroEqual=y,a.shallowEqual=ae,Object.defineProperty(a,"__esModule",{value:!0})})}}]);

//# sourceMappingURL=6263.8772fd2cb0ab4fd085a8.js.map