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

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

//# sourceMappingURL=6647.4f58073f759e15c1af0e.js.map