unleash-server 7.5.0 → 7.5.2

package/frontend/build/static/{FlagMetricsChart-D_AVQDU4.js → FlagMetricsChart-CF_kEyQa.js}

@@ -1,2 +1,2 @@
-import{dz as w,jw as F,bt as E,aP as S,r as p,j as r,B as k,jx as D,bs as A,s as g,dO as P,dP as B,dQ as I,jy as O,jz as T,jA as L,jB as N,b as y,T as R,jC as j,bq as $,G as H}from"./index-CiWHTkEm.js";import{f as V,a as W}from"./formatTickValue-Ca6X6Ivj.js";import{F as U,c as _,u as z,b as G}from"./aggregateFeatureMetrics-DqOEKfDa.js";import{F as Y,M as q}from"./MarkCompletedDialogue-CkeYSNgH.js";const J=e=>{const t={label:"Exposed",hoverBackgroundColor:"#A39EFF",backgroundColor:"#A39EFF",data:M(e,n=>n.yes)},a={label:"Not exposed",hoverBackgroundColor:"#D8D6FF",backgroundColor:"#D8D6FF",data:M(e,n=>n.no)};return{datasets:[t,a]}},M=(e,t)=>e.map(a=>({x:a.timestamp,y:t(a),variants:a.variants||{}})),Q=(e,t)=>{if(t===0)return"";const[a,n]=e,s=Math.floor(Number(n)/t*100);return`${n} (${s}%) - ${a}`},C=e=>({plugins:{legend:{position:"top",labels:{color:e.palette.text.primary,usePointStyle:!0,pointStyle:"none",boxHeight:0,padding:15,boxPadding:5}},tooltip:{enabled:!1}},responsive:!0,maintainAspectRatio:!1,scales:{x:{stacked:!0,ticks:{display:!1},grid:{display:!1}},y:{stacked:!0,ticks:{maxTicksLimit:5,display:!1},grid:{drawBorder:!1,color:e.palette.divider}}},elements:{bar:{borderRadius:5}},interaction:{mode:"index",intersect:!1}}),K=(e,t,a)=>{var m;const{responsive:n,elements:s,interaction:c,scales:o,maintainAspectRatio:i}=C(e);return{plugins:{legend:{position:"bottom",labels:{color:e.palette.text.primary,pointStyle:"circle",usePointStyle:!0,boxHeight:6,padding:15,boxPadding:5}},annotation:{clip:!1,annotations:{}},tooltip:{backgroundColor:e.palette.background.paper,titleColor:e.palette.text.primary,bodyColor:e.palette.text.primary,bodySpacing:6,padding:{top:20,bottom:20,left:30,right:30},borderColor:"rgba(0, 0, 0, 0.05)",borderWidth:3,usePointStyle:!0,caretSize:0,boxPadding:10,callbacks:{label:l=>`${l.formattedValue} - ${l.dataset.label}`,afterLabel:l=>{const d=l.dataset.data[l.dataIndex];if(l.dataset.label!=="Exposed"||d.variants===void 0)return"";const{disabled:f,...u}=d.variants;return Object.entries(u).map(b=>Q(b,d.y)).join(`
-`)},title:l=>`Time: ${t>48?w(l[0].label,a.locale,"UTC"):F(l[0].label,a.locale)}`}}},responsive:n,maintainAspectRatio:i,scales:{x:{...o?o.x:{},ticks:{color:e.palette.text.secondary,callback(l){const d=this.getLabelForValue(Number(l));return t>48?E(d,a.locale,"UTC"):F(d,a.locale)}}},y:{...(o==null?void 0:o.y)??{},ticks:{...((m=o==null?void 0:o.y)==null?void 0:m.ticks)??{},color:e.palette.text.secondary,callback:V,display:!0}}},elements:s,interaction:c}},X=({project:e,flagName:t,onArchive:a,className:n})=>{var f;const{feature:s,refetchFeature:c}=S(e,t),o=(f=s.environments)==null?void 0:f.map(u=>({name:u.name,lastSeenAt:u.lastSeenAt,enabled:u.enabled,yes:u.yes,no:u.no})),[i,m]=p.useState(!1),[l,d]=p.useState(!1);return r.jsxs(k,{sx:{display:"flex"},className:n,children:[r.jsx(D,{sx:{pt:0,pb:0},featureLastSeen:s.lastSeenAt,environments:o}),r.jsx(A,{feature:s,onArchive:()=>m(!0),onComplete:()=>d(!0),onUncomplete:c}),s.children.length>0?r.jsx(U,{features:s.children,project:e,isOpen:i,onClose:()=>m(!1)}):r.jsx(Y,{isOpen:i,onConfirm:a,onClose:()=>m(!1),projectId:e,featureIds:[t]}),s.project?r.jsx(q,{isOpen:l,setIsOpen:d,projectId:s.project,featureId:s.name,onComplete:c}):null]})},Z=[0,14,28,21,33,31,31,22,26,37,31,14,21,14,0],ee=e=>({labels:Array.from({length:15},(t,a)=>a+1),datasets:[{data:Z,backgroundColor:e.palette.divider,hoverBackgroundColor:e.palette.divider,label:""}]}),v=g("div")({width:"100%",flexGrow:1}),x=({label:e})=>{const t=y(),a=p.useMemo(()=>C(t),[t]),n=p.useMemo(()=>ee(t),[t]),s="placeholder-chart-label";return r.jsxs(r.Fragment,{children:[r.jsx(R,{id:s,children:e}),r.jsx(v,{children:r.jsx(j,{data:n,options:a,"aria-describedby":s})})]})},te=()=>{const e=y(),t=p.useMemo(()=>C(e),[e]),a=p.useMemo(()=>({labels:[],datasets:[]}),[e]);return r.jsx(v,{children:r.jsx(j,{data:a,options:t,"aria-label":"A placeholder bar chart with a single feature flag exposure metrics"})})},ae=(e,t)=>{const[a,n]=p.useState(null),{feature:s}=S(e,t),c=((s==null?void 0:s.environments)??[]).map(i=>({name:i.name,type:i.type})),o=c.find(i=>i.type==="production");return p.useEffect(()=>{o?n(o.name):c.length>0&&n(c[0].name)},[t,JSON.stringify(c)]),{environment:a,setEnvironment:n,activeEnvironments:c}},re=(e,t,a)=>{const{featureMetrics:n=[],loading:s,error:c}=z(e,a),o=p.useMemo(()=>[...n].sort((u,b)=>u.timestamp.localeCompare(b.timestamp)),[n]),i=p.useMemo(()=>G(o==null?void 0:o.filter(u=>t===u.environment)).map(u=>({...u,appName:"all selected"})),[o,t]),m=p.useMemo(()=>J(i),[i]),l=y(),{locationSettings:d}=$(),f=p.useMemo(()=>K(l,a,d),[l,a,d]);return{data:m,options:f,loading:s,error:c}},se=({activeEnvironments:e,environment:t,setEnvironment:a})=>r.jsx(H,{name:"feature-environments",label:"Environment",id:"feature-environments",options:e.map(n=>({key:n.name,label:n.name})),value:String(t),onChange:a}),ne=g(k)(({theme:e})=>({display:"flex",justifyContent:"flex-start",flexFlow:"row wrap",gap:e.spacing(2)})),h=g("div")(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(3),alignItems:"center",height:"100%",justifyContent:"space-between"})),oe=g(X)({alignItems:"center",justifySelf:"start"}),le=g("div")(({theme:e})=>({display:"flex",justifyContent:"space-between",flexFlow:"row wrap",width:"100%",gap:e.spacing(4)})),me=e=>r.jsx(h,{children:r.jsx(x,{...e})}),ie=({flag:e,onArchive:t})=>{const[a,n]=p.useState(48),{environment:s,setEnvironment:c,activeEnvironments:o}=ae(e.project,e.name),{data:i,options:m,loading:l,error:d}=re(e.name,s,a);if(d)return r.jsx(h,{children:r.jsx(x,{label:"Couldn't fetch metrics for the current flag right now. Please try again. Report this if it doesn't resolve itself."})});const f=i.datasets[0].data.length===0;return r.jsxs(h,{children:[r.jsxs(le,{children:[r.jsx(oe,{project:e.project,flagName:e.name,onArchive:t}),r.jsxs(ne,{children:[s?r.jsx(se,{environment:s,setEnvironment:c,activeEnvironments:o}):null,r.jsx(_,{hoursBack:a,setHoursBack:n})]})]}),l?r.jsx(te,{}):f?r.jsx(x,{label:"No metrics for this feature flag in the selected environment and time period"}):r.jsx(v,{children:r.jsx(j,{data:i,options:m,"aria-label":"A bar chart with a single feature flag exposure metrics"})})]})},fe=e=>[".",".."].includes(e.flag.name)?r.jsx(h,{children:r.jsx(x,{label:`The current flag name ('${e.flag.name}') is known to cause issues due how it affects URLs. We cannot show you a chart for it.`})}):r.jsx(ie,{...e});P.register(W,B,I,O,T,L,N);export{fe as FlagMetricsChart,me as PlaceholderFlagMetricsChartWithWrapper};
+import{bt as w,jm as F,dl as E,aP as S,r as p,j as r,B as k,jn as D,bs as A,s as g,b as y,T as P,jo as j,bq as I,G as B,dC as T,dD as L,dE as N,jp as O,jq as R,jr as $,js as H}from"./index-DMSjiFEm.js";import{f as V,a as W}from"./formatTickValue-BZb4ZIL9.js";import{F as U,c as _,u as G,b as Y}from"./aggregateFeatureMetrics-YEdZNNoV.js";import{F as q,M as z}from"./MarkCompletedDialogue-DFtLyDN0.js";const J=e=>{const t={label:"Exposed",hoverBackgroundColor:"#A39EFF",backgroundColor:"#A39EFF",data:M(e,n=>n.yes)},a={label:"Not exposed",hoverBackgroundColor:"#D8D6FF",backgroundColor:"#D8D6FF",data:M(e,n=>n.no)};return{datasets:[t,a]}},M=(e,t)=>e.map(a=>({x:a.timestamp,y:t(a),variants:a.variants||{}})),K=(e,t)=>{if(t===0)return"";const[a,n]=e,s=Math.floor(Number(n)/t*100);return`${n} (${s}%) - ${a}`},C=e=>({plugins:{legend:{position:"top",labels:{color:e.palette.text.primary,usePointStyle:!0,pointStyle:"none",boxHeight:0,padding:15,boxPadding:5}},tooltip:{enabled:!1}},responsive:!0,maintainAspectRatio:!1,scales:{x:{stacked:!0,ticks:{display:!1},grid:{display:!1}},y:{stacked:!0,ticks:{maxTicksLimit:5,display:!1},grid:{drawBorder:!1,color:e.palette.divider}}},elements:{bar:{borderRadius:5}},interaction:{mode:"index",intersect:!1}}),Q=(e,t,a)=>{var m;const{responsive:n,elements:s,interaction:c,scales:o,maintainAspectRatio:i}=C(e);return{plugins:{legend:{position:"bottom",labels:{color:e.palette.text.primary,pointStyle:"circle",usePointStyle:!0,boxHeight:6,padding:15,boxPadding:5}},annotation:{clip:!1,annotations:{}},tooltip:{backgroundColor:e.palette.background.paper,titleColor:e.palette.text.primary,bodyColor:e.palette.text.primary,bodySpacing:6,padding:{top:20,bottom:20,left:30,right:30},borderColor:"rgba(0, 0, 0, 0.05)",borderWidth:3,usePointStyle:!0,caretSize:0,boxPadding:10,callbacks:{label:l=>`${l.formattedValue} - ${l.dataset.label}`,afterLabel:l=>{const d=l.dataset.data[l.dataIndex];if(l.dataset.label!=="Exposed"||d.variants===void 0)return"";const{disabled:f,...u}=d.variants;return Object.entries(u).map(b=>K(b,d.y)).join(`
+`)},title:l=>`Time: ${t>48?E(l[0].label,a.locale,"UTC"):F(l[0].label,a.locale)}`}}},responsive:n,maintainAspectRatio:i,scales:{x:{...o?o.x:{},ticks:{color:e.palette.text.secondary,callback(l){const d=this.getLabelForValue(Number(l));return t>48?w(d,a.locale,"UTC"):F(d,a.locale)}}},y:{...(o==null?void 0:o.y)??{},ticks:{...((m=o==null?void 0:o.y)==null?void 0:m.ticks)??{},color:e.palette.text.secondary,callback:V,display:!0}}},elements:s,interaction:c}},X=({project:e,flagName:t,onArchive:a,className:n})=>{var f;const{feature:s,refetchFeature:c}=S(e,t),o=(f=s.environments)==null?void 0:f.map(u=>({name:u.name,lastSeenAt:u.lastSeenAt,enabled:u.enabled,yes:u.yes,no:u.no})),[i,m]=p.useState(!1),[l,d]=p.useState(!1);return r.jsxs(k,{sx:{display:"flex"},className:n,children:[r.jsx(D,{sx:{pt:0,pb:0},featureLastSeen:s.lastSeenAt,environments:o}),r.jsx(A,{feature:s,onArchive:()=>m(!0),onComplete:()=>d(!0),onUncomplete:c}),s.children.length>0?r.jsx(U,{features:s.children,project:e,isOpen:i,onClose:()=>m(!1)}):r.jsx(q,{isOpen:i,onConfirm:a,onClose:()=>m(!1),projectId:e,featureIds:[t]}),s.project?r.jsx(z,{isOpen:l,setIsOpen:d,projectId:s.project,featureId:s.name,onComplete:c}):null]})},Z=[0,14,28,21,33,31,31,22,26,37,31,14,21,14,0],ee=e=>({labels:Array.from({length:15},(t,a)=>a+1),datasets:[{data:Z,backgroundColor:e.palette.divider,hoverBackgroundColor:e.palette.divider,label:""}]}),v=g("div")({width:"100%",flexGrow:1}),x=({label:e})=>{const t=y(),a=p.useMemo(()=>C(t),[t]),n=p.useMemo(()=>ee(t),[t]),s="placeholder-chart-label";return r.jsxs(r.Fragment,{children:[r.jsx(P,{id:s,children:e}),r.jsx(v,{children:r.jsx(j,{data:n,options:a,"aria-describedby":s})})]})},te=()=>{const e=y(),t=p.useMemo(()=>C(e),[e]),a=p.useMemo(()=>({labels:[],datasets:[]}),[e]);return r.jsx(v,{children:r.jsx(j,{data:a,options:t,"aria-label":"A placeholder bar chart with a single feature flag exposure metrics"})})},ae=(e,t)=>{const[a,n]=p.useState(null),{feature:s}=S(e,t),c=((s==null?void 0:s.environments)??[]).map(i=>({name:i.name,type:i.type})),o=c.find(i=>i.type==="production");return p.useEffect(()=>{o?n(o.name):c.length>0&&n(c[0].name)},[t,JSON.stringify(c)]),{environment:a,setEnvironment:n,activeEnvironments:c}},re=(e,t,a)=>{const{featureMetrics:n=[],loading:s,error:c}=G(e,a),o=p.useMemo(()=>[...n].sort((u,b)=>u.timestamp.localeCompare(b.timestamp)),[n]),i=p.useMemo(()=>Y(o==null?void 0:o.filter(u=>t===u.environment)).map(u=>({...u,appName:"all selected"})),[o,t]),m=p.useMemo(()=>J(i),[i]),l=y(),{locationSettings:d}=I(),f=p.useMemo(()=>Q(l,a,d),[l,a,d]);return{data:m,options:f,loading:s,error:c}},se=({activeEnvironments:e,environment:t,setEnvironment:a})=>r.jsx(B,{name:"feature-environments",label:"Environment",id:"feature-environments",options:e.map(n=>({key:n.name,label:n.name})),value:String(t),onChange:a}),ne=g(k)(({theme:e})=>({display:"flex",justifyContent:"flex-start",flexFlow:"row wrap",gap:e.spacing(2)})),h=g("div")(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(3),alignItems:"center",height:"100%",justifyContent:"space-between"})),oe=g(X)({alignItems:"center",justifySelf:"start"}),le=g("div")(({theme:e})=>({display:"flex",justifyContent:"space-between",flexFlow:"row wrap",width:"100%",gap:e.spacing(4)})),me=e=>r.jsx(h,{children:r.jsx(x,{...e})}),ie=({flag:e,onArchive:t})=>{const[a,n]=p.useState(48),{environment:s,setEnvironment:c,activeEnvironments:o}=ae(e.project,e.name),{data:i,options:m,loading:l,error:d}=re(e.name,s,a);if(d)return r.jsx(h,{children:r.jsx(x,{label:"Couldn't fetch metrics for the current flag right now. Please try again. Report this if it doesn't resolve itself."})});const f=i.datasets[0].data.length===0;return r.jsxs(h,{children:[r.jsxs(le,{children:[r.jsx(oe,{project:e.project,flagName:e.name,onArchive:t}),r.jsxs(ne,{children:[s?r.jsx(se,{environment:s,setEnvironment:c,activeEnvironments:o}):null,r.jsx(_,{hoursBack:a,setHoursBack:n})]})]}),l?r.jsx(te,{}):f?r.jsx(x,{label:"No metrics for this feature flag in the selected environment and time period"}):r.jsx(v,{children:r.jsx(j,{data:i,options:m,"aria-label":"A bar chart with a single feature flag exposure metrics"})})]})},fe=e=>[".",".."].includes(e.flag.name)?r.jsx(h,{children:r.jsx(x,{label:`The current flag name ('${e.flag.name}') is known to cause issues due how it affects URLs. We cannot show you a chart for it.`})}):r.jsx(ie,{...e});T.register(W,L,N,O,R,$,H);export{fe as FlagMetricsChart,me as PlaceholderFlagMetricsChartWithWrapper};

