(self.webpackChunkgrafana=self.webpackChunkgrafana||[]).push([[4161],{19873:(de,D,a)=>{"use strict";a.d(D,{u:()=>E});var p=a(41407),M=a(39953),r=a(33155),X=a(35358),R=a(57721);const E=({initError:A})=>A?M.createElement("div",{className:C.dashboardLoading},M.createElement(r.b,{severity:R.AppNotificationSeverity.Error,title:A.message},(0,X.i)(A.error))):null,C={dashboardLoading:(0,p.css)`
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
  `}},69234:(de,D,a)=>{"use strict";a.d(D,{B:()=>A});var p=a(41407),M=a(39953),r=a(13601),X=a(82803),R=a(12223),E=a(28409),C=a(4919);const A=({initPhase:$})=>{const k=(0,X.wW)(N),L=()=>{r.E1.push("/")};return M.createElement("div",{className:k.dashboardLoading},M.createElement("div",{className:k.dashboardLoadingText},M.createElement(R.wc,{spacing:"md"},M.createElement(R.Lh,{align:"center",justify:"center",spacing:"xs"},M.createElement(E.$,{inline:!0})," ",$)," ",M.createElement(R.Lh,{align:"center",justify:"center"},M.createElement(C.zx,{variant:"secondary",size:"md",icon:"repeat",onClick:L},"Cancel loading dashboard")))))},N=$=>{const k="0.5s",L=(0,p.keyframes)`
    0% { opacity: 0%; }
    100% { opacity: 100%; }
  `;return{dashboardLoading:(0,p.css)`
      height: 60vh;
      display: flex;
      opacity: 0%;
      align-items: center;
      justify-content: center;
      animation: ${L} 0s step-end ${k} 1 normal forwards;
    `,dashboardLoadingText:(0,p.css)`
      font-size: ${$.typography.h4.fontSize};
    `}}},59357:(de,D,a)=>{"use strict";a.d(D,{X:()=>R});var p=a(39953),M=a(9558),r=a(57721),X=a(45882);const R=({repeat:E,onChange:C,id:A})=>{const N=(0,r.useSelector)(L=>(0,X.gt)((0,X.S_)(L),L)),$=(0,p.useMemo)(()=>{const L=N.map(J=>({label:J.name,value:J.name}));return L.length===0&&L.unshift({label:"No template variables found",value:null}),L.unshift({label:"Disable repeating",value:null}),L},[N]),k=(0,p.useCallback)(L=>C(L.value),[C]);return p.createElement(M.Ph,{inputId:A,value:E,onChange:k,options:$})}},75671:(de,D,a)=>{"use strict";a.d(D,{Z:()=>De});var p=a(77814),M=a.n(p),r=a(39953),X=a(84051),R=a.n(X),E=a(19977),C=a(31544),A=a(32688),N=a(74602),$=a(97125),k=a(73431),L=a(41407),J=a(63374),ne=a(82803),oe=a(68497),G=a(62679),K=a(13880);const ye=({panel:P,dashboard:w})=>{const H=Z=>{Z.preventDefault(),w.removePanel(P)},T=Z=>{const{gridPos:he}=P,Oe={...Z.model,gridPos:he,libraryPanel:Z};w.addPanel(Oe),w.removePanel(P)},j=(0,ne.wW)(ve);return r.createElement("div",{className:j.wrapper},r.createElement("div",{className:(0,L.cx)("panel-container",j.callToAction)},r.createElement("div",{className:(0,L.cx)(j.headerRow,"grid-drag-handle")},r.createElement("span",null,r.createElement(G.cC,{i18nKey:"library-panel.add-widget.title"},"Add panel from panel library")),r.createElement("div",{className:"flex-grow-1"}),r.createElement(oe.h,{"aria-label":"Close 'Add Panel' widget",name:"times",onClick:H,tooltip:"Close widget"})),r.createElement(K.N,{onClick:T,variant:K.e.Tight,showPanelFilter:!0})))},ve=P=>{const w=(0,L.keyframes)({"0%":{boxShadow:`0 0 0 2px ${P.colors.background.canvas}, 0 0 0px 4px ${P.colors.primary.main}`},"50%":{boxShadow:`0 0 0 2px ${P.components.dashboard.background}, 0 0 0px 4px ${(0,J.Z)(P.colors.primary.main).darken(20).toHexString()}`},"100%":{boxShadow:`0 0 0 2px ${P.components.dashboard.background}, 0 0 0px 4px  ${P.colors.primary.main}`}});return{wrapper:(0,L.css)({height:"100%",paddingTop:`${P.spacing(.5)}`}),headerRow:(0,L.css)({display:"flex",alignItems:"center",height:"38px",flexShrink:0,width:"100%",fontSize:P.typography.fontSize,fontWeight:P.typography.fontWeightMedium,paddingLeft:`${P.spacing(1)}`,transition:"background-color 0.1s ease-in-out",cursor:"move","&:hover":{background:`${P.colors.background.secondary}`}}),callToAction:(0,L.css)({overflow:"hidden",outline:"2px dotted transparent",outlineOffset:"2px",boxShadow:"0 0 0 2px black, 0 0 0px 4px #1f60c4",animation:`${w} 2s ease infinite`})}};var Y=a(86832),ge=a(89772),q=a(28888),_=a(13601),re=a(72639),z=a(12190),i=a(18330),f=a(50820),l=a(23062),y=a(795);const W=()=>{const P=(0,Y.chain)(f.default.panels).filter({hideFromList:!1}).map(T=>T).value(),w=[],H=l.Z.get(N.zF);if(H){const T=JSON.parse(H),j=(0,Y.find)(P,{id:T.type});if(j){const Z=(0,Y.cloneDeep)(j);Z.name=T.title,Z.sort=-1,Z.defaults=T,w.push(Z)}}return(0,Y.sortBy)(w,"sort")},x=({panel:P,dashboard:w})=>{const[H,T]=(0,r.useState)(!1),j=le=>{le.preventDefault(),w.removePanel(P)},Z=()=>{T(!1)},he=()=>{const{gridPos:le}=P,be={type:"timeseries",title:"Panel Title",datasource:P.datasource,gridPos:{x:le.x,y:le.y,w:le.w,h:le.h},isNew:!0};w.addPanel(be),w.removePanel(P),_.E1.partial({editPanel:be.id})},Oe=le=>{const{gridPos:be}=P,Ee={type:le.id,title:"Panel Title",gridPos:{x:be.x,y:be.y,w:le.defaults.gridPos.w,h:le.defaults.gridPos.h}};le.defaults&&((0,Y.defaults)(Ee,le.defaults),Ee.title=le.defaults.title,l.Z.delete(N.zF)),w.addPanel(Ee),w.removePanel(P)},Re=le=>{const{gridPos:be}=P,Ee={...le.model,gridPos:be,libraryPanel:le};w.addPanel(Ee),w.removePanel(P)},ze=()=>{const le={type:"row",title:"Row title",gridPos:{x:0,y:0}};w.addPanel(le),w.removePanel(P)},xe=(0,ne.wW)(v),Ce=(0,r.useMemo)(()=>W(),[]);return r.createElement("div",{className:xe.wrapper},r.createElement("div",{className:(0,L.cx)("panel-container",xe.callToAction)},r.createElement(h,{onCancel:j,onBack:H?Z:void 0,styles:xe},H?"Add panel from panel library":"Add panel"),H?r.createElement(K.N,{onClick:Re,variant:K.e.Tight,showPanelFilter:!0}):r.createElement("div",{className:xe.actionsWrapper},r.createElement(i.x,{icon:"file-blank","aria-label":q.wl.pages.AddDashboard.addNewPanel,onClick:()=>{(0,re.ff)("Create new panel"),he()}},"Add a new panel"),r.createElement(i.x,{icon:"wrap-text","aria-label":q.wl.pages.AddDashboard.addNewRow,onClick:()=>{(0,re.ff)("Create new row"),ze()}},"Add a new row"),r.createElement(i.x,{icon:"book-open","aria-label":q.wl.pages.AddDashboard.addNewPanelLibrary,onClick:()=>{(0,re.ff)("Add a panel from the panel library"),T(!0)}},"Add a panel from the panel library"),Ce.length===1&&r.createElement(i.x,{icon:"clipboard-alt","aria-label":q.wl.pages.AddDashboard.addNewPanelLibrary,onClick:()=>{(0,re.ff)("Paste panel from clipboard"),Oe(Ce[0])}},"Paste panel from clipboard"))))},c={addPanel:y.tq},u=(0,ge.connect)(void 0,c)(x),h=({children:P,onBack:w,onCancel:H,styles:T})=>r.createElement("div",{className:(0,L.cx)(T.headerRow,"grid-drag-handle")},w&&r.createElement("div",{className:T.backButton},r.createElement(oe.h,{name:"arrow-left",onClick:w,size:"xl",tooltip:"Go back"})),!w&&r.createElement("div",{className:T.backButton},r.createElement(z.J,{name:"panel-add",size:"xl"})),P&&r.createElement("span",null,P),r.createElement("div",{className:"flex-grow-1"}),r.createElement(oe.h,{"aria-label":"Close 'Add Panel' widget",name:"times",onClick:H,tooltip:"Close widget"})),v=P=>{const w=(0,L.keyframes)`
    0% {box-shadow: 0 0 0 2px ${P.colors.background.canvas}, 0 0 0px 4px ${P.colors.primary.main};}
    50% {box-shadow: 0 0 0 2px ${P.components.dashboard.background}, 0 0 0px 4px ${(0,J.Z)(P.colors.primary.main).darken(20).toHexString()};}
    100% {box-shadow: 0 0 0 2px ${P.components.dashboard.background}, 0 0 0px 4px  ${P.colors.primary.main};}
  `;return{wrapper:(0,L.css)`
      height: 100%;
      padding-top: ${P.spacing(.5)};
    `,callToAction:(0,L.css)`
      overflow: hidden;
      outline: 2px dotted transparent;
      outline-offset: 2px;
      box-shadow:
        0 0 0 2px black,
        0 0 0px 4px #1f60c4;
      animation: ${w} 2s ease infinite;
    `,actionsWrapper:(0,L.css)`
      height: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: ${P.spacing(1)};
      row-gap: ${P.spacing(1)};
      padding: ${P.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:(0,L.css)`
      display: flex;
      align-items: center;
      height: 38px;
      flex-shrink: 0;
      width: 100%;
      font-size: ${P.typography.fontSize};
      font-weight: ${P.typography.fontWeightMedium};
      padding-left: ${P.spacing(1)};
      transition: background-color 0.1s ease-in-out;
      cursor: move;

      &:hover {
        background: ${P.colors.background.secondary};
      }
    `,backButton:(0,L.css)`
      display: flex;
      align-items: center;
      cursor: pointer;
      padding-left: ${P.spacing(.5)};
      width: ${P.spacing(4)};
    `,noMargin:(0,L.css)`
      margin: 0;
    `}};var O=a(77014),I=a(79059),o=a(66729),m=a(28833),t=a(38967),e=a(39106),n=a(73075),s=a(64084),g=a(85830),d=a(96227),b=a(38637),S=a(33155),B=a(4919),U=a(59357);const ee=({repeat:P,title:w,warning:H,onUpdate:T,onCancel:j})=>{const[Z,he]=(0,r.useState)(P),Oe=(0,r.useCallback)(Re=>he(Re),[he]);return r.createElement(g.l,{defaultValues:{title:w},onSubmit:Re=>{T(Re.title,Z)}},({register:Re})=>r.createElement(r.Fragment,null,r.createElement(d.g,{label:"Title"},r.createElement(b.I,{...Re("title"),type:"text"})),r.createElement(d.g,{label:"Repeat for"},r.createElement(U.X,{repeat:Z,onChange:Oe})),H&&r.createElement(S.b,{"data-testid":q.wl.pages.Dashboard.Rows.Repeated.ConfigSection.warningMessage,severity:"warning",title:"",topSpacing:3,bottomSpacing:0},H),r.createElement(n.u.ButtonRow,null,r.createElement(B.zx,{type:"button",variant:"secondary",onClick:j,fill:"outline"},"Cancel"),r.createElement(B.zx,{type:"submit"},"Update"))))},Q=({repeat:P,title:w,onDismiss:H,onUpdate:T,warning:j})=>{const Z=F();return r.createElement(n.u,{isOpen:!0,title:"Row options",icon:"copy",onDismiss:H,className:Z.modal},r.createElement(ee,{repeat:P,title:w,onCancel:H,onUpdate:T,warning:j}))},F=(0,s.B)(()=>({modal:(0,L.css)`
      label: RowOptionsModal;
      width: 500px;
    `})),ie=({repeat:P,title:w,onUpdate:H,warning:T})=>{const j=Z=>(he,Oe)=>{H(he,Oe),Z()};return r.createElement(e.JY,null,({showModal:Z,hideModal:he})=>r.createElement("button",{type:"button",className:"pointer","aria-label":"Row options",onClick:()=>{Z(Q,{title:w,repeat:P,onDismiss:he,onUpdate:j(he),warning:T})}},r.createElement(z.J,{name:"cog"})))};ie.displayName="RowOptionsButton";class se extends r.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,Y.indexOf)(this.props.dashboard.panels,this.props.panel))).some(T=>T.datasource?.uid===t.o))return r.createElement("div",null,r.createElement("p",null,"Panels in this row use the ",t.o," data source. These panels will reference the panel in the original row, not the ones in the repeated rows."),r.createElement(o.h,{external:!0,href:"https://grafana.com/docs/grafana/next/dashboards/build-dashboards/create-dashboard/#configure-repeating-rows"},"Learn more"))},this.onUpdate=(w,H)=>{this.props.panel.setProperty("title",w),this.props.panel.setProperty("repeat",H??void 0),this.props.panel.render(),this.props.dashboard.processRepeats(),this.forceUpdate()},this.onDelete=()=>{m.Z.publish(new k.VJ({title:"Delete row",text:"Are you sure you want to remove this row and all its panels?",altActionText:"Delete row only",icon:"trash-alt",onConfirm:()=>{this.props.dashboard.removeRow(this.props.panel,!0)},onAltAction:()=>{this.props.dashboard.removeRow(this.props.panel,!1)}}))}}componentDidMount(){this.sub=this.props.dashboard.events.subscribe(O.U5,this.onVariableUpdated)}componentWillUnmount(){this.sub&&this.sub.unsubscribe()}render(){const w=M()({"dashboard-row":!0,"dashboard-row--collapsed":this.props.panel.collapsed}),H=(0,I.J)().replace(this.props.panel.title,this.props.panel.scopedVars,"text"),T=this.props.panel.panels?this.props.panel.panels.length:0,j=T===1?"panel":"panels",Z=this.props.dashboard.meta.canEdit===!0;return r.createElement("div",{className:w,"data-testid":"dashboard-row-container"},r.createElement("button",{className:"dashboard-row__title pointer",type:"button","data-testid":q.wl.components.DashboardRow.title(H),onClick:this.onToggle},r.createElement(z.J,{name:this.props.panel.collapsed?"angle-right":"angle-down"}),H,r.createElement("span",{className:"dashboard-row__panel_count"},"(",T," ",j,")")),Z&&r.createElement("div",{className:"dashboard-row__actions"},r.createElement(ie,{title:this.props.panel.title,repeat:this.props.panel.repeat,onUpdate:this.onUpdate,warning:this.getWarning()}),r.createElement("button",{type:"button",className:"pointer",onClick:this.onDelete,"aria-label":"Delete row"},r.createElement(z.J,{name:"trash-alt"}))),this.props.panel.collapsed===!0&&r.createElement("div",{className:"dashboard-row__toggle-target",onClick:this.onToggle},"\xA0"),Z&&r.createElement("div",{"data-testid":"dashboard-row-drag",className:"dashboard-row__drag grid-drag-handle"}))}}var te=a(98632),ae=a(37047),V=a(71974),ce=a(57428),pe=a(57721);const fe=({dashboard:P,canCreate:w})=>{const H=(0,ne.wW)(Pe),T=(0,pe.useDispatch)(),j=(0,pe.useSelector)(Z=>Z.dashboard.initialDatasource);return r.createElement(ae.k,{alignItems:"center",justifyContent:"center"},r.createElement("div",{className:H.wrapper},r.createElement(ae.k,{alignItems:"stretch",justifyContent:"center",gap:4,direction:"column"},r.createElement(V.x,{borderColor:"strong",borderStyle:"dashed",padding:4},r.createElement(ae.k,{direction:"column",alignItems:"center",gap:2},r.createElement(te.x,{element:"h1",textAlignment:"center",weight:"medium"},r.createElement(G.cC,{i18nKey:"dashboard.empty.add-visualization-header"},"Start your new dashboard by adding a visualization")),r.createElement(V.x,{marginBottom:2,paddingX:4},r.createElement(te.x,{element:"p",textAlignment:"center",color:"secondary"},r.createElement(G.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(B.zx,{size:"lg",icon:"plus","data-testid":q.wl.pages.AddDashboard.itemButton("Create new panel button"),onClick:()=>{const Z=(0,ce.LU)(P,j);(0,re.ff)("dashboards_emptydashboard_clicked",{item:"add_visualization"}),_.E1.partial({editPanel:Z,firstPanel:!0}),T((0,y.Rd)(void 0))},disabled:!w},r.createElement(G.cC,{i18nKey:"dashboard.empty.add-visualization-button"},"Add visualization")))),r.createElement(ae.k,{direction:{xs:"column",md:"row"},wrap:"wrap",gap:4},A.config.featureToggles.vizAndWidgetSplit&&r.createElement(V.x,{borderColor:"strong",borderStyle:"dashed",padding:3,grow:1},r.createElement(ae.k,{direction:"column",alignItems:"center",gap:1},r.createElement(te.x,{element:"h3",textAlignment:"center",weight:"medium"},r.createElement(G.cC,{i18nKey:"dashboard.empty.add-widget-header"},"Add a widget")),r.createElement(V.x,{marginBottom:2},r.createElement(te.x,{element:"p",textAlignment:"center",color:"secondary"},r.createElement(G.cC,{i18nKey:"dashboard.empty.add-widget-body"},"Create lists, markdowns and other widgets"))),r.createElement(B.zx,{icon:"plus",fill:"outline","data-testid":q.wl.pages.AddDashboard.itemButton("Create new widget button"),onClick:()=>{(0,re.ff)("dashboards_emptydashboard_clicked",{item:"add_widget"}),_.E1.partial({addWidget:!0})},disabled:!w},r.createElement(G.cC,{i18nKey:"dashboard.empty.add-widget-button"},"Add widget")))),r.createElement(V.x,{borderColor:"strong",borderStyle:"dashed",padding:3,grow:1},r.createElement(ae.k,{direction:"column",alignItems:"center",gap:1},r.createElement(te.x,{element:"h3",textAlignment:"center",weight:"medium"},r.createElement(G.cC,{i18nKey:"dashboard.empty.add-library-panel-header"},"Import panel")),r.createElement(V.x,{marginBottom:2},r.createElement(te.x,{element:"p",textAlignment:"center",color:"secondary"},r.createElement(G.cC,{i18nKey:"dashboard.empty.add-library-panel-body"},"Add visualizations that are shared with other dashboards."))),r.createElement(B.zx,{icon:"plus",fill:"outline","data-testid":q.wl.pages.AddDashboard.itemButton("Add a panel from the panel library button"),onClick:()=>{(0,re.ff)("dashboards_emptydashboard_clicked",{item:"import_from_library"}),(0,ce.RB)(P)},disabled:!w},r.createElement(G.cC,{i18nKey:"dashboard.empty.add-library-panel-button"},"Add library panel")))),r.createElement(V.x,{borderColor:"strong",borderStyle:"dashed",padding:3,grow:1},r.createElement(ae.k,{direction:"column",alignItems:"center",gap:1},r.createElement(te.x,{element:"h3",textAlignment:"center",weight:"medium"},r.createElement(G.cC,{i18nKey:"dashboard.empty.import-a-dashboard-header"},"Import a dashboard")),r.createElement(V.x,{marginBottom:2},r.createElement(te.x,{element:"p",textAlignment:"center",color:"secondary"},r.createElement(G.cC,{i18nKey:"dashboard.empty.import-a-dashboard-body"},"Import dashboards from files or",r.createElement("a",{href:"https://grafana.com/grafana/dashboards/"},"grafana.com"),"."))),r.createElement(B.zx,{icon:"upload",fill:"outline","data-testid":q.wl.pages.AddDashboard.itemButton("Import dashboard button"),onClick:()=>{(0,re.ff)("dashboards_emptydashboard_clicked",{item:"import_dashboard"}),(0,ce.rm)()},disabled:!w},r.createElement(G.cC,{i18nKey:"dashboard.empty.import-dashboard-button"},"Import dashboard"))))))))};function Pe(P){return{wrapper:(0,L.css)({label:"dashboard-empty-wrapper",flexDirection:"column",maxWidth:"890px",gap:P.spacing.gridSize*4,paddingTop:P.spacing(2),[P.breakpoints.up("sm")]:{paddingTop:P.spacing(12)}})}}var ue=a(80560);class De extends r.PureComponent{constructor(w){super(w),this.panelMap={},this.eventSubs=new C.w0,this.windowHeight=1200,this.windowWidth=1920,this.gridWidth=0,this.lastPanelBottom=0,this.isLayoutInitialized=!1,this.onLayoutChange=H=>{for(const T of H)this.panelMap[T.i].updateGridPos(T,this.isLayoutInitialized);this.isLayoutInitialized&&(this.isLayoutInitialized=!0),this.props.dashboard.sortPanelsByGridPos(),this.forceUpdate()},this.triggerForceUpdate=()=>{this.forceUpdate()},this.updateGridPos=(H,T)=>{this.panelMap[H.i].updateGridPos(H)},this.onResize=(H,T,j)=>{this.panelMap[j.i].updateGridPos(j)},this.onResizeStop=(H,T,j)=>{this.updateGridPos(j,H)},this.onDragStop=(H,T,j)=>{this.updateGridPos(j,H)},this.onGetWrapperDivRef=H=>{H&&$.contextSrv.user.authenticatedBy!=="render"&&setTimeout(()=>{H.classList.add("react-grid-layout--enable-move-animations")},50)}}componentDidMount(){const{dashboard:w}=this.props;this.eventSubs.add(w.events.subscribe(k._B,this.triggerForceUpdate))}componentWillUnmount(){this.eventSubs.unsubscribe()}buildLayout(){const w=[];this.panelMap={};for(const H of this.props.dashboard.panels){if(H.key||(H.key=`panel-${H.id}-${Date.now()}`),this.panelMap[H.key]=H,!H.gridPos){console.log("panel without gridpos");continue}const T={i:H.key,x:H.gridPos.x,y:H.gridPos.y,w:H.gridPos.w,h:H.gridPos.h};H.type==="row"&&(T.w=N.cz,T.h=1,T.isResizable=!1,T.isDraggable=H.collapsed),w.push(T)}return w}getPanelScreenPos(w,H){let T=0;return H<A.config.theme2.breakpoints.values.md?T=this.lastPanelBottom+N.hD:T=me(w.gridPos.y)+N.hD,this.lastPanelBottom=T+me(w.gridPos.h),{top:T,bottom:this.lastPanelBottom}}renderPanels(w,H){const T=[];this.lastPanelBottom=0,this.gridWidth!==w&&(this.windowHeight=window.innerHeight??1e3,this.windowWidth=window.innerWidth,this.gridWidth=w);for(const j of this.props.dashboard.panels){const Z=M()({"react-grid-item--fullscreen":j.isViewing}),he=this.props.dashboard.panels.length-T.length;T.push(r.createElement(Se,{key:j.key,className:Z,descendingOrderIndex:he,"data-panelid":j.id,gridPos:j.gridPos,gridWidth:w,windowHeight:this.windowHeight,windowWidth:this.windowWidth,isViewing:j.isViewing},(Oe,Re)=>this.renderPanel(j,Oe,Re,H)))}return T}renderPanel(w,H,T,j){return w.type==="row"?r.createElement(se,{key:w.key,panel:w,dashboard:this.props.dashboard}):w.type==="add-panel"?r.createElement(u,{key:w.key,panel:w,dashboard:this.props.dashboard}):w.type==="add-library-panel"?r.createElement(ye,{key:w.key,panel:w,dashboard:this.props.dashboard}):r.createElement(ue.l,{key:w.key,stateKey:w.key,panel:w,dashboard:this.props.dashboard,isEditing:w.isEditing,isViewing:w.isViewing,isDraggable:j,width:H,height:T,hideMenu:this.props.hidePanelMenus})}render(){const{isEditable:w,dashboard:H}=this.props;return A.config.featureToggles.emptyDashboardPage&&H.panels.length===0?r.createElement(fe,{dashboard:H,canCreate:w}):r.createElement("div",{style:{flex:"1 1 auto",display:this.props.editPanel?"none":void 0}},r.createElement(E.Z,{disableHeight:!0},({width:T})=>{if(T===0)return null;const j=T<=A.config.theme2.breakpoints.values.md?!1:w;return r.createElement("div",{style:{width:T,height:"100%"},ref:this.onGetWrapperDivRef},r.createElement(R(),{width:T,isDraggable:j,isResizable:w,containerPadding:[0,0],useCSSTransforms:!0,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(T,j)))}))}}const Se=r.forwardRef((P,w)=>{const H=A.config.theme2;let T=100,j=100;const{gridWidth:Z,gridPos:he,isViewing:Oe,windowHeight:Re,windowWidth:ze,descendingOrderIndex:xe,...Ce}=P,le=P.style??{};if(Oe)T=Z,j=Re*.85,le.height=j,le.width="100%";else if(ze<H.breakpoints.values.md)T=P.gridWidth,j=me(he.h),le.height=j,le.width="100%";else if(P.style){const{width:be,height:Ee}=P.style;be!=null&&(T=typeof be=="number"?be:parseFloat(be)),Ee!=null&&(j=typeof Ee=="number"?Ee:parseFloat(Ee))}return r.createElement("div",{...Ce,style:{...Ce.style,zIndex:xe},ref:w},[P.children[0](T,j),P.children.slice(1)])});function me(P){return P*(N.K3+N.hD)-N.hD}Se.displayName="GridItemWithDimensions"},6554:(de,D,a)=>{"use strict";function p(z){"@babel/helpers - typeof";return p=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(i){return typeof i}:function(i){return i&&typeof Symbol=="function"&&i.constructor===Symbol&&i!==Symbol.prototype?"symbol":typeof i},p(z)}Object.defineProperty(D,"__esModule",{value:!0}),D.default=void 0;var M=$(a(39953)),r=$(a(17225)),X=a(28118),R=a(17751),E=a(61019),C=a(22343),A=a(8770),N=$(a(64923));function $(z){return z&&z.__esModule?z:{default:z}}function k(z,i){var f=Object.keys(z);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(z);i&&(l=l.filter(function(y){return Object.getOwnPropertyDescriptor(z,y).enumerable})),f.push.apply(f,l)}return f}function L(z){for(var i=1;i<arguments.length;i++){var f=arguments[i]!=null?arguments[i]:{};i%2?k(Object(f),!0).forEach(function(l){_(z,l,f[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(z,Object.getOwnPropertyDescriptors(f)):k(Object(f)).forEach(function(l){Object.defineProperty(z,l,Object.getOwnPropertyDescriptor(f,l))})}return z}function J(z,i){if(!(z instanceof i))throw new TypeError("Cannot call a class as a function")}function ne(z,i){for(var f=0;f<i.length;f++){var l=i[f];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(z,l.key,l)}}function oe(z,i,f){return i&&ne(z.prototype,i),f&&ne(z,f),Object.defineProperty(z,"prototype",{writable:!1}),z}function G(z,i){if(typeof i!="function"&&i!==null)throw new TypeError("Super expression must either be null or a function");z.prototype=Object.create(i&&i.prototype,{constructor:{value:z,writable:!0,configurable:!0}}),Object.defineProperty(z,"prototype",{writable:!1}),i&&K(z,i)}function K(z,i){return K=Object.setPrototypeOf||function(l,y){return l.__proto__=y,l},K(z,i)}function ye(z){var i=ge();return function(){var l=q(z),y;if(i){var W=q(this).constructor;y=Reflect.construct(l,arguments,W)}else y=l.apply(this,arguments);return ve(this,y)}}function ve(z,i){if(i&&(p(i)==="object"||typeof i=="function"))return i;if(i!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return Y(z)}function Y(z){if(z===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return z}function ge(){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 q(z){return q=Object.setPrototypeOf?Object.getPrototypeOf:function(f){return f.__proto__||Object.getPrototypeOf(f)},q(z)}function _(z,i,f){return i in z?Object.defineProperty(z,i,{value:f,enumerable:!0,configurable:!0,writable:!0}):z[i]=f,z}var re=function(z){G(f,z);var i=ye(f);function f(){var l;J(this,f);for(var y=arguments.length,W=new Array(y),x=0;x<y;x++)W[x]=arguments[x];return l=i.call.apply(i,[this].concat(W)),_(Y(l),"state",{resizing:null,dragging:null,className:""}),_(Y(l),"elementRef",M.default.createRef()),_(Y(l),"onDragStart",function(c,u){var h=u.node,v=l.props,O=v.onDragStart,I=v.transformScale;if(O){var o={top:0,left:0},m=h.offsetParent;if(m){var t=m.getBoundingClientRect(),e=h.getBoundingClientRect(),n=e.left/I,s=t.left/I,g=e.top/I,d=t.top/I;o.left=n-s+m.scrollLeft,o.top=g-d+m.scrollTop,l.setState({dragging:o});var b=(0,C.calcXY)(l.getPositionParams(),o.top,o.left,l.props.w,l.props.h),S=b.x,B=b.y;return O.call(Y(l),l.props.i,S,B,{e:c,node:h,newPosition:o})}}}),_(Y(l),"onDrag",function(c,u){var h=u.node,v=u.deltaX,O=u.deltaY,I=l.props.onDrag;if(I){if(!l.state.dragging)throw new Error("onDrag called before onDragStart.");var o=l.state.dragging.top+O,m=l.state.dragging.left+v,t=l.props,e=t.isBounded,n=t.i,s=t.w,g=t.h,d=t.containerWidth,b=l.getPositionParams();if(e){var S=h.offsetParent;if(S){var B=l.props,U=B.margin,ee=B.rowHeight,Q=S.clientHeight-(0,C.calcGridItemWHPx)(g,ee,U[1]);o=(0,C.clamp)(o,0,Q);var F=(0,C.calcGridColWidth)(b),ie=d-(0,C.calcGridItemWHPx)(s,F,U[0]);m=(0,C.clamp)(m,0,ie)}}var se={top:o,left:m};l.setState({dragging:se});var te=(0,C.calcXY)(b,o,m,s,g),ae=te.x,V=te.y;return I.call(Y(l),n,ae,V,{e:c,node:h,newPosition:se})}}),_(Y(l),"onDragStop",function(c,u){var h=u.node,v=l.props.onDragStop;if(v){if(!l.state.dragging)throw new Error("onDragEnd called before onDragStart.");var O=l.props,I=O.w,o=O.h,m=O.i,t=l.state.dragging,e=t.left,n=t.top,s={top:n,left:e};l.setState({dragging:null});var g=(0,C.calcXY)(l.getPositionParams(),n,e,I,o),d=g.x,b=g.y;return v.call(Y(l),m,d,b,{e:c,node:h,newPosition:s})}}),_(Y(l),"onResizeStop",function(c,u){l.onResizeHandler(c,u,"onResizeStop")}),_(Y(l),"onResizeStart",function(c,u){l.onResizeHandler(c,u,"onResizeStart")}),_(Y(l),"onResize",function(c,u){l.onResizeHandler(c,u,"onResize")}),l}return oe(f,[{key:"shouldComponentUpdate",value:function(y,W){if(this.props.children!==y.children||this.props.droppingPosition!==y.droppingPosition)return!0;var x=(0,C.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),c=(0,C.calcGridItemPosition)(this.getPositionParams(y),y.x,y.y,y.w,y.h,W);return!(0,E.fastPositionEqual)(x,c)||this.props.useCSSTransforms!==y.useCSSTransforms}},{key:"componentDidMount",value:function(){this.moveDroppingItem({})}},{key:"componentDidUpdate",value:function(y){this.moveDroppingItem(y)}},{key:"moveDroppingItem",value:function(y){var W=this.props.droppingPosition;if(W){var x=this.elementRef.current;if(x){var c=y.droppingPosition||{left:0,top:0},u=this.state.dragging,h=u&&W.left!==c.left||W.top!==c.top;if(!u)this.onDragStart(W.e,{node:x,deltaX:W.left,deltaY:W.top});else if(h){var v=W.left-u.left,O=W.top-u.top;this.onDrag(W.e,{node:x,deltaX:v,deltaY:O})}}}}},{key:"getPositionParams",value:function(){var y=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:y.cols,containerPadding:y.containerPadding,containerWidth:y.containerWidth,margin:y.margin,maxRows:y.maxRows,rowHeight:y.rowHeight}}},{key:"createStyle",value:function(y){var W=this.props,x=W.usePercentages,c=W.containerWidth,u=W.useCSSTransforms,h;return u?h=(0,E.setTransform)(y):(h=(0,E.setTopLeft)(y),x&&(h.left=(0,E.perc)(y.left/c),h.width=(0,E.perc)(y.width/c))),h}},{key:"mixinDraggable",value:function(y,W){return M.default.createElement(X.DraggableCore,{disabled:!W,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},y)}},{key:"mixinResizable",value:function(y,W,x){var c=this.props,u=c.cols,h=c.x,v=c.minW,O=c.minH,I=c.maxW,o=c.maxH,m=c.transformScale,t=c.resizeHandles,e=c.resizeHandle,n=this.getPositionParams(),s=(0,C.calcGridItemPosition)(n,0,0,u-h,0).width,g=(0,C.calcGridItemPosition)(n,0,0,v,O),d=(0,C.calcGridItemPosition)(n,0,0,I,o),b=[g.width,g.height],S=[Math.min(d.width,s),Math.min(d.height,1/0)];return M.default.createElement(R.Resizable,{draggableOpts:{disabled:!x},className:x?void 0:"react-resizable-hide",width:W.width,height:W.height,minConstraints:b,maxConstraints:S,onResizeStop:this.onResizeStop,onResizeStart:this.onResizeStart,onResize:this.onResize,transformScale:m,resizeHandles:t,handle:e},y)}},{key:"onResizeHandler",value:function(y,W,x){var c=W.node,u=W.size,h=this.props[x];if(h){var v=this.props,O=v.cols,I=v.x,o=v.y,m=v.i,t=v.maxH,e=v.minH,n=this.props,s=n.minW,g=n.maxW,d=(0,C.calcWH)(this.getPositionParams(),u.width,u.height,I,o),b=d.w,S=d.h;s=Math.max(s,1),g=Math.min(g,O-I),b=(0,C.clamp)(b,s,g),S=(0,C.clamp)(S,e,t),this.setState({resizing:x==="onResizeStop"?null:u}),h.call(this,m,b,S,{e:y,node:c,size:u})}}},{key:"render",value:function(){var y=this.props,W=y.x,x=y.y,c=y.w,u=y.h,h=y.isDraggable,v=y.isResizable,O=y.droppingPosition,I=y.useCSSTransforms,o=(0,C.calcGridItemPosition)(this.getPositionParams(),W,x,c,u,this.state),m=M.default.Children.only(this.props.children),t=M.default.cloneElement(m,{ref:this.elementRef,className:(0,N.default)("react-grid-item",m.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":h,"react-draggable-dragging":!!this.state.dragging,dropping:!!O,cssTransforms:I}),style:L(L(L({},this.props.style),m.props.style),this.createStyle(o))});return t=this.mixinResizable(t,o,v),t=this.mixinDraggable(t,h),t}}]),f}(M.default.Component);D.default=re,_(re,"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(i,f){var l=i[f];if(typeof l!="number")return new Error("minWidth not Number");if(l>i.w||l>i.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(i,f){var l=i[f];if(typeof l!="number")return new Error("maxWidth not Number");if(l<i.w||l<i.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(i,f){var l=i[f];if(typeof l!="number")return new Error("minHeight not Number");if(l>i.h||l>i.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(i,f){var l=i[f];if(typeof l!="number")return new Error("maxHeight not Number");if(l<i.h||l<i.minH)return new Error("maxHeight smaller than item height/minHeight")},i:r.default.string.isRequired,resizeHandles:A.resizeHandleAxesType,resizeHandle:A.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})}),_(re,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1})},30643:(de,D,a)=>{"use strict";function p(o){"@babel/helpers - typeof";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(o)}Object.defineProperty(D,"__esModule",{value:!0}),D.default=void 0;var M=k(a(39953)),r=N(a(58711)),X=N(a(64923)),R=a(61019),E=a(22343),C=N(a(6554)),A=N(a(8770));function N(o){return o&&o.__esModule?o:{default:o}}function $(o){if(typeof WeakMap!="function")return null;var m=new WeakMap,t=new WeakMap;return($=function(n){return n?t:m})(o)}function k(o,m){if(!m&&o&&o.__esModule)return o;if(o===null||p(o)!=="object"&&typeof o!="function")return{default:o};var t=$(m);if(t&&t.has(o))return t.get(o);var e={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in o)if(s!=="default"&&Object.prototype.hasOwnProperty.call(o,s)){var g=n?Object.getOwnPropertyDescriptor(o,s):null;g&&(g.get||g.set)?Object.defineProperty(e,s,g):e[s]=o[s]}return e.default=o,t&&t.set(o,e),e}function L(o){return oe(o)||ne(o)||Y(o)||J()}function J(){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 ne(o){if(typeof Symbol<"u"&&o[Symbol.iterator]!=null||o["@@iterator"]!=null)return Array.from(o)}function oe(o){if(Array.isArray(o))return ge(o)}function G(o,m){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);m&&(e=e.filter(function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable})),t.push.apply(t,e)}return t}function K(o){for(var m=1;m<arguments.length;m++){var t=arguments[m]!=null?arguments[m]:{};m%2?G(Object(t),!0).forEach(function(e){h(o,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):G(Object(t)).forEach(function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(t,e))})}return o}function ye(o,m){return _(o)||q(o,m)||Y(o,m)||ve()}function ve(){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 Y(o,m){if(o){if(typeof o=="string")return ge(o,m);var t=Object.prototype.toString.call(o).slice(8,-1);if(t==="Object"&&o.constructor&&(t=o.constructor.name),t==="Map"||t==="Set")return Array.from(o);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return ge(o,m)}}function ge(o,m){(m==null||m>o.length)&&(m=o.length);for(var t=0,e=new Array(m);t<m;t++)e[t]=o[t];return e}function q(o,m){var t=o==null?null:typeof Symbol<"u"&&o[Symbol.iterator]||o["@@iterator"];if(t!=null){var e=[],n=!0,s=!1,g,d;try{for(t=t.call(o);!(n=(g=t.next()).done)&&(e.push(g.value),!(m&&e.length===m));n=!0);}catch(b){s=!0,d=b}finally{try{!n&&t.return!=null&&t.return()}finally{if(s)throw d}}return e}}function _(o){if(Array.isArray(o))return o}function re(o,m){if(!(o instanceof m))throw new TypeError("Cannot call a class as a function")}function z(o,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(o,e.key,e)}}function i(o,m,t){return m&&z(o.prototype,m),t&&z(o,t),Object.defineProperty(o,"prototype",{writable:!1}),o}function f(o,m){if(typeof m!="function"&&m!==null)throw new TypeError("Super expression must either be null or a function");o.prototype=Object.create(m&&m.prototype,{constructor:{value:o,writable:!0,configurable:!0}}),Object.defineProperty(o,"prototype",{writable:!1}),m&&l(o,m)}function l(o,m){return l=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e},l(o,m)}function y(o){var m=c();return function(){var e=u(o),n;if(m){var s=u(this).constructor;n=Reflect.construct(e,arguments,s)}else n=e.apply(this,arguments);return W(this,n)}}function W(o,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 x(o)}function x(o){if(o===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return o}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 u(o){return u=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},u(o)}function h(o,m,t){return m in o?Object.defineProperty(o,m,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[m]=t,o}var v="react-grid-layout",O=!1;try{O=/firefox/i.test(navigator.userAgent)}catch{}var I=function(o){f(t,o);var m=y(t);function t(){var e;re(this,t);for(var n=arguments.length,s=new Array(n),g=0;g<n;g++)s[g]=arguments[g];return e=m.call.apply(m,[this].concat(s)),h(x(e),"state",{activeDrag:null,layout:(0,R.synchronizeLayoutWithChildren)(e.props.layout,e.props.children,e.props.cols,(0,R.compactType)(e.props),e.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),h(x(e),"dragEnterCounter",0),h(x(e),"onDragStart",function(d,b,S,B){var U=B.e,ee=B.node,Q=e.state.layout,F=(0,R.getLayoutItem)(Q,d);if(F)return e.setState({oldDragItem:(0,R.cloneLayoutItem)(F),oldLayout:Q}),e.props.onDragStart(Q,F,F,null,U,ee)}),h(x(e),"onDrag",function(d,b,S,B){var U=B.e,ee=B.node,Q=e.state.oldDragItem,F=e.state.layout,ie=e.props,se=ie.cols,te=ie.allowOverlap,ae=ie.preventCollision,V=(0,R.getLayoutItem)(F,d);if(V){var ce={w:V.w,h:V.h,x:V.x,y:V.y,placeholder:!0,i:d},pe=!0;F=(0,R.moveElement)(F,V,b,S,pe,ae,(0,R.compactType)(e.props),se,te),e.props.onDrag(F,Q,V,ce,U,ee),e.setState({layout:te?F:(0,R.compact)(F,(0,R.compactType)(e.props),se),activeDrag:ce})}}),h(x(e),"onDragStop",function(d,b,S,B){var U=B.e,ee=B.node;if(e.state.activeDrag){var Q=e.state.oldDragItem,F=e.state.layout,ie=e.props,se=ie.cols,te=ie.preventCollision,ae=ie.allowOverlap,V=(0,R.getLayoutItem)(F,d);if(V){var ce=!0;F=(0,R.moveElement)(F,V,b,S,ce,te,(0,R.compactType)(e.props),se,ae),e.props.onDragStop(F,Q,V,null,U,ee);var pe=ae?F:(0,R.compact)(F,(0,R.compactType)(e.props),se),we=e.state.oldLayout;e.setState({activeDrag:null,layout:pe,oldDragItem:null,oldLayout:null}),e.onLayoutMaybeChanged(pe,we)}}}),h(x(e),"onResizeStart",function(d,b,S,B){var U=B.e,ee=B.node,Q=e.state.layout,F=(0,R.getLayoutItem)(Q,d);F&&(e.setState({oldResizeItem:(0,R.cloneLayoutItem)(F),oldLayout:e.state.layout}),e.props.onResizeStart(Q,F,F,null,U,ee))}),h(x(e),"onResize",function(d,b,S,B){var U=B.e,ee=B.node,Q=e.state,F=Q.layout,ie=Q.oldResizeItem,se=e.props,te=se.cols,ae=se.preventCollision,V=se.allowOverlap,ce=(0,R.withLayoutItem)(F,d,function(ue){var De;if(ae&&!V){var Se=(0,R.getAllCollisions)(F,K(K({},ue),{},{w:b,h:S})).filter(function(w){return w.i!==ue.i});if(De=Se.length>0,De){var me=1/0,P=1/0;Se.forEach(function(w){w.x>ue.x&&(me=Math.min(me,w.x)),w.y>ue.y&&(P=Math.min(P,w.y))}),Number.isFinite(me)&&(ue.w=me-ue.x),Number.isFinite(P)&&(ue.h=P-ue.y)}}return De||(ue.w=b,ue.h=S),ue}),pe=ye(ce,2),we=pe[0],fe=pe[1];if(fe){var Pe={w:fe.w,h:fe.h,x:fe.x,y:fe.y,static:!0,i:d};e.props.onResize(we,ie,fe,Pe,U,ee),e.setState({layout:V?we:(0,R.compact)(we,(0,R.compactType)(e.props),te),activeDrag:Pe})}}),h(x(e),"onResizeStop",function(d,b,S,B){var U=B.e,ee=B.node,Q=e.state,F=Q.layout,ie=Q.oldResizeItem,se=e.props,te=se.cols,ae=se.allowOverlap,V=(0,R.getLayoutItem)(F,d);e.props.onResizeStop(F,ie,V,null,U,ee);var ce=ae?F:(0,R.compact)(F,(0,R.compactType)(e.props),te),pe=e.state.oldLayout;e.setState({activeDrag:null,layout:ce,oldResizeItem:null,oldLayout:null}),e.onLayoutMaybeChanged(ce,pe)}),h(x(e),"onDragOver",function(d){var b;if(d.preventDefault(),d.stopPropagation(),O&&!((b=d.nativeEvent.target)!==null&&b!==void 0&&b.classList.contains(v)))return!1;var S=e.props,B=S.droppingItem,U=S.onDropDragOver,ee=S.margin,Q=S.cols,F=S.rowHeight,ie=S.maxRows,se=S.width,te=S.containerPadding,ae=S.transformScale,V=U?.(d);if(V===!1)return e.state.droppingDOMNode&&e.removeDroppingPlaceholder(),!1;var ce=K(K({},B),V),pe=e.state.layout,we=d.nativeEvent,fe=we.layerX,Pe=we.layerY,ue={left:fe/ae,top:Pe/ae,e:d};if(e.state.droppingDOMNode){if(e.state.droppingPosition){var me=e.state.droppingPosition,P=me.left,w=me.top,H=P!=fe||w!=Pe;H&&e.setState({droppingPosition:ue})}}else{var De={cols:Q,margin:ee,maxRows:ie,rowHeight:F,containerWidth:se,containerPadding:te||ee},Se=(0,E.calcXY)(De,Pe,fe,ce.w,ce.h);e.setState({droppingDOMNode:M.createElement("div",{key:ce.i}),droppingPosition:ue,layout:[].concat(L(pe),[K(K({},ce),{},{x:Se.x,y:Se.y,static:!1,isDraggable:!0})])})}}),h(x(e),"removeDroppingPlaceholder",function(){var d=e.props,b=d.droppingItem,S=d.cols,B=e.state.layout,U=(0,R.compact)(B.filter(function(ee){return ee.i!==b.i}),(0,R.compactType)(e.props),S);e.setState({layout:U,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),h(x(e),"onDragLeave",function(d){d.preventDefault(),d.stopPropagation(),e.dragEnterCounter--,e.dragEnterCounter===0&&e.removeDroppingPlaceholder()}),h(x(e),"onDragEnter",function(d){d.preventDefault(),d.stopPropagation(),e.dragEnterCounter++}),h(x(e),"onDrop",function(d){d.preventDefault(),d.stopPropagation();var b=e.props.droppingItem,S=e.state.layout,B=S.find(function(U){return U.i===b.i});e.dragEnterCounter=0,e.removeDroppingPlaceholder(),e.props.onDrop(S,B,d)}),e}return i(t,[{key:"componentDidMount",value:function(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}},{key:"shouldComponentUpdate",value:function(n,s){return this.props.children!==n.children||!(0,R.fastRGLPropsEqual)(this.props,n,r.default)||this.state.activeDrag!==s.activeDrag||this.state.mounted!==s.mounted||this.state.droppingPosition!==s.droppingPosition}},{key:"componentDidUpdate",value:function(n,s){if(!this.state.activeDrag){var g=this.state.layout,d=s.layout;this.onLayoutMaybeChanged(g,d)}}},{key:"containerHeight",value:function(){if(this.props.autoSize){var n=(0,R.bottom)(this.state.layout),s=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return n*this.props.rowHeight+(n-1)*this.props.margin[1]+s*2+"px"}}},{key:"onLayoutMaybeChanged",value:function(n,s){s||(s=this.state.layout),(0,r.default)(s,n)||this.props.onLayoutChange(n)}},{key:"placeholder",value:function(){var n=this.state.activeDrag;if(!n)return null;var s=this.props,g=s.width,d=s.cols,b=s.margin,S=s.containerPadding,B=s.rowHeight,U=s.maxRows,ee=s.useCSSTransforms,Q=s.transformScale;return M.createElement(C.default,{w:n.w,h:n.h,x:n.x,y:n.y,i:n.i,className:"react-grid-placeholder",containerWidth:g,cols:d,margin:b,containerPadding:S||b,maxRows:U,rowHeight:B,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:ee,transformScale:Q},M.createElement("div",null))}},{key:"processGridItem",value:function(n,s){if(!(!n||!n.key)){var g=(0,R.getLayoutItem)(this.state.layout,String(n.key));if(!g)return null;var d=this.props,b=d.width,S=d.cols,B=d.margin,U=d.containerPadding,ee=d.rowHeight,Q=d.maxRows,F=d.isDraggable,ie=d.isResizable,se=d.isBounded,te=d.useCSSTransforms,ae=d.transformScale,V=d.draggableCancel,ce=d.draggableHandle,pe=d.resizeHandles,we=d.resizeHandle,fe=this.state,Pe=fe.mounted,ue=fe.droppingPosition,De=typeof g.isDraggable=="boolean"?g.isDraggable:!g.static&&F,Se=typeof g.isResizable=="boolean"?g.isResizable:!g.static&&ie,me=g.resizeHandles||pe,P=De&&se&&g.isBounded!==!1;return M.createElement(C.default,{containerWidth:b,cols:S,margin:B,containerPadding:U||B,maxRows:Q,rowHeight:ee,cancel:V,handle:ce,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:De,isResizable:Se,isBounded:P,useCSSTransforms:te&&Pe,usePercentages:!Pe,transformScale:ae,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:s?ue:void 0,resizeHandles:me,resizeHandle:we},n)}}},{key:"render",value:function(){var n=this,s=this.props,g=s.className,d=s.style,b=s.isDroppable,S=s.innerRef,B=(0,X.default)(v,g),U=K({height:this.containerHeight()},d);return M.createElement("div",{ref:S,className:B,style:U,onDrop:b?this.onDrop:R.noop,onDragLeave:b?this.onDragLeave:R.noop,onDragEnter:b?this.onDragEnter:R.noop,onDragOver:b?this.onDragOver:R.noop},M.Children.map(this.props.children,function(ee){return n.processGridItem(ee)}),b&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}],[{key:"getDerivedStateFromProps",value:function(n,s){var g;if(s.activeDrag)return null;if(!(0,r.default)(n.layout,s.propsLayout)||n.compactType!==s.compactType?g=n.layout:(0,R.childrenEqual)(n.children,s.children)||(g=s.layout),g){var d=(0,R.synchronizeLayoutWithChildren)(g,n.children,n.cols,(0,R.compactType)(n),n.allowOverlap);return{layout:d,compactType:n.compactType,children:n.children,propsLayout:n.layout}}return null}}]),t}(M.Component);D.default=I,h(I,"displayName","ReactGridLayout"),h(I,"propTypes",A.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:R.noop,onDragStart:R.noop,onDrag:R.noop,onDragStop:R.noop,onResizeStart:R.noop,onResize:R.noop,onResizeStop:R.noop,onDrop:R.noop,onDropDragOver:R.noop})},8770:(de,D,a)=>{"use strict";Object.defineProperty(D,"__esModule",{value:!0}),D.resizeHandleType=D.resizeHandleAxesType=D.default=void 0;var p=r(a(17225)),M=r(a(39953));function r(C){return C&&C.__esModule?C:{default:C}}var X=p.default.arrayOf(p.default.oneOf(["s","w","e","n","sw","nw","se","ne"]));D.resizeHandleAxesType=X;var R=p.default.oneOfType([p.default.node,p.default.func]);D.resizeHandleType=R;var E={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(A){A.verticalCompact},compactType:p.default.oneOf(["vertical","horizontal"]),layout:function(A){var N=A.layout;N!==void 0&&a(61019).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:X,resizeHandle:R,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(A,N){var $=A[N],k={};M.default.Children.forEach($,function(L){if(L?.key!=null){if(k[L.key])throw new Error('Duplicate child key "'+L.key+'" found! This will cause problems in ReactGridLayout.');k[L.key]=!0}})},innerRef:p.default.any};D.default=E},7772:(de,D,a)=>{"use strict";var p;function M(c){"@babel/helpers - typeof";return M=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(u){return typeof u}:function(u){return u&&typeof Symbol=="function"&&u.constructor===Symbol&&u!==Symbol.prototype?"symbol":typeof u},M(c)}p={value:!0},D.default=void 0;var r=L(a(39953)),X=$(a(17225)),R=$(a(58711)),E=a(61019),C=a(1705),A=$(a(30643)),N=["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"];function $(c){return c&&c.__esModule?c:{default:c}}function k(c){if(typeof WeakMap!="function")return null;var u=new WeakMap,h=new WeakMap;return(k=function(O){return O?h:u})(c)}function L(c,u){if(!u&&c&&c.__esModule)return c;if(c===null||M(c)!=="object"&&typeof c!="function")return{default:c};var h=k(u);if(h&&h.has(c))return h.get(c);var v={},O=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var I in c)if(I!=="default"&&Object.prototype.hasOwnProperty.call(c,I)){var o=O?Object.getOwnPropertyDescriptor(c,I):null;o&&(o.get||o.set)?Object.defineProperty(v,I,o):v[I]=c[I]}return v.default=c,h&&h.set(c,v),v}function J(){return J=Object.assign||function(c){for(var u=1;u<arguments.length;u++){var h=arguments[u];for(var v in h)Object.prototype.hasOwnProperty.call(h,v)&&(c[v]=h[v])}return c},J.apply(this,arguments)}function ne(c,u){if(c==null)return{};var h=oe(c,u),v,O;if(Object.getOwnPropertySymbols){var I=Object.getOwnPropertySymbols(c);for(O=0;O<I.length;O++)v=I[O],!(u.indexOf(v)>=0)&&Object.prototype.propertyIsEnumerable.call(c,v)&&(h[v]=c[v])}return h}function oe(c,u){if(c==null)return{};var h={},v=Object.keys(c),O,I;for(I=0;I<v.length;I++)O=v[I],!(u.indexOf(O)>=0)&&(h[O]=c[O]);return h}function G(c,u){var h=Object.keys(c);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(c);u&&(v=v.filter(function(O){return Object.getOwnPropertyDescriptor(c,O).enumerable})),h.push.apply(h,v)}return h}function K(c){for(var u=1;u<arguments.length;u++){var h=arguments[u]!=null?arguments[u]:{};u%2?G(Object(h),!0).forEach(function(v){l(c,v,h[v])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(h)):G(Object(h)).forEach(function(v){Object.defineProperty(c,v,Object.getOwnPropertyDescriptor(h,v))})}return c}function ye(c,u){if(!(c instanceof u))throw new TypeError("Cannot call a class as a function")}function ve(c,u){for(var h=0;h<u.length;h++){var v=u[h];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(c,v.key,v)}}function Y(c,u,h){return u&&ve(c.prototype,u),h&&ve(c,h),Object.defineProperty(c,"prototype",{writable:!1}),c}function ge(c,u){if(typeof u!="function"&&u!==null)throw new TypeError("Super expression must either be null or a function");c.prototype=Object.create(u&&u.prototype,{constructor:{value:c,writable:!0,configurable:!0}}),Object.defineProperty(c,"prototype",{writable:!1}),u&&q(c,u)}function q(c,u){return q=Object.setPrototypeOf||function(v,O){return v.__proto__=O,v},q(c,u)}function _(c){var u=i();return function(){var v=f(c),O;if(u){var I=f(this).constructor;O=Reflect.construct(v,arguments,I)}else O=v.apply(this,arguments);return re(this,O)}}function re(c,u){if(u&&(M(u)==="object"||typeof u=="function"))return u;if(u!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return z(c)}function z(c){if(c===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return c}function i(){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,u,h){return u in c?Object.defineProperty(c,u,{value:h,enumerable:!0,configurable:!0,writable:!0}):c[u]=h,c}var y=function(u){return Object.prototype.toString.call(u)};function W(c,u){return c==null?null:Array.isArray(c)?c:c[u]}var x=function(c){ge(h,c);var u=_(h);function h(){var v;ye(this,h);for(var O=arguments.length,I=new Array(O),o=0;o<O;o++)I[o]=arguments[o];return v=u.call.apply(u,[this].concat(I)),l(z(v),"state",v.generateInitialState()),l(z(v),"onLayoutChange",function(m){v.props.onLayoutChange(m,K(K({},v.props.layouts),{},l({},v.state.breakpoint,m)))}),v}return Y(h,[{key:"generateInitialState",value:function(){var O=this.props,I=O.width,o=O.breakpoints,m=O.layouts,t=O.cols,e=(0,C.getBreakpointFromWidth)(o,I),n=(0,C.getColsFromBreakpoint)(e,t),s=this.props.verticalCompact===!1?null:this.props.compactType,g=(0,C.findOrGenerateResponsiveLayout)(m,o,e,e,n,s);return{layout:g,breakpoint:e,cols:n}}},{key:"componentDidUpdate",value:function(O){(this.props.width!=O.width||this.props.breakpoint!==O.breakpoint||!(0,R.default)(this.props.breakpoints,O.breakpoints)||!(0,R.default)(this.props.cols,O.cols))&&this.onWidthChange(O)}},{key:"onWidthChange",value:function(O){var I=this.props,o=I.breakpoints,m=I.cols,t=I.layouts,e=I.compactType,n=this.props.breakpoint||(0,C.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),s=this.state.breakpoint,g=(0,C.getColsFromBreakpoint)(n,m),d=K({},t);if(s!==n||O.breakpoints!==o||O.cols!==m){s in d||(d[s]=(0,E.cloneLayout)(this.state.layout));var b=(0,C.findOrGenerateResponsiveLayout)(d,o,n,s,g,e);b=(0,E.synchronizeLayoutWithChildren)(b,this.props.children,g,e,this.props.allowOverlap),d[n]=b,this.props.onLayoutChange(b,d),this.props.onBreakpointChange(n,g),this.setState({breakpoint:n,layout:b,cols:g})}var S=W(this.props.margin,n),B=W(this.props.containerPadding,n);this.props.onWidthChange(this.props.width,S,g,B)}},{key:"render",value:function(){var O=this.props,I=O.breakpoint,o=O.breakpoints,m=O.cols,t=O.layouts,e=O.margin,n=O.containerPadding,s=O.onBreakpointChange,g=O.onLayoutChange,d=O.onWidthChange,b=ne(O,N);return r.createElement(A.default,J({},b,{margin:W(e,this.state.breakpoint),containerPadding:W(n,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}],[{key:"getDerivedStateFromProps",value:function(O,I){if(!(0,R.default)(O.layouts,I.layouts)){var o=I.breakpoint,m=I.cols,t=(0,C.findOrGenerateResponsiveLayout)(O.layouts,O.breakpoints,o,o,m,O.compactType);return{layout:t,layouts:O.layouts}}return null}}]),h}(r.Component);D.default=x,l(x,"propTypes",{breakpoint:X.default.string,breakpoints:X.default.object,allowOverlap:X.default.bool,cols:X.default.object,margin:X.default.oneOfType([X.default.array,X.default.object]),containerPadding:X.default.oneOfType([X.default.array,X.default.object]),layouts:function(u,h){if(y(u[h])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+y(u[h]));Object.keys(u[h]).forEach(function(v){if(!(v in u.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,E.validateLayout)(u.layouts[v],"layouts."+v)})},width:X.default.number.isRequired,onBreakpointChange:X.default.func,onLayoutChange:X.default.func,onWidthChange:X.default.func}),l(x,"defaultProps",{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},containerPadding:{lg:null,md:null,sm:null,xs:null,xxs:null},layouts:{},margin:[10,10],allowOverlap:!1,onBreakpointChange:E.noop,onLayoutChange:E.noop,onWidthChange:E.noop})},22343:(de,D)=>{"use strict";Object.defineProperty(D,"__esModule",{value:!0}),D.calcGridColWidth=a,D.calcGridItemPosition=M,D.calcGridItemWHPx=p,D.calcWH=X,D.calcXY=r,D.clamp=R;function a(E){var C=E.margin,A=E.containerPadding,N=E.containerWidth,$=E.cols;return(N-C[0]*($-1)-A[0]*2)/$}function p(E,C,A){return Number.isFinite(E)?Math.round(C*E+Math.max(0,E-1)*A):E}function M(E,C,A,N,$,k){var L=E.margin,J=E.containerPadding,ne=E.rowHeight,oe=a(E),G={};return k&&k.resizing?(G.width=Math.round(k.resizing.width),G.height=Math.round(k.resizing.height)):(G.width=p(N,oe,L[0]),G.height=p($,ne,L[1])),k&&k.dragging?(G.top=Math.round(k.dragging.top),G.left=Math.round(k.dragging.left)):(G.top=Math.round((ne+L[1])*A+J[1]),G.left=Math.round((oe+L[0])*C+J[0])),G}function r(E,C,A,N,$){var k=E.margin,L=E.cols,J=E.rowHeight,ne=E.maxRows,oe=a(E),G=Math.round((A-k[0])/(oe+k[0])),K=Math.round((C-k[1])/(J+k[1]));return G=R(G,0,L-N),K=R(K,0,ne-$),{x:G,y:K}}function X(E,C,A,N,$){var k=E.margin,L=E.maxRows,J=E.cols,ne=E.rowHeight,oe=a(E),G=Math.round((C+k[0])/(oe+k[0])),K=Math.round((A+k[1])/(ne+k[1]));return G=R(G,0,J-N),K=R(K,0,L-$),{w:G,h:K}}function R(E,C,A){return Math.max(Math.min(E,A),C)}},34783:(de,D,a)=>{"use strict";var p;function M(i){"@babel/helpers - typeof";return M=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},M(i)}p={value:!0},D.default=z;var r=N(a(39953)),X=C(a(17225)),R=C(a(64923)),E=["measureBeforeMount"];function C(i){return i&&i.__esModule?i:{default:i}}function A(i){if(typeof WeakMap!="function")return null;var f=new WeakMap,l=new WeakMap;return(A=function(W){return W?l:f})(i)}function N(i,f){if(!f&&i&&i.__esModule)return i;if(i===null||M(i)!=="object"&&typeof i!="function")return{default:i};var l=A(f);if(l&&l.has(i))return l.get(i);var y={},W=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var x in i)if(x!=="default"&&Object.prototype.hasOwnProperty.call(i,x)){var c=W?Object.getOwnPropertyDescriptor(i,x):null;c&&(c.get||c.set)?Object.defineProperty(y,x,c):y[x]=i[x]}return y.default=i,l&&l.set(i,y),y}function $(){return $=Object.assign||function(i){for(var f=1;f<arguments.length;f++){var l=arguments[f];for(var y in l)Object.prototype.hasOwnProperty.call(l,y)&&(i[y]=l[y])}return i},$.apply(this,arguments)}function k(i,f){if(i==null)return{};var l=L(i,f),y,W;if(Object.getOwnPropertySymbols){var x=Object.getOwnPropertySymbols(i);for(W=0;W<x.length;W++)y=x[W],!(f.indexOf(y)>=0)&&Object.prototype.propertyIsEnumerable.call(i,y)&&(l[y]=i[y])}return l}function L(i,f){if(i==null)return{};var l={},y=Object.keys(i),W,x;for(x=0;x<y.length;x++)W=y[x],!(f.indexOf(W)>=0)&&(l[W]=i[W]);return l}function J(i,f){if(!(i instanceof f))throw new TypeError("Cannot call a class as a function")}function ne(i,f){for(var l=0;l<f.length;l++){var y=f[l];y.enumerable=y.enumerable||!1,y.configurable=!0,"value"in y&&(y.writable=!0),Object.defineProperty(i,y.key,y)}}function oe(i,f,l){return f&&ne(i.prototype,f),l&&ne(i,l),Object.defineProperty(i,"prototype",{writable:!1}),i}function G(i,f){if(typeof f!="function"&&f!==null)throw new TypeError("Super expression must either be null or a function");i.prototype=Object.create(f&&f.prototype,{constructor:{value:i,writable:!0,configurable:!0}}),Object.defineProperty(i,"prototype",{writable:!1}),f&&K(i,f)}function K(i,f){return K=Object.setPrototypeOf||function(y,W){return y.__proto__=W,y},K(i,f)}function ye(i){var f=ge();return function(){var y=q(i),W;if(f){var x=q(this).constructor;W=Reflect.construct(y,arguments,x)}else W=y.apply(this,arguments);return ve(this,W)}}function ve(i,f){if(f&&(M(f)==="object"||typeof f=="function"))return f;if(f!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return Y(i)}function Y(i){if(i===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return i}function ge(){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 q(i){return q=Object.setPrototypeOf?Object.getPrototypeOf:function(l){return l.__proto__||Object.getPrototypeOf(l)},q(i)}function _(i,f,l){return f in i?Object.defineProperty(i,f,{value:l,enumerable:!0,configurable:!0,writable:!0}):i[f]=l,i}var re="react-grid-layout";function z(i){var f;return f=function(l){G(W,l);var y=ye(W);function W(){var x;J(this,W);for(var c=arguments.length,u=new Array(c),h=0;h<c;h++)u[h]=arguments[h];return x=y.call.apply(y,[this].concat(u)),_(Y(x),"state",{width:1280}),_(Y(x),"elementRef",r.createRef()),_(Y(x),"mounted",!1),_(Y(x),"onWindowResize",function(){if(x.mounted){var v=x.elementRef.current;v instanceof HTMLElement&&v.offsetWidth&&x.setState({width:v.offsetWidth})}}),x}return oe(W,[{key:"componentDidMount",value:function(){this.mounted=!0,window.addEventListener("resize",this.onWindowResize),this.onWindowResize()}},{key:"componentWillUnmount",value:function(){this.mounted=!1,window.removeEventListener("resize",this.onWindowResize)}},{key:"render",value:function(){var c=this.props,u=c.measureBeforeMount,h=k(c,E);return u&&!this.mounted?r.createElement("div",{className:(0,R.default)(this.props.className,re),style:this.props.style,ref:this.elementRef}):r.createElement(i,$({innerRef:this.elementRef},h,this.state))}}]),W}(r.Component),_(f,"defaultProps",{measureBeforeMount:!1}),_(f,"propTypes",{measureBeforeMount:X.default.bool}),f}},58843:de=>{de.exports=function(a,p,M){return a===p?!0:a.className===p.className&&M(a.style,p.style)&&a.width===p.width&&a.autoSize===p.autoSize&&a.cols===p.cols&&a.draggableCancel===p.draggableCancel&&a.draggableHandle===p.draggableHandle&&M(a.verticalCompact,p.verticalCompact)&&M(a.compactType,p.compactType)&&M(a.layout,p.layout)&&M(a.margin,p.margin)&&M(a.containerPadding,p.containerPadding)&&a.rowHeight===p.rowHeight&&a.maxRows===p.maxRows&&a.isBounded===p.isBounded&&a.isDraggable===p.isDraggable&&a.isResizable===p.isResizable&&a.allowOverlap===p.allowOverlap&&a.preventCollision===p.preventCollision&&a.useCSSTransforms===p.useCSSTransforms&&a.transformScale===p.transformScale&&a.isDroppable===p.isDroppable&&M(a.resizeHandles,p.resizeHandles)&&M(a.resizeHandle,p.resizeHandle)&&a.onLayoutChange===p.onLayoutChange&&a.onDragStart===p.onDragStart&&a.onDrag===p.onDrag&&a.onDragStop===p.onDragStop&&a.onResizeStart===p.onResizeStart&&a.onResize===p.onResize&&a.onResizeStop===p.onResizeStop&&a.onDrop===p.onDrop&&M(a.droppingItem,p.droppingItem)&&M(a.innerRef,p.innerRef)}},1705:(de,D,a)=>{"use strict";Object.defineProperty(D,"__esModule",{value:!0}),D.findOrGenerateResponsiveLayout=X,D.getBreakpointFromWidth=M,D.getColsFromBreakpoint=r,D.sortBreakpoints=R;var p=a(61019);function M(E,C){for(var A=R(E),N=A[0],$=1,k=A.length;$<k;$++){var L=A[$];C>E[L]&&(N=L)}return N}function r(E,C){if(!C[E])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+E+" is missing!");return C[E]}function X(E,C,A,N,$,k){if(E[A])return(0,p.cloneLayout)(E[A]);for(var L=E[N],J=R(C),ne=J.slice(J.indexOf(A)),oe=0,G=ne.length;oe<G;oe++){var K=ne[oe];if(E[K]){L=E[K];break}}return L=(0,p.cloneLayout)(L||[]),(0,p.compact)((0,p.correctBounds)(L,{cols:$}),k,$)}function R(E){var C=Object.keys(E);return C.sort(function(A,N){return E[A]-E[N]})}},61019:(de,D,a)=>{"use strict";Object.defineProperty(D,"__esModule",{value:!0}),D.bottom=N,D.childrenEqual=ne,D.cloneLayout=$,D.cloneLayoutItem=J,D.collides=K,D.compact=ye,D.compactItem=ge,D.compactType=I,D.correctBounds=q,D.fastPositionEqual=G,D.fastRGLPropsEqual=void 0,D.getAllCollisions=z,D.getFirstCollision=re,D.getLayoutItem=_,D.getStatics=i,D.modifyLayout=k,D.moveElement=f,D.moveElementAwayFromCollision=l,D.noop=void 0,D.perc=y,D.setTopLeft=x,D.setTransform=W,D.sortLayoutItems=c,D.sortLayoutItemsByColRow=h,D.sortLayoutItemsByRowCol=u,D.synchronizeLayoutWithChildren=v,D.validateLayout=O,D.withLayoutItem=L;var p=r(a(58711)),M=r(a(39953));function r(t){return t&&t.__esModule?t:{default:t}}function X(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter(function(g){return Object.getOwnPropertyDescriptor(t,g).enumerable})),n.push.apply(n,s)}return n}function R(t){for(var e=1;e<arguments.length;e++){var n=arguments[e]!=null?arguments[e]:{};e%2?X(Object(n),!0).forEach(function(s){E(t,s,n[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach(function(s){Object.defineProperty(t,s,Object.getOwnPropertyDescriptor(n,s))})}return t}function E(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var C=!0,A=!1;function N(t){for(var e=0,n,s=0,g=t.length;s<g;s++)n=t[s].y+t[s].h,n>e&&(e=n);return e}function $(t){for(var e=Array(t.length),n=0,s=t.length;n<s;n++)e[n]=J(t[n]);return e}function k(t,e){for(var n=Array(t.length),s=0,g=t.length;s<g;s++)e.i===t[s].i?n[s]=e:n[s]=t[s];return n}function L(t,e,n){var s=_(t,e);return s?(s=n(J(s)),t=k(t,s),[t,s]):[t,null]}function J(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 ne(t,e){return(0,p.default)(M.default.Children.map(t,function(n){return n?.key}),M.default.Children.map(e,function(n){return n?.key}))}var oe=a(58843);D.fastRGLPropsEqual=oe;function G(t,e){return t.left===e.left&&t.top===e.top&&t.width===e.width&&t.height===e.height}function K(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 ye(t,e,n){for(var s=i(t),g=c(t,e),d=Array(t.length),b=0,S=g.length;b<S;b++){var B=J(g[b]);B.static||(B=ge(s,B,e,n,g),s.push(B)),d[t.indexOf(g[b])]=B,B.moved=!1}return d}var ve={x:"w",y:"h"};function Y(t,e,n,s){var g=ve[s];e[s]+=1;for(var d=t.map(function(B){return B.i}).indexOf(e.i),b=d+1;b<t.length;b++){var S=t[b];if(!S.static){if(S.y>e.y+e.h)break;K(e,S)&&Y(t,S,n+e[g],s)}}e[s]=n}function ge(t,e,n,s,g){var d=n==="vertical",b=n==="horizontal";if(d)for(e.y=Math.min(N(t),e.y);e.y>0&&!re(t,e);)e.y--;else if(b)for(;e.x>0&&!re(t,e);)e.x--;for(var S;S=re(t,e);)b?Y(g,e,S.x+S.w,"x"):Y(g,e,S.y+S.h,"y"),b&&e.x+e.w>s&&(e.x=s-e.w,e.y++);return e.y=Math.max(e.y,0),e.x=Math.max(e.x,0),e}function q(t,e){for(var n=i(t),s=0,g=t.length;s<g;s++){var d=t[s];if(d.x+d.w>e.cols&&(d.x=e.cols-d.w),d.x<0&&(d.x=0,d.w=e.cols),!d.static)n.push(d);else for(;re(n,d);)d.y++}return t}function _(t,e){for(var n=0,s=t.length;n<s;n++)if(t[n].i===e)return t[n]}function re(t,e){for(var n=0,s=t.length;n<s;n++)if(K(t[n],e))return t[n]}function z(t,e){return t.filter(function(n){return K(n,e)})}function i(t){return t.filter(function(e){return e.static})}function f(t,e,n,s,g,d,b,S,B){if(e.static&&e.isDraggable!==!0||e.y===s&&e.x===n)return t;o("Moving element ".concat(e.i," to [").concat(String(n),",").concat(String(s),"] from [").concat(e.x,",").concat(e.y,"]"));var U=e.x,ee=e.y;typeof n=="number"&&(e.x=n),typeof s=="number"&&(e.y=s),e.moved=!0;var Q=c(t,b),F=b==="vertical"&&typeof s=="number"?ee>=s:b==="horizontal"&&typeof n=="number"?U>=n:!1;F&&(Q=Q.reverse());var ie=z(Q,e),se=ie.length>0;if(se&&B)return $(t);if(se&&d)return o("Collision prevented on ".concat(e.i,", reverting.")),e.x=U,e.y=ee,e.moved=!1,t;for(var te=0,ae=ie.length;te<ae;te++){var V=ie[te];o("Resolving collision between ".concat(e.i," at [").concat(e.x,",").concat(e.y,"] and ").concat(V.i," at [").concat(V.x,",").concat(V.y,"]")),!V.moved&&(V.static?t=l(t,V,e,g,b,S):t=l(t,e,V,g,b,S))}return t}function l(t,e,n,s,g,d){var b=g==="horizontal",S=g!=="horizontal",B=e.static;if(s){s=!1;var U={x:b?Math.max(e.x-n.w,0):n.x,y:S?Math.max(e.y-n.h,0):n.y,w:n.w,h:n.h,i:"-1"};if(!re(t,U))return o("Doing reverse collision on ".concat(n.i," up to [").concat(U.x,",").concat(U.y,"].")),f(t,n,b?U.x:void 0,S?U.y:void 0,s,B,g,d)}return f(t,n,b?n.x+1:void 0,S?n.y+1:void 0,s,B,g,d)}function y(t){return t*100+"%"}function W(t){var e=t.top,n=t.left,s=t.width,g=t.height,d="translate(".concat(n,"px,").concat(e,"px)");return{transform:d,WebkitTransform:d,MozTransform:d,msTransform:d,OTransform:d,width:"".concat(s,"px"),height:"".concat(g,"px"),position:"absolute"}}function x(t){var e=t.top,n=t.left,s=t.width,g=t.height;return{top:"".concat(e,"px"),left:"".concat(n,"px"),width:"".concat(s,"px"),height:"".concat(g,"px"),position:"absolute"}}function c(t,e){return e==="horizontal"?h(t):e==="vertical"?u(t):t}function u(t){return t.slice(0).sort(function(e,n){return e.y>n.y||e.y===n.y&&e.x>n.x?1:e.y===n.y&&e.x===n.x?0:-1})}function h(t){return t.slice(0).sort(function(e,n){return e.x>n.x||e.x===n.x&&e.y>n.y?1:-1})}function v(t,e,n,s,g){t=t||[];var d=[];M.default.Children.forEach(e,function(S){if(S?.key!=null){var B=_(t,String(S.key));if(B)d.push(J(B));else{!C&&S.props._grid&&console.warn("`_grid` properties on children have been deprecated as of React 15.2. Please use `data-grid` or add your properties directly to the `layout`.");var U=S.props["data-grid"]||S.props._grid;U?(C||O([U],"ReactGridLayout.children"),d.push(J(R(R({},U),{},{i:S.key})))):d.push(J({w:1,h:1,x:0,y:N(d),i:String(S.key)}))}}});var b=q(d,{cols:n});return g?b:ye(b,s,n)}function O(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 s=0,g=t.length;s<g;s++)for(var d=t[s],b=0;b<n.length;b++)if(typeof d[n[b]]!="number")throw new Error("ReactGridLayout: "+e+"["+s+"]."+n[b]+" must be a number!")}function I(t){var e=t||{},n=e.verticalCompact,s=e.compactType;return n===!1?null:s}function o(){var t;A&&(t=console).log.apply(t,arguments)}var m=function(){};D.noop=m},84051:(de,D,a)=>{de.exports=a(30643).default,de.exports.utils=a(61019),de.exports.Responsive=a(7772).default,de.exports.Responsive.utils=a(1705),de.exports.WidthProvider=a(34783).default}}]);

//# sourceMappingURL=4161.22d0e93fdb67785db6be.js.map