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

      &:hover {
        background: ${y.colors.background.secondary};
      }
    `,backButton:P.css`
      display: flex;
      align-items: center;
      cursor: pointer;
      padding-left: ${y.spacing(.5)};
      width: ${y.spacing(4)};
    `,noMargin:P.css`
      margin: 0;
    `}};var w=o(82378),S=o(20308),I=o(18271),a=o(5191),m=o(35029),t=o(7804),e=o(94270),n=o(24799),i=o(46967),g=o(31403),u=o(21599);const O=({repeat:y,title:R,onUpdate:v,onCancel:M})=>{const[W,G]=(0,r.useState)(y),de=(0,r.useCallback)(ae=>G(ae),[G]);return r.createElement(e.l,{defaultValues:{title:R},onSubmit:ae=>{v(ae.title,W)}},({register:ae})=>r.createElement(r.Fragment,null,r.createElement(n.g,{label:"Title"},r.createElement(i.I,{...ae("title"),type:"text"})),r.createElement(n.g,{label:"Repeat for"},r.createElement(u.X,{repeat:W,onChange:de})),r.createElement(m.u.ButtonRow,null,r.createElement(g.zx,{type:"button",variant:"secondary",onClick:M,fill:"outline"},"Cancel"),r.createElement(g.zx,{type:"submit"},"Update"))))},E=({repeat:y,title:R,onDismiss:v,onUpdate:M})=>{const W=A();return r.createElement(m.u,{isOpen:!0,title:"Row options",icon:"copy",onDismiss:v,className:W.modal},r.createElement(O,{repeat:y,title:R,onCancel:v,onUpdate:M}))},A=(0,t.B)(()=>({modal:P.css`
      label: RowOptionsModal;
      width: 500px;
    `})),U=({repeat:y,title:R,onUpdate:v})=>{const M=W=>(G,de)=>{v(G,de),W()};return r.createElement(a.JY,null,({showModal:W,hideModal:G})=>r.createElement("button",{type:"button",className:"pointer","aria-label":"Row options",onClick:()=>{W(E,{title:R,repeat:y,onDismiss:G,onUpdate:M(G)})}},r.createElement(ie.J,{name:"cog"})))};U.displayName="RowOptionsButton";class ee extends r.Component{constructor(){super(...arguments),this.onVariableUpdated=()=>{this.forceUpdate()},this.onToggle=()=>{this.props.dashboard.toggleRow(this.props.panel)},this.onUpdate=(R,v)=>{this.props.panel.setProperty("title",R),this.props.panel.setProperty("repeat",v??void 0),this.props.panel.render(),this.props.dashboard.processRepeats(),this.forceUpdate()},this.onDelete=()=>{I.Z.publish(new j.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(w.U5,this.onVariableUpdated)}componentWillUnmount(){this.sub&&this.sub.unsubscribe()}render(){const R=B()({"dashboard-row":!0,"dashboard-row--collapsed":this.props.panel.collapsed}),v=(0,S.J)().replace(this.props.panel.title,this.props.panel.scopedVars,"text"),M=this.props.panel.panels?this.props.panel.panels.length:0,W=M===1?"panel":"panels",G=this.props.dashboard.meta.canEdit===!0;return r.createElement("div",{className:R,"data-testid":"dashboard-row-container"},r.createElement("button",{className:"dashboard-row__title pointer",type:"button","data-testid":pe.wl.components.DashboardRow.title(v),onClick:this.onToggle},r.createElement(ie.J,{name:this.props.panel.collapsed?"angle-right":"angle-down"}),v,r.createElement("span",{className:"dashboard-row__panel_count"},"(",M," ",W,")")),G&&r.createElement("div",{className:"dashboard-row__actions"},r.createElement(U,{title:this.props.panel.title,repeat:this.props.panel.repeat,onUpdate:this.onUpdate}),r.createElement("button",{type:"button",className:"pointer",onClick:this.onDelete,"aria-label":"Delete row"},r.createElement(ie.J,{name:"trash-alt"}))),this.props.panel.collapsed===!0&&r.createElement("div",{className:"dashboard-row__toggle-target",onClick:this.onToggle},"\xA0"),G&&r.createElement("div",{"data-testid":"dashboard-row-drag",className:"dashboard-row__drag grid-drag-handle"}))}}var Z=o(663),F=o(27876);const re=({dashboard:y,canCreate:R})=>{const v=(0,Y.wW)(ne),M=(0,F.useDispatch)(),W=(0,F.useSelector)(G=>G.dashboard.initialDatasource);return r.createElement("div",{className:v.centeredContent},r.createElement("div",{className:(0,P.cx)(v.centeredContent,v.wrapper)},r.createElement("div",{className:(0,P.cx)(v.containerBox,v.centeredContent,v.visualizationContainer)},r.createElement("h1",{className:(0,P.cx)(v.headerSection,v.headerBig)},r.createElement(Q.cC,{i18nKey:"dashboard.empty.add-visualization-header"},"Start your new dashboard by adding a visualization")),r.createElement("div",{className:(0,P.cx)(v.bodySection,v.bodyBig)},r.createElement(Q.cC,{i18nKey:"dashboard.empty.add-visualization-body"},"Select a data source and then query and visualize your data with charts, stats and tables or create lists, markdowns and other widgets.")),r.createElement(g.zx,{size:"lg",icon:"plus","aria-label":"Add new panel",onClick:()=>{const G=(0,Z.LU)(y,W);(0,X.ff)("dashboards_emptydashboard_clicked",{item:"add_visualization"}),oe.E1.partial({editPanel:G,firstPanel:!0}),M((0,l.Rd)(void 0))},disabled:!R},r.createElement(Q.cC,{i18nKey:"dashboard.empty.add-visualization-button"},"Add visualization"))),r.createElement("div",{className:(0,P.cx)(v.centeredContent,v.others)},r.createElement("div",{className:(0,P.cx)(v.containerBox,v.centeredContent,v.rowContainer)},r.createElement("h3",{className:(0,P.cx)(v.headerSection,v.headerSmall)},r.createElement(Q.cC,{i18nKey:"dashboard.empty.add-row-header"},"Add a row")),r.createElement("div",{className:(0,P.cx)(v.bodySection,v.bodySmall)},r.createElement(Q.cC,{i18nKey:"dashboard.empty.add-row-body"},"Group your visualizations into expandable sections.")),r.createElement(g.zx,{icon:"plus",fill:"outline","aria-label":"Add new row",onClick:()=>{(0,X.ff)("dashboards_emptydashboard_clicked",{item:"add_row"}),(0,Z.L_)(y)},disabled:!R},r.createElement(Q.cC,{i18nKey:"dashboard.empty.add-row-button"},"Add row"))),r.createElement("div",{className:(0,P.cx)(v.containerBox,v.centeredContent,v.libraryContainer)},r.createElement("h3",{className:(0,P.cx)(v.headerSection,v.headerSmall)},r.createElement(Q.cC,{i18nKey:"dashboard.empty.add-import-header"},"Import panel")),r.createElement("div",{className:(0,P.cx)(v.bodySection,v.bodySmall)},r.createElement(Q.cC,{i18nKey:"dashboard.empty.add-import-body"},"Import visualizations that are shared with other dashboards.")),r.createElement(g.zx,{icon:"plus",fill:"outline","aria-label":"Add new panel from panel library",onClick:()=>{(0,X.ff)("dashboards_emptydashboard_clicked",{item:"import_from_library"}),(0,Z.RB)(y)},disabled:!R},r.createElement(Q.cC,{i18nKey:"dashboard.empty.add-import-button"},"Import library panel"))))))};function ne(y){return{wrapper:(0,P.css)({label:"dashboard-empty-wrapper",flexDirection:"column",maxWidth:"890px",gap:y.spacing.gridSize*4}),containerBox:(0,P.css)({label:"container-box",flexDirection:"column",boxSizing:"border-box",border:"1px dashed rgba(110, 159, 255, 0.5)"}),centeredContent:(0,P.css)({label:"centered",display:"flex",alignItems:"center",justifyContent:"center"}),visualizationContainer:(0,P.css)({label:"visualization-container",padding:y.spacing.gridSize*4}),others:(0,P.css)({label:"others-wrapper",alignItems:"stretch",flexDirection:"row",gap:y.spacing.gridSize*4,[y.breakpoints.down("sm")]:{flexDirection:"column"}}),rowContainer:(0,P.css)({label:"row-container",padding:y.spacing.gridSize*3}),libraryContainer:(0,P.css)({label:"library-container",padding:y.spacing.gridSize*3}),visualizationContent:(0,P.css)({gap:y.spacing.gridSize*2}),headerSection:(0,P.css)({label:"header-section",fontWeight:y.typography.fontWeightMedium,textAlign:"center"}),headerBig:(0,P.css)({marginBottom:y.spacing.gridSize*2}),headerSmall:(0,P.css)({marginBottom:y.spacing.gridSize}),bodySection:(0,P.css)({label:"body-section",fontWeight:y.typography.fontWeightRegular,fontSize:y.typography.body.fontSize,lineHeight:y.typography.body.lineHeight,color:y.colors.text.secondary,textAlign:"center"}),bodyBig:(0,P.css)({maxWidth:"75%",marginBottom:y.spacing.gridSize*4}),bodySmall:(0,P.css)({marginBottom:y.spacing.gridSize*3})}}var se=o(79417);class ue extends r.PureComponent{constructor(R){super(R),this.panelMap={},this.eventSubs=new L.w0,this.windowHeight=1200,this.windowWidth=1920,this.gridWidth=0,this.lastPanelBottom=0,this.onLayoutChange=v=>{for(const M of v)this.panelMap[M.i].updateGridPos(M,this.state.isLayoutInitialized);this.props.dashboard.sortPanelsByGridPos(),this.state.isLayoutInitialized||this.setState({isLayoutInitialized:!0})},this.triggerForceUpdate=()=>{this.forceUpdate()},this.updateGridPos=(v,M)=>{this.panelMap[v.i].updateGridPos(v)},this.onResize=(v,M,W)=>{this.panelMap[W.i].updateGridPos(W)},this.onResizeStop=(v,M,W)=>{this.updateGridPos(W,v)},this.onDragStop=(v,M,W)=>{this.updateGridPos(W,v)},this.state={isLayoutInitialized:!1}}componentDidMount(){const{dashboard:R}=this.props;this.eventSubs.add(R.events.subscribe(j._B,this.triggerForceUpdate))}componentWillUnmount(){this.eventSubs.unsubscribe()}buildLayout(){const R=[];this.panelMap={};for(const v of this.props.dashboard.panels){if(v.key||(v.key=`panel-${v.id}-${Date.now()}`),this.panelMap[v.key]=v,!v.gridPos){console.log("panel without gridpos");continue}const M={i:v.key,x:v.gridPos.x,y:v.gridPos.y,w:v.gridPos.w,h:v.gridPos.h};v.type==="row"&&(M.w=N.cz,M.h=1,M.isResizable=!1,M.isDraggable=v.collapsed),R.push(M)}return R}getPanelScreenPos(R,v){let M=0;return v<$.v.theme2.breakpoints.values.md?M=this.lastPanelBottom+N.hD:M=le(R.gridPos.y)+N.hD,this.lastPanelBottom=M+le(R.gridPos.h),{top:M,bottom:this.lastPanelBottom}}renderPanels(R,v){const M=[];this.lastPanelBottom=0,this.gridWidth!==R&&(this.windowHeight=window.innerHeight??1e3,this.windowWidth=window.innerWidth,this.gridWidth=R);for(const W of this.props.dashboard.panels){const G=B()({"react-grid-item--fullscreen":W.isViewing});M.push(r.createElement(J,{key:W.key,className:G,"data-panelid":W.id,gridPos:W.gridPos,gridWidth:R,windowHeight:this.windowHeight,windowWidth:this.windowWidth,isViewing:W.isViewing},(de,ae)=>this.renderPanel(W,de,ae,v)))}return M}renderPanel(R,v,M,W){return R.type==="row"?r.createElement(ee,{key:R.key,panel:R,dashboard:this.props.dashboard}):R.type==="add-panel"?r.createElement(c,{key:R.key,panel:R,dashboard:this.props.dashboard}):R.type==="add-library-panel"?r.createElement(_,{key:R.key,panel:R,dashboard:this.props.dashboard}):r.createElement(se.l,{key:R.key,stateKey:R.key,panel:R,dashboard:this.props.dashboard,isEditing:R.isEditing,isViewing:R.isViewing,isDraggable:W,width:v,height:M,hideMenu:this.props.hidePanelMenus})}render(){const{dashboard:R,isEditable:v}=this.props,M=R.panels&&R.panels.length>0;return r.createElement("div",{style:{flex:"1 1 auto",display:this.props.editPanel?"none":void 0}},r.createElement(C.Z,{disableHeight:!0},({width:W})=>{if(W===0)return null;const G=W<=769?!1:v;return $.v.featureToggles.emptyDashboardPage?M?r.createElement("div",{style:{width:`${W}px`,height:"100%"}},r.createElement(D(),{width:W,isDraggable:G,isResizable:v,containerPadding:[0,0],useCSSTransforms:!1,margin:[N.hD,N.hD],cols:N.cz,rowHeight:N.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(W,G))):r.createElement("div",{style:{width:`${W}px`,height:"100%",padding:`${G?"100px 0":"0"}`}},r.createElement(re,{dashboard:R,canCreate:v})):r.createElement("div",{style:{width:`${W}px`,height:"100%"}},r.createElement(D(),{width:W,isDraggable:G,isResizable:v,containerPadding:[0,0],useCSSTransforms:!1,margin:[N.hD,N.hD],cols:N.cz,rowHeight:N.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(W,G)))}))}}const J=r.forwardRef((y,R)=>{const v=$.v.theme2;let M=100,W=100;const{gridWidth:G,gridPos:de,isViewing:ae,windowHeight:me,windowWidth:ye,...ve}=y,be=y.style??{};return ae?(M=G,W=me*.85,be.height=W,be.width="100%"):ye<v.breakpoints.values.md?(M=y.gridWidth,W=le(de.h),be.height=W,be.width="100%"):(M=parseFloat(y.style.width),W=parseFloat(y.style.height)),r.createElement("div",{...ve,ref:R},[y.children[0](M,W),y.children.slice(1)])});function le(y){return y*(N.K3+N.hD)-N.hD}J.displayName="GridItemWithDimensions"},75966:(ce,x,o)=>{"use strict";function p(H){return p=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(s){return typeof s}:function(s){return s&&typeof Symbol=="function"&&s.constructor===Symbol&&s!==Symbol.prototype?"symbol":typeof s},p(H)}Object.defineProperty(x,"__esModule",{value:!0}),x.default=void 0;var B=j(o(66111)),r=j(o(89449)),K=o(58911),D=o(87638),C=o(22922),L=o(48635),$=o(29634),N=j(o(46376));function j(H){return H&&H.__esModule?H:{default:H}}function P(H,s){var f=Object.keys(H);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(H);s&&(l=l.filter(function(b){return Object.getOwnPropertyDescriptor(H,b).enumerable})),f.push.apply(f,l)}return f}function k(H){for(var s=1;s<arguments.length;s++){var f=arguments[s]!=null?arguments[s]:{};s%2?P(Object(f),!0).forEach(function(l){X(H,l,f[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(H,Object.getOwnPropertyDescriptors(f)):P(Object(f)).forEach(function(l){Object.defineProperty(H,l,Object.getOwnPropertyDescriptor(f,l))})}return H}function Y(H,s){if(!(H instanceof s))throw new TypeError("Cannot call a class as a function")}function te(H,s){for(var f=0;f<s.length;f++){var l=s[f];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(H,l.key,l)}}function Q(H,s,f){return s&&te(H.prototype,s),f&&te(H,f),Object.defineProperty(H,"prototype",{writable:!1}),H}function V(H,s){if(typeof s!="function"&&s!==null)throw new TypeError("Super expression must either be null or a function");H.prototype=Object.create(s&&s.prototype,{constructor:{value:H,writable:!0,configurable:!0}}),Object.defineProperty(H,"prototype",{writable:!1}),s&&_(H,s)}function _(H,s){return _=Object.setPrototypeOf||function(l,b){return l.__proto__=b,l},_(H,s)}function ge(H){var s=pe();return function(){var l=oe(H),b;if(s){var T=oe(this).constructor;b=Reflect.construct(l,arguments,T)}else b=l.apply(this,arguments);return he(this,b)}}function he(H,s){if(s&&(p(s)==="object"||typeof s=="function"))return s;if(s!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return q(H)}function q(H){if(H===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return H}function pe(){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 oe(H){return oe=Object.setPrototypeOf?Object.getPrototypeOf:function(f){return f.__proto__||Object.getPrototypeOf(f)},oe(H)}function X(H,s,f){return s in H?Object.defineProperty(H,s,{value:f,enumerable:!0,configurable:!0,writable:!0}):H[s]=f,H}var ie=function(H){V(f,H);var s=ge(f);function f(){var l;Y(this,f);for(var b=arguments.length,T=new Array(b),z=0;z<b;z++)T[z]=arguments[z];return l=s.call.apply(s,[this].concat(T)),X(q(l),"state",{resizing:null,dragging:null,className:""}),X(q(l),"elementRef",B.default.createRef()),X(q(l),"onDragStart",function(c,d){var h=d.node,w=l.props,S=w.onDragStart,I=w.transformScale;if(S){var a={top:0,left:0},m=h.offsetParent;if(m){var t=m.getBoundingClientRect(),e=h.getBoundingClientRect(),n=e.left/I,i=t.left/I,g=e.top/I,u=t.top/I;a.left=n-i+m.scrollLeft,a.top=g-u+m.scrollTop,l.setState({dragging:a});var O=(0,L.calcXY)(l.getPositionParams(),a.top,a.left,l.props.w,l.props.h),E=O.x,A=O.y;return S.call(q(l),l.props.i,E,A,{e:c,node:h,newPosition:a})}}}),X(q(l),"onDrag",function(c,d){var h=d.node,w=d.deltaX,S=d.deltaY,I=l.props.onDrag;if(I){if(!l.state.dragging)throw new Error("onDrag called before onDragStart.");var a=l.state.dragging.top+S,m=l.state.dragging.left+w,t=l.props,e=t.isBounded,n=t.i,i=t.w,g=t.h,u=t.containerWidth,O=l.getPositionParams();if(e){var E=h.offsetParent;if(E){var A=l.props,U=A.margin,ee=A.rowHeight,Z=E.clientHeight-(0,L.calcGridItemWHPx)(g,ee,U[1]);a=(0,L.clamp)(a,0,Z);var F=(0,L.calcGridColWidth)(O),re=u-(0,L.calcGridItemWHPx)(i,F,U[0]);m=(0,L.clamp)(m,0,re)}}var ne={top:a,left:m};l.setState({dragging:ne});var se=(0,L.calcXY)(O,a,m,i,g),ue=se.x,J=se.y;return I.call(q(l),n,ue,J,{e:c,node:h,newPosition:ne})}}),X(q(l),"onDragStop",function(c,d){var h=d.node,w=l.props.onDragStop;if(w){if(!l.state.dragging)throw new Error("onDragEnd called before onDragStart.");var S=l.props,I=S.w,a=S.h,m=S.i,t=l.state.dragging,e=t.left,n=t.top,i={top:n,left:e};l.setState({dragging:null});var g=(0,L.calcXY)(l.getPositionParams(),n,e,I,a),u=g.x,O=g.y;return w.call(q(l),m,u,O,{e:c,node:h,newPosition:i})}}),X(q(l),"onResizeStop",function(c,d){l.onResizeHandler(c,d,"onResizeStop")}),X(q(l),"onResizeStart",function(c,d){l.onResizeHandler(c,d,"onResizeStart")}),X(q(l),"onResize",function(c,d){l.onResizeHandler(c,d,"onResize")}),l}return Q(f,[{key:"shouldComponentUpdate",value:function(b,T){if(this.props.children!==b.children||this.props.droppingPosition!==b.droppingPosition)return!0;var z=(0,L.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),c=(0,L.calcGridItemPosition)(this.getPositionParams(b),b.x,b.y,b.w,b.h,T);return!(0,C.fastPositionEqual)(z,c)||this.props.useCSSTransforms!==b.useCSSTransforms}},{key:"componentDidMount",value:function(){this.moveDroppingItem({})}},{key:"componentDidUpdate",value:function(b){this.moveDroppingItem(b)}},{key:"moveDroppingItem",value:function(b){var T=this.props.droppingPosition;if(T){var z=this.elementRef.current;if(z){var c=b.droppingPosition||{left:0,top:0},d=this.state.dragging,h=d&&T.left!==c.left||T.top!==c.top;if(!d)this.onDragStart(T.e,{node:z,deltaX:T.left,deltaY:T.top});else if(h){var w=T.left-d.left,S=T.top-d.top;this.onDrag(T.e,{node:z,deltaX:w,deltaY:S})}}}}},{key:"getPositionParams",value:function(){var b=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:b.cols,containerPadding:b.containerPadding,containerWidth:b.containerWidth,margin:b.margin,maxRows:b.maxRows,rowHeight:b.rowHeight}}},{key:"createStyle",value:function(b){var T=this.props,z=T.usePercentages,c=T.containerWidth,d=T.useCSSTransforms,h;return d?h=(0,C.setTransform)(b):(h=(0,C.setTopLeft)(b),z&&(h.left=(0,C.perc)(b.left/c),h.width=(0,C.perc)(b.width/c))),h}},{key:"mixinDraggable",value:function(b,T){return B.default.createElement(K.DraggableCore,{disabled:!T,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},b)}},{key:"mixinResizable",value:function(b,T,z){var c=this.props,d=c.cols,h=c.x,w=c.minW,S=c.minH,I=c.maxW,a=c.maxH,m=c.transformScale,t=c.resizeHandles,e=c.resizeHandle,n=this.getPositionParams(),i=(0,L.calcGridItemPosition)(n,0,0,d-h,0).width,g=(0,L.calcGridItemPosition)(n,0,0,w,S),u=(0,L.calcGridItemPosition)(n,0,0,I,a),O=[g.width,g.height],E=[Math.min(u.width,i),Math.min(u.height,1/0)];return B.default.createElement(D.Resizable,{draggableOpts:{disabled:!z},className:z?void 0:"react-resizable-hide",width:T.width,height:T.height,minConstraints:O,maxConstraints:E,onResizeStop:this.onResizeStop,onResizeStart:this.onResizeStart,onResize:this.onResize,transformScale:m,resizeHandles:t,handle:e},b)}},{key:"onResizeHandler",value:function(b,T,z){var c=T.node,d=T.size,h=this.props[z];if(h){var w=this.props,S=w.cols,I=w.x,a=w.y,m=w.i,t=w.maxH,e=w.minH,n=this.props,i=n.minW,g=n.maxW,u=(0,L.calcWH)(this.getPositionParams(),d.width,d.height,I,a),O=u.w,E=u.h;i=Math.max(i,1),g=Math.min(g,S-I),O=(0,L.clamp)(O,i,g),E=(0,L.clamp)(E,e,t),this.setState({resizing:z==="onResizeStop"?null:d}),h.call(this,m,O,E,{e:b,node:c,size:d})}}},{key:"render",value:function(){var b=this.props,T=b.x,z=b.y,c=b.w,d=b.h,h=b.isDraggable,w=b.isResizable,S=b.droppingPosition,I=b.useCSSTransforms,a=(0,L.calcGridItemPosition)(this.getPositionParams(),T,z,c,d,this.state),m=B.default.Children.only(this.props.children),t=B.default.cloneElement(m,{ref:this.elementRef,className:(0,N.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(S),cssTransforms:I}),style:k(k(k({},this.props.style),m.props.style),this.createStyle(a))});return t=this.mixinResizable(t,a,w),t=this.mixinDraggable(t,h),t}}]),f}(B.default.Component);x.default=ie,X(ie,"propTypes",{children:r.default.element,cols:r.default.number.isRequired,containerWidth:r.default.number.isRequired,rowHeight:r.default.number.isRequired,margin:r.default.array.isRequired,maxRows:r.default.number.isRequired,containerPadding:r.default.array.isRequired,x:r.default.number.isRequired,y:r.default.number.isRequired,w:r.default.number.isRequired,h:r.default.number.isRequired,minW:function(s,f){var l=s[f];if(typeof l!="number")return new Error("minWidth not Number");if(l>s.w||l>s.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(s,f){var l=s[f];if(typeof l!="number")return new Error("maxWidth not Number");if(l<s.w||l<s.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(s,f){var l=s[f];if(typeof l!="number")return new Error("minHeight not Number");if(l>s.h||l>s.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(s,f){var l=s[f];if(typeof l!="number")return new Error("maxHeight not Number");if(l<s.h||l<s.minH)return new Error("maxHeight smaller than item height/minHeight")},i:r.default.string.isRequired,resizeHandles:$.resizeHandleAxesType,resizeHandle:$.resizeHandleType,onDragStop:r.default.func,onDragStart:r.default.func,onDrag:r.default.func,onResizeStop:r.default.func,onResizeStart:r.default.func,onResize:r.default.func,isDraggable:r.default.bool.isRequired,isResizable:r.default.bool.isRequired,isBounded:r.default.bool.isRequired,static:r.default.bool,useCSSTransforms:r.default.bool.isRequired,transformScale:r.default.number,className:r.default.string,handle:r.default.string,cancel:r.default.string,droppingPosition:r.default.shape({e:r.default.object.isRequired,left:r.default.number.isRequired,top:r.default.number.isRequired})}),X(ie,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1})},55400:(ce,x,o)=>{"use strict";function p(a){return p=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},p(a)}Object.defineProperty(x,"__esModule",{value:!0}),x.default=void 0;var B=P(o(66111)),r=N(o(66571)),K=N(o(46376)),D=o(22922),C=o(48635),L=N(o(75966)),$=N(o(29634));function N(a){return a&&a.__esModule?a:{default:a}}function j(a){if(typeof WeakMap!="function")return null;var m=new WeakMap,t=new WeakMap;return(j=function(n){return n?t:m})(a)}function P(a,m){if(!m&&a&&a.__esModule)return a;if(a===null||p(a)!=="object"&&typeof a!="function")return{default:a};var t=j(m);if(t&&t.has(a))return t.get(a);var e={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in a)if(i!=="default"&&Object.prototype.hasOwnProperty.call(a,i)){var g=n?Object.getOwnPropertyDescriptor(a,i):null;g&&(g.get||g.set)?Object.defineProperty(e,i,g):e[i]=a[i]}return e.default=a,t&&t.set(a,e),e}function k(a){return Q(a)||te(a)||q(a)||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 te(a){if(typeof Symbol<"u"&&a[Symbol.iterator]!=null||a["@@iterator"]!=null)return Array.from(a)}function Q(a){if(Array.isArray(a))return pe(a)}function V(a,m){var t=Object.keys(a);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(a);m&&(e=e.filter(function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable})),t.push.apply(t,e)}return t}function _(a){for(var m=1;m<arguments.length;m++){var t=arguments[m]!=null?arguments[m]:{};m%2?V(Object(t),!0).forEach(function(e){h(a,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):V(Object(t)).forEach(function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(t,e))})}return a}function ge(a,m){return X(a)||oe(a,m)||q(a,m)||he()}function he(){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 q(a,m){if(a){if(typeof a=="string")return pe(a,m);var t=Object.prototype.toString.call(a).slice(8,-1);if(t==="Object"&&a.constructor&&(t=a.constructor.name),t==="Map"||t==="Set")return Array.from(a);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return pe(a,m)}}function pe(a,m){(m==null||m>a.length)&&(m=a.length);for(var t=0,e=new Array(m);t<m;t++)e[t]=a[t];return e}function oe(a,m){var t=a==null?null:typeof Symbol<"u"&&a[Symbol.iterator]||a["@@iterator"];if(t!=null){var e=[],n=!0,i=!1,g,u;try{for(t=t.call(a);!(n=(g=t.next()).done)&&(e.push(g.value),!(m&&e.length===m));n=!0);}catch(O){i=!0,u=O}finally{try{!n&&t.return!=null&&t.return()}finally{if(i)throw u}}return e}}function X(a){if(Array.isArray(a))return a}function ie(a,m){if(!(a instanceof m))throw new TypeError("Cannot call a class as a function")}function H(a,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(a,e.key,e)}}function s(a,m,t){return m&&H(a.prototype,m),t&&H(a,t),Object.defineProperty(a,"prototype",{writable:!1}),a}function f(a,m){if(typeof m!="function"&&m!==null)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(m&&m.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),Object.defineProperty(a,"prototype",{writable:!1}),m&&l(a,m)}function l(a,m){return l=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e},l(a,m)}function b(a){var m=c();return function(){var e=d(a),n;if(m){var i=d(this).constructor;n=Reflect.construct(e,arguments,i)}else n=e.apply(this,arguments);return T(this,n)}}function T(a,m){if(m&&(p(m)==="object"||typeof m=="function"))return m;if(m!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return z(a)}function z(a){if(a===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function c(){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(a){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},d(a)}function h(a,m,t){return m in a?Object.defineProperty(a,m,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[m]=t,a}var w="react-grid-layout",S=!1;try{S=/firefox/i.test(navigator.userAgent)}catch{}var I=function(a){f(t,a);var m=b(t);function t(){var e;ie(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(z(e),"state",{activeDrag:null,layout:(0,D.synchronizeLayoutWithChildren)(e.props.layout,e.props.children,e.props.cols,(0,D.compactType)(e.props),e.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),h(z(e),"dragEnterCounter",0),h(z(e),"onDragStart",function(u,O,E,A){var U=A.e,ee=A.node,Z=e.state.layout,F=(0,D.getLayoutItem)(Z,u);if(F)return e.setState({oldDragItem:(0,D.cloneLayoutItem)(F),oldLayout:Z}),e.props.onDragStart(Z,F,F,null,U,ee)}),h(z(e),"onDrag",function(u,O,E,A){var U=A.e,ee=A.node,Z=e.state.oldDragItem,F=e.state.layout,re=e.props,ne=re.cols,se=re.allowOverlap,ue=re.preventCollision,J=(0,D.getLayoutItem)(F,u);if(J){var le={w:J.w,h:J.h,x:J.x,y:J.y,placeholder:!0,i:u},y=!0;F=(0,D.moveElement)(F,J,O,E,y,ue,(0,D.compactType)(e.props),ne,se),e.props.onDrag(F,Z,J,le,U,ee),e.setState({layout:se?F:(0,D.compact)(F,(0,D.compactType)(e.props),ne),activeDrag:le})}}),h(z(e),"onDragStop",function(u,O,E,A){var U=A.e,ee=A.node;if(e.state.activeDrag){var Z=e.state.oldDragItem,F=e.state.layout,re=e.props,ne=re.cols,se=re.preventCollision,ue=re.allowOverlap,J=(0,D.getLayoutItem)(F,u);if(J){var le=!0;F=(0,D.moveElement)(F,J,O,E,le,se,(0,D.compactType)(e.props),ne,ue),e.props.onDragStop(F,Z,J,null,U,ee);var y=ue?F:(0,D.compact)(F,(0,D.compactType)(e.props),ne),R=e.state.oldLayout;e.setState({activeDrag:null,layout:y,oldDragItem:null,oldLayout:null}),e.onLayoutMaybeChanged(y,R)}}}),h(z(e),"onResizeStart",function(u,O,E,A){var U=A.e,ee=A.node,Z=e.state.layout,F=(0,D.getLayoutItem)(Z,u);F&&(e.setState({oldResizeItem:(0,D.cloneLayoutItem)(F),oldLayout:e.state.layout}),e.props.onResizeStart(Z,F,F,null,U,ee))}),h(z(e),"onResize",function(u,O,E,A){var U=A.e,ee=A.node,Z=e.state,F=Z.layout,re=Z.oldResizeItem,ne=e.props,se=ne.cols,ue=ne.preventCollision,J=ne.allowOverlap,le=(0,D.withLayoutItem)(F,u,function(W){var G;if(ue&&!J){var de=(0,D.getAllCollisions)(F,_(_({},W),{},{w:O,h:E})).filter(function(ye){return ye.i!==W.i});if(G=de.length>0,G){var ae=1/0,me=1/0;de.forEach(function(ye){ye.x>W.x&&(ae=Math.min(ae,ye.x)),ye.y>W.y&&(me=Math.min(me,ye.y))}),Number.isFinite(ae)&&(W.w=ae-W.x),Number.isFinite(me)&&(W.h=me-W.y)}}return G||(W.w=O,W.h=E),W}),y=ge(le,2),R=y[0],v=y[1];if(v){var M={w:v.w,h:v.h,x:v.x,y:v.y,static:!0,i:u};e.props.onResize(R,re,v,M,U,ee),e.setState({layout:J?R:(0,D.compact)(R,(0,D.compactType)(e.props),se),activeDrag:M})}}),h(z(e),"onResizeStop",function(u,O,E,A){var U=A.e,ee=A.node,Z=e.state,F=Z.layout,re=Z.oldResizeItem,ne=e.props,se=ne.cols,ue=ne.allowOverlap,J=(0,D.getLayoutItem)(F,u);e.props.onResizeStop(F,re,J,null,U,ee);var le=ue?F:(0,D.compact)(F,(0,D.compactType)(e.props),se),y=e.state.oldLayout;e.setState({activeDrag:null,layout:le,oldResizeItem:null,oldLayout:null}),e.onLayoutMaybeChanged(le,y)}),h(z(e),"onDragOver",function(u){var O;if(u.preventDefault(),u.stopPropagation(),S&&!((O=u.nativeEvent.target)!==null&&O!==void 0&&O.classList.contains(w)))return!1;var E=e.props,A=E.droppingItem,U=E.onDropDragOver,ee=E.margin,Z=E.cols,F=E.rowHeight,re=E.maxRows,ne=E.width,se=E.containerPadding,ue=E.transformScale,J=U?.(u);if(J===!1)return e.state.droppingDOMNode&&e.removeDroppingPlaceholder(),!1;var le=_(_({},A),J),y=e.state.layout,R=u.nativeEvent,v=R.layerX,M=R.layerY,W={left:v/ue,top:M/ue,e:u};if(e.state.droppingDOMNode){if(e.state.droppingPosition){var ae=e.state.droppingPosition,me=ae.left,ye=ae.top,ve=me!=v||ye!=M;ve&&e.setState({droppingPosition:W})}}else{var G={cols:Z,margin:ee,maxRows:re,rowHeight:F,containerWidth:ne,containerPadding:se||ee},de=(0,C.calcXY)(G,M,v,le.w,le.h);e.setState({droppingDOMNode:B.createElement("div",{key:le.i}),droppingPosition:W,layout:[].concat(k(y),[_(_({},le),{},{x:de.x,y:de.y,static:!1,isDraggable:!0})])})}}),h(z(e),"removeDroppingPlaceholder",function(){var u=e.props,O=u.droppingItem,E=u.cols,A=e.state.layout,U=(0,D.compact)(A.filter(function(ee){return ee.i!==O.i}),(0,D.compactType)(e.props),E);e.setState({layout:U,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),h(z(e),"onDragLeave",function(u){u.preventDefault(),u.stopPropagation(),e.dragEnterCounter--,e.dragEnterCounter===0&&e.removeDroppingPlaceholder()}),h(z(e),"onDragEnter",function(u){u.preventDefault(),u.stopPropagation(),e.dragEnterCounter++}),h(z(e),"onDrop",function(u){u.preventDefault(),u.stopPropagation();var O=e.props.droppingItem,E=e.state.layout,A=E.find(function(U){return U.i===O.i});e.dragEnterCounter=0,e.removeDroppingPlaceholder(),e.props.onDrop(E,A,u)}),e}return s(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,D.fastRGLPropsEqual)(this.props,n,r.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,D.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,r.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,O=i.margin,E=i.containerPadding,A=i.rowHeight,U=i.maxRows,ee=i.useCSSTransforms,Z=i.transformScale;return B.createElement(L.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:O,containerPadding:E||O,maxRows:U,rowHeight:A,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:ee,transformScale:Z},B.createElement("div",null))}},{key:"processGridItem",value:function(n,i){if(!(!n||!n.key)){var g=(0,D.getLayoutItem)(this.state.layout,String(n.key));if(!g)return null;var u=this.props,O=u.width,E=u.cols,A=u.margin,U=u.containerPadding,ee=u.rowHeight,Z=u.maxRows,F=u.isDraggable,re=u.isResizable,ne=u.isBounded,se=u.useCSSTransforms,ue=u.transformScale,J=u.draggableCancel,le=u.draggableHandle,y=u.resizeHandles,R=u.resizeHandle,v=this.state,M=v.mounted,W=v.droppingPosition,G=typeof g.isDraggable=="boolean"?g.isDraggable:!g.static&&F,de=typeof g.isResizable=="boolean"?g.isResizable:!g.static&&re,ae=g.resizeHandles||y,me=G&&ne&&g.isBounded!==!1;return B.createElement(L.default,{containerWidth:O,cols:E,margin:A,containerPadding:U||A,maxRows:Z,rowHeight:ee,cancel:J,handle:le,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:G,isResizable:de,isBounded:me,useCSSTransforms:se&&M,usePercentages:!M,transformScale:ue,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?W:void 0,resizeHandles:ae,resizeHandle:R},n)}}},{key:"render",value:function(){var n=this,i=this.props,g=i.className,u=i.style,O=i.isDroppable,E=i.innerRef,A=(0,K.default)(w,g),U=_({height:this.containerHeight()},u);return B.createElement("div",{ref:E,className:A,style:U,onDrop:O?this.onDrop:D.noop,onDragLeave:O?this.onDragLeave:D.noop,onDragEnter:O?this.onDragEnter:D.noop,onDragOver:O?this.onDragOver:D.noop},B.Children.map(this.props.children,function(ee){return n.processGridItem(ee)}),O&&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,r.default)(n.layout,i.propsLayout)||n.compactType!==i.compactType?g=n.layout:(0,D.childrenEqual)(n.children,i.children)||(g=i.layout),g){var u=(0,D.synchronizeLayoutWithChildren)(g,n.children,n.cols,(0,D.compactType)(n),n.allowOverlap);return{layout:u,compactType:n.compactType,children:n.children,propsLayout:n.layout}}return null}}]),t}(B.Component);x.default=I,h(I,"displayName","ReactGridLayout"),h(I,"propTypes",$.default),h(I,"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:D.noop,onDragStart:D.noop,onDrag:D.noop,onDragStop:D.noop,onResizeStart:D.noop,onResize:D.noop,onResizeStop:D.noop,onDrop:D.noop,onDropDragOver:D.noop})},29634:(ce,x,o)=>{"use strict";Object.defineProperty(x,"__esModule",{value:!0}),x.resizeHandleType=x.resizeHandleAxesType=x.default=void 0;var p=r(o(89449)),B=r(o(66111));function r(L){return L&&L.__esModule?L:{default:L}}var K=p.default.arrayOf(p.default.oneOf(["s","w","e","n","sw","nw","se","ne"]));x.resizeHandleAxesType=K;var D=p.default.oneOfType([p.default.node,p.default.func]);x.resizeHandleType=D;var C={className:p.default.string,style:p.default.object,width:p.default.number,autoSize:p.default.bool,cols:p.default.number,draggableCancel:p.default.string,draggableHandle:p.default.string,verticalCompact:function($){$.verticalCompact},compactType:p.default.oneOf(["vertical","horizontal"]),layout:function($){var N=$.layout;N!==void 0&&o(22922).validateLayout(N,"layout")},margin:p.default.arrayOf(p.default.number),containerPadding:p.default.arrayOf(p.default.number),rowHeight:p.default.number,maxRows:p.default.number,isBounded:p.default.bool,isDraggable:p.default.bool,isResizable:p.default.bool,allowOverlap:p.default.bool,preventCollision:p.default.bool,useCSSTransforms:p.default.bool,transformScale:p.default.number,isDroppable:p.default.bool,resizeHandles:K,resizeHandle:D,onLayoutChange:p.default.func,onDragStart:p.default.func,onDrag:p.default.func,onDragStop:p.default.func,onResizeStart:p.default.func,onResize:p.default.func,onResizeStop:p.default.func,onDrop:p.default.func,droppingItem:p.default.shape({i:p.default.string.isRequired,w:p.default.number.isRequired,h:p.default.number.isRequired}),children:function($,N){var j=$[N],P={};B.default.Children.forEach(j,function(k){if(k?.key!=null){if(P[k.key])throw new Error('Duplicate child key "'+k.key+'" found! This will cause problems in ReactGridLayout.');P[k.key]=!0}})},innerRef:p.default.any};x.default=C},42223:(ce,x,o)=>{"use strict";var p;function B(c){return B=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},B(c)}p={value:!0},x.default=void 0;var r=k(o(66111)),K=j(o(89449)),D=j(o(66571)),C=o(22922),L=o(90711),$=j(o(55400)),N=["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"];function j(c){return c&&c.__esModule?c:{default:c}}function P(c){if(typeof WeakMap!="function")return null;var d=new WeakMap,h=new WeakMap;return(P=function(S){return S?h:d})(c)}function k(c,d){if(!d&&c&&c.__esModule)return c;if(c===null||B(c)!=="object"&&typeof c!="function")return{default:c};var h=P(d);if(h&&h.has(c))return h.get(c);var w={},S=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var I in c)if(I!=="default"&&Object.prototype.hasOwnProperty.call(c,I)){var a=S?Object.getOwnPropertyDescriptor(c,I):null;a&&(a.get||a.set)?Object.defineProperty(w,I,a):w[I]=c[I]}return w.default=c,h&&h.set(c,w),w}function Y(){return Y=Object.assign||function(c){for(var d=1;d<arguments.length;d++){var h=arguments[d];for(var w in h)Object.prototype.hasOwnProperty.call(h,w)&&(c[w]=h[w])}return c},Y.apply(this,arguments)}function te(c,d){if(c==null)return{};var h=Q(c,d),w,S;if(Object.getOwnPropertySymbols){var I=Object.getOwnPropertySymbols(c);for(S=0;S<I.length;S++)w=I[S],!(d.indexOf(w)>=0)&&Object.prototype.propertyIsEnumerable.call(c,w)&&(h[w]=c[w])}return h}function Q(c,d){if(c==null)return{};var h={},w=Object.keys(c),S,I;for(I=0;I<w.length;I++)S=w[I],!(d.indexOf(S)>=0)&&(h[S]=c[S]);return h}function V(c,d){var h=Object.keys(c);if(Object.getOwnPropertySymbols){var w=Object.getOwnPropertySymbols(c);d&&(w=w.filter(function(S){return Object.getOwnPropertyDescriptor(c,S).enumerable})),h.push.apply(h,w)}return h}function _(c){for(var d=1;d<arguments.length;d++){var h=arguments[d]!=null?arguments[d]:{};d%2?V(Object(h),!0).forEach(function(w){l(c,w,h[w])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(h)):V(Object(h)).forEach(function(w){Object.defineProperty(c,w,Object.getOwnPropertyDescriptor(h,w))})}return c}function ge(c,d){if(!(c instanceof d))throw new TypeError("Cannot call a class as a function")}function he(c,d){for(var h=0;h<d.length;h++){var w=d[h];w.enumerable=w.enumerable||!1,w.configurable=!0,"value"in w&&(w.writable=!0),Object.defineProperty(c,w.key,w)}}function q(c,d,h){return d&&he(c.prototype,d),h&&he(c,h),Object.defineProperty(c,"prototype",{writable:!1}),c}function pe(c,d){if(typeof d!="function"&&d!==null)throw new TypeError("Super expression must either be null or a function");c.prototype=Object.create(d&&d.prototype,{constructor:{value:c,writable:!0,configurable:!0}}),Object.defineProperty(c,"prototype",{writable:!1}),d&&oe(c,d)}function oe(c,d){return oe=Object.setPrototypeOf||function(w,S){return w.__proto__=S,w},oe(c,d)}function X(c){var d=s();return function(){var w=f(c),S;if(d){var I=f(this).constructor;S=Reflect.construct(w,arguments,I)}else S=w.apply(this,arguments);return ie(this,S)}}function ie(c,d){if(d&&(B(d)==="object"||typeof d=="function"))return d;if(d!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return H(c)}function H(c){if(c===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return c}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 f(c){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(h){return h.__proto__||Object.getPrototypeOf(h)},f(c)}function l(c,d,h){return d in c?Object.defineProperty(c,d,{value:h,enumerable:!0,configurable:!0,writable:!0}):c[d]=h,c}var b=function(d){return Object.prototype.toString.call(d)};function T(c,d){return c==null?null:Array.isArray(c)?c:c[d]}var z=function(c){pe(h,c);var d=X(h);function h(){var w;ge(this,h);for(var S=arguments.length,I=new Array(S),a=0;a<S;a++)I[a]=arguments[a];return w=d.call.apply(d,[this].concat(I)),l(H(w),"state",w.generateInitialState()),l(H(w),"onLayoutChange",function(m){w.props.onLayoutChange(m,_(_({},w.props.layouts),{},l({},w.state.breakpoint,m)))}),w}return q(h,[{key:"generateInitialState",value:function(){var S=this.props,I=S.width,a=S.breakpoints,m=S.layouts,t=S.cols,e=(0,L.getBreakpointFromWidth)(a,I),n=(0,L.getColsFromBreakpoint)(e,t),i=this.props.verticalCompact===!1?null:this.props.compactType,g=(0,L.findOrGenerateResponsiveLayout)(m,a,e,e,n,i);return{layout:g,breakpoint:e,cols:n}}},{key:"componentDidUpdate",value:function(S){(this.props.width!=S.width||this.props.breakpoint!==S.breakpoint||!(0,D.default)(this.props.breakpoints,S.breakpoints)||!(0,D.default)(this.props.cols,S.cols))&&this.onWidthChange(S)}},{key:"onWidthChange",value:function(S){var I=this.props,a=I.breakpoints,m=I.cols,t=I.layouts,e=I.compactType,n=this.props.breakpoint||(0,L.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),i=this.state.breakpoint,g=(0,L.getColsFromBreakpoint)(n,m),u=_({},t);if(i!==n||S.breakpoints!==a||S.cols!==m){i in u||(u[i]=(0,C.cloneLayout)(this.state.layout));var O=(0,L.findOrGenerateResponsiveLayout)(u,a,n,i,g,e);O=(0,C.synchronizeLayoutWithChildren)(O,this.props.children,g,e,this.props.allowOverlap),u[n]=O,this.props.onLayoutChange(O,u),this.props.onBreakpointChange(n,g),this.setState({breakpoint:n,layout:O,cols:g})}var E=T(this.props.margin,n),A=T(this.props.containerPadding,n);this.props.onWidthChange(this.props.width,E,g,A)}},{key:"render",value:function(){var S=this.props,I=S.breakpoint,a=S.breakpoints,m=S.cols,t=S.layouts,e=S.margin,n=S.containerPadding,i=S.onBreakpointChange,g=S.onLayoutChange,u=S.onWidthChange,O=te(S,N);return r.createElement($.default,Y({},O,{margin:T(e,this.state.breakpoint),containerPadding:T(n,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}],[{key:"getDerivedStateFromProps",value:function(S,I){if(!(0,D.default)(S.layouts,I.layouts)){var a=I.breakpoint,m=I.cols,t=(0,L.findOrGenerateResponsiveLayout)(S.layouts,S.breakpoints,a,a,m,S.compactType);return{layout:t,layouts:S.layouts}}return null}}]),h}(r.Component);x.default=z,l(z,"propTypes",{breakpoint:K.default.string,breakpoints:K.default.object,allowOverlap:K.default.bool,cols:K.default.object,margin:K.default.oneOfType([K.default.array,K.default.object]),containerPadding:K.default.oneOfType([K.default.array,K.default.object]),layouts:function(d,h){if(b(d[h])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+b(d[h]));Object.keys(d[h]).forEach(function(w){if(!(w in d.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,C.validateLayout)(d.layouts[w],"layouts."+w)})},width:K.default.number.isRequired,onBreakpointChange:K.default.func,onLayoutChange:K.default.func,onWidthChange:K.default.func}),l(z,"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:C.noop,onLayoutChange:C.noop,onWidthChange:C.noop})},48635:(ce,x)=>{"use strict";Object.defineProperty(x,"__esModule",{value:!0}),x.calcGridColWidth=o,x.calcGridItemPosition=B,x.calcGridItemWHPx=p,x.calcWH=K,x.calcXY=r,x.clamp=D;function o(C){var L=C.margin,$=C.containerPadding,N=C.containerWidth,j=C.cols;return(N-L[0]*(j-1)-$[0]*2)/j}function p(C,L,$){return Number.isFinite(C)?Math.round(L*C+Math.max(0,C-1)*$):C}function B(C,L,$,N,j,P){var k=C.margin,Y=C.containerPadding,te=C.rowHeight,Q=o(C),V={};return P&&P.resizing?(V.width=Math.round(P.resizing.width),V.height=Math.round(P.resizing.height)):(V.width=p(N,Q,k[0]),V.height=p(j,te,k[1])),P&&P.dragging?(V.top=Math.round(P.dragging.top),V.left=Math.round(P.dragging.left)):(V.top=Math.round((te+k[1])*$+Y[1]),V.left=Math.round((Q+k[0])*L+Y[0])),V}function r(C,L,$,N,j){var P=C.margin,k=C.cols,Y=C.rowHeight,te=C.maxRows,Q=o(C),V=Math.round(($-P[0])/(Q+P[0])),_=Math.round((L-P[1])/(Y+P[1]));return V=D(V,0,k-N),_=D(_,0,te-j),{x:V,y:_}}function K(C,L,$,N,j){var P=C.margin,k=C.maxRows,Y=C.cols,te=C.rowHeight,Q=o(C),V=Math.round((L+P[0])/(Q+P[0])),_=Math.round(($+P[1])/(te+P[1]));return V=D(V,0,Y-N),_=D(_,0,k-j),{w:V,h:_}}function D(C,L,$){return Math.max(Math.min(C,$),L)}},33963:(ce,x,o)=>{"use strict";var p;function B(s){return B=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(f){return typeof f}:function(f){return f&&typeof Symbol=="function"&&f.constructor===Symbol&&f!==Symbol.prototype?"symbol":typeof f},B(s)}p={value:!0},x.default=H;var r=N(o(66111)),K=L(o(89449)),D=L(o(46376)),C=["measureBeforeMount"];function L(s){return s&&s.__esModule?s:{default:s}}function $(s){if(typeof WeakMap!="function")return null;var f=new WeakMap,l=new WeakMap;return($=function(T){return T?l:f})(s)}function N(s,f){if(!f&&s&&s.__esModule)return s;if(s===null||B(s)!=="object"&&typeof s!="function")return{default:s};var l=$(f);if(l&&l.has(s))return l.get(s);var b={},T=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var z in s)if(z!=="default"&&Object.prototype.hasOwnProperty.call(s,z)){var c=T?Object.getOwnPropertyDescriptor(s,z):null;c&&(c.get||c.set)?Object.defineProperty(b,z,c):b[z]=s[z]}return b.default=s,l&&l.set(s,b),b}function j(){return j=Object.assign||function(s){for(var f=1;f<arguments.length;f++){var l=arguments[f];for(var b in l)Object.prototype.hasOwnProperty.call(l,b)&&(s[b]=l[b])}return s},j.apply(this,arguments)}function P(s,f){if(s==null)return{};var l=k(s,f),b,T;if(Object.getOwnPropertySymbols){var z=Object.getOwnPropertySymbols(s);for(T=0;T<z.length;T++)b=z[T],!(f.indexOf(b)>=0)&&Object.prototype.propertyIsEnumerable.call(s,b)&&(l[b]=s[b])}return l}function k(s,f){if(s==null)return{};var l={},b=Object.keys(s),T,z;for(z=0;z<b.length;z++)T=b[z],!(f.indexOf(T)>=0)&&(l[T]=s[T]);return l}function Y(s,f){if(!(s instanceof f))throw new TypeError("Cannot call a class as a function")}function te(s,f){for(var l=0;l<f.length;l++){var b=f[l];b.enumerable=b.enumerable||!1,b.configurable=!0,"value"in b&&(b.writable=!0),Object.defineProperty(s,b.key,b)}}function Q(s,f,l){return f&&te(s.prototype,f),l&&te(s,l),Object.defineProperty(s,"prototype",{writable:!1}),s}function V(s,f){if(typeof f!="function"&&f!==null)throw new TypeError("Super expression must either be null or a function");s.prototype=Object.create(f&&f.prototype,{constructor:{value:s,writable:!0,configurable:!0}}),Object.defineProperty(s,"prototype",{writable:!1}),f&&_(s,f)}function _(s,f){return _=Object.setPrototypeOf||function(b,T){return b.__proto__=T,b},_(s,f)}function ge(s){var f=pe();return function(){var b=oe(s),T;if(f){var z=oe(this).constructor;T=Reflect.construct(b,arguments,z)}else T=b.apply(this,arguments);return he(this,T)}}function he(s,f){if(f&&(B(f)==="object"||typeof f=="function"))return f;if(f!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return q(s)}function q(s){if(s===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return s}function pe(){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 oe(s){return oe=Object.setPrototypeOf?Object.getPrototypeOf:function(l){return l.__proto__||Object.getPrototypeOf(l)},oe(s)}function X(s,f,l){return f in s?Object.defineProperty(s,f,{value:l,enumerable:!0,configurable:!0,writable:!0}):s[f]=l,s}var ie="react-grid-layout";function H(s){var f;return f=function(l){V(T,l);var b=ge(T);function T(){var z;Y(this,T);for(var c=arguments.length,d=new Array(c),h=0;h<c;h++)d[h]=arguments[h];return z=b.call.apply(b,[this].concat(d)),X(q(z),"state",{width:1280}),X(q(z),"elementRef",r.createRef()),X(q(z),"mounted",!1),X(q(z),"onWindowResize",function(){if(z.mounted){var w=z.elementRef.current;w instanceof HTMLElement&&w.offsetWidth&&z.setState({width:w.offsetWidth})}}),z}return Q(T,[{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 c=this.props,d=c.measureBeforeMount,h=P(c,C);return d&&!this.mounted?r.createElement("div",{className:(0,D.default)(this.props.className,ie),style:this.props.style,ref:this.elementRef}):r.createElement(s,j({innerRef:this.elementRef},h,this.state))}}]),T}(r.Component),X(f,"defaultProps",{measureBeforeMount:!1}),X(f,"propTypes",{measureBeforeMount:K.default.bool}),f}},43820:ce=>{ce.exports=function(o,p,B){return o===p?!0:o.className===p.className&&B(o.style,p.style)&&o.width===p.width&&o.autoSize===p.autoSize&&o.cols===p.cols&&o.draggableCancel===p.draggableCancel&&o.draggableHandle===p.draggableHandle&&B(o.verticalCompact,p.verticalCompact)&&B(o.compactType,p.compactType)&&B(o.layout,p.layout)&&B(o.margin,p.margin)&&B(o.containerPadding,p.containerPadding)&&o.rowHeight===p.rowHeight&&o.maxRows===p.maxRows&&o.isBounded===p.isBounded&&o.isDraggable===p.isDraggable&&o.isResizable===p.isResizable&&o.allowOverlap===p.allowOverlap&&o.preventCollision===p.preventCollision&&o.useCSSTransforms===p.useCSSTransforms&&o.transformScale===p.transformScale&&o.isDroppable===p.isDroppable&&B(o.resizeHandles,p.resizeHandles)&&B(o.resizeHandle,p.resizeHandle)&&o.onLayoutChange===p.onLayoutChange&&o.onDragStart===p.onDragStart&&o.onDrag===p.onDrag&&o.onDragStop===p.onDragStop&&o.onResizeStart===p.onResizeStart&&o.onResize===p.onResize&&o.onResizeStop===p.onResizeStop&&o.onDrop===p.onDrop&&B(o.droppingItem,p.droppingItem)&&B(o.innerRef,p.innerRef)}},90711:(ce,x,o)=>{"use strict";Object.defineProperty(x,"__esModule",{value:!0}),x.findOrGenerateResponsiveLayout=K,x.getBreakpointFromWidth=B,x.getColsFromBreakpoint=r,x.sortBreakpoints=D;var p=o(22922);function B(C,L){for(var $=D(C),N=$[0],j=1,P=$.length;j<P;j++){var k=$[j];L>C[k]&&(N=k)}return N}function r(C,L){if(!L[C])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+C+" is missing!");return L[C]}function K(C,L,$,N,j,P){if(C[$])return(0,p.cloneLayout)(C[$]);for(var k=C[N],Y=D(L),te=Y.slice(Y.indexOf($)),Q=0,V=te.length;Q<V;Q++){var _=te[Q];if(C[_]){k=C[_];break}}return k=(0,p.cloneLayout)(k||[]),(0,p.compact)((0,p.correctBounds)(k,{cols:j}),P,j)}function D(C){var L=Object.keys(C);return L.sort(function($,N){return C[$]-C[N]})}},22922:(ce,x,o)=>{"use strict";Object.defineProperty(x,"__esModule",{value:!0}),x.bottom=N,x.childrenEqual=te,x.cloneLayout=j,x.cloneLayoutItem=Y,x.collides=_,x.compact=ge,x.compactItem=pe,x.compactType=I,x.correctBounds=oe,x.fastPositionEqual=V,x.fastRGLPropsEqual=void 0,x.getAllCollisions=H,x.getFirstCollision=ie,x.getLayoutItem=X,x.getStatics=s,x.modifyLayout=P,x.moveElement=f,x.moveElementAwayFromCollision=l,x.noop=void 0,x.perc=b,x.setTopLeft=z,x.setTransform=T,x.sortLayoutItems=c,x.sortLayoutItemsByColRow=h,x.sortLayoutItemsByRowCol=d,x.synchronizeLayoutWithChildren=w,x.validateLayout=S,x.withLayoutItem=k;var p=r(o(66571)),B=r(o(66111));function r(t){return t&&t.__esModule?t:{default:t}}function K(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 D(t){for(var e=1;e<arguments.length;e++){var n=arguments[e]!=null?arguments[e]:{};e%2?K(Object(n),!0).forEach(function(i){C(t,i,n[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(n,i))})}return t}function C(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var L=!0,$=!1;function N(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 j(t){for(var e=Array(t.length),n=0,i=t.length;n<i;n++)e[n]=Y(t[n]);return e}function P(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 k(t,e,n){var i=X(t,e);return i?(i=n(Y(i)),t=P(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 te(t,e){return(0,p.default)(B.default.Children.map(t,function(n){return n?.key}),B.default.Children.map(e,function(n){return n?.key}))}var Q=o(43820);x.fastRGLPropsEqual=Q;function V(t,e){return t.left===e.left&&t.top===e.top&&t.width===e.width&&t.height===e.height}function _(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 ge(t,e,n){for(var i=s(t),g=c(t,e),u=Array(t.length),O=0,E=g.length;O<E;O++){var A=Y(g[O]);A.static||(A=pe(i,A,e,n,g),i.push(A)),u[t.indexOf(g[O])]=A,A.moved=!1}return u}var he={x:"w",y:"h"};function q(t,e,n,i){var g=he[i];e[i]+=1;for(var u=t.map(function(A){return A.i}).indexOf(e.i),O=u+1;O<t.length;O++){var E=t[O];if(!E.static){if(E.y>e.y+e.h)break;_(e,E)&&q(t,E,n+e[g],i)}}e[i]=n}function pe(t,e,n,i,g){var u=n==="vertical",O=n==="horizontal";if(u)for(e.y=Math.min(N(t),e.y);e.y>0&&!ie(t,e);)e.y--;else if(O)for(;e.x>0&&!ie(t,e);)e.x--;for(var E;E=ie(t,e);)O?q(g,e,E.x+E.w,"x"):q(g,e,E.y+E.h,"y"),O&&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 oe(t,e){for(var n=s(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(;ie(n,u);)u.y++}return t}function X(t,e){for(var n=0,i=t.length;n<i;n++)if(t[n].i===e)return t[n]}function ie(t,e){for(var n=0,i=t.length;n<i;n++)if(_(t[n],e))return t[n]}function H(t,e){return t.filter(function(n){return _(n,e)})}function s(t){return t.filter(function(e){return e.static})}function f(t,e,n,i,g,u,O,E,A){if(e.static&&e.isDraggable!==!0||e.y===i&&e.x===n)return t;a("Moving element ".concat(e.i," to [").concat(String(n),",").concat(String(i),"] from [").concat(e.x,",").concat(e.y,"]"));var U=e.x,ee=e.y;typeof n=="number"&&(e.x=n),typeof i=="number"&&(e.y=i),e.moved=!0;var Z=c(t,O),F=O==="vertical"&&typeof i=="number"?ee>=i:O==="horizontal"&&typeof n=="number"?U>=n:!1;F&&(Z=Z.reverse());var re=H(Z,e),ne=re.length>0;if(ne&&A)return j(t);if(ne&&u)return a("Collision prevented on ".concat(e.i,", reverting.")),e.x=U,e.y=ee,e.moved=!1,t;for(var se=0,ue=re.length;se<ue;se++){var J=re[se];a("Resolving collision between ".concat(e.i," at [").concat(e.x,",").concat(e.y,"] and ").concat(J.i," at [").concat(J.x,",").concat(J.y,"]")),!J.moved&&(J.static?t=l(t,J,e,g,O,E):t=l(t,e,J,g,O,E))}return t}function l(t,e,n,i,g,u){var O=g==="horizontal",E=g!=="horizontal",A=e.static;if(i){i=!1;var U={x:O?Math.max(e.x-n.w,0):n.x,y:E?Math.max(e.y-n.h,0):n.y,w:n.w,h:n.h,i:"-1"};if(!ie(t,U))return a("Doing reverse collision on ".concat(n.i," up to [").concat(U.x,",").concat(U.y,"].")),f(t,n,O?U.x:void 0,E?U.y:void 0,i,A,g,u)}return f(t,n,O?n.x+1:void 0,E?n.y+1:void 0,i,A,g,u)}function b(t){return t*100+"%"}function T(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 z(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 c(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 w(t,e,n,i,g){t=t||[];var u=[];B.default.Children.forEach(e,function(E){if(E?.key!=null){var A=X(t,String(E.key));if(A)u.push(Y(A));else{!L&&E.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 U=E.props["data-grid"]||E.props._grid;U?(L||S([U],"ReactGridLayout.children"),u.push(Y(D(D({},U),{},{i:E.key})))):u.push(Y({w:1,h:1,x:0,y:N(u),i:String(E.key)}))}}});var O=oe(u,{cols:n});return g?O:ge(O,i,n)}function S(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],O=0;O<n.length;O++)if(typeof u[n[O]]!="number")throw new Error("ReactGridLayout: "+e+"["+i+"]."+n[O]+" must be a number!")}function I(t){var e=t||{},n=e.verticalCompact,i=e.compactType;return n===!1?null:i}function a(){var t;$&&(t=console).log.apply(t,arguments)}var m=function(){};x.noop=m},97717:(ce,x,o)=>{ce.exports=o(55400).default,ce.exports.utils=o(22922),ce.exports.Responsive=o(42223).default,ce.exports.Responsive.utils=o(90711),ce.exports.WidthProvider=o(33963).default}}]);

//# sourceMappingURL=6647.850996e193008a98bba1.js.map