package/frontend/build/static/FrontendNetworkTrafficUsage-C8zJSvoc.js

@@ -0,0 +1 @@
+import{cJ as n,ba as l,j as e,C as c,B as d,R as a,jo as g,dC as h,dD as p,dE as j,jp as f,jq as u,jr as m,js as x}from"./index-DMSjiFEm.js";import{a as S}from"./formatTickValue-BZb4ZIL9.js";import{u as C,c as w,S as P,T as y,P as D,n as T,g as b}from"./networkTrafficUsageHighlightPlugin-BbfAyDiQ.js";import"./LazyAdminExport-CWQiknO-.js";import"./RoleCell-CjVCxBgl.js";import"./useApiTokens-DBB3NvXL.js";import"./PercentageDonut-JGNh2FVZ.js";const N=()=>{n("Network - Frontend Traffic Usage");const{isOss:s}=l(),{chartDataSelection:t,setChartDataSelection:r,options:o}=C(),{chartData:i}=w(t);return e.jsx(c,{condition:s(),show:e.jsx(a,{severity:"warning",children:"Not enabled."}),elseShow:e.jsx(e.Fragment,{children:e.jsxs(P,{children:[e.jsxs(y,{children:[e.jsx(d,{children:e.jsx(a,{severity:"info",icon:!1,children:"Frontend traffic is determined by the total SDK requests to the Frontend API"})}),e.jsx(D,{selectedPeriod:t,setPeriod:r})]}),e.jsx(g,{data:i,plugins:[T],options:o,"aria-label":b(t)})]})})})};h.register(S,p,j,f,u,m,x);export{N as default};

package/frontend/build/static/GridLayoutWrapper-DpJcUbQB.js

