1#@!#!123s

: / usr / share / grafana / public / build /
Filename : 3258.e6e94bbe4d45fc9db086.js
back
(self.webpackChunkgrafana=self.webpackChunkgrafana||[]).push([[3258],{64611:(ce,E,o)=>{"use strict";o.d(E,{u:()=>C});var p=o(42844),B=o(27702),r=o(63439),V=o(87241),S=o(18771);const C=({initError:N})=>N?B.createElement("div",{className:L.dashboardLoading},B.createElement(r.b,{severity:S.AppNotificationSeverity.Error,title:N.message},(0,V.i)(N.error))):null,L={dashboardLoading:(0,p.css)`
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
  `}},65036:(ce,E,o)=>{"use strict";o.d(E,{B:()=>N});var p=o(42844),B=o(27702),r=o(26129),V=o(66310),S=o(64022),C=o(62108),L=o(66670);const N=({initPhase:U})=>{const G=(0,V.wW)(k),R=()=>{r.E1.push("/")};return B.createElement("div",{className:G.dashboardLoading},B.createElement("div",{className:G.dashboardLoadingText},B.createElement(S.wc,{spacing:"md"},B.createElement(S.Lh,{align:"center",justify:"center",spacing:"xs"},B.createElement(C.$,{inline:!0})," ",U)," ",B.createElement(S.Lh,{align:"center",justify:"center"},B.createElement(L.zx,{variant:"secondary",size:"md",icon:"repeat",onClick:R},"Cancel loading dashboard")))))},k=U=>{const G="0.5s",R=(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: ${R} 0s step-end ${G} 1 normal forwards;
    `,dashboardLoadingText:(0,p.css)`
      font-size: ${U.typography.h4.fontSize};
    `}}},60508:(ce,E,o)=>{"use strict";o.d(E,{X:()=>S});var p=o(27702),B=o(28580),r=o(18771),V=o(51824);const S=({repeat:C,onChange:L,id:N})=>{const k=(0,r.useSelector)(R=>(0,V.gt)((0,V.S_)(R),R)),U=(0,p.useMemo)(()=>{const R=k.map(Y=>({label:Y.name,value:Y.name}));return R.length===0&&R.unshift({label:"No template variables found",value:null}),R.unshift({label:"Disable repeating",value:null}),R},[k]),G=(0,p.useCallback)(R=>L(R.value),[L]);return p.createElement(B.Ph,{inputId:N,value:C,onChange:G,options:U})}},83350:(ce,E,o)=>{"use strict";o.d(E,{Z:()=>fe});var p=o(89898),B=o.n(p),r=o(27702),V=o(66406),S=o.n(V),C=o(55925),L=o(19973),N=o(34667),k=o(97957),U=o(91368),G=o(43620),R=o(42844),Y=o(71685),te=o(66310),oe=o(67437),j=o(65322),F=o(29427);const ye=({panel:b,dashboard:P})=>{const v=_=>{_.preventDefault(),P.removePanel(b)},T=_=>{const{gridPos:le}=b,he={..._.model,gridPos:le,libraryPanel:_};P.addPanel(he),P.removePanel(b)},A=(0,te.wW)(ve);return r.createElement("div",{className:A.wrapper},r.createElement("div",{className:(0,R.cx)("panel-container",A.callToAction)},r.createElement("div",{className:(0,R.cx)(A.headerRow,"grid-drag-handle")},r.createElement("span",null,r.createElement(j.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:v,tooltip:"Close widget"})),r.createElement(F.N,{onClick:T,variant:F.e.Tight,showPanelFilter:!0})))},ve=b=>{const P=(0,R.keyframes)({"0%":{boxShadow:`0 0 0 2px ${b.colors.background.canvas}, 0 0 0px 4px ${b.colors.primary.main}`},"50%":{boxShadow:`0 0 0 2px ${b.components.dashboard.background}, 0 0 0px 4px ${(0,Y.Z)(b.colors.primary.main).darken(20).toHexString()}`},"100%":{boxShadow:`0 0 0 2px ${b.components.dashboard.background}, 0 0 0px 4px  ${b.colors.primary.main}`}});return{wrapper:(0,R.css)({height:"100%",paddingTop:`${b.spacing(.5)}`}),headerRow:(0,R.css)({display:"flex",alignItems:"center",height:"38px",flexShrink:0,width:"100%",fontSize:b.typography.fontSize,fontWeight:b.typography.fontWeightMedium,paddingLeft:`${b.spacing(1)}`,transition:"background-color 0.1s ease-in-out",cursor:"move","&:hover":{background:`${b.colors.background.secondary}`}}),callToAction:(0,R.css)({overflow:"hidden",outline:"2px dotted transparent",outlineOffset:"2px",boxShadow:"0 0 0 2px black, 0 0 0px 4px #1f60c4",animation:`${P} 2s ease infinite`})}};var X=o(89949),ge=o(27173),ee=o(74639),Z=o(26129),ne=o(86312),W=o(73453),i=o(2480),f=o(12308),l=o(56812),y=o(10974);const H=()=>{const b=(0,X.chain)(f.default.panels).filter({hideFromList:!1}).map(T=>T).value(),P=[],v=l.Z.get(k.zF);if(v){const T=JSON.parse(v),A=(0,X.find)(b,{id:T.type});if(A){const _=(0,X.cloneDeep)(A);_.name=T.title,_.sort=-1,_.defaults=T,P.push(_)}}return(0,X.sortBy)(P,"sort")},z=({panel:b,dashboard:P})=>{const[v,T]=(0,r.useState)(!1),A=ie=>{ie.preventDefault(),P.removePanel(b)},_=()=>{T(!1)},le=()=>{const{gridPos:ie}=b,be={type:"timeseries",title:"Panel Title",datasource:b.datasource,gridPos:{x:ie.x,y:ie.y,w:ie.w,h:ie.h},isNew:!0};P.addPanel(be),P.removePanel(b),Z.E1.partial({editPanel:be.id})},he=ie=>{const{gridPos:be}=b,Oe={type:ie.id,title:"Panel Title",gridPos:{x:be.x,y:be.y,w:ie.defaults.gridPos.w,h:ie.defaults.gridPos.h}};ie.defaults&&((0,X.defaults)(Oe,ie.defaults),Oe.title=ie.defaults.title,l.Z.delete(k.zF)),P.addPanel(Oe),P.removePanel(b)},Re=ie=>{const{gridPos:be}=b,Oe={...ie.model,gridPos:be,libraryPanel:ie};P.addPanel(Oe),P.removePanel(b)},De=()=>{const ie={type:"row",title:"Row title",gridPos:{x:0,y:0}};P.addPanel(ie),P.removePanel(b)},Pe=(0,te.wW)(w),we=(0,r.useMemo)(()=>H(),[]);return r.createElement("div",{className:Pe.wrapper},r.createElement("div",{className:(0,R.cx)("panel-container",Pe.callToAction)},r.createElement(h,{onCancel:A,onBack:v?_:void 0,styles:Pe},v?"Add panel from panel library":"Add panel"),v?r.createElement(F.N,{onClick:Re,variant:F.e.Tight,showPanelFilter:!0}):r.createElement("div",{className:Pe.actionsWrapper},r.createElement(i.x,{icon:"file-blank","aria-label":ee.wl.pages.AddDashboard.addNewPanel,onClick:()=>{(0,ne.ff)("Create new panel"),le()}},"Add a new panel"),r.createElement(i.x,{icon:"wrap-text","aria-label":ee.wl.pages.AddDashboard.addNewRow,onClick:()=>{(0,ne.ff)("Create new row"),De()}},"Add a new row"),r.createElement(i.x,{icon:"book-open","aria-label":ee.wl.pages.AddDashboard.addNewPanelLibrary,onClick:()=>{(0,ne.ff)("Add a panel from the panel library"),T(!0)}},"Add a panel from the panel library"),we.length===1&&r.createElement(i.x,{icon:"clipboard-alt","aria-label":ee.wl.pages.AddDashboard.addNewPanelLibrary,onClick:()=>{(0,ne.ff)("Paste panel from clipboard"),he(we[0])}},"Paste panel from clipboard"))))},c={addPanel:y.tq},u=(0,ge.connect)(void 0,c)(z),h=({children:b,onBack:P,onCancel:v,styles:T})=>r.createElement("div",{className:(0,R.cx)(T.headerRow,"grid-drag-handle")},P&&r.createElement("div",{className:T.backButton},r.createElement(oe.h,{name:"arrow-left",onClick:P,size:"xl",tooltip:"Go back"})),!P&&r.createElement("div",{className:T.backButton},r.createElement(W.J,{name:"panel-add",size:"xl"})),b&&r.createElement("span",null,b),r.createElement("div",{className:"flex-grow-1"}),r.createElement(oe.h,{"aria-label":"Close 'Add Panel' widget",name:"times",onClick:v,tooltip:"Close widget"})),w=b=>{const P=(0,R.keyframes)`
    0% {box-shadow: 0 0 0 2px ${b.colors.background.canvas}, 0 0 0px 4px ${b.colors.primary.main};}
    50% {box-shadow: 0 0 0 2px ${b.components.dashboard.background}, 0 0 0px 4px ${(0,Y.Z)(b.colors.primary.main).darken(20).toHexString()};}
    100% {box-shadow: 0 0 0 2px ${b.components.dashboard.background}, 0 0 0px 4px  ${b.colors.primary.main};}
  `;return{wrapper:(0,R.css)`
      height: 100%;
      padding-top: ${b.spacing(.5)};
    `,callToAction:(0,R.css)`
      overflow: hidden;
      outline: 2px dotted transparent;
      outline-offset: 2px;
      box-shadow:
        0 0 0 2px black,
        0 0 0px 4px #1f60c4;
      animation: ${P} 2s ease infinite;
    `,actionsWrapper:(0,R.css)`
      height: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: ${b.spacing(1)};
      row-gap: ${b.spacing(1)};
      padding: ${b.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,R.css)`
      display: flex;
      align-items: center;
      height: 38px;
      flex-shrink: 0;
      width: 100%;
      font-size: ${b.typography.fontSize};
      font-weight: ${b.typography.fontWeightMedium};
      padding-left: ${b.spacing(1)};
      transition: background-color 0.1s ease-in-out;
      cursor: move;

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

//# sourceMappingURL=3258.e6e94bbe4d45fc9db086.js.map