@@ -0,0 +1,3 @@
+import{j as h,B as J,jb as En,jc as Cn,aY as Ge,jd as zn,je as jr,e4 as Mn,n as Er,r as L,jf as or,dI as Tn,dx as Ln,dy as kn,b7 as ir,u as Hn,A as Wn,m as Cr,R as Nn,v as zr,T as Oe,s as H,b as Mr,aj as Tr,ap as $n,bI as qn,k as sr,ch as An,jg as In,dK as Lr,d4 as ar,et as Bn,a_ as Gn,b0 as Fn,aB as Yn,dL as Xn,jh as Un,ji as kr,jj as Vn,jk as Tt,jl as he,g as Kn}from"./index-DMSjiFEm.js";const Jn=({formData:t,actions:e,metricSeries:r,loading:n,labelsFilter:o})=>h.jsxs(J,{children:[h.jsxs(J,{sx:i=>({display:"flex",flexDirection:"column",gap:i.spacing(3)}),children:[h.jsx(En,{value:t.metricName,onChange:e.handleSeriesChange,options:r,loading:n}),o,t.metricName?h.jsxs(h.Fragment,{children:[h.jsxs(Cn,{value:t.timeRange,onChange:e.setTimeRange,children:[h.jsx(Ge,{value:"hour",children:"Last hour"}),h.jsx(Ge,{value:"day",children:"Last 24 hours"}),h.jsx(Ge,{value:"week",children:"Last 7 days"}),h.jsx(Ge,{value:"month",children:"Last 30 days"})]}),h.jsx(zn,{value:t.aggregationMode,onChange:e.setAggregationMode,metricType:jr(t.metricName)})]}):null]}),t.metricName?h.jsx(Mn,{sx:i=>({margin:i.spacing(1.5,0)}),control:h.jsx(Er,{checked:t.yAxisMin==="zero",onChange:i=>e.setYAxisMin(i.target.checked?"zero":"auto")}),label:"Begin at zero"}):null]}),Zn=({open:t,initialConfig:e})=>{const[r,n]=L.useState((e==null?void 0:e.title)||""),[o,i]=L.useState((e==null?void 0:e.metricName)||""),[s,u]=L.useState((e==null?void 0:e.timeRange)||"day"),[a,l]=L.useState((e==null?void 0:e.yAxisMin)||"auto"),[c,d]=L.useState((e==null?void 0:e.labelSelectors)||{}),[f,p]=L.useState((e==null?void 0:e.aggregationMode)||or(o)),{data:{labels:w}}=Tn(o?{series:o,range:s,aggregationMode:f}:void 0);L.useEffect(()=>{t&&e?(n(e.title||""),i(e.metricName),u(e.timeRange),l(e.yAxisMin),d(e.labelSelectors),p(e.aggregationMode||or(e.metricName))):t&&!e&&(n(""),i(""),u("day"),l("auto"),d({}),p("count"))},[t,e]);const D=v=>{i(v),d({});const g=jr(v);g==="counter"?p("count"):g==="gauge"?p("avg"):g==="histogram"&&p("p50")},x=()=>({title:r||void 0,metricName:o,timeRange:s,yAxisMin:a,labelSelectors:c,aggregationMode:f}),m=o.length>0;return{formData:{title:r,metricName:o,timeRange:s,yAxisMin:a,aggregationMode:f,labelSelectors:c},actions:{setTitle:n,setMetricName:i,setTimeRange:u,setYAxisMin:l,setAggregationMode:p,setLabelSelectors:d,handleSeriesChange:D,getConfigToSave:x},isValid:m,currentAvailableLabels:w}},Qn=()=>{const t="api/admin/impact-metrics/config",{data:e,refetch:r,loading:n,error:o}=Ln(ir(t),()=>kn(ir(t),"impactMetricsConfig"));return{configs:(e==null?void 0:e.configs)||[],refetch:r,loading:n,error:o}},eo=t=>{const e=t?`api/admin/projects/${t.projectId}/features/${t.featureName}/impact-metrics/config`:"api/admin/impact-metrics/config",{makeRequest:r,createRequest:n,errors:o,loading:i}=Hn({propagateErrors:!0}),s=L.useCallback(async a=>{const l=n(e,{method:"POST",body:JSON.stringify(a)},"updateImpactMetric");return r(l.caller,l.id)},[r,n]),u=L.useCallback(async a=>{const l=n(`${e}/${a}`,{method:"DELETE"},"deleteImpactMetric");return r(l.caller,l.id)},[r,n,e]);return{createImpactMetric:s,deleteImpactMetric:u,errors:o,loading:i}},de="*",aa=()=>{const{configs:t,loading:e,error:r,refetch:n}=Qn(),{layout:o,charts:i}=L.useMemo(()=>({layout:t.map((p,w)=>{const D=w%2,x=Math.floor(w/2);return{i:p.id,x:D*6,y:x*2,w:6,h:2,minW:4,minH:2,maxW:12,maxH:8}}),charts:t}),[t]),{createImpactMetric:s,deleteImpactMetric:u,loading:a,errors:l}=eo(),c=L.useCallback(async p=>{await s(p),n()},[s,n]),d=L.useCallback(async(p,w)=>{await s({...w,id:p}),n()},[t,s,n]),f=L.useCallback(async p=>{await u(p),n()},[t,u,n]);return{charts:i,layout:o,loading:e||a,error:r||Object.keys(l).length>0?l:void 0,addChart:c,updateChart:d,deleteChart:f}},to=({labelKey:t,options:e,value:r,onChange:n})=>{const o=r.includes(de),i=`autocomplete-${t}`,s=e.length>=1e3,u=[de,...e];return h.jsx(Wn,{multiple:!0,disableCloseOnSelect:!0,id:i,options:u,value:o?e:r,getOptionLabel:a=>a===de?"(Select all)":a,onChange:(a,l,c,d)=>{if((d==null?void 0:d.option)===de){n(o?[]:[de]);return}n(l.filter(f=>f!==de))},renderOption:(a,l,{selected:c})=>{const{key:d,...f}=a;return h.jsxs("li",{...f,children:[h.jsx(Er,{size:"small",checked:l===de?o:c,style:{marginRight:8}}),l===de?h.jsx(Oe,{component:"span",sx:{color:"text.secondary"},children:"Select all"}):l]},d||l)},renderTags:(a,l)=>{const d=a.slice(-5),f=a.length-5;return h.jsxs(h.Fragment,{children:[d.map((p,w)=>{const{key:D,...x}=l({index:w});return L.createElement(zr,{...x,key:D,label:p,size:"small"})}),f>0?h.jsxs(Oe,{component:"span",sx:{color:"text.secondary"},children:[" ","(+",f,")"]}):null]})},renderInput:a=>h.jsxs(h.Fragment,{children:[h.jsx(Cr,{...a,label:t,placeholder:o?void 0:"Select values…",variant:"outlined",size:"small",inputProps:{...a.inputProps}}),s&&h.jsx(Nn,{severity:"warning",sx:l=>({padding:l.spacing(1,2),marginTop:l.spacing(1)}),children:"Maximum of 1000 values loaded due to performance."})]})})},ro=H(J)(({theme:t})=>({display:"flex",flexDirection:"column",gap:t.spacing(1),width:"100%"})),no=H(J)(({theme:t})=>({width:"100%",display:"flex",alignItems:"center",gap:t.spacing(1)})),oo=H(J)(({theme:t})=>({display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(250px, 1fr))",gap:t.spacing(2),flexGrow:1})),io=H(J)({display:"flex",flexDirection:"column",flexGrow:1}),so=H(Oe)({lineHeight:1.5,height:"24px"}),ao=H(zr)(({theme:t})=>({position:"relative",height:"20px",margin:t.spacing(-1,0)})),lr=({title:t,labels:e,labelSelectors:r,onLabelChange:n,onAllToggle:o,onChange:i})=>{const s=e.map(([l])=>l),u=s.some(l=>r[l]),a=()=>{const l={};Object.entries(r).forEach(([c,d])=>{s.includes(c)||(l[c]=d)}),i(l)};return h.jsxs(ro,{children:[h.jsxs(no,{children:[h.jsx(so,{variant:"subtitle2",children:t}),u&&h.jsx(ao,{label:"Clear all",size:"small",variant:"outlined",onClick:a})]}),h.jsx(oo,{children:e.map(([l,c])=>{const d=r[l]||[];return h.jsx(io,{children:h.jsx(to,{labelKey:l,options:c,value:d,onChange:f=>n(l,f),handleAllToggle:o})},l)})})]})},ur=["environment","appName","origin"],lo=({labelSelectors:t,onChange:e,availableLabels:r})=>{const n=(u,a)=>{const l={...t};a.length===0?delete l[u]:l[u]=a,e(l)},o=(u,a)=>{const l={...t};a?l[u]=["*"]:delete l[u],e(l)};if(!r||Object.keys(r).length===0)return null;const i=Object.entries(r).filter(([u])=>ur.includes(u)).sort(),s=Object.entries(r).filter(([u])=>!ur.includes(u)).sort();return h.jsxs(J,{sx:{display:"flex",gap:2,flexWrap:"wrap"},children:[i.length>0&&h.jsx(lr,{title:"Filter by labels",labels:i,labelSelectors:t,onLabelChange:n,onAllToggle:o,onChange:e}),s.length>0&&h.jsx(lr,{title:"Flag specific filters",labels:s,labelSelectors:t,onLabelChange:n,onAllToggle:o,onChange:e})]})},uo=H(An)(({theme:t})=>({"& .MuiDialog-paper":{borderRadius:t.shape.borderRadiusLarge,maxWidth:t.spacing(170),width:"100%",backgroundColor:"transparent"},padding:0,"& .MuiPaper-root > section":{overflowX:"hidden"}})),co=H("form")({display:"flex",flexDirection:"column",height:"100%"}),fo=H("h1")(({theme:t})=>({fontWeight:"normal",fontSize:t.typography.h1.fontSize,margin:0})),po=H("div")(({theme:t})=>({display:"flex",flexDirection:"column",gap:t.spacing(3),padding:t.spacing(6),flexGrow:1,minHeight:600})),ho=H("div")(({theme:t})=>({display:"flex",gap:t.spacing(3),justifyContent:"flex-end",padding:t.spacing(4,6),borderTop:`1px solid ${t.palette.divider}`})),go=H(Oe)(({theme:t})=>({fontWeight:t.typography.fontWeightBold,color:t.palette.common.white,marginBottom:t.spacing(1)})),mo=H("a")(({theme:t})=>({color:t.palette.common.white,display:"flex",alignItems:"center",gap:t.spacing(1),marginTop:t.spacing(1.5),textDecoration:"underline","&:hover":{textDecoration:"none"}})),yo=H(Oe)(({theme:t})=>({fontWeight:t.typography.fontWeightBold,color:t.palette.common.white,marginBottom:t.spacing(1.5)})),vo=H(J)(({theme:t})=>({borderRadius:t.shape.borderRadiusLarge,overflow:"hidden",backgroundColor:t.palette.background.paper,padding:t.spacing(2)})),la=({open:t,onClose:e,onSave:r,initialConfig:n,metricSeries:o,loading:i=!1})=>{const{formData:s,actions:u,isValid:a,currentAvailableLabels:l}=Zn({open:t,initialConfig:n}),c=Mr(),d=Tr(c.breakpoints.down("lg")),{trackEvent:f}=$n(),p=()=>{a&&(r(u.getConfigToSave()),f("impact-metrics",{props:{eventType:"chart added"}}),e())},w=h.jsxs(h.Fragment,{children:[h.jsx(go,{children:"Did you know?"}),"Impact metrics let you track how your feature rollouts affect key outcomes like error rates, latency, and adoption — directly inside Unleash.",h.jsxs(mo,{href:"https://docs.getunleash.io/reference/impact-metrics",target:"_blank",rel:"noopener noreferrer",onClick:()=>f("impact-metrics",{props:{eventType:"sidebar docs clicked"}}),children:[h.jsx(In,{fontSize:"small"}),"Learn how to use impact metrics"]}),h.jsxs(J,{sx:{mt:3},children:[h.jsx(yo,{children:"Preview chart"}),h.jsx(vo,{children:h.jsx(Lr,{metricName:s.metricName,timeRange:s.timeRange,labelSelectors:s.labelSelectors,yAxisMin:s.yAxisMin,aggregationMode:s.aggregationMode,isPreview:!0},d?"small":"large")})]})]});return h.jsx(uo,{open:t,onClose:e,children:h.jsx(qn,{compact:!0,disablePadding:!0,description:w,showLink:!1,sidebarWidth:"55%",children:h.jsxs(co,{onSubmit:D=>{D.preventDefault(),p()},children:[h.jsxs(po,{children:[h.jsx(fo,{children:n?"Edit impact metric":"Add impact metric"}),h.jsx(Cr,{label:"Chart Title (optional)",value:s.title,onChange:D=>u.setTitle(D.target.value),fullWidth:!0,variant:"outlined",size:"small"}),h.jsx(Jn,{formData:s,actions:u,metricSeries:o,loading:i,labelsFilter:l?h.jsx(lo,{labelSelectors:s.labelSelectors,onChange:u.setLabelSelectors,availableLabels:l}):null})]}),h.jsxs(ho,{children:[h.jsx(sr,{onClick:e,children:"Cancel"}),h.jsx(sr,{variant:"contained",type:"submit",disabled:!a,children:n?"Update":"Add impact metric"})]})]})})})},bo=t=>{const e=[];t.displayName&&e.push(`${t.displayName}`),e.push(`last ${t.timeRange}`),e.push(t.aggregationMode);const r=Object.keys(t.labelSelectors).length;return r>0&&e.push(`${r} filter${r>1?"s":""}`),e.join(" • ")},wo=H(Yn)(({theme:t})=>({borderRadius:`${t.shape.borderRadiusMedium}px`,boxShadow:"none",display:"flex",flexDirection:"column",height:"100%"})),So=H(J)({flex:1,display:"flex",flexDirection:"column",minHeight:0}),xo=H(J)(({theme:t})=>({position:"relative",minWidth:0,flexGrow:1,height:"100%",display:"flex",flexDirection:"column",margin:"auto 0",padding:t.spacing(3)})),Oo=H(J)(({theme:t})=>({display:"flex",gap:t.spacing(1),alignItems:"center",padding:t.spacing(1.5,2),borderBottom:`1px solid ${t.palette.divider}`})),Do=H(J)(({theme:t})=>({display:"flex",flexDirection:"column",justifyContent:"flex-end",flexGrow:1,overflow:"hidden",textOverflow:"ellipsis"})),_o=H(J)(({theme:t})=>({marginLeft:"auto",display:"flex",alignItems:"center",gap:t.spacing(.5)})),Ro=H(Xn)(({theme:t})=>({alignSelf:"start",color:t.palette.primary.main,marginTop:t.spacing(.25)})),ua=({config:t,onEdit:e,onDelete:r,permission:n=Bn,projectId:o,dragHandle:i,icon:s})=>h.jsxs(wo,{children:[h.jsxs(Oo,{children:[i,t.mode==="read"?h.jsx(Ro,{}):null,h.jsxs(Do,{children:[t.title&&h.jsx(Oe,{variant:"h3",children:t.title}),h.jsx(Oe,{variant:"body2",color:"text.secondary",children:bo(t)})]}),s,t.mode!=="read"&&h.jsxs(_o,{children:[h.jsx(ar,{onClick:()=>e(t),permission:n,projectId:o,tooltipProps:{title:"Edit chart"},children:h.jsx(Gn,{})}),h.jsx(ar,{onClick:()=>r(t.id),permission:n,projectId:o,tooltipProps:{title:"Remove chart"},children:h.jsx(Fn,{})})]})]}),h.jsx(So,{children:h.jsx(xo,{children:h.jsx(Lr,{metricName:t.metricName,timeRange:t.timeRange,labelSelectors:t.labelSelectors,yAxisMin:t.yAxisMin,aggregationMode:t.aggregationMode,aspectRatio:1.5,overrideOptions:{maintainAspectRatio:!1},emptyDataDescription:"Send impact metrics using Unleash SDK for this series to view the chart."})})})]});var Hr={exports:{}},qe={},Dt={exports:{}};(function(t,e){(function(r,n){n(e)})(Un,function(r){function n(y){return function(T,z,M,N,B,te,$){return y(T,z,$)}}function o(y){return function(T,z,M,N){if(!T||!z||typeof T!="object"||typeof z!="object")return y(T,z,M,N);var B=N.get(T),te=N.get(z);if(B&&te)return B===z&&te===T;N.set(T,z),N.set(z,T);var $=y(T,z,M,N);return N.delete(T),N.delete(z),$}}function i(y,_){var T={};for(var z in y)T[z]=y[z];for(var z in _)T[z]=_[z];return T}function s(y){return y.constructor===Object||y.constructor==null}function u(y){return typeof y.then=="function"}function a(y,_){return y===_||y!==y&&_!==_}var l="[object Arguments]",c="[object Boolean]",d="[object Date]",f="[object RegExp]",p="[object Map]",w="[object Number]",D="[object Object]",x="[object Set]",m="[object String]",v=Object.prototype.toString;function g(y){var _=y.areArraysEqual,T=y.areDatesEqual,z=y.areMapsEqual,M=y.areObjectsEqual,N=y.areRegExpsEqual,B=y.areSetsEqual,te=y.createIsNestedEqual,$=te(oe);function oe(k,q,ie){if(k===q)return!0;if(!k||!q||typeof k!="object"||typeof q!="object")return k!==k&&q!==q;if(s(k)&&s(q))return M(k,q,$,ie);var rr=Array.isArray(k),nr=Array.isArray(q);if(rr||nr)return rr===nr&&_(k,q,$,ie);var se=v.call(k);return se!==v.call(q)?!1:se===d?T(k,q,$,ie):se===f?N(k,q,$,ie):se===p?z(k,q,$,ie):se===x?B(k,q,$,ie):se===D||se===l?u(k)||u(q)?!1:M(k,q,$,ie):se===c||se===w||se===m?a(k.valueOf(),q.valueOf()):!1}return oe}function S(y,_,T,z){var M=y.length;if(_.length!==M)return!1;for(;M-- >0;)if(!T(y[M],_[M],M,M,y,_,z))return!1;return!0}var b=o(S);function E(y,_){return a(y.valueOf(),_.valueOf())}function A(y,_,T,z){var M=y.size===_.size;if(!M)return!1;if(!y.size)return!0;var N={},B=0;return y.forEach(function(te,$){if(M){var oe=!1,k=0;_.forEach(function(q,ie){!oe&&!N[k]&&(oe=T($,ie,B,k,y,_,z)&&T(te,q,$,ie,y,_,z))&&(N[k]=!0),k++}),B++,M=oe}}),M}var I=o(A),V="_owner",Z=Object.prototype.hasOwnProperty;function Te(y,_,T,z){var M=Object.keys(y),N=M.length;if(Object.keys(_).length!==N)return!1;for(var B;N-- >0;){if(B=M[N],B===V){var te=!!y.$$typeof,$=!!_.$$typeof;if((te||$)&&te!==$)return!1}if(!Z.call(_,B)||!T(y[B],_[B],B,B,y,_,z))return!1}return!0}var pt=o(Te);function Le(y,_){return y.source===_.source&&y.flags===_.flags}function ke(y,_,T,z){var M=y.size===_.size;if(!M)return!1;if(!y.size)return!0;var N={};return y.forEach(function(B,te){if(M){var $=!1,oe=0;_.forEach(function(k,q){!$&&!N[oe]&&($=T(B,k,te,q,y,_,z))&&(N[oe]=!0),oe++}),M=$}}),M}var tr=o(ke),ge=Object.freeze({areArraysEqual:S,areDatesEqual:E,areMapsEqual:A,areObjectsEqual:Te,areRegExpsEqual:Le,areSetsEqual:ke,createIsNestedEqual:n}),me=Object.freeze({areArraysEqual:b,areDatesEqual:E,areMapsEqual:I,areObjectsEqual:pt,areRegExpsEqual:Le,areSetsEqual:tr,createIsNestedEqual:n}),Be=g(ge);function ht(y,_){return Be(y,_,void 0)}var Sn=g(i(ge,{createIsNestedEqual:function(){return a}}));function xn(y,_){return Sn(y,_,void 0)}var On=g(me);function Dn(y,_){return On(y,_,new WeakMap)}var _n=g(i(me,{createIsNestedEqual:function(){return a}}));function Rn(y,_){return _n(y,_,new WeakMap)}function Pn(y){return g(i(ge,y(ge)))}function jn(y){var _=g(i(me,y(me)));return function(T,z,M){return M===void 0&&(M=new WeakMap),_(T,z,M)}}r.circularDeepEqual=Dn,r.circularShallowEqual=Rn,r.createCustomCircularEqual=jn,r.createCustomEqual=Pn,r.deepEqual=ht,r.sameValueZeroEqual=a,r.shallowEqual=xn,Object.defineProperty(r,"__esModule",{value:!0})})})(Dt,Dt.exports);var Lt=Dt.exports;const Qe=kr(Vn);var j={},Po=function(e,r,n){return e===r?!0:e.className===r.className&&n(e.style,r.style)&&e.width===r.width&&e.autoSize===r.autoSize&&e.cols===r.cols&&e.draggableCancel===r.draggableCancel&&e.draggableHandle===r.draggableHandle&&n(e.verticalCompact,r.verticalCompact)&&n(e.compactType,r.compactType)&&n(e.layout,r.layout)&&n(e.margin,r.margin)&&n(e.containerPadding,r.containerPadding)&&e.rowHeight===r.rowHeight&&e.maxRows===r.maxRows&&e.isBounded===r.isBounded&&e.isDraggable===r.isDraggable&&e.isResizable===r.isResizable&&e.allowOverlap===r.allowOverlap&&e.preventCollision===r.preventCollision&&e.useCSSTransforms===r.useCSSTransforms&&e.transformScale===r.transformScale&&e.isDroppable===r.isDroppable&&n(e.resizeHandles,r.resizeHandles)&&n(e.resizeHandle,r.resizeHandle)&&e.onLayoutChange===r.onLayoutChange&&e.onDragStart===r.onDragStart&&e.onDrag===r.onDrag&&e.onDragStop===r.onDragStop&&e.onResizeStart===r.onResizeStart&&e.onResize===r.onResize&&e.onResizeStop===r.onResizeStop&&e.onDrop===r.onDrop&&n(e.droppingItem,r.droppingItem)&&n(e.innerRef,r.innerRef)};Object.defineProperty(j,"__esModule",{value:!0});j.bottom=et;j.childrenEqual=To;j.cloneLayout=Wr;j.cloneLayoutItem=xe;j.collides=tt;j.compact=$r;j.compactItem=qr;j.compactType=Xo;j.correctBounds=Ar;j.fastPositionEqual=Lo;j.fastRGLPropsEqual=void 0;j.getAllCollisions=Ir;j.getFirstCollision=we;j.getLayoutItem=kt;j.getStatics=Ht;j.modifyLayout=Nr;j.moveElement=Ne;j.moveElementAwayFromCollision=Rt;j.noop=void 0;j.perc=Ho;j.resizeItemInDirection=Io;j.setTopLeft=Go;j.setTransform=Bo;j.sortLayoutItems=It;j.sortLayoutItemsByColRow=Xr;j.sortLayoutItemsByRowCol=Yr;j.synchronizeLayoutWithChildren=Fo;j.validateLayout=Yo;j.withLayoutItem=Mo;var cr=Lt,We=jo(L);function jo(t){return t&&t.__esModule?t:{default:t}}function dr(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function Ve(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?dr(Object(r),!0).forEach(function(n){Eo(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):dr(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function Eo(t,e,r){return(e=Co(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Co(t){var e=zo(t,"string");return typeof e=="symbol"?e:e+""}function zo(t,e){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function et(t){let e=0,r;for(let n=0,o=t.length;n<o;n++)r=t[n].y+t[n].h,r>e&&(e=r);return e}function Wr(t){const e=Array(t.length);for(let r=0,n=t.length;r<n;r++)e[r]=xe(t[r]);return e}function Nr(t,e){const r=Array(t.length);for(let n=0,o=t.length;n<o;n++)e.i===t[n].i?r[n]=e:r[n]=t[n];return r}function Mo(t,e,r){let n=kt(t,e);return n?(n=r(xe(n)),t=Nr(t,n),[t,n]):[t,null]}function xe(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 To(t,e){return(0,cr.deepEqual)(We.default.Children.map(t,r=>r==null?void 0:r.key),We.default.Children.map(e,r=>r==null?void 0:r.key))&&(0,cr.deepEqual)(We.default.Children.map(t,r=>r==null?void 0:r.props["data-grid"]),We.default.Children.map(e,r=>r==null?void 0:r.props["data-grid"]))}j.fastRGLPropsEqual=Po;function Lo(t,e){return t.left===e.left&&t.top===e.top&&t.width===e.width&&t.height===e.height}function tt(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 $r(t,e,r,n){const o=Ht(t);let i=et(o);const s=It(t,e),u=Array(t.length);for(let a=0,l=s.length;a<l;a++){let c=xe(s[a]);c.static||(c=qr(o,c,e,r,s,n,i),i=Math.max(i,c.y+c.h),o.push(c)),u[t.indexOf(s[a])]=c,c.moved=!1}return u}const ko={x:"w",y:"h"};function _t(t,e,r,n){const o=ko[n];e[n]+=1;const i=t.map(s=>s.i).indexOf(e.i);for(let s=i+1;s<t.length;s++){const u=t[s];if(!u.static){if(u.y>e.y+e.h)break;tt(e,u)&&_t(t,u,r+e[o],n)}}e[n]=r}function qr(t,e,r,n,o,i,s){const u=r==="vertical",a=r==="horizontal";if(u)for(typeof s=="number"?e.y=Math.min(s,e.y):e.y=Math.min(et(t),e.y);e.y>0&&!we(t,e);)e.y--;else if(a)for(;e.x>0&&!we(t,e);)e.x--;let l;for(;(l=we(t,e))&&!(r===null&&i);)if(a?_t(o,e,l.x+l.w,"x"):_t(o,e,l.y+l.h,"y"),a&&e.x+e.w>n)for(e.x=n-e.w,e.y++;e.x>0&&!we(t,e);)e.x--;return e.y=Math.max(e.y,0),e.x=Math.max(e.x,0),e}function Ar(t,e){const r=Ht(t);for(let n=0,o=t.length;n<o;n++){const i=t[n];if(i.x+i.w>e.cols&&(i.x=e.cols-i.w),i.x<0&&(i.x=0,i.w=e.cols),!i.static)r.push(i);else for(;we(r,i);)i.y++}return t}function kt(t,e){for(let r=0,n=t.length;r<n;r++)if(t[r].i===e)return t[r]}function we(t,e){for(let r=0,n=t.length;r<n;r++)if(tt(t[r],e))return t[r]}function Ir(t,e){return t.filter(r=>tt(r,e))}function Ht(t){return t.filter(e=>e.static)}function Ne(t,e,r,n,o,i,s,u,a){if(e.static&&e.isDraggable!==!0||e.y===n&&e.x===r)return t;"Moving element ".concat(e.i," to [").concat(String(r),",").concat(String(n),"] from [").concat(e.x,",").concat(e.y,"]");const l=e.x,c=e.y;typeof r=="number"&&(e.x=r),typeof n=="number"&&(e.y=n),e.moved=!0;let d=It(t,s);(s==="vertical"&&typeof n=="number"?c>=n:s==="horizontal"&&typeof r=="number"?l>=r:!1)&&(d=d.reverse());const p=Ir(d,e),w=p.length>0;if(w&&a)return Wr(t);if(w&&i)return"Collision prevented on ".concat(e.i,", reverting."),e.x=l,e.y=c,e.moved=!1,t;for(let D=0,x=p.length;D<x;D++){const m=p[D];"Resolving collision between ".concat(e.i," at [").concat(e.x,",").concat(e.y,"] and ").concat(m.i," at [").concat(m.x,",").concat(m.y,"]"),!m.moved&&(m.static?t=Rt(t,m,e,o,s):t=Rt(t,e,m,o,s))}return t}function Rt(t,e,r,n,o,i){const s=o==="horizontal",u=o==="vertical",a=e.static;if(n){n=!1;const d={x:s?Math.max(e.x-r.w,0):r.x,y:u?Math.max(e.y-r.h,0):r.y,w:r.w,h:r.h,i:"-1"},f=we(t,d),p=f&&f.y+f.h>e.y,w=f&&e.x+e.w>f.x;if(f){if(p&&u)return Ne(t,r,void 0,r.y+1,n,a,o);if(p&&o==null)return e.y=r.y,r.y=r.y+r.h,t;if(w&&s)return Ne(t,e,r.x,void 0,n,a,o)}else return"Doing reverse collision on ".concat(r.i," up to [").concat(d.x,",").concat(d.y,"]."),Ne(t,r,s?d.x:void 0,u?d.y:void 0,n,a,o)}const l=s?r.x+1:void 0,c=u?r.y+1:void 0;return l==null&&c==null?t:Ne(t,r,s?r.x+1:void 0,u?r.y+1:void 0,n,a,o)}function Ho(t){return t*100+"%"}const Br=(t,e,r,n)=>t+r>n?e:r,Gr=(t,e,r)=>t<0?e:r,Fr=t=>Math.max(0,t),Wt=t=>Math.max(0,t),Nt=(t,e,r)=>{let{left:n,height:o,width:i}=e;const s=t.top-(o-t.height);return{left:n,width:i,height:Gr(s,t.height,o),top:Wt(s)}},$t=(t,e,r)=>{let{top:n,left:o,height:i,width:s}=e;return{top:n,height:i,width:Br(t.left,t.width,s,r),left:Fr(o)}},qt=(t,e,r)=>{let{top:n,height:o,width:i}=e;const s=t.left-(i-t.width);return{height:o,width:s<0?t.width:Br(t.left,t.width,i,r),top:Wt(n),left:Fr(s)}},At=(t,e,r)=>{let{top:n,left:o,height:i,width:s}=e;return{width:s,left:o,height:Gr(n,t.height,i),top:Wt(n)}},Wo=function(){return Nt(arguments.length<=0?void 0:arguments[0],$t(...arguments))},No=function(){return Nt(arguments.length<=0?void 0:arguments[0],qt(...arguments))},$o=function(){return At(arguments.length<=0?void 0:arguments[0],$t(...arguments))},qo=function(){return At(arguments.length<=0?void 0:arguments[0],qt(...arguments))},Ao={n:Nt,ne:Wo,e:$t,se:$o,s:At,sw:qo,w:qt,nw:No};function Io(t,e,r,n){const o=Ao[t];return o?o(e,Ve(Ve({},e),r),n):r}function Bo(t){let{top:e,left:r,width:n,height:o}=t;const i="translate(".concat(r,"px,").concat(e,"px)");return{transform:i,WebkitTransform:i,MozTransform:i,msTransform:i,OTransform:i,width:"".concat(n,"px"),height:"".concat(o,"px"),position:"absolute"}}function Go(t){let{top:e,left:r,width:n,height:o}=t;return{top:"".concat(e,"px"),left:"".concat(r,"px"),width:"".concat(n,"px"),height:"".concat(o,"px"),position:"absolute"}}function It(t,e){return e==="horizontal"?Xr(t):e==="vertical"?Yr(t):t}function Yr(t){return t.slice(0).sort(function(e,r){return e.y>r.y||e.y===r.y&&e.x>r.x?1:e.y===r.y&&e.x===r.x?0:-1})}function Xr(t){return t.slice(0).sort(function(e,r){return e.x>r.x||e.x===r.x&&e.y>r.y?1:-1})}function Fo(t,e,r,n,o){t=t||[];const i=[];We.default.Children.forEach(e,u=>{if((u==null?void 0:u.key)==null)return;const a=kt(t,String(u.key)),l=u.props["data-grid"];a&&l==null?i.push(xe(a)):l?i.push(xe(Ve(Ve({},l),{},{i:u.key}))):i.push(xe({w:1,h:1,x:0,y:et(i),i:String(u.key)}))});const s=Ar(i,{cols:r});return o?s:$r(s,n,r)}function Yo(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Layout";const r=["x","y","w","h"];if(!Array.isArray(t))throw new Error(e+" must be an array!");for(let n=0,o=t.length;n<o;n++){const i=t[n];for(let s=0;s<r.length;s++){const u=r[s],a=i[u];if(typeof a!="number"||Number.isNaN(a))throw new Error("ReactGridLayout: ".concat(e,"[").concat(n,"].").concat(u," must be a number! Received: ").concat(a," (").concat(typeof a,")"))}if(typeof i.i<"u"&&typeof i.i!="string")throw new Error("ReactGridLayout: ".concat(e,"[").concat(n,"].i must be a string! Received: ").concat(i.i," (").concat(typeof i.i,")"))}}function Xo(t){const{verticalCompact:e,compactType:r}=t||{};return e===!1?null:r}const Uo=()=>{};j.noop=Uo;var ae={};Object.defineProperty(ae,"__esModule",{value:!0});ae.calcGridColWidth=rt;ae.calcGridItemPosition=Vo;ae.calcGridItemWHPx=Pt;ae.calcWH=Jo;ae.calcXY=Ko;ae.clamp=Se;function rt(t){const{margin:e,containerPadding:r,containerWidth:n,cols:o}=t;return(n-e[0]*(o-1)-r[0]*2)/o}function Pt(t,e,r){return Number.isFinite(t)?Math.round(e*t+Math.max(0,t-1)*r):t}function Vo(t,e,r,n,o,i){const{margin:s,containerPadding:u,rowHeight:a}=t,l=rt(t),c={};return i&&i.resizing?(c.width=Math.round(i.resizing.width),c.height=Math.round(i.resizing.height)):(c.width=Pt(n,l,s[0]),c.height=Pt(o,a,s[1])),i&&i.dragging?(c.top=Math.round(i.dragging.top),c.left=Math.round(i.dragging.left)):i&&i.resizing&&typeof i.resizing.top=="number"&&typeof i.resizing.left=="number"?(c.top=Math.round(i.resizing.top),c.left=Math.round(i.resizing.left)):(c.top=Math.round((a+s[1])*r+u[1]),c.left=Math.round((l+s[0])*e+u[0])),c}function Ko(t,e,r,n,o){const{margin:i,containerPadding:s,cols:u,rowHeight:a,maxRows:l}=t,c=rt(t);let d=Math.round((r-s[0])/(c+i[0])),f=Math.round((e-s[1])/(a+i[1]));return d=Se(d,0,u-n),f=Se(f,0,l-o),{x:d,y:f}}function Jo(t,e,r,n,o,i){const{margin:s,maxRows:u,cols:a,rowHeight:l}=t,c=rt(t);let d=Math.round((e+s[0])/(c+s[0])),f=Math.round((r+s[1])/(l+s[1])),p=Se(d,0,a-n),w=Se(f,0,u-o);return["sw","w","nw"].indexOf(i)!==-1&&(p=Se(d,0,a)),["nw","n","ne"].indexOf(i)!==-1&&(w=Se(f,0,u)),{w:p,h:w}}function Se(t,e,r){return Math.max(Math.min(t,r),e)}var nt={},ot={exports:{}},Ur={},W={},le={};Object.defineProperty(le,"__esModule",{value:!0});le.dontSetMe=ri;le.findInArray=Zo;le.int=ti;le.isFunction=Qo;le.isNum=ei;function Zo(t,e){for(let r=0,n=t.length;r<n;r++)if(e.apply(e,[t[r],r,t]))return t[r]}function Qo(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Function]"}function ei(t){return typeof t=="number"&&!isNaN(t)}function ti(t){return parseInt(t,10)}function ri(t,e,r){if(t[e])return new Error(`Invalid prop ${e} passed to ${r} - do not set this, set it on the child.`)}var De={};Object.defineProperty(De,"__esModule",{value:!0});De.browserPrefixToKey=Kr;De.browserPrefixToStyle=ni;De.default=void 0;De.getPrefix=Vr;const gt=["Moz","Webkit","O","ms"];function Vr(){var r,n;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const e=(n=(r=window.document)==null?void 0:r.documentElement)==null?void 0:n.style;if(!e||t in e)return"";for(let o=0;o<gt.length;o++)if(Kr(t,gt[o])in e)return gt[o];return""}function Kr(t,e){return e?`${e}${oi(t)}`:t}function ni(t,e){return e?`-${e.toLowerCase()}-${t}`:t}function oi(t){let e="",r=!0;for(let n=0;n<t.length;n++)r?(e+=t[n].toUpperCase(),r=!1):t[n]==="-"?r=!0:e+=t[n];return e}De.default=Vr();Object.defineProperty(W,"__esModule",{value:!0});W.addClassName=Qr;W.addEvent=si;W.addUserSelectStyles=yi;W.createCSSTransform=pi;W.createSVGTransform=hi;W.getTouch=gi;W.getTouchIdentifier=mi;W.getTranslation=Bt;W.innerHeight=ci;W.innerWidth=di;W.matchesSelector=Zr;W.matchesSelectorAndParentsTo=ii;W.offsetXYFromParent=fi;W.outerHeight=li;W.outerWidth=ui;W.removeClassName=en;W.removeEvent=ai;W.scheduleRemoveUserSelectStyles=vi;var ee=le,fr=Jr(De);function Jr(t,e){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(Jr=function(o,i){if(!i&&o&&o.__esModule)return o;var s,u,a={__proto__:null,default:o};if(o===null||typeof o!="object"&&typeof o!="function")return a;if(s=i?n:r){if(s.has(o))return s.get(o);s.set(o,a)}for(const l in o)l!=="default"&&{}.hasOwnProperty.call(o,l)&&((u=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(o,l))&&(u.get||u.set)?s(a,l,u):a[l]=o[l]);return a})(t,e)}let Fe="";function Zr(t,e){return Fe||(Fe=(0,ee.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(r){return(0,ee.isFunction)(t[r])})),(0,ee.isFunction)(t[Fe])?t[Fe](e):!1}function ii(t,e,r){let n=t;do{if(Zr(n,e))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1}function si(t,e,r,n){if(!t)return;const o={capture:!0,...n};t.addEventListener?t.addEventListener(e,r,o):t.attachEvent?t.attachEvent("on"+e,r):t["on"+e]=r}function ai(t,e,r,n){if(!t)return;const o={capture:!0,...n};t.removeEventListener?t.removeEventListener(e,r,o):t.detachEvent?t.detachEvent("on"+e,r):t["on"+e]=null}function li(t){let e=t.clientHeight;const r=t.ownerDocument.defaultView.getComputedStyle(t);return e+=(0,ee.int)(r.borderTopWidth),e+=(0,ee.int)(r.borderBottomWidth),e}function ui(t){let e=t.clientWidth;const r=t.ownerDocument.defaultView.getComputedStyle(t);return e+=(0,ee.int)(r.borderLeftWidth),e+=(0,ee.int)(r.borderRightWidth),e}function ci(t){let e=t.clientHeight;const r=t.ownerDocument.defaultView.getComputedStyle(t);return e-=(0,ee.int)(r.paddingTop),e-=(0,ee.int)(r.paddingBottom),e}function di(t){let e=t.clientWidth;const r=t.ownerDocument.defaultView.getComputedStyle(t);return e-=(0,ee.int)(r.paddingLeft),e-=(0,ee.int)(r.paddingRight),e}function fi(t,e,r){const o=e===e.ownerDocument.body?{left:0,top:0}:e.getBoundingClientRect(),i=(t.clientX+e.scrollLeft-o.left)/r,s=(t.clientY+e.scrollTop-o.top)/r;return{x:i,y:s}}function pi(t,e){const r=Bt(t,e,"px");return{[(0,fr.browserPrefixToKey)("transform",fr.default)]:r}}function hi(t,e){return Bt(t,e,"")}function Bt(t,e,r){let{x:n,y:o}=t,i=`translate(${n}${r},${o}${r})`;if(e){const s=`${typeof e.x=="string"?e.x:e.x+r}`,u=`${typeof e.y=="string"?e.y:e.y+r}`;i=`translate(${s}, ${u})`+i}return i}function gi(t,e){return t.targetTouches&&(0,ee.findInArray)(t.targetTouches,r=>e===r.identifier)||t.changedTouches&&(0,ee.findInArray)(t.changedTouches,r=>e===r.identifier)}function mi(t){if(t.targetTouches&&t.targetTouches[0])return t.targetTouches[0].identifier;if(t.changedTouches&&t.changedTouches[0])return t.changedTouches[0].identifier}function yi(t){if(!t)return;let e=t.getElementById("react-draggable-style-el");e||(e=t.createElement("style"),e.type="text/css",e.id="react-draggable-style-el",e.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`,e.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
+`,t.getElementsByTagName("head")[0].appendChild(e)),t.body&&Qr(t.body,"react-draggable-transparent-selection")}function vi(t){window.requestAnimationFrame?window.requestAnimationFrame(()=>{pr(t)}):pr(t)}function pr(t){if(t)try{if(t.body&&en(t.body,"react-draggable-transparent-selection"),t.selection)t.selection.empty();else{const e=(t.defaultView||window).getSelection();e&&e.type!=="Caret"&&e.removeAllRanges()}}catch{}}function Qr(t,e){t.classList?t.classList.add(e):t.className.match(new RegExp(`(?:^|\\s)${e}(?!\\S)`))||(t.className+=` ${e}`)}function en(t,e){t.classList?t.classList.remove(e):t.className=t.className.replace(new RegExp(`(?:^|\\s)${e}(?!\\S)`,"g"),"")}var ue={};Object.defineProperty(ue,"__esModule",{value:!0});ue.canDragX=Si;ue.canDragY=xi;ue.createCoreData=Di;ue.createDraggableData=_i;ue.getBoundPosition=bi;ue.getControlPosition=Oi;ue.snapToGrid=wi;var Q=le,Ce=W;function bi(t,e,r){if(!t.props.bounds)return[e,r];let{bounds:n}=t.props;n=typeof n=="string"?n:Ri(n);const o=Gt(t);if(typeof n=="string"){const{ownerDocument:i}=o,s=i.defaultView;let u;if(n==="parent"?u=o.parentNode:u=o.getRootNode().querySelector(n),!(u instanceof s.HTMLElement))throw new Error('Bounds selector "'+n+'" could not find an element.');const a=u,l=s.getComputedStyle(o),c=s.getComputedStyle(a);n={left:-o.offsetLeft+(0,Q.int)(c.paddingLeft)+(0,Q.int)(l.marginLeft),top:-o.offsetTop+(0,Q.int)(c.paddingTop)+(0,Q.int)(l.marginTop),right:(0,Ce.innerWidth)(a)-(0,Ce.outerWidth)(o)-o.offsetLeft+(0,Q.int)(c.paddingRight)-(0,Q.int)(l.marginRight),bottom:(0,Ce.innerHeight)(a)-(0,Ce.outerHeight)(o)-o.offsetTop+(0,Q.int)(c.paddingBottom)-(0,Q.int)(l.marginBottom)}}return(0,Q.isNum)(n.right)&&(e=Math.min(e,n.right)),(0,Q.isNum)(n.bottom)&&(r=Math.min(r,n.bottom)),(0,Q.isNum)(n.left)&&(e=Math.max(e,n.left)),(0,Q.isNum)(n.top)&&(r=Math.max(r,n.top)),[e,r]}function wi(t,e,r){const n=Math.round(e/t[0])*t[0],o=Math.round(r/t[1])*t[1];return[n,o]}function Si(t){return t.props.axis==="both"||t.props.axis==="x"}function xi(t){return t.props.axis==="both"||t.props.axis==="y"}function Oi(t,e,r){const n=typeof e=="number"?(0,Ce.getTouch)(t,e):null;if(typeof e=="number"&&!n)return null;const o=Gt(r),i=r.props.offsetParent||o.offsetParent||o.ownerDocument.body;return(0,Ce.offsetXYFromParent)(n||t,i,r.props.scale)}function Di(t,e,r){const n=!(0,Q.isNum)(t.lastX),o=Gt(t);return n?{node:o,deltaX:0,deltaY:0,lastX:e,lastY:r,x:e,y:r}:{node:o,deltaX:e-t.lastX,deltaY:r-t.lastY,lastX:t.lastX,lastY:t.lastY,x:e,y:r}}function _i(t,e){const r=t.props.scale;return{node:e.node,x:t.state.x+e.deltaX/r,y:t.state.y+e.deltaY/r,deltaX:e.deltaX/r,deltaY:e.deltaY/r,lastX:t.state.x,lastY:t.state.y}}function Ri(t){return{left:t.left,top:t.top,right:t.right,bottom:t.bottom}}function Gt(t){const e=t.findDOMNode();if(!e)throw new Error("<DraggableCore>: Unmounted during event!");return e}var it={},st={};Object.defineProperty(st,"__esModule",{value:!0});st.default=Pi;function Pi(){}Object.defineProperty(it,"__esModule",{value:!0});it.default=void 0;var mt=tn(L),X=Ft(he),ji=Ft(Tt),Y=W,fe=ue,yt=le,He=Ft(st);function Ft(t){return t&&t.__esModule?t:{default:t}}function tn(t,e){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(tn=function(o,i){if(!i&&o&&o.__esModule)return o;var s,u,a={__proto__:null,default:o};if(o===null||typeof o!="object"&&typeof o!="function")return a;if(s=i?n:r){if(s.has(o))return s.get(o);s.set(o,a)}for(const l in o)l!=="default"&&{}.hasOwnProperty.call(o,l)&&((u=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(o,l))&&(u.get||u.set)?s(a,l,u):a[l]=o[l]);return a})(t,e)}function U(t,e,r){return(e=Ei(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Ei(t){var e=Ci(t,"string");return typeof e=="symbol"?e:e+""}function Ci(t,e){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}const re={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let pe=re.mouse,at=class extends mt.Component{constructor(){super(...arguments),U(this,"dragging",!1),U(this,"lastX",NaN),U(this,"lastY",NaN),U(this,"touchIdentifier",null),U(this,"mounted",!1),U(this,"handleDragStart",e=>{if(this.props.onMouseDown(e),!this.props.allowAnyClick&&typeof e.button=="number"&&e.button!==0)return!1;const r=this.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:n}=r;if(this.props.disabled||!(e.target instanceof n.defaultView.Node)||this.props.handle&&!(0,Y.matchesSelectorAndParentsTo)(e.target,this.props.handle,r)||this.props.cancel&&(0,Y.matchesSelectorAndParentsTo)(e.target,this.props.cancel,r))return;e.type==="touchstart"&&!this.props.allowMobileScroll&&e.preventDefault();const o=(0,Y.getTouchIdentifier)(e);this.touchIdentifier=o;const i=(0,fe.getControlPosition)(e,o,this);if(i==null)return;const{x:s,y:u}=i,a=(0,fe.createCoreData)(this,s,u);(0,He.default)("DraggableCore: handleDragStart: %j",a),(0,He.default)("calling",this.props.onStart),!(this.props.onStart(e,a)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,Y.addUserSelectStyles)(n),this.dragging=!0,this.lastX=s,this.lastY=u,(0,Y.addEvent)(n,pe.move,this.handleDrag),(0,Y.addEvent)(n,pe.stop,this.handleDragStop))}),U(this,"handleDrag",e=>{const r=(0,fe.getControlPosition)(e,this.touchIdentifier,this);if(r==null)return;let{x:n,y:o}=r;if(Array.isArray(this.props.grid)){let u=n-this.lastX,a=o-this.lastY;if([u,a]=(0,fe.snapToGrid)(this.props.grid,u,a),!u&&!a)return;n=this.lastX+u,o=this.lastY+a}const i=(0,fe.createCoreData)(this,n,o);if((0,He.default)("DraggableCore: handleDrag: %j",i),this.props.onDrag(e,i)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const a=document.createEvent("MouseEvents");a.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(a)}return}this.lastX=n,this.lastY=o}),U(this,"handleDragStop",e=>{if(!this.dragging)return;const r=(0,fe.getControlPosition)(e,this.touchIdentifier,this);if(r==null)return;let{x:n,y:o}=r;if(Array.isArray(this.props.grid)){let a=n-this.lastX||0,l=o-this.lastY||0;[a,l]=(0,fe.snapToGrid)(this.props.grid,a,l),n=this.lastX+a,o=this.lastY+l}const i=(0,fe.createCoreData)(this,n,o);if(this.props.onStop(e,i)===!1||this.mounted===!1)return!1;const u=this.findDOMNode();u&&this.props.enableUserSelectHack&&(0,Y.scheduleRemoveUserSelectStyles)(u.ownerDocument),(0,He.default)("DraggableCore: handleDragStop: %j",i),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,u&&((0,He.default)("DraggableCore: Removing handlers"),(0,Y.removeEvent)(u.ownerDocument,pe.move,this.handleDrag),(0,Y.removeEvent)(u.ownerDocument,pe.stop,this.handleDragStop))}),U(this,"onMouseDown",e=>(pe=re.mouse,this.handleDragStart(e))),U(this,"onMouseUp",e=>(pe=re.mouse,this.handleDragStop(e))),U(this,"onTouchStart",e=>(pe=re.touch,this.handleDragStart(e))),U(this,"onTouchEnd",e=>(pe=re.touch,this.handleDragStop(e)))}componentDidMount(){this.mounted=!0;const e=this.findDOMNode();e&&(0,Y.addEvent)(e,re.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const e=this.findDOMNode();if(e){const{ownerDocument:r}=e;(0,Y.removeEvent)(r,re.mouse.move,this.handleDrag),(0,Y.removeEvent)(r,re.touch.move,this.handleDrag),(0,Y.removeEvent)(r,re.mouse.stop,this.handleDragStop),(0,Y.removeEvent)(r,re.touch.stop,this.handleDragStop),(0,Y.removeEvent)(e,re.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,Y.scheduleRemoveUserSelectStyles)(r)}}findDOMNode(){var e,r,n;return(e=this.props)!=null&&e.nodeRef?(n=(r=this.props)==null?void 0:r.nodeRef)==null?void 0:n.current:ji.default.findDOMNode(this)}render(){return mt.cloneElement(mt.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};it.default=at;U(at,"displayName","DraggableCore");U(at,"propTypes",{allowAnyClick:X.default.bool,allowMobileScroll:X.default.bool,children:X.default.node.isRequired,disabled:X.default.bool,enableUserSelectHack:X.default.bool,offsetParent:function(t,e){if(t[e]&&t[e].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:X.default.arrayOf(X.default.number),handle:X.default.string,cancel:X.default.string,nodeRef:X.default.object,onStart:X.default.func,onDrag:X.default.func,onStop:X.default.func,onMouseDown:X.default.func,scale:X.default.number,className:yt.dontSetMe,style:yt.dontSetMe,transform:yt.dontSetMe});U(at,"defaultProps",{allowAnyClick:!1,allowMobileScroll:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1});(function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"DraggableCore",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var e=d(L),r=c(he),n=c(Tt),o=Qe,i=W,s=ue,u=le,a=c(it),l=c(st);function c(m){return m&&m.__esModule?m:{default:m}}function d(m,v){if(typeof WeakMap=="function")var g=new WeakMap,S=new WeakMap;return(d=function(b,E){if(!E&&b&&b.__esModule)return b;var A,I,V={__proto__:null,default:b};if(b===null||typeof b!="object"&&typeof b!="function")return V;if(A=E?S:g){if(A.has(b))return A.get(b);A.set(b,V)}for(const Z in b)Z!=="default"&&{}.hasOwnProperty.call(b,Z)&&((I=(A=Object.defineProperty)&&Object.getOwnPropertyDescriptor(b,Z))&&(I.get||I.set)?A(V,Z,I):V[Z]=b[Z]);return V})(m,v)}function f(){return f=Object.assign?Object.assign.bind():function(m){for(var v=1;v<arguments.length;v++){var g=arguments[v];for(var S in g)({}).hasOwnProperty.call(g,S)&&(m[S]=g[S])}return m},f.apply(null,arguments)}function p(m,v,g){return(v=w(v))in m?Object.defineProperty(m,v,{value:g,enumerable:!0,configurable:!0,writable:!0}):m[v]=g,m}function w(m){var v=D(m,"string");return typeof v=="symbol"?v:v+""}function D(m,v){if(typeof m!="object"||!m)return m;var g=m[Symbol.toPrimitive];if(g!==void 0){var S=g.call(m,v);if(typeof S!="object")return S;throw new TypeError("@@toPrimitive must return a primitive value.")}return(v==="string"?String:Number)(m)}class x extends e.Component{static getDerivedStateFromProps(v,g){let{position:S}=v,{prevPropsPosition:b}=g;return S&&(!b||S.x!==b.x||S.y!==b.y)?((0,l.default)("Draggable: getDerivedStateFromProps %j",{position:S,prevPropsPosition:b}),{x:S.x,y:S.y,prevPropsPosition:{...S}}):null}constructor(v){super(v),p(this,"onDragStart",(g,S)=>{if((0,l.default)("Draggable: onDragStart: %j",S),this.props.onStart(g,(0,s.createDraggableData)(this,S))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),p(this,"onDrag",(g,S)=>{if(!this.state.dragging)return!1;(0,l.default)("Draggable: onDrag: %j",S);const b=(0,s.createDraggableData)(this,S),E={x:b.x,y:b.y,slackX:0,slackY:0};if(this.props.bounds){const{x:I,y:V}=E;E.x+=this.state.slackX,E.y+=this.state.slackY;const[Z,Te]=(0,s.getBoundPosition)(this,E.x,E.y);E.x=Z,E.y=Te,E.slackX=this.state.slackX+(I-E.x),E.slackY=this.state.slackY+(V-E.y),b.x=E.x,b.y=E.y,b.deltaX=E.x-this.state.x,b.deltaY=E.y-this.state.y}if(this.props.onDrag(g,b)===!1)return!1;this.setState(E)}),p(this,"onDragStop",(g,S)=>{if(!this.state.dragging||this.props.onStop(g,(0,s.createDraggableData)(this,S))===!1)return!1;(0,l.default)("Draggable: onDragStop: %j",S);const E={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:I,y:V}=this.props.position;E.x=I,E.y=V}this.setState(E)}),this.state={dragging:!1,dragged:!1,x:v.position?v.position.x:v.defaultPosition.x,y:v.position?v.position.y:v.defaultPosition.y,prevPropsPosition:{...v.position},slackX:0,slackY:0,isElementSVG:!1},v.position&&!(v.onDrag||v.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.state.dragging&&this.setState({dragging:!1})}findDOMNode(){var v,g;return((g=(v=this.props)==null?void 0:v.nodeRef)==null?void 0:g.current)??n.default.findDOMNode(this)}render(){const{axis:v,bounds:g,children:S,defaultPosition:b,defaultClassName:E,defaultClassNameDragging:A,defaultClassNameDragged:I,position:V,positionOffset:Z,scale:Te,...pt}=this.props;let Le={},ke=null;const ge=!!!V||this.state.dragging,me=V||b,Be={x:(0,s.canDragX)(this)&&ge?this.state.x:me.x,y:(0,s.canDragY)(this)&&ge?this.state.y:me.y};this.state.isElementSVG?ke=(0,i.createSVGTransform)(Be,Z):Le=(0,i.createCSSTransform)(Be,Z);const ht=(0,o.clsx)(S.props.className||"",E,{[A]:this.state.dragging,[I]:this.state.dragged});return e.createElement(a.default,f({},pt,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),e.cloneElement(e.Children.only(S),{className:ht,style:{...S.props.style,...Le},transform:ke}))}}t.default=x,p(x,"displayName","Draggable"),p(x,"propTypes",{...a.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:u.dontSetMe,style:u.dontSetMe,transform:u.dontSetMe}),p(x,"defaultProps",{...a.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})})(Ur);const{default:rn,DraggableCore:zi}=Ur;ot.exports=rn;ot.exports.default=rn;ot.exports.DraggableCore=zi;var nn=ot.exports,lt={exports:{}},Ae={},Yt={};Yt.__esModule=!0;Yt.cloneElement=Wi;var Mi=Ti(L);function Ti(t){return t&&t.__esModule?t:{default:t}}function hr(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function gr(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?hr(Object(r),!0).forEach(function(n){Li(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):hr(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function Li(t,e,r){return(e=ki(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function ki(t){var e=Hi(t,"string");return typeof e=="symbol"?e:e+""}function Hi(t,e){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function Wi(t,e){return e.style&&t.props.style&&(e.style=gr(gr({},t.props.style),e.style)),e.className&&t.props.className&&(e.className=`${t.props.className} ${e.className}`),Mi.default.cloneElement(t,e)}var Ie={};Ie.__esModule=!0;Ie.resizableProps=void 0;var R=Ni(he);function Ni(t){return t&&t.__esModule?t:{default:t}}Ie.resizableProps={axis:R.default.oneOf(["both","x","y","none"]),className:R.default.string,children:R.default.element.isRequired,draggableOpts:R.default.shape({allowAnyClick:R.default.bool,cancel:R.default.string,children:R.default.node,disabled:R.default.bool,enableUserSelectHack:R.default.bool,offsetParent:typeof Element<"u"?R.default.instanceOf(Element):R.default.any,grid:R.default.arrayOf(R.default.number),handle:R.default.string,nodeRef:R.default.object,onStart:R.default.func,onDrag:R.default.func,onStop:R.default.func,onMouseDown:R.default.func,scale:R.default.number}),height:function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];const[n]=e;return n.axis==="both"||n.axis==="y"?R.default.number.isRequired(...e):R.default.number(...e)},handle:R.default.oneOfType([R.default.node,R.default.func]),handleSize:R.default.arrayOf(R.default.number),lockAspectRatio:R.default.bool,maxConstraints:R.default.arrayOf(R.default.number),minConstraints:R.default.arrayOf(R.default.number),onResizeStop:R.default.func,onResizeStart:R.default.func,onResize:R.default.func,resizeHandles:R.default.arrayOf(R.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:R.default.number,width:function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];const[n]=e;return n.axis==="both"||n.axis==="x"?R.default.number.isRequired(...e):R.default.number(...e)}};Ae.__esModule=!0;Ae.default=void 0;var Re=on(L),$i=nn,qi=Yt,Ai=Ie;const Ii=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function on(t,e){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(on=function(o,i){if(!i&&o&&o.__esModule)return o;var s,u,a={__proto__:null,default:o};if(o===null||typeof o!="object"&&typeof o!="function")return a;if(s=i?n:r){if(s.has(o))return s.get(o);s.set(o,a)}for(const l in o)l!=="default"&&{}.hasOwnProperty.call(o,l)&&((u=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(o,l))&&(u.get||u.set)?s(a,l,u):a[l]=o[l]);return a})(t,e)}function jt(){return jt=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)({}).hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},jt.apply(null,arguments)}function Bi(t,e){if(t==null)return{};var r,n,o=Gi(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)===-1&&{}.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}function Gi(t,e){if(t==null)return{};var r={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(e.indexOf(n)!==-1)continue;r[n]=t[n]}return r}function mr(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function vt(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?mr(Object(r),!0).forEach(function(n){Fi(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):mr(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function Fi(t,e,r){return(e=Yi(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Yi(t){var e=Xi(t,"string");return typeof e=="symbol"?e:e+""}function Xi(t,e){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}class Xt extends Re.Component{constructor(){super(...arguments),this.handleRefs={},this.lastHandleRect=null,this.slack=null,this.lastSize=null}componentWillUnmount(){this.resetData()}resetData(){this.lastHandleRect=this.slack=this.lastSize=null}runConstraints(e,r){const{minConstraints:n,maxConstraints:o,lockAspectRatio:i}=this.props;if(!n&&!o&&!i)return[e,r];if(i){const c=this.props.width/this.props.height,d=e-this.props.width,f=r-this.props.height;Math.abs(d)>Math.abs(f*c)?r=e/c:e=r*c}const[s,u]=[e,r];let[a,l]=this.slack||[0,0];return e+=a,r+=l,n&&(e=Math.max(n[0],e),r=Math.max(n[1],r)),o&&(e=Math.min(o[0],e),r=Math.min(o[1],r)),this.slack=[a+(s-e),l+(u-r)],[e,r]}resizeHandler(e,r){return(n,o)=>{var v;let{node:i,deltaX:s,deltaY:u}=o;e==="onResizeStart"&&this.resetData();const a=(this.props.axis==="both"||this.props.axis==="x")&&r!=="n"&&r!=="s",l=(this.props.axis==="both"||this.props.axis==="y")&&r!=="e"&&r!=="w";if(!a&&!l)return;const c=r[0],d=r[r.length-1],f=i.getBoundingClientRect();if(this.lastHandleRect!=null){if(d==="w"){const g=f.left-this.lastHandleRect.left;s+=g}if(c==="n"){const g=f.top-this.lastHandleRect.top;u+=g}}this.lastHandleRect=f,d==="w"&&(s=-s),c==="n"&&(u=-u);let p=this.props.width+(a?s/this.props.transformScale:0),w=this.props.height+(l?u/this.props.transformScale:0);[p,w]=this.runConstraints(p,w),e==="onResizeStop"&&this.lastSize&&({width:p,height:w}=this.lastSize);const D=p!==this.props.width||w!==this.props.height;e!=="onResizeStop"&&(this.lastSize={width:p,height:w});const x=typeof this.props[e]=="function"?this.props[e]:null;x&&!(e==="onResize"&&!D)&&((v=n.persist)==null||v.call(n),x(n,{node:i,size:{width:p,height:w},handle:r})),e==="onResizeStop"&&this.resetData()}}renderResizeHandle(e,r){const{handle:n}=this.props;if(!n)return Re.createElement("span",{className:`react-resizable-handle react-resizable-handle-${e}`,ref:r});if(typeof n=="function")return n(e,r);const o=typeof n.type=="string",i=vt({ref:r},o?{}:{handleAxis:e});return Re.cloneElement(n,i)}render(){const e=this.props,{children:r,className:n,draggableOpts:o,width:i,height:s,handle:u,handleSize:a,lockAspectRatio:l,axis:c,minConstraints:d,maxConstraints:f,onResize:p,onResizeStop:w,onResizeStart:D,resizeHandles:x,transformScale:m}=e,v=Bi(e,Ii);return(0,qi.cloneElement)(r,vt(vt({},v),{},{className:`${n?`${n} `:""}react-resizable`,children:[...Re.Children.toArray(r.props.children),...x.map(g=>{const S=this.handleRefs[g]??(this.handleRefs[g]=Re.createRef());return Re.createElement($i.DraggableCore,jt({},o,{nodeRef:S,key:`resizableHandle-${g}`,onStop:this.resizeHandler("onResizeStop",g),onStart:this.resizeHandler("onResizeStart",g),onDrag:this.resizeHandler("onResize",g)}),this.renderResizeHandle(g,S))})]}))}}Ae.default=Xt;Xt.propTypes=Ai.resizableProps;Xt.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var ut={};ut.__esModule=!0;ut.default=void 0;var bt=an(L),Ui=sn(he),Vi=sn(Ae),Ki=Ie;const Ji=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function sn(t){return t&&t.__esModule?t:{default:t}}function an(t,e){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(an=function(o,i){if(!i&&o&&o.__esModule)return o;var s,u,a={__proto__:null,default:o};if(o===null||typeof o!="object"&&typeof o!="function")return a;if(s=i?n:r){if(s.has(o))return s.get(o);s.set(o,a)}for(const l in o)l!=="default"&&{}.hasOwnProperty.call(o,l)&&((u=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(o,l))&&(u.get||u.set)?s(a,l,u):a[l]=o[l]);return a})(t,e)}function Et(){return Et=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)({}).hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Et.apply(null,arguments)}function yr(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function Ke(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?yr(Object(r),!0).forEach(function(n){Zi(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):yr(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function Zi(t,e,r){return(e=Qi(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Qi(t){var e=es(t,"string");return typeof e=="symbol"?e:e+""}function es(t,e){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function ts(t,e){if(t==null)return{};var r,n,o=rs(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)===-1&&{}.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}function rs(t,e){if(t==null)return{};var r={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(e.indexOf(n)!==-1)continue;r[n]=t[n]}return r}class ln extends bt.Component{constructor(){super(...arguments),this.state={width:this.props.width,height:this.props.height,propsWidth:this.props.width,propsHeight:this.props.height},this.onResize=(e,r)=>{var o;const{size:n}=r;this.props.onResize?((o=e.persist)==null||o.call(e),this.setState(n,()=>this.props.onResize&&this.props.onResize(e,r))):this.setState(n)}}static getDerivedStateFromProps(e,r){return r.propsWidth!==e.width||r.propsHeight!==e.height?{width:e.width,height:e.height,propsWidth:e.width,propsHeight:e.height}:null}render(){const e=this.props,{handle:r,handleSize:n,onResize:o,onResizeStart:i,onResizeStop:s,draggableOpts:u,minConstraints:a,maxConstraints:l,lockAspectRatio:c,axis:d,width:f,height:p,resizeHandles:w,style:D,transformScale:x}=e,m=ts(e,Ji);return bt.createElement(Vi.default,{axis:d,draggableOpts:u,handle:r,handleSize:n,height:this.state.height,lockAspectRatio:c,maxConstraints:l,minConstraints:a,onResizeStart:i,onResize:this.onResize,onResizeStop:s,resizeHandles:w,transformScale:x,width:this.state.width},bt.createElement("div",Et({},m,{style:Ke(Ke({},D),{},{width:this.state.width+"px",height:this.state.height+"px"})})))}}ut.default=ln;ln.propTypes=Ke(Ke({},Ki.resizableProps),{},{children:Ui.default.element});lt.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")};lt.exports.Resizable=Ae.default;lt.exports.ResizableBox=ut.default;var ns=lt.exports,ce={};Object.defineProperty(ce,"__esModule",{value:!0});ce.resizeHandleType=ce.resizeHandleAxesType=ce.default=void 0;var P=un(he),os=un(L);function un(t){return t&&t.__esModule?t:{default:t}}const is=ce.resizeHandleAxesType=P.default.arrayOf(P.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),ss=ce.resizeHandleType=P.default.oneOfType([P.default.node,P.default.func]);ce.default={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(t){t.verticalCompact},compactType:P.default.oneOf(["vertical","horizontal"]),layout:function(t){var e=t.layout;e!==void 0&&j.validateLayout(e,"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:is,resizeHandle:ss,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(t,e){const r=t[e],n={};os.default.Children.forEach(r,function(o){if((o==null?void 0:o.key)!=null){if(n[o.key])throw new Error('Duplicate child key "'+o.key+'" found! This will cause problems in ReactGridLayout.');n[o.key]=!0}})},innerRef:P.default.any};Object.defineProperty(nt,"__esModule",{value:!0});nt.default=void 0;var Pe=Ut(L),vr=Tt,C=Ut(he),as=nn,ls=ns,je=j,G=ae,br=ce,us=Ut(Qe);function Ut(t){return t&&t.__esModule?t:{default:t}}function wr(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function wt(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?wr(Object(r),!0).forEach(function(n){ne(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):wr(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function ne(t,e,r){return(e=cs(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function cs(t){var e=ds(t,"string");return typeof e=="symbol"?e:e+""}function ds(t,e){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}class Vt extends Pe.default.Component{constructor(){super(...arguments),ne(this,"state",{resizing:null,dragging:null,className:""}),ne(this,"elementRef",Pe.default.createRef()),ne(this,"onDragStart",(e,r)=>{let{node:n}=r;const{onDragStart:o,transformScale:i}=this.props;if(!o)return;const s={top:0,left:0},{offsetParent:u}=n;if(!u)return;const a=u.getBoundingClientRect(),l=n.getBoundingClientRect(),c=l.left/i,d=a.left/i,f=l.top/i,p=a.top/i;s.left=c-d+u.scrollLeft,s.top=f-p+u.scrollTop,this.setState({dragging:s});const{x:w,y:D}=(0,G.calcXY)(this.getPositionParams(),s.top,s.left,this.props.w,this.props.h);return o.call(this,this.props.i,w,D,{e,node:n,newPosition:s})}),ne(this,"onDrag",(e,r,n)=>{let{node:o,deltaX:i,deltaY:s}=r;const{onDrag:u}=this.props;if(!u)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let a=this.state.dragging.top+s,l=this.state.dragging.left+i;const{isBounded:c,i:d,w:f,h:p,containerWidth:w}=this.props,D=this.getPositionParams();if(c){const{offsetParent:g}=o;if(g){const{margin:S,rowHeight:b}=this.props,E=g.clientHeight-(0,G.calcGridItemWHPx)(p,b,S[1]);a=(0,G.clamp)(a,0,E);const A=(0,G.calcGridColWidth)(D),I=w-(0,G.calcGridItemWHPx)(f,A,S[0]);l=(0,G.clamp)(l,0,I)}}const x={top:a,left:l};n?this.setState({dragging:x}):(0,vr.flushSync)(()=>{this.setState({dragging:x})});const{x:m,y:v}=(0,G.calcXY)(D,a,l,f,p);return u.call(this,d,m,v,{e,node:o,newPosition:x})}),ne(this,"onDragStop",(e,r)=>{let{node:n}=r;const{onDragStop:o}=this.props;if(!o)return;if(!this.state.dragging)throw new Error("onDragEnd called before onDragStart.");const{w:i,h:s,i:u}=this.props,{left:a,top:l}=this.state.dragging,c={top:l,left:a};this.setState({dragging:null});const{x:d,y:f}=(0,G.calcXY)(this.getPositionParams(),l,a,i,s);return o.call(this,u,d,f,{e,node:n,newPosition:c})}),ne(this,"onResizeStop",(e,r,n)=>this.onResizeHandler(e,r,n,"onResizeStop")),ne(this,"onResizeStart",(e,r,n)=>this.onResizeHandler(e,r,n,"onResizeStart")),ne(this,"onResize",(e,r,n)=>this.onResizeHandler(e,r,n,"onResize"))}shouldComponentUpdate(e,r){if(this.props.children!==e.children||this.props.droppingPosition!==e.droppingPosition)return!0;const n=(0,G.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),o=(0,G.calcGridItemPosition)(this.getPositionParams(e),e.x,e.y,e.w,e.h,r);return!(0,je.fastPositionEqual)(n,o)||this.props.useCSSTransforms!==e.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(e){this.moveDroppingItem(e)}moveDroppingItem(e){const{droppingPosition:r}=this.props;if(!r)return;const n=this.elementRef.current;if(!n)return;const o=e.droppingPosition||{left:0,top:0},{dragging:i}=this.state,s=i&&r.left!==o.left||r.top!==o.top;if(!i)this.onDragStart(r.e,{node:n,deltaX:r.left,deltaY:r.top});else if(s){const u=r.left-i.left,a=r.top-i.top;this.onDrag(r.e,{node:n,deltaX:u,deltaY:a},!0)}}getPositionParams(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:e.cols,containerPadding:e.containerPadding,containerWidth:e.containerWidth,margin:e.margin,maxRows:e.maxRows,rowHeight:e.rowHeight}}createStyle(e){const{usePercentages:r,containerWidth:n,useCSSTransforms:o}=this.props;let i;return o?i=(0,je.setTransform)(e):(i=(0,je.setTopLeft)(e),r&&(i.left=(0,je.perc)(e.left/n),i.width=(0,je.perc)(e.width/n))),i}mixinDraggable(e,r){return Pe.default.createElement(as.DraggableCore,{disabled:!r,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},e)}curryResizeHandler(e,r){return(n,o)=>r(n,o,e)}mixinResizable(e,r,n){const{cols:o,minW:i,minH:s,maxW:u,maxH:a,transformScale:l,resizeHandles:c,resizeHandle:d}=this.props,f=this.getPositionParams(),p=(0,G.calcGridItemPosition)(f,0,0,o,0).width,w=(0,G.calcGridItemPosition)(f,0,0,i,s),D=(0,G.calcGridItemPosition)(f,0,0,u,a),x=[w.width,w.height],m=[Math.min(D.width,p),Math.min(D.height,1/0)];return Pe.default.createElement(ls.Resizable,{draggableOpts:{disabled:!n},className:n?void 0:"react-resizable-hide",width:r.width,height:r.height,minConstraints:x,maxConstraints:m,onResizeStop:this.curryResizeHandler(r,this.onResizeStop),onResizeStart:this.curryResizeHandler(r,this.onResizeStart),onResize:this.curryResizeHandler(r,this.onResize),transformScale:l,resizeHandles:c,handle:d},e)}onResizeHandler(e,r,n,o){let{node:i,size:s,handle:u}=r;const a=this.props[o];if(!a)return;const{x:l,y:c,i:d,maxH:f,minH:p,containerWidth:w}=this.props,{minW:D,maxW:x}=this.props;let m=s;i&&(m=(0,je.resizeItemInDirection)(u,n,s,w),(0,vr.flushSync)(()=>{this.setState({resizing:o==="onResizeStop"?null:m})}));let{w:v,h:g}=(0,G.calcWH)(this.getPositionParams(),m.width,m.height,l,c,u);v=(0,G.clamp)(v,Math.max(D,1),x),g=(0,G.clamp)(g,p,f),a.call(this,d,v,g,{e,node:i,size:m,handle:u})}render(){const{x:e,y:r,w:n,h:o,isDraggable:i,isResizable:s,droppingPosition:u,useCSSTransforms:a}=this.props,l=(0,G.calcGridItemPosition)(this.getPositionParams(),e,r,n,o,this.state),c=Pe.default.Children.only(this.props.children);let d=Pe.default.cloneElement(c,{ref:this.elementRef,className:(0,us.default)("react-grid-item",c.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":i,"react-draggable-dragging":!!this.state.dragging,dropping:!!u,cssTransforms:a}),style:wt(wt(wt({},this.props.style),c.props.style),this.createStyle(l))});return d=this.mixinResizable(d,l,s),d=this.mixinDraggable(d,i),d}}nt.default=Vt;ne(Vt,"propTypes",{children:C.default.element,cols:C.default.number.isRequired,containerWidth:C.default.number.isRequired,rowHeight:C.default.number.isRequired,margin:C.default.array.isRequired,maxRows:C.default.number.isRequired,containerPadding:C.default.array.isRequired,x:C.default.number.isRequired,y:C.default.number.isRequired,w:C.default.number.isRequired,h:C.default.number.isRequired,minW:function(t,e){const r=t[e];if(typeof r!="number")return new Error("minWidth not Number");if(r>t.w||r>t.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(t,e){const r=t[e];if(typeof r!="number")return new Error("maxWidth not Number");if(r<t.w||r<t.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(t,e){const r=t[e];if(typeof r!="number")return new Error("minHeight not Number");if(r>t.h||r>t.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(t,e){const r=t[e];if(typeof r!="number")return new Error("maxHeight not Number");if(r<t.h||r<t.minH)return new Error("maxHeight smaller than item height/minHeight")},i:C.default.string.isRequired,resizeHandles:br.resizeHandleAxesType,resizeHandle:br.resizeHandleType,onDragStop:C.default.func,onDragStart:C.default.func,onDrag:C.default.func,onResizeStop:C.default.func,onResizeStart:C.default.func,onResize:C.default.func,isDraggable:C.default.bool.isRequired,isResizable:C.default.bool.isRequired,isBounded:C.default.bool.isRequired,static:C.default.bool,useCSSTransforms:C.default.bool.isRequired,transformScale:C.default.number,className:C.default.string,handle:C.default.string,cancel:C.default.string,droppingPosition:C.default.shape({e:C.default.object.isRequired,left:C.default.number.isRequired,top:C.default.number.isRequired})});ne(Vt,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1});Object.defineProperty(qe,"__esModule",{value:!0});qe.default=void 0;var ye=cn(L),St=Lt,fs=Kt(Qe),O=j,ps=ae,Sr=Kt(nt),hs=Kt(ce);function Kt(t){return t&&t.__esModule?t:{default:t}}function cn(t,e){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(cn=function(o,i){if(!i&&o&&o.__esModule)return o;var s,u,a={__proto__:null,default:o};if(o===null||typeof o!="object"&&typeof o!="function")return a;if(s=i?n:r){if(s.has(o))return s.get(o);s.set(o,a)}for(const l in o)l!=="default"&&{}.hasOwnProperty.call(o,l)&&((u=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(o,l))&&(u.get||u.set)?s(a,l,u):a[l]=o[l]);return a})(t,e)}function xr(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function ve(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?xr(Object(r),!0).forEach(function(n){F(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):xr(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function F(t,e,r){return(e=gs(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function gs(t){var e=ms(t,"string");return typeof e=="symbol"?e:e+""}function ms(t,e){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}const Or="react-grid-layout";let dn=!1;try{dn=/firefox/i.test(navigator.userAgent)}catch{}class ct extends ye.Component{constructor(){super(...arguments),F(this,"state",{activeDrag:null,layout:(0,O.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,O.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),F(this,"dragEnterCounter",0),F(this,"onDragStart",(e,r,n,o)=>{let{e:i,node:s}=o;const{layout:u}=this.state,a=(0,O.getLayoutItem)(u,e);if(!a)return;const l={w:a.w,h:a.h,x:a.x,y:a.y,placeholder:!0,i:e};return this.setState({oldDragItem:(0,O.cloneLayoutItem)(a),oldLayout:u,activeDrag:l}),this.props.onDragStart(u,a,a,null,i,s)}),F(this,"onDrag",(e,r,n,o)=>{let{e:i,node:s}=o;const{oldDragItem:u}=this.state;let{layout:a}=this.state;const{cols:l,allowOverlap:c,preventCollision:d}=this.props,f=(0,O.getLayoutItem)(a,e);if(!f)return;const p={w:f.w,h:f.h,x:f.x,y:f.y,placeholder:!0,i:e};a=(0,O.moveElement)(a,f,r,n,!0,d,(0,O.compactType)(this.props),l,c),this.props.onDrag(a,u,f,p,i,s),this.setState({layout:c?a:(0,O.compact)(a,(0,O.compactType)(this.props),l),activeDrag:p})}),F(this,"onDragStop",(e,r,n,o)=>{let{e:i,node:s}=o;if(!this.state.activeDrag)return;const{oldDragItem:u}=this.state;let{layout:a}=this.state;const{cols:l,preventCollision:c,allowOverlap:d}=this.props,f=(0,O.getLayoutItem)(a,e);if(!f)return;a=(0,O.moveElement)(a,f,r,n,!0,c,(0,O.compactType)(this.props),l,d);const w=d?a:(0,O.compact)(a,(0,O.compactType)(this.props),l);this.props.onDragStop(w,u,f,null,i,s);const{oldLayout:D}=this.state;this.setState({activeDrag:null,layout:w,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(w,D)}),F(this,"onResizeStart",(e,r,n,o)=>{let{e:i,node:s}=o;const{layout:u}=this.state,a=(0,O.getLayoutItem)(u,e);a&&(this.setState({oldResizeItem:(0,O.cloneLayoutItem)(a),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(u,a,a,null,i,s))}),F(this,"onResize",(e,r,n,o)=>{let{e:i,node:s,size:u,handle:a}=o;const{oldResizeItem:l}=this.state,{layout:c}=this.state,{cols:d,preventCollision:f,allowOverlap:p}=this.props;let w=!1,D,x,m;const[v,g]=(0,O.withLayoutItem)(c,e,b=>{let E;return x=b.x,m=b.y,["sw","w","nw","n","ne"].indexOf(a)!==-1&&(["sw","nw","w"].indexOf(a)!==-1&&(x=b.x+(b.w-r),r=b.x!==x&&x<0?b.w:r,x=x<0?0:x),["ne","n","nw"].indexOf(a)!==-1&&(m=b.y+(b.h-n),n=b.y!==m&&m<0?b.h:n,m=m<0?0:m),w=!0),f&&!p&&(E=(0,O.getAllCollisions)(c,ve(ve({},b),{},{w:r,h:n,x,y:m})).filter(I=>I.i!==b.i).length>0,E&&(m=b.y,n=b.h,x=b.x,r=b.w,w=!1)),b.w=r,b.h=n,b});if(!g)return;D=v,w&&(D=(0,O.moveElement)(v,g,x,m,!0,this.props.preventCollision,(0,O.compactType)(this.props),d,p));const S={w:g.w,h:g.h,x:g.x,y:g.y,static:!0,i:e};this.props.onResize(D,l,g,S,i,s),this.setState({layout:p?D:(0,O.compact)(D,(0,O.compactType)(this.props),d),activeDrag:S})}),F(this,"onResizeStop",(e,r,n,o)=>{let{e:i,node:s}=o;const{layout:u,oldResizeItem:a}=this.state,{cols:l,allowOverlap:c}=this.props,d=(0,O.getLayoutItem)(u,e),f=c?u:(0,O.compact)(u,(0,O.compactType)(this.props),l);this.props.onResizeStop(f,a,d,null,i,s);const{oldLayout:p}=this.state;this.setState({activeDrag:null,layout:f,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(f,p)}),F(this,"onDragOver",e=>{var r;if(e.preventDefault(),e.stopPropagation(),dn&&!((r=e.nativeEvent.target)!==null&&r!==void 0&&r.classList.contains(Or)))return!1;const{droppingItem:n,onDropDragOver:o,margin:i,cols:s,rowHeight:u,maxRows:a,width:l,containerPadding:c,transformScale:d}=this.props,f=o==null?void 0:o(e);if(f===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const p=ve(ve({},n),f),{layout:w}=this.state,D=e.currentTarget.getBoundingClientRect(),x=e.clientX-D.left,m=e.clientY-D.top,v={left:x/d,top:m/d,e};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:g,top:S}=this.state.droppingPosition;(g!=x||S!=m)&&this.setState({droppingPosition:v})}}else{const g={cols:s,margin:i,maxRows:a,rowHeight:u,containerWidth:l,containerPadding:c||i},S=(0,ps.calcXY)(g,m,x,p.w,p.h);this.setState({droppingDOMNode:ye.createElement("div",{key:p.i}),droppingPosition:v,layout:[...w,ve(ve({},p),{},{x:S.x,y:S.y,static:!1,isDraggable:!0})]})}}),F(this,"removeDroppingPlaceholder",()=>{const{droppingItem:e,cols:r}=this.props,{layout:n}=this.state,o=(0,O.compact)(n.filter(i=>i.i!==e.i),(0,O.compactType)(this.props),r,this.props.allowOverlap);this.setState({layout:o,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),F(this,"onDragLeave",e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),F(this,"onDragEnter",e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter++}),F(this,"onDrop",e=>{e.preventDefault(),e.stopPropagation();const{droppingItem:r}=this.props,{layout:n}=this.state,o=n.find(i=>i.i===r.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(n,o,e)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(e,r){let n;return r.activeDrag?null:(!(0,St.deepEqual)(e.layout,r.propsLayout)||e.compactType!==r.compactType?n=e.layout:(0,O.childrenEqual)(e.children,r.children)||(n=r.layout),n?{layout:(0,O.synchronizeLayoutWithChildren)(n,e.children,e.cols,(0,O.compactType)(e),e.allowOverlap),compactType:e.compactType,children:e.children,propsLayout:e.layout}:null)}shouldComponentUpdate(e,r){return this.props.children!==e.children||!(0,O.fastRGLPropsEqual)(this.props,e,St.deepEqual)||this.state.activeDrag!==r.activeDrag||this.state.mounted!==r.mounted||this.state.droppingPosition!==r.droppingPosition}componentDidUpdate(e,r){if(!this.state.activeDrag){const n=this.state.layout,o=r.layout;this.onLayoutMaybeChanged(n,o)}}containerHeight(){if(!this.props.autoSize)return;const e=(0,O.bottom)(this.state.layout),r=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return e*this.props.rowHeight+(e-1)*this.props.margin[1]+r*2+"px"}onLayoutMaybeChanged(e,r){r||(r=this.state.layout),(0,St.deepEqual)(r,e)||this.props.onLayoutChange(e)}placeholder(){const{activeDrag:e}=this.state;if(!e)return null;const{width:r,cols:n,margin:o,containerPadding:i,rowHeight:s,maxRows:u,useCSSTransforms:a,transformScale:l}=this.props;return ye.createElement(Sr.default,{w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,className:"react-grid-placeholder ".concat(this.state.resizing?"placeholder-resizing":""),containerWidth:r,cols:n,margin:o,containerPadding:i||o,maxRows:u,rowHeight:s,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:a,transformScale:l},ye.createElement("div",null))}processGridItem(e,r){if(!e||!e.key)return;const n=(0,O.getLayoutItem)(this.state.layout,String(e.key));if(!n)return null;const{width:o,cols:i,margin:s,containerPadding:u,rowHeight:a,maxRows:l,isDraggable:c,isResizable:d,isBounded:f,useCSSTransforms:p,transformScale:w,draggableCancel:D,draggableHandle:x,resizeHandles:m,resizeHandle:v}=this.props,{mounted:g,droppingPosition:S}=this.state,b=typeof n.isDraggable=="boolean"?n.isDraggable:!n.static&&c,E=typeof n.isResizable=="boolean"?n.isResizable:!n.static&&d,A=n.resizeHandles||m,I=b&&f&&n.isBounded!==!1;return ye.createElement(Sr.default,{containerWidth:o,cols:i,margin:s,containerPadding:u||s,maxRows:l,rowHeight:a,cancel:D,handle:x,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:b,isResizable:E,isBounded:I,useCSSTransforms:p&&g,usePercentages:!g,transformScale:w,w:n.w,h:n.h,x:n.x,y:n.y,i:n.i,minH:n.minH,minW:n.minW,maxH:n.maxH,maxW:n.maxW,static:n.static,droppingPosition:r?S:void 0,resizeHandles:A,resizeHandle:v},e)}render(){const{className:e,style:r,isDroppable:n,innerRef:o}=this.props,i=(0,fs.default)(Or,e),s=ve({height:this.containerHeight()},r);return ye.createElement("div",{ref:o,className:i,style:s,onDrop:n?this.onDrop:O.noop,onDragLeave:n?this.onDragLeave:O.noop,onDragEnter:n?this.onDragEnter:O.noop,onDragOver:n?this.onDragOver:O.noop},ye.Children.map(this.props.children,u=>this.processGridItem(u)),n&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}qe.default=ct;F(ct,"displayName","ReactGridLayout");F(ct,"propTypes",hs.default);F(ct,"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:O.noop,onDragStart:O.noop,onDrag:O.noop,onDragStop:O.noop,onResizeStart:O.noop,onResize:O.noop,onResizeStop:O.noop,onDrop:O.noop,onDropDragOver:O.noop});var dt={},_e={};Object.defineProperty(_e,"__esModule",{value:!0});_e.findOrGenerateResponsiveLayout=bs;_e.getBreakpointFromWidth=ys;_e.getColsFromBreakpoint=vs;_e.sortBreakpoints=Jt;var Ye=j;function ys(t,e){const r=Jt(t);let n=r[0];for(let o=1,i=r.length;o<i;o++){const s=r[o];e>t[s]&&(n=s)}return n}function vs(t,e){if(!e[t])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+t+" is missing!");return e[t]}function bs(t,e,r,n,o,i){if(t[r])return(0,Ye.cloneLayout)(t[r]);let s=t[n];const u=Jt(e),a=u.slice(u.indexOf(r));for(let l=0,c=a.length;l<c;l++){const d=a[l];if(t[d]){s=t[d];break}}return s=(0,Ye.cloneLayout)(s||[]),(0,Ye.compact)((0,Ye.correctBounds)(s,{cols:o}),i,o)}function Jt(t){return Object.keys(t).sort(function(r,n){return t[r]-t[n]})}Object.defineProperty(dt,"__esModule",{value:!0});dt.default=void 0;var Dr=pn(L),K=fn(he),xt=Lt,ze=j,be=_e,ws=fn(qe);const Ss=["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"];function fn(t){return t&&t.__esModule?t:{default:t}}function pn(t,e){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(pn=function(o,i){if(!i&&o&&o.__esModule)return o;var s,u,a={__proto__:null,default:o};if(o===null||typeof o!="object"&&typeof o!="function")return a;if(s=i?n:r){if(s.has(o))return s.get(o);s.set(o,a)}for(const l in o)l!=="default"&&{}.hasOwnProperty.call(o,l)&&((u=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(o,l))&&(u.get||u.set)?s(a,l,u):a[l]=o[l]);return a})(t,e)}function Ct(){return Ct=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)({}).hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Ct.apply(null,arguments)}function xs(t,e){if(t==null)return{};var r,n,o=Os(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)===-1&&{}.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}function Os(t,e){if(t==null)return{};var r={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(e.indexOf(n)!==-1)continue;r[n]=t[n]}return r}function _r(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function Ot(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?_r(Object(r),!0).forEach(function(n){$e(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):_r(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function $e(t,e,r){return(e=Ds(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Ds(t){var e=_s(t,"string");return typeof e=="symbol"?e:e+""}function _s(t,e){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}const Rr=t=>Object.prototype.toString.call(t);function Xe(t,e){return t==null?null:Array.isArray(t)?t:t[e]}class Zt extends Dr.Component{constructor(){super(...arguments),$e(this,"state",this.generateInitialState()),$e(this,"onLayoutChange",e=>{this.props.onLayoutChange(e,Ot(Ot({},this.props.layouts),{},{[this.state.breakpoint]:e}))})}generateInitialState(){const{width:e,breakpoints:r,layouts:n,cols:o}=this.props,i=(0,be.getBreakpointFromWidth)(r,e),s=(0,be.getColsFromBreakpoint)(i,o),u=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,be.findOrGenerateResponsiveLayout)(n,r,i,i,s,u),breakpoint:i,cols:s}}static getDerivedStateFromProps(e,r){if(!(0,xt.deepEqual)(e.layouts,r.layouts)){const{breakpoint:n,cols:o}=r;return{layout:(0,be.findOrGenerateResponsiveLayout)(e.layouts,e.breakpoints,n,n,o,e.compactType),layouts:e.layouts}}return null}componentDidUpdate(e){(this.props.width!=e.width||this.props.breakpoint!==e.breakpoint||!(0,xt.deepEqual)(this.props.breakpoints,e.breakpoints)||!(0,xt.deepEqual)(this.props.cols,e.cols))&&this.onWidthChange(e)}onWidthChange(e){const{breakpoints:r,cols:n,layouts:o,compactType:i}=this.props,s=this.props.breakpoint||(0,be.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),u=this.state.breakpoint,a=(0,be.getColsFromBreakpoint)(s,n),l=Ot({},o);if(u!==s||e.breakpoints!==r||e.cols!==n){u in l||(l[u]=(0,ze.cloneLayout)(this.state.layout));let f=(0,be.findOrGenerateResponsiveLayout)(l,r,s,u,a,i);f=(0,ze.synchronizeLayoutWithChildren)(f,this.props.children,a,i,this.props.allowOverlap),l[s]=f,this.props.onBreakpointChange(s,a),this.props.onLayoutChange(f,l),this.setState({breakpoint:s,layout:f,cols:a})}const c=Xe(this.props.margin,s),d=Xe(this.props.containerPadding,s);this.props.onWidthChange(this.props.width,c,a,d)}render(){const e=this.props,{breakpoint:r,breakpoints:n,cols:o,layouts:i,margin:s,containerPadding:u,onBreakpointChange:a,onLayoutChange:l,onWidthChange:c}=e,d=xs(e,Ss);return Dr.createElement(ws.default,Ct({},d,{margin:Xe(s,this.state.breakpoint),containerPadding:Xe(u,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}dt.default=Zt;$e(Zt,"propTypes",{breakpoint:K.default.string,breakpoints:K.default.object,allowOverlap:K.default.bool,cols:K.default.object,margin:K.default.oneOfType([K.default.array,K.default.object]),containerPadding:K.default.oneOfType([K.default.array,K.default.object]),layouts(t,e){if(Rr(t[e])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+Rr(t[e]));Object.keys(t[e]).forEach(r=>{if(!(r in t.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,ze.validateLayout)(t.layouts[r],"layouts."+r)})},width:K.default.number.isRequired,onBreakpointChange:K.default.func,onLayoutChange:K.default.func,onWidthChange:K.default.func});$e(Zt,"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:ze.noop,onLayoutChange:ze.noop,onWidthChange:ze.noop});var Qt={},hn=function(){if(typeof Map<"u")return Map;function t(e,r){var n=-1;return e.some(function(o,i){return o[0]===r?(n=i,!0):!1}),n}return function(){function e(){this.__entries__=[]}return Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(r){var n=t(this.__entries__,r),o=this.__entries__[n];return o&&o[1]},e.prototype.set=function(r,n){var o=t(this.__entries__,r);~o?this.__entries__[o][1]=n:this.__entries__.push([r,n])},e.prototype.delete=function(r){var n=this.__entries__,o=t(n,r);~o&&n.splice(o,1)},e.prototype.has=function(r){return!!~t(this.__entries__,r)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(r,n){n===void 0&&(n=null);for(var o=0,i=this.__entries__;o<i.length;o++){var s=i[o];r.call(n,s[1],s[0])}},e}()}(),zt=typeof window<"u"&&typeof document<"u"&&window.document===document,Je=function(){return typeof global<"u"&&global.Math===Math?global:typeof self<"u"&&self.Math===Math?self:typeof window<"u"&&window.Math===Math?window:Function("return this")()}(),Rs=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(Je):function(t){return setTimeout(function(){return t(Date.now())},1e3/60)}}(),Ps=2;function js(t,e){var r=!1,n=!1,o=0;function i(){r&&(r=!1,t()),n&&u()}function s(){Rs(i)}function u(){var a=Date.now();if(r){if(a-o<Ps)return;n=!0}else r=!0,n=!1,setTimeout(s,e);o=a}return u}var Es=20,Cs=["top","right","bottom","left","width","height","size","weight"],zs=typeof MutationObserver<"u",Ms=function(){function t(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=js(this.refresh.bind(this),Es)}return t.prototype.addObserver=function(e){~this.observers_.indexOf(e)||this.observers_.push(e),this.connected_||this.connect_()},t.prototype.removeObserver=function(e){var r=this.observers_,n=r.indexOf(e);~n&&r.splice(n,1),!r.length&&this.connected_&&this.disconnect_()},t.prototype.refresh=function(){var e=this.updateObservers_();e&&this.refresh()},t.prototype.updateObservers_=function(){var e=this.observers_.filter(function(r){return r.gatherActive(),r.hasActive()});return e.forEach(function(r){return r.broadcastActive()}),e.length>0},t.prototype.connect_=function(){!zt||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),zs?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},t.prototype.disconnect_=function(){!zt||!this.connected_||(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},t.prototype.onTransitionEnd_=function(e){var r=e.propertyName,n=r===void 0?"":r,o=Cs.some(function(i){return!!~n.indexOf(i)});o&&this.refresh()},t.getInstance=function(){return this.instance_||(this.instance_=new t),this.instance_},t.instance_=null,t}(),gn=function(t,e){for(var r=0,n=Object.keys(e);r<n.length;r++){var o=n[r];Object.defineProperty(t,o,{value:e[o],enumerable:!1,writable:!1,configurable:!0})}return t},Me=function(t){var e=t&&t.ownerDocument&&t.ownerDocument.defaultView;return e||Je},mn=ft(0,0,0,0);function Ze(t){return parseFloat(t)||0}function Pr(t){for(var e=[],r=1;r<arguments.length;r++)e[r-1]=arguments[r];return e.reduce(function(n,o){var i=t["border-"+o+"-width"];return n+Ze(i)},0)}function Ts(t){for(var e=["top","right","bottom","left"],r={},n=0,o=e;n<o.length;n++){var i=o[n],s=t["padding-"+i];r[i]=Ze(s)}return r}function Ls(t){var e=t.getBBox();return ft(0,0,e.width,e.height)}function ks(t){var e=t.clientWidth,r=t.clientHeight;if(!e&&!r)return mn;var n=Me(t).getComputedStyle(t),o=Ts(n),i=o.left+o.right,s=o.top+o.bottom,u=Ze(n.width),a=Ze(n.height);if(n.boxSizing==="border-box"&&(Math.round(u+i)!==e&&(u-=Pr(n,"left","right")+i),Math.round(a+s)!==r&&(a-=Pr(n,"top","bottom")+s)),!Ws(t)){var l=Math.round(u+i)-e,c=Math.round(a+s)-r;Math.abs(l)!==1&&(u-=l),Math.abs(c)!==1&&(a-=c)}return ft(o.left,o.top,u,a)}var Hs=function(){return typeof SVGGraphicsElement<"u"?function(t){return t instanceof Me(t).SVGGraphicsElement}:function(t){return t instanceof Me(t).SVGElement&&typeof t.getBBox=="function"}}();function Ws(t){return t===Me(t).document.documentElement}function Ns(t){return zt?Hs(t)?Ls(t):ks(t):mn}function $s(t){var e=t.x,r=t.y,n=t.width,o=t.height,i=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,s=Object.create(i.prototype);return gn(s,{x:e,y:r,width:n,height:o,top:r,right:e+n,bottom:o+r,left:e}),s}function ft(t,e,r,n){return{x:t,y:e,width:r,height:n}}var qs=function(){function t(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=ft(0,0,0,0),this.target=e}return t.prototype.isActive=function(){var e=Ns(this.target);return this.contentRect_=e,e.width!==this.broadcastWidth||e.height!==this.broadcastHeight},t.prototype.broadcastRect=function(){var e=this.contentRect_;return this.broadcastWidth=e.width,this.broadcastHeight=e.height,e},t}(),As=function(){function t(e,r){var n=$s(r);gn(this,{target:e,contentRect:n})}return t}(),Is=function(){function t(e,r,n){if(this.activeObservations_=[],this.observations_=new hn,typeof e!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=e,this.controller_=r,this.callbackCtx_=n}return t.prototype.observe=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(e instanceof Me(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var r=this.observations_;r.has(e)||(r.set(e,new qs(e)),this.controller_.addObserver(this),this.controller_.refresh())}},t.prototype.unobserve=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(e instanceof Me(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var r=this.observations_;r.has(e)&&(r.delete(e),r.size||this.controller_.removeObserver(this))}},t.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},t.prototype.gatherActive=function(){var e=this;this.clearActive(),this.observations_.forEach(function(r){r.isActive()&&e.activeObservations_.push(r)})},t.prototype.broadcastActive=function(){if(this.hasActive()){var e=this.callbackCtx_,r=this.activeObservations_.map(function(n){return new As(n.target,n.broadcastRect())});this.callback_.call(e,r,e),this.clearActive()}},t.prototype.clearActive=function(){this.activeObservations_.splice(0)},t.prototype.hasActive=function(){return this.activeObservations_.length>0},t}(),yn=typeof WeakMap<"u"?new WeakMap:new hn,vn=function(){function t(e){if(!(this instanceof t))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var r=Ms.getInstance(),n=new Is(e,r,this);yn.set(this,n)}return t}();["observe","unobserve","disconnect"].forEach(function(t){vn.prototype[t]=function(){var e;return(e=yn.get(this))[t].apply(e,arguments)}});var Bs=function(){return typeof Je.ResizeObserver<"u"?Je.ResizeObserver:vn}();const Gs=Object.freeze(Object.defineProperty({__proto__:null,default:Bs},Symbol.toStringTag,{value:"Module"})),Fs=kr(Gs);Object.defineProperty(Qt,"__esModule",{value:!0});Qt.default=ta;var Ue=bn(L),Ys=er(he),Xs=er(Fs),Us=er(Qe);const Vs=["measureBeforeMount"];function er(t){return t&&t.__esModule?t:{default:t}}function bn(t,e){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(bn=function(o,i){if(!i&&o&&o.__esModule)return o;var s,u,a={__proto__:null,default:o};if(o===null||typeof o!="object"&&typeof o!="function")return a;if(s=i?n:r){if(s.has(o))return s.get(o);s.set(o,a)}for(const l in o)l!=="default"&&{}.hasOwnProperty.call(o,l)&&((u=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(o,l))&&(u.get||u.set)?s(a,l,u):a[l]=o[l]);return a})(t,e)}function Mt(){return Mt=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)({}).hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Mt.apply(null,arguments)}function Ks(t,e){if(t==null)return{};var r,n,o=Js(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)===-1&&{}.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}function Js(t,e){if(t==null)return{};var r={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(e.indexOf(n)!==-1)continue;r[n]=t[n]}return r}function Ee(t,e,r){return(e=Zs(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Zs(t){var e=Qs(t,"string");return typeof e=="symbol"?e:e+""}function Qs(t,e){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}const ea="react-grid-layout";function ta(t){var e;return e=class extends Ue.Component{constructor(){super(...arguments),Ee(this,"state",{width:1280}),Ee(this,"elementRef",Ue.createRef()),Ee(this,"mounted",!1),Ee(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new Xs.default(o=>{if(this.elementRef.current instanceof HTMLElement){const s=o[0].contentRect.width;this.setState({width:s})}});const n=this.elementRef.current;n instanceof HTMLElement&&this.resizeObserver.observe(n)}componentWillUnmount(){this.mounted=!1;const n=this.elementRef.current;n instanceof HTMLElement&&this.resizeObserver.unobserve(n),this.resizeObserver.disconnect()}render(){const n=this.props,{measureBeforeMount:o}=n,i=Ks(n,Vs);return o&&!this.mounted?Ue.createElement("div",{className:(0,Us.default)(this.props.className,ea),style:this.props.style,ref:this.elementRef}):Ue.createElement(t,Mt({innerRef:this.elementRef},i,this.state))}},Ee(e,"defaultProps",{measureBeforeMount:!1}),Ee(e,"propTypes",{measureBeforeMount:Ys.default.bool}),e}(function(t){t.exports=qe.default,t.exports.utils=j,t.exports.calculateUtils=ae,t.exports.Responsive=dt.default,t.exports.Responsive.utils=_e,t.exports.WidthProvider=Qt.default})(Hr);var wn=Hr.exports;const ra=Kn(wn),na=wn.WidthProvider(ra),oa=H("div")(({theme:t})=>({"& .react-grid-item":{borderRadius:`${t.shape.borderRadiusMedium}px`},"& .grid-item-drag-handle":{[t.breakpoints.down("md")]:{display:"none"}}})),ia=H("div")(({theme:t})=>({border:`1px solid ${t.palette.divider}`})),fa=({items:t,onLayoutChange:e,cols:r={lg:12,md:12,sm:6,xs:4,xxs:2},rowHeight:n=180})=>{const o=Mr(),i=Tr(o.breakpoints.down("md")),s=L.useMemo(()=>{if(i){let l=0;return t.map(c=>{const d={i:c.id,x:0,y:l,w:r.xs,h:c.h??4,minW:r.xs,minH:c.minH??3,maxW:r.xs,maxH:c.maxH??8,static:!1};return l+=d.h,d})}return t.map((l,c)=>({i:l.id,x:l.x??c%Math.floor(r.lg/(l.w??4))*(l.w??4),y:l.y??Math.floor(c/Math.floor(r.lg/(l.w??4)))*(l.h??4),w:l.w??4,h:l.h??4,minW:l.minW??4,minH:l.minH??3,maxW:l.maxW??12,maxH:l.maxH??8,static:l.static??!1}))},[t,r,i]),u=L.useMemo(()=>t.map(l=>h.jsx(ia,{children:l.component},l.id)),[t]),a=L.useCallback(l=>{i||e==null||e(l)},[e,i]);return h.jsx(oa,{children:h.jsx(na,{className:"impact-metrics-grid",layout:s,cols:i?r.xs:r.lg,rowHeight:n,margin:[Number.parseInt(o.spacing(2),10),Number.parseInt(o.spacing(2),10)],containerPadding:[0,0],isDraggable:!1,isResizable:!1,onLayoutChange:a,resizeHandles:["se"],draggableHandle:".grid-item-drag-handle",compactType:i?null:"vertical",preventCollision:!1,useCSSTransforms:!0,autoSize:!0,allowOverlap:!1,children:u})})};export{ua as C,fa as G,la as a,aa as b,eo as u};