@spaceandtimelabs/makeinfinite-ui 0.29.0 → 0.29.1

package/dist/makeinfinite-ui.es.js

@@ -14512,15 +14512,20 @@ const G_ = (e) => {
     layout: r
   };
 }, X_ = async (e, t) => {
-  var l;
+  var u;
   const r = {
     jpg: "image/jpeg",
     jpeg: "image/jpeg",
     png: "image/png",
     gif: "image/gif",
     webp: "image/webp"
-  }, n = `${window.miDir}/${e}/src/assets/images/${t}`, i = await window.pfs.readFile(n), a = Buffer.from(i).toString("base64"), o = ((l = t.split(".").pop()) == null ? void 0 : l.toLowerCase()) || "";
-  return `data:${r[o] ?? "image/jpeg"};base64,${a}`;
+  }, i = (await window.pfs.readdir(window.miDir)).find(
+    (d) => d.toLowerCase() === e.toLowerCase()
+  );
+  if (!i)
+    throw new Error(`Project "${e}" not found`);
+  const a = `${window.miDir}/${i}/src/assets/images/${t}`, o = await window.pfs.readFile(a), s = Buffer.from(o).toString("base64"), l = ((u = t.split(".").pop()) == null ? void 0 : u.toLowerCase()) || "";
+  return `data:${r[l] ?? "image/jpeg"};base64,${s}`;
 }, nE = (e, t) => {
   const [r, n] = Ne.useState("");
   return Ne.useEffect(() => {

package/dist/makeinfinite-ui.umd.js

@@ -144,7 +144,7 @@ object-assign
       transform: rotate(360deg);
     }
   }
-`,nd=({isVisible:e})=>e?ye.jsx(zv,{children:ye.jsx(Nv,{})}):null,id=re.createContext(null),ad=()=>{const e=re.useContext(id);if(!e)throw new Error("useAPI must be used within an APIProvider");return e},Mv=({children:e})=>{const[t,r]=re.useState(0),n=re.useCallback(async a=>{r(o=>o+1);try{return await a}finally{r(o=>Math.max(0,o-1))}},[]),i=re.useCallback(async(a,o)=>(r(s=>s+1),new Promise((s,l)=>{const c=a(),u=()=>{r(d=>Math.max(0,d-1))};c.addEventListener("load",()=>{if(u(),c.status>=200&&c.status<300)try{const d=o(c);s(d)}catch(d){l(d)}else l(new Error(`Request failed with status ${c.status}`))}),c.addEventListener("error",()=>{u(),l(new Error("Network error occurred"))}),c.addEventListener("abort",()=>{u(),l(new Error("Request cancelled"))})})),[]);return ye.jsxs(id.Provider,{value:{isLoading:t>0,wrapAPICall:n,wrapXHRCall:i},children:[ye.jsx(nd,{isVisible:t>0}),e]})},od=e=>{const t=e;return{createProject:async(S,y)=>{const C={description:S,component_namespace:y};return await fetch(`${t}/create_project`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(C)})},getProjects:async()=>await fetch(`${t}/fetch_projects`,{method:"GET",headers:{"Content-Type":"application/json"}}),getSubdomains:async S=>await fetch(`${t}/subdomains?project_name=${S}`,{method:"GET",headers:{"Content-Type":"application/json"}}),allocateSubdomain:async(S,y)=>{const C={project_name:S,subdomain:y};return await fetch(`${t}/allocate_subdomain`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(C)})},releaseSubdomain:async(S,y)=>{const C={project_name:S,subdomain:y};return await fetch(`${t}/release_subdomain`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(C)})},publishProject:async(S,y)=>{const C={project_name:S,git_ref:y};return await fetch(`${t}/publish_project`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(C)})},unpublishProject:async S=>{const y={project_name:S};return await fetch(`${t}/unpublish_project`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(y)})},tagCommit:async(S,y,C)=>{const O={project_name:S,commit_hash:y,tag_name:C};return await fetch(`${t}/tag_project_commit`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)})},getComponentLibrary:async()=>await fetch(`${t}/library_components?namespaces=example`,{method:"GET",headers:{"Content-Type":"application/json"}}),addProjectComponent:async(S,y,C,O)=>{const R={project_name:S,component_namespace:y,component_name:C,layout_metadata:O};return await fetch(`${t}/add_project_component`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(R)})},addProjectChart:async(S,y,C)=>{const O={project_name:S,visual_id:y,layout_metadata:C};return await fetch(`${t}/add_project_chart`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)})},updateProjectComponentLayoutMetadata:async(S,y,C)=>{const O={project_name:S,component_id:y,layout_metadata:C};return await fetch(`${t}/update_project_component_layout_metadata`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)})},updateProjectComponentSourceCode:async(S,y,C)=>{const O={project_name:S,component_id:y,source_code:C};return await fetch(`${t}/update_project_component_source_code`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)})},deleteProjectFile:async(S,y)=>{const C={project_name:S,file_path:y};return await fetch(`${t}/delete_project_file`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(C)})},resetProjectFile:async(S,y,C,O,R)=>{let A={project_name:S,file_path:y,git_ref:C};return O&&(A.prune=O),R&&(A.extra_metadata=R),await fetch(`${t}/reset_project_file`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(A)})},deleteProject:async S=>{const y={projects:[S]};return await fetch(`${t}/delete_projects`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(y)})},requestErrorCorrection:async(S,y,C)=>{const O={project_name:S,component_id:y,error_message:C};return await fetch(`${t}/error_correction`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)})},addImage:async S=>await fetch(`${t}/add_image`,{method:"POST",body:S})}},sd=e=>{const t=e;return{getQueryContent:async i=>await fetch(`${t}/v1/public/sql/content-queries`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({queryId:i,biscuits:[]})}),getVisuals:async(i,a,o,s,l,c,u,d)=>{const p=new URLSearchParams({pageNo:i.toString(),pageSize:a.toString(),scope:o,searchPattern:s,sortBy:l,sortOrder:c,visibility:u,visualType:d}).toString();return await fetch(`${t}/v2/content/visuals?${p}`,{method:"GET",headers:{"Content-Type":"application/json"}})}}};for(var Ge=[],_s=0;_s<256;++_s)Ge.push((_s+256).toString(16).slice(1));function Lv(e,t=0){return(Ge[e[t+0]]+Ge[e[t+1]]+Ge[e[t+2]]+Ge[e[t+3]]+"-"+Ge[e[t+4]]+Ge[e[t+5]]+"-"+Ge[e[t+6]]+Ge[e[t+7]]+"-"+Ge[e[t+8]]+Ge[e[t+9]]+"-"+Ge[e[t+10]]+Ge[e[t+11]]+Ge[e[t+12]]+Ge[e[t+13]]+Ge[e[t+14]]+Ge[e[t+15]]).toLowerCase()}var Oa,Fv=new Uint8Array(16);function Uv(){if(!Oa&&(Oa=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!Oa))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return Oa(Fv)}var Hv=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const cd={randomUUID:Hv};function ld(e,t,r){if(cd.randomUUID&&!e)return cd.randomUUID();e=e||{};var n=e.random||(e.rng||Uv)();return n[6]=n[6]&15|64,n[8]=n[8]&63|128,Lv(n)}function Wv(e){return typeof e=="function"}const qv=e=>{const{wrapAPICall:t}=ad(),r=od(e);return new Proxy(r,{get:(i,a)=>{const o=i[a];return Wv(o)?(...s)=>t(o.apply(i,s)):o}})},xs=re.createContext(null);xs.Consumer;const Gv=e=>{const[t,r]=re.useState({projectName:null,projectURL:null}),[n,i]=re.useState({API_BASE_URL:null,WS_BASE_URL:null,GW_BASE_URL:null}),[a,o]=re.useState(()=>sd(e.config.GW_BASE_URL)),[s,l]=re.useState(""),[c,u]=re.useState(""),[d,p]=re.useState(""),[m,g]=re.useState(ld()),v=qv(e.config.API_BASE_URL),x=od(e.config.API_BASE_URL),b=v||x,[_,k]=re.useState(),[S,y]=re.useState(!1),C=()=>{g(ld())},O=(R,A)=>{if(!R)return;_&&(_.close(),y(!1));const D=localStorage.getItem("accessToken")||"",j=`${n.WS_BASE_URL}/ws/chat/${R}?token=${D}`;if(!j.startsWith("ws://")&&!j.startsWith("wss://")){A.onerror({customWebsocketError:"INVALID_URL"});return}const M=new WebSocket(j);M.onopen=()=>{y(!0),A.onopen()},M.onclose=U=>{y(!1),A.onclose(U)},M.onerror=U=>{A.onerror(U)},M.onmessage=U=>{A.onmessage(U)},k(M)};return re.useEffect(()=>(i(e.config),o(sd(e.config.GW_BASE_URL)),e.metadata&&r(e.metadata),()=>{_&&_.close()}),[e.config]),ye.jsx(xs.Provider,{value:{config:n,projectMetadata:t,setProjectMetadata:r,syncToken:m,setSyncToken:C,selectedComponentId:s,setSelectedComponentId:l,selectedComponentXPath:c,setSelectedComponentXPath:u,selectedComponentHTML:d,setSelectedComponentHTML:p,APIHandler:b,gwAPIHandler:a,startChatbot:O,chatbotWebsocket:_,chatbotWebsocketConnected:S},children:e.children})},Yv=e=>ye.jsx(Mv,{children:ye.jsx(Gv,{...e})}),Es=()=>{const e=re.useContext(xs);if(e===null)throw new Error("Invalid project context.");return{...e}},Zv=async e=>{let t=null,r=null;try{const n=e.replace(/import.*?;\n/g,""),i=pc.transform(n,{presets:["react","typescript"],filename:"file.tsx"}).code,a=new Blob([i],{type:"text/javascript"});t=(await import(URL.createObjectURL(a))).component}catch(n){t=null,r=n.stack}return{compileError:r,compiledComponent:t}},Xv=async e=>{let t=[];const r=await e.getComponentLibrary();if(r.status!==200)throw new Error("Could not load library components");let n=(await r.json()).components;for(const i in n)if(i==="example")for(const a of n[i]){let o=a.content["component.tsx"];o=o.replace(/import.*?;\n/g,"");let s=a.content["layout.json"];const l=pc.transform(o,{presets:["react","typescript"],filename:"file.tsx"}).code,c=new Blob([l],{type:"text/javascript"}),p=(await import(URL.createObjectURL(c))).component;t.push({class:a.name,layout:JSON.parse(s),component:ye.jsx(p,{})})}return t},ud=async e=>{let t=[],r=[];const n=`${window.miDir}/${e}`,i="src/ProjectComponents";let a=await Sf(`${n}/${i}`);a=a.filter(o=>!(o.includes(".gitkeep")||o.includes("index.ts")));for(const o of a){let s=`${o.replace(i,"")}`,l=`${s}/component.tsx`,c=await window.pfs.readFile(`${n}/${i}/${l}`,"utf8");const{compileError:u,compiledComponent:d}=await Zv(c);let p=`${s}/layout.json`;const m=await window.pfs.readFile(`${n}/${i}/${p}`,"utf8");let g={id:o,component:null};if(u){g={...g,overrides:{compileError:{message:u}}},t.push(g),r.push({...JSON.parse(m),i:o});continue}if(s.includes("Chart")){let v=`${s}/chart_config.json`;const x=await window.pfs.readFile(`${n}/${i}/${v}`,"utf8"),b=JSON.parse(x),_=d;g.component=ye.jsx(_,{chartConfig:b})}else{const v=d;g.component=ye.jsx(v,{})}t.push(g),r.push({...JSON.parse(m),i:o})}return{components:t,layout:r}},Vv=async(e,t)=>{var l;const r={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",gif:"image/gif",webp:"image/webp"},n=`${window.miDir}/${e}/src/assets/images/${t}`,i=await window.pfs.readFile(n),a=Buffer.from(i).toString("base64"),o=((l=t.split(".").pop())==null?void 0:l.toLowerCase())||"";return`data:${r[o]??"image/jpeg"};base64,${a}`},Kv=(e,t)=>{const[r,n]=re.useState("");return re.useEffect(()=>{(async()=>{try{const a=await Vv(e,t);n(a)}catch(a){console.error("Error fetching background image URL:",a)}})()},[e,t]),r};var fd={exports:{}},vi={},Ss={exports:{}};(function(e,t){(function(r,n){n(t)})(Ci,function(r){function n(I){return function(X,Y,L,V,te,J,ce){return I(X,Y,ce)}}function i(I){return function(X,Y,L,V){if(!X||!Y||typeof X!="object"||typeof Y!="object")return I(X,Y,L,V);var te=V.get(X),J=V.get(Y);if(te&&J)return te===Y&&J===X;V.set(X,Y),V.set(Y,X);var ce=I(X,Y,L,V);return V.delete(X),V.delete(Y),ce}}function a(I,G){var X={};for(var Y in I)X[Y]=I[Y];for(var Y in G)X[Y]=G[Y];return X}function o(I){return I.constructor===Object||I.constructor==null}function s(I){return typeof I.then=="function"}function l(I,G){return I===G||I!==I&&G!==G}var c="[object Arguments]",u="[object Boolean]",d="[object Date]",p="[object RegExp]",m="[object Map]",g="[object Number]",v="[object Object]",x="[object Set]",b="[object String]",_=Object.prototype.toString;function k(I){var G=I.areArraysEqual,X=I.areDatesEqual,Y=I.areMapsEqual,L=I.areObjectsEqual,V=I.areRegExpsEqual,te=I.areSetsEqual,J=I.createIsNestedEqual,ce=J(ne);function ne(ie,ke,xe){if(ie===ke)return!0;if(!ie||!ke||typeof ie!="object"||typeof ke!="object")return ie!==ie&&ke!==ke;if(o(ie)&&o(ke))return L(ie,ke,ce,xe);var Et=Array.isArray(ie),Ue=Array.isArray(ke);if(Et||Ue)return Et===Ue&&G(ie,ke,ce,xe);var Pe=_.call(ie);return Pe!==_.call(ke)?!1:Pe===d?X(ie,ke,ce,xe):Pe===p?V(ie,ke,ce,xe):Pe===m?Y(ie,ke,ce,xe):Pe===x?te(ie,ke,ce,xe):Pe===v||Pe===c?s(ie)||s(ke)?!1:L(ie,ke,ce,xe):Pe===u||Pe===g||Pe===b?l(ie.valueOf(),ke.valueOf()):!1}return ne}function S(I,G,X,Y){var L=I.length;if(G.length!==L)return!1;for(;L-- >0;)if(!X(I[L],G[L],L,L,I,G,Y))return!1;return!0}var y=i(S);function C(I,G){return l(I.valueOf(),G.valueOf())}function O(I,G,X,Y){var L=I.size===G.size;if(!L)return!1;if(!I.size)return!0;var V={},te=0;return I.forEach(function(J,ce){if(L){var ne=!1,ie=0;G.forEach(function(ke,xe){!ne&&!V[ie]&&(ne=X(ce,xe,te,ie,I,G,Y)&&X(J,ke,ce,xe,I,G,Y))&&(V[ie]=!0),ie++}),te++,L=ne}}),L}var R=i(O),A="_owner",D=Object.prototype.hasOwnProperty;function j(I,G,X,Y){var L=Object.keys(I),V=L.length;if(Object.keys(G).length!==V)return!1;for(var te;V-- >0;){if(te=L[V],te===A){var J=!!I.$$typeof,ce=!!G.$$typeof;if((J||ce)&&J!==ce)return!1}if(!D.call(G,te)||!X(I[te],G[te],te,te,I,G,Y))return!1}return!0}var M=i(j);function U(I,G){return I.source===G.source&&I.flags===G.flags}function Z(I,G,X,Y){var L=I.size===G.size;if(!L)return!1;if(!I.size)return!0;var V={};return I.forEach(function(te,J){if(L){var ce=!1,ne=0;G.forEach(function(ie,ke){!ce&&!V[ne]&&(ce=X(te,ie,J,ke,I,G,Y))&&(V[ne]=!0),ne++}),L=ce}}),L}var de=i(Z),Ie=Object.freeze({areArraysEqual:S,areDatesEqual:C,areMapsEqual:O,areObjectsEqual:j,areRegExpsEqual:U,areSetsEqual:Z,createIsNestedEqual:n}),ge=Object.freeze({areArraysEqual:y,areDatesEqual:C,areMapsEqual:R,areObjectsEqual:M,areRegExpsEqual:U,areSetsEqual:de,createIsNestedEqual:n}),_e=k(Ie);function Je(I,G){return _e(I,G,void 0)}var Qe=k(a(Ie,{createIsNestedEqual:function(){return l}}));function fe(I,G){return Qe(I,G,void 0)}var F=k(ge);function q(I,G){return F(I,G,new WeakMap)}var W=k(a(ge,{createIsNestedEqual:function(){return l}}));function ee(I,G){return W(I,G,new WeakMap)}function $(I){return k(a(Ie,I(Ie)))}function Q(I){var G=k(a(ge,I(ge)));return function(X,Y,L){return L===void 0&&(L=new WeakMap),G(X,Y,L)}}r.circularDeepEqual=q,r.circularShallowEqual=ee,r.createCustomCircularEqual=Q,r.createCustomEqual=$,r.deepEqual=Je,r.sameValueZeroEqual=l,r.shallowEqual=fe,Object.defineProperty(r,"__esModule",{value:!0})})})(Ss,Ss.exports);var ks=Ss.exports,Rs={exports:{}};function dd(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(r=dd(e[t]))&&(n&&(n+=" "),n+=r)}else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function hd(){for(var e,t,r=0,n="",i=arguments.length;r<i;r++)(e=arguments[r])&&(t=dd(e))&&(n&&(n+=" "),n+=t);return n}Rs.exports=hd,Rs.exports.clsx=hd;var Os=Rs.exports,he={},Jv=function(t,r,n){return t===r?!0:t.className===r.className&&n(t.style,r.style)&&t.width===r.width&&t.autoSize===r.autoSize&&t.cols===r.cols&&t.draggableCancel===r.draggableCancel&&t.draggableHandle===r.draggableHandle&&n(t.verticalCompact,r.verticalCompact)&&n(t.compactType,r.compactType)&&n(t.layout,r.layout)&&n(t.margin,r.margin)&&n(t.containerPadding,r.containerPadding)&&t.rowHeight===r.rowHeight&&t.maxRows===r.maxRows&&t.isBounded===r.isBounded&&t.isDraggable===r.isDraggable&&t.isResizable===r.isResizable&&t.allowOverlap===r.allowOverlap&&t.preventCollision===r.preventCollision&&t.useCSSTransforms===r.useCSSTransforms&&t.transformScale===r.transformScale&&t.isDroppable===r.isDroppable&&n(t.resizeHandles,r.resizeHandles)&&n(t.resizeHandle,r.resizeHandle)&&t.onLayoutChange===r.onLayoutChange&&t.onDragStart===r.onDragStart&&t.onDrag===r.onDrag&&t.onDragStop===r.onDragStop&&t.onResizeStart===r.onResizeStart&&t.onResize===r.onResize&&t.onResizeStop===r.onResizeStop&&t.onDrop===r.onDrop&&n(t.droppingItem,r.droppingItem)&&n(t.innerRef,r.innerRef)};Object.defineProperty(he,"__esModule",{value:!0}),he.bottom=Cs,he.childrenEqual=t_,he.cloneLayout=md,he.cloneLayoutItem=Br,he.collides=Ca,he.compact=gd,he.compactItem=yd,he.compactType=f_,he.correctBounds=bd,he.fastPositionEqual=r_,he.fastRGLPropsEqual=void 0,he.getAllCollisions=vd,he.getFirstCollision=jr,he.getLayoutItem=Ts,he.getStatics=As,he.modifyLayout=wd,he.moveElement=xi,he.moveElementAwayFromCollision=Ds,he.noop=void 0,he.perc=i_,he.resizeItemInDirection=o_,he.setTopLeft=c_,he.setTransform=s_,he.sortLayoutItems=Ns,he.sortLayoutItemsByColRow=kd,he.sortLayoutItemsByRowCol=Sd,he.synchronizeLayoutWithChildren=l_,he.validateLayout=u_,he.withLayoutItem=e_;var pd=ks,_i=Qv(re);function Qv(e){return e&&e.__esModule?e:{default:e}}function Cs(e){let t=0,r;for(let n=0,i=e.length;n<i;n++)r=e[n].y+e[n].h,r>t&&(t=r);return t}function md(e){const t=Array(e.length);for(let r=0,n=e.length;r<n;r++)t[r]=Br(e[r]);return t}function wd(e,t){const r=Array(e.length);for(let n=0,i=e.length;n<i;n++)t.i===e[n].i?r[n]=t:r[n]=e[n];return r}function e_(e,t,r){let n=Ts(e,t);return n?(n=r(Br(n)),e=wd(e,n),[e,n]):[e,null]}function Br(e){return{w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,minW:e.minW,maxW:e.maxW,minH:e.minH,maxH:e.maxH,moved:!!e.moved,static:!!e.static,isDraggable:e.isDraggable,isResizable:e.isResizable,resizeHandles:e.resizeHandles,isBounded:e.isBounded}}function t_(e,t){return(0,pd.deepEqual)(_i.default.Children.map(e,r=>r==null?void 0:r.key),_i.default.Children.map(t,r=>r==null?void 0:r.key))&&(0,pd.deepEqual)(_i.default.Children.map(e,r=>r==null?void 0:r.props["data-grid"]),_i.default.Children.map(t,r=>r==null?void 0:r.props["data-grid"]))}he.fastRGLPropsEqual=Jv;function r_(e,t){return e.left===t.left&&e.top===t.top&&e.width===t.width&&e.height===t.height}function Ca(e,t){return!(e.i===t.i||e.x+e.w<=t.x||e.x>=t.x+t.w||e.y+e.h<=t.y||e.y>=t.y+t.h)}function gd(e,t,r,n){const i=As(e),a=Ns(e,t),o=Array(e.length);for(let s=0,l=a.length;s<l;s++){let c=Br(a[s]);c.static||(c=yd(i,c,t,r,a,n),i.push(c)),o[e.indexOf(a[s])]=c,c.moved=!1}return o}const n_={x:"w",y:"h"};function Ps(e,t,r,n){const i=n_[n];t[n]+=1;const a=e.map(o=>o.i).indexOf(t.i);for(let o=a+1;o<e.length;o++){const s=e[o];if(!s.static){if(s.y>t.y+t.h)break;Ca(t,s)&&Ps(e,s,r+t[i],n)}}t[n]=r}function yd(e,t,r,n,i,a){const o=r==="vertical",s=r==="horizontal";if(o)for(t.y=Math.min(Cs(e),t.y);t.y>0&&!jr(e,t);)t.y--;else if(s)for(;t.x>0&&!jr(e,t);)t.x--;let l;for(;(l=jr(e,t))&&!(r===null&&a);)if(s?Ps(i,t,l.x+l.w,"x"):Ps(i,t,l.y+l.h,"y"),s&&t.x+t.w>n)for(t.x=n-t.w,t.y++;t.x>0&&!jr(e,t);)t.x--;return t.y=Math.max(t.y,0),t.x=Math.max(t.x,0),t}function bd(e,t){const r=As(e);for(let n=0,i=e.length;n<i;n++){const a=e[n];if(a.x+a.w>t.cols&&(a.x=t.cols-a.w),a.x<0&&(a.x=0,a.w=t.cols),!a.static)r.push(a);else for(;jr(r,a);)a.y++}return e}function Ts(e,t){for(let r=0,n=e.length;r<n;r++)if(e[r].i===t)return e[r]}function jr(e,t){for(let r=0,n=e.length;r<n;r++)if(Ca(e[r],t))return e[r]}function vd(e,t){return e.filter(r=>Ca(r,t))}function As(e){return e.filter(t=>t.static)}function xi(e,t,r,n,i,a,o,s,l){if(t.static&&t.isDraggable!==!0||t.y===n&&t.x===r)return e;`${t.i}${String(r)}${String(n)}${t.x}${t.y}`;const c=t.x,u=t.y;typeof r=="number"&&(t.x=r),typeof n=="number"&&(t.y=n),t.moved=!0;let d=Ns(e,o);(o==="vertical"&&typeof n=="number"?u>=n:o==="horizontal"&&typeof r=="number"?c>=r:!1)&&(d=d.reverse());const m=vd(d,t),g=m.length>0;if(g&&l)return md(e);if(g&&a)return`${t.i}`,t.x=c,t.y=u,t.moved=!1,e;for(let v=0,x=m.length;v<x;v++){const b=m[v];`${t.i}${t.x}${t.y}${b.i}${b.x}${b.y}`,!b.moved&&(b.static?e=Ds(e,b,t,i,o):e=Ds(e,t,b,i,o))}return e}function Ds(e,t,r,n,i,a){const o=i==="horizontal",s=i==="vertical",l=t.static;if(n){n=!1;const d={x:o?Math.max(t.x-r.w,0):r.x,y:s?Math.max(t.y-r.h,0):r.y,w:r.w,h:r.h,i:"-1"},p=jr(e,d),m=p&&p.y+p.h>t.y,g=p&&t.x+t.w>p.x;if(p){if(m&&s)return xi(e,r,void 0,t.y+1,n,l,i);if(m&&i==null)return t.y=r.y,r.y=r.y+r.h,e;if(g&&o)return xi(e,t,r.x,void 0,n,l,i)}else return`${r.i}${d.x}${d.y}`,xi(e,r,o?d.x:void 0,s?d.y:void 0,n,l,i)}const c=o?r.x+1:void 0,u=s?r.y+1:void 0;return c==null&&u==null?e:xi(e,r,o?r.x+1:void 0,s?r.y+1:void 0,n,l,i)}function i_(e){return e*100+"%"}const _d=(e,t,r,n)=>e+r>n?t:r,xd=(e,t,r)=>e<0?t:r,Ed=e=>Math.max(0,e),Is=e=>Math.max(0,e),$s=(e,t,r)=>{let{left:n,height:i,width:a}=t;const o=e.top-(i-e.height);return{left:n,width:a,height:xd(o,e.height,i),top:Is(o)}},Bs=(e,t,r)=>{let{top:n,left:i,height:a,width:o}=t;return{top:n,height:a,width:_d(e.left,e.width,o,r),left:Ed(i)}},js=(e,t,r)=>{let{top:n,height:i,width:a}=t;const o=e.left-(a-e.width);return{height:i,width:o<0?e.width:_d(e.left,e.width,a,r),top:Is(n),left:Ed(o)}},zs=(e,t,r)=>{let{top:n,left:i,height:a,width:o}=t;return{width:o,left:i,height:xd(n,e.height,a),top:Is(n)}},a_={n:$s,ne:function(){return $s(arguments.length<=0?void 0:arguments[0],Bs(...arguments))},e:Bs,se:function(){return zs(arguments.length<=0?void 0:arguments[0],Bs(...arguments))},s:zs,sw:function(){return zs(arguments.length<=0?void 0:arguments[0],js(...arguments))},w:js,nw:function(){return $s(arguments.length<=0?void 0:arguments[0],js(...arguments))}};function o_(e,t,r,n){const i=a_[e];return i?i(t,{...t,...r},n):r}function s_(e){let{top:t,left:r,width:n,height:i}=e;const a=`translate(${r}px,${t}px)`;return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,width:`${n}px`,height:`${i}px`,position:"absolute"}}function c_(e){let{top:t,left:r,width:n,height:i}=e;return{top:`${t}px`,left:`${r}px`,width:`${n}px`,height:`${i}px`,position:"absolute"}}function Ns(e,t){return t==="horizontal"?kd(e):t==="vertical"?Sd(e):e}function Sd(e){return e.slice(0).sort(function(t,r){return t.y>r.y||t.y===r.y&&t.x>r.x?1:t.y===r.y&&t.x===r.x?0:-1})}function kd(e){return e.slice(0).sort(function(t,r){return t.x>r.x||t.x===r.x&&t.y>r.y?1:-1})}function l_(e,t,r,n,i){e=e||[];const a=[];_i.default.Children.forEach(t,s=>{if((s==null?void 0:s.key)==null)return;const l=Ts(e,String(s.key)),c=s.props["data-grid"];l&&c==null?a.push(Br(l)):c?a.push(Br({...c,i:s.key})):a.push(Br({w:1,h:1,x:0,y:Cs(a),i:String(s.key)}))});const o=bd(a,{cols:r});return i?o:gd(o,n,r)}function u_(e){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Layout";const r=["x","y","w","h"];if(!Array.isArray(e))throw new Error(t+" must be an array!");for(let n=0,i=e.length;n<i;n++){const a=e[n];for(let o=0;o<r.length;o++){const s=r[o],l=a[s];if(typeof l!="number"||Number.isNaN(l))throw new Error(`ReactGridLayout: ${t}[${n}].${s} must be a number! Received: ${l} (${typeof l})`)}if(typeof a.i<"u"&&typeof a.i!="string")throw new Error(`ReactGridLayout: ${t}[${n}].i must be a string! Received: ${a.i} (${typeof a.i})`)}}function f_(e){const{verticalCompact:t,compactType:r}=e||{};return t===!1?null:r}function Hx(){}const d_=()=>{};he.noop=d_;var Ut={};Object.defineProperty(Ut,"__esModule",{value:!0}),Ut.calcGridColWidth=Pa,Ut.calcGridItemPosition=h_,Ut.calcGridItemWHPx=Ms,Ut.calcWH=m_,Ut.calcXY=p_,Ut.clamp=zr;function Pa(e){const{margin:t,containerPadding:r,containerWidth:n,cols:i}=e;return(n-t[0]*(i-1)-r[0]*2)/i}function Ms(e,t,r){return Number.isFinite(e)?Math.round(t*e+Math.max(0,e-1)*r):e}function h_(e,t,r,n,i,a){const{margin:o,containerPadding:s,rowHeight:l}=e,c=Pa(e),u={};return a&&a.resizing?(u.width=Math.round(a.resizing.width),u.height=Math.round(a.resizing.height)):(u.width=Ms(n,c,o[0]),u.height=Ms(i,l,o[1])),a&&a.dragging?(u.top=Math.round(a.dragging.top),u.left=Math.round(a.dragging.left)):a&&a.resizing&&typeof a.resizing.top=="number"&&typeof a.resizing.left=="number"?(u.top=Math.round(a.resizing.top),u.left=Math.round(a.resizing.left)):(u.top=Math.round((l+o[1])*r+s[1]),u.left=Math.round((c+o[0])*t+s[0])),u}function p_(e,t,r,n,i){const{margin:a,containerPadding:o,cols:s,rowHeight:l,maxRows:c}=e,u=Pa(e);let d=Math.round((r-o[0])/(u+a[0])),p=Math.round((t-o[1])/(l+a[1]));return d=zr(d,0,s-n),p=zr(p,0,c-i),{x:d,y:p}}function m_(e,t,r,n,i,a){const{margin:o,maxRows:s,cols:l,rowHeight:c}=e,u=Pa(e);let d=Math.round((t+o[0])/(u+o[0])),p=Math.round((r+o[1])/(c+o[1])),m=zr(d,0,l-n),g=zr(p,0,s-i);return["sw","w","nw"].indexOf(a)!==-1&&(m=zr(d,0,l)),["nw","n","ne"].indexOf(a)!==-1&&(g=zr(p,0,s)),{w:m,h:g}}function zr(e,t,r){return Math.max(Math.min(e,r),t)}var Ta={},Rd={exports:{}},w_="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",g_=w_,y_=g_;function Od(){}function Cd(){}Cd.resetWarningCache=Od;var b_=function(){function e(n,i,a,o,s,l){if(l!==y_){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}e.isRequired=e;function t(){return e}var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:Cd,resetWarningCache:Od};return r.PropTypes=r,r};Rd.exports=b_();var yr=Rd.exports,Aa={exports:{}},Pd={};function Td(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=Td(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function Ad(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=Td(e))&&(n&&(n+=" "),n+=t);return n}const v_=Za(Object.freeze(Object.defineProperty({__proto__:null,clsx:Ad,default:Ad},Symbol.toStringTag,{value:"Module"})));var Be={},Ht={};Object.defineProperty(Ht,"__esModule",{value:!0}),Ht.dontSetMe=k_,Ht.findInArray=__,Ht.int=S_,Ht.isFunction=x_,Ht.isNum=E_;function __(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]}function x_(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function E_(e){return typeof e=="number"&&!isNaN(e)}function S_(e){return parseInt(e,10)}function k_(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))}var Nr={};Object.defineProperty(Nr,"__esModule",{value:!0}),Nr.browserPrefixToKey=Id,Nr.browserPrefixToStyle=R_,Nr.default=void 0,Nr.getPrefix=Dd;const Ls=["Moz","Webkit","O","ms"];function Dd(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const r=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!r||t in r)return"";for(let n=0;n<Ls.length;n++)if(Id(t,Ls[n])in r)return Ls[n];return""}function Id(e,t){return t?"".concat(t).concat(O_(e)):e}function R_(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function O_(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):e[n]==="-"?r=!0:t+=e[n];return t}Nr.default=Dd(),Object.defineProperty(Be,"__esModule",{value:!0}),Be.addClassName=zd,Be.addEvent=T_,Be.addUserSelectStyles=F_,Be.createCSSTransform=z_,Be.createSVGTransform=N_,Be.getTouch=M_,Be.getTouchIdentifier=L_,Be.getTranslation=Fs,Be.innerHeight=$_,Be.innerWidth=B_,Be.matchesSelector=jd,Be.matchesSelectorAndParentsTo=P_,Be.offsetXYFromParent=j_,Be.outerHeight=D_,Be.outerWidth=I_,Be.removeClassName=Nd,Be.removeEvent=A_,Be.removeUserSelectStyles=U_;var wt=Ht,$d=C_(Nr);function Bd(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Bd=function(n){return n?r:t})(e)}function C_(e,t){if(e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Bd(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}let Da="";function jd(e,t){return Da||(Da=(0,wt.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(r){return(0,wt.isFunction)(e[r])})),(0,wt.isFunction)(e[Da])?e[Da](t):!1}function P_(e,t,r){let n=e;do{if(jd(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1}function T_(e,t,r,n){if(!e)return;const i={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,i):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}function A_(e,t,r,n){if(!e)return;const i={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,i):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}function D_(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,wt.int)(r.borderTopWidth),t+=(0,wt.int)(r.borderBottomWidth),t}function I_(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,wt.int)(r.borderLeftWidth),t+=(0,wt.int)(r.borderRightWidth),t}function $_(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,wt.int)(r.paddingTop),t-=(0,wt.int)(r.paddingBottom),t}function B_(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,wt.int)(r.paddingLeft),t-=(0,wt.int)(r.paddingRight),t}function j_(e,t,r){const i=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),a=(e.clientX+t.scrollLeft-i.left)/r,o=(e.clientY+t.scrollTop-i.top)/r;return{x:a,y:o}}function z_(e,t){const r=Fs(e,t,"px");return{[(0,$d.browserPrefixToKey)("transform",$d.default)]:r}}function N_(e,t){return Fs(e,t,"")}function Fs(e,t,r){let{x:n,y:i}=e,a="translate(".concat(n).concat(r,",").concat(i).concat(r,")");if(t){const o="".concat(typeof t.x=="string"?t.x:t.x+r),s="".concat(typeof t.y=="string"?t.y:t.y+r);a="translate(".concat(o,", ").concat(s,")")+a}return a}function M_(e,t){return e.targetTouches&&(0,wt.findInArray)(e.targetTouches,r=>t===r.identifier)||e.changedTouches&&(0,wt.findInArray)(e.changedTouches,r=>t===r.identifier)}function L_(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function F_(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`,nd=({isVisible:e})=>e?ye.jsx(zv,{children:ye.jsx(Nv,{})}):null,id=re.createContext(null),ad=()=>{const e=re.useContext(id);if(!e)throw new Error("useAPI must be used within an APIProvider");return e},Mv=({children:e})=>{const[t,r]=re.useState(0),n=re.useCallback(async a=>{r(o=>o+1);try{return await a}finally{r(o=>Math.max(0,o-1))}},[]),i=re.useCallback(async(a,o)=>(r(s=>s+1),new Promise((s,l)=>{const c=a(),u=()=>{r(d=>Math.max(0,d-1))};c.addEventListener("load",()=>{if(u(),c.status>=200&&c.status<300)try{const d=o(c);s(d)}catch(d){l(d)}else l(new Error(`Request failed with status ${c.status}`))}),c.addEventListener("error",()=>{u(),l(new Error("Network error occurred"))}),c.addEventListener("abort",()=>{u(),l(new Error("Request cancelled"))})})),[]);return ye.jsxs(id.Provider,{value:{isLoading:t>0,wrapAPICall:n,wrapXHRCall:i},children:[ye.jsx(nd,{isVisible:t>0}),e]})},od=e=>{const t=e;return{createProject:async(S,y)=>{const C={description:S,component_namespace:y};return await fetch(`${t}/create_project`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(C)})},getProjects:async()=>await fetch(`${t}/fetch_projects`,{method:"GET",headers:{"Content-Type":"application/json"}}),getSubdomains:async S=>await fetch(`${t}/subdomains?project_name=${S}`,{method:"GET",headers:{"Content-Type":"application/json"}}),allocateSubdomain:async(S,y)=>{const C={project_name:S,subdomain:y};return await fetch(`${t}/allocate_subdomain`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(C)})},releaseSubdomain:async(S,y)=>{const C={project_name:S,subdomain:y};return await fetch(`${t}/release_subdomain`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(C)})},publishProject:async(S,y)=>{const C={project_name:S,git_ref:y};return await fetch(`${t}/publish_project`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(C)})},unpublishProject:async S=>{const y={project_name:S};return await fetch(`${t}/unpublish_project`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(y)})},tagCommit:async(S,y,C)=>{const O={project_name:S,commit_hash:y,tag_name:C};return await fetch(`${t}/tag_project_commit`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)})},getComponentLibrary:async()=>await fetch(`${t}/library_components?namespaces=example`,{method:"GET",headers:{"Content-Type":"application/json"}}),addProjectComponent:async(S,y,C,O)=>{const R={project_name:S,component_namespace:y,component_name:C,layout_metadata:O};return await fetch(`${t}/add_project_component`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(R)})},addProjectChart:async(S,y,C)=>{const O={project_name:S,visual_id:y,layout_metadata:C};return await fetch(`${t}/add_project_chart`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)})},updateProjectComponentLayoutMetadata:async(S,y,C)=>{const O={project_name:S,component_id:y,layout_metadata:C};return await fetch(`${t}/update_project_component_layout_metadata`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)})},updateProjectComponentSourceCode:async(S,y,C)=>{const O={project_name:S,component_id:y,source_code:C};return await fetch(`${t}/update_project_component_source_code`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)})},deleteProjectFile:async(S,y)=>{const C={project_name:S,file_path:y};return await fetch(`${t}/delete_project_file`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(C)})},resetProjectFile:async(S,y,C,O,R)=>{let A={project_name:S,file_path:y,git_ref:C};return O&&(A.prune=O),R&&(A.extra_metadata=R),await fetch(`${t}/reset_project_file`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(A)})},deleteProject:async S=>{const y={projects:[S]};return await fetch(`${t}/delete_projects`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(y)})},requestErrorCorrection:async(S,y,C)=>{const O={project_name:S,component_id:y,error_message:C};return await fetch(`${t}/error_correction`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(O)})},addImage:async S=>await fetch(`${t}/add_image`,{method:"POST",body:S})}},sd=e=>{const t=e;return{getQueryContent:async i=>await fetch(`${t}/v1/public/sql/content-queries`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({queryId:i,biscuits:[]})}),getVisuals:async(i,a,o,s,l,c,u,d)=>{const p=new URLSearchParams({pageNo:i.toString(),pageSize:a.toString(),scope:o,searchPattern:s,sortBy:l,sortOrder:c,visibility:u,visualType:d}).toString();return await fetch(`${t}/v2/content/visuals?${p}`,{method:"GET",headers:{"Content-Type":"application/json"}})}}};for(var Ge=[],_s=0;_s<256;++_s)Ge.push((_s+256).toString(16).slice(1));function Lv(e,t=0){return(Ge[e[t+0]]+Ge[e[t+1]]+Ge[e[t+2]]+Ge[e[t+3]]+"-"+Ge[e[t+4]]+Ge[e[t+5]]+"-"+Ge[e[t+6]]+Ge[e[t+7]]+"-"+Ge[e[t+8]]+Ge[e[t+9]]+"-"+Ge[e[t+10]]+Ge[e[t+11]]+Ge[e[t+12]]+Ge[e[t+13]]+Ge[e[t+14]]+Ge[e[t+15]]).toLowerCase()}var Oa,Fv=new Uint8Array(16);function Uv(){if(!Oa&&(Oa=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!Oa))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return Oa(Fv)}var Hv=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const cd={randomUUID:Hv};function ld(e,t,r){if(cd.randomUUID&&!e)return cd.randomUUID();e=e||{};var n=e.random||(e.rng||Uv)();return n[6]=n[6]&15|64,n[8]=n[8]&63|128,Lv(n)}function Wv(e){return typeof e=="function"}const qv=e=>{const{wrapAPICall:t}=ad(),r=od(e);return new Proxy(r,{get:(i,a)=>{const o=i[a];return Wv(o)?(...s)=>t(o.apply(i,s)):o}})},xs=re.createContext(null);xs.Consumer;const Gv=e=>{const[t,r]=re.useState({projectName:null,projectURL:null}),[n,i]=re.useState({API_BASE_URL:null,WS_BASE_URL:null,GW_BASE_URL:null}),[a,o]=re.useState(()=>sd(e.config.GW_BASE_URL)),[s,l]=re.useState(""),[c,u]=re.useState(""),[d,p]=re.useState(""),[m,g]=re.useState(ld()),v=qv(e.config.API_BASE_URL),x=od(e.config.API_BASE_URL),b=v||x,[_,k]=re.useState(),[S,y]=re.useState(!1),C=()=>{g(ld())},O=(R,A)=>{if(!R)return;_&&(_.close(),y(!1));const D=localStorage.getItem("accessToken")||"",j=`${n.WS_BASE_URL}/ws/chat/${R}?token=${D}`;if(!j.startsWith("ws://")&&!j.startsWith("wss://")){A.onerror({customWebsocketError:"INVALID_URL"});return}const M=new WebSocket(j);M.onopen=()=>{y(!0),A.onopen()},M.onclose=U=>{y(!1),A.onclose(U)},M.onerror=U=>{A.onerror(U)},M.onmessage=U=>{A.onmessage(U)},k(M)};return re.useEffect(()=>(i(e.config),o(sd(e.config.GW_BASE_URL)),e.metadata&&r(e.metadata),()=>{_&&_.close()}),[e.config]),ye.jsx(xs.Provider,{value:{config:n,projectMetadata:t,setProjectMetadata:r,syncToken:m,setSyncToken:C,selectedComponentId:s,setSelectedComponentId:l,selectedComponentXPath:c,setSelectedComponentXPath:u,selectedComponentHTML:d,setSelectedComponentHTML:p,APIHandler:b,gwAPIHandler:a,startChatbot:O,chatbotWebsocket:_,chatbotWebsocketConnected:S},children:e.children})},Yv=e=>ye.jsx(Mv,{children:ye.jsx(Gv,{...e})}),Es=()=>{const e=re.useContext(xs);if(e===null)throw new Error("Invalid project context.");return{...e}},Zv=async e=>{let t=null,r=null;try{const n=e.replace(/import.*?;\n/g,""),i=pc.transform(n,{presets:["react","typescript"],filename:"file.tsx"}).code,a=new Blob([i],{type:"text/javascript"});t=(await import(URL.createObjectURL(a))).component}catch(n){t=null,r=n.stack}return{compileError:r,compiledComponent:t}},Xv=async e=>{let t=[];const r=await e.getComponentLibrary();if(r.status!==200)throw new Error("Could not load library components");let n=(await r.json()).components;for(const i in n)if(i==="example")for(const a of n[i]){let o=a.content["component.tsx"];o=o.replace(/import.*?;\n/g,"");let s=a.content["layout.json"];const l=pc.transform(o,{presets:["react","typescript"],filename:"file.tsx"}).code,c=new Blob([l],{type:"text/javascript"}),p=(await import(URL.createObjectURL(c))).component;t.push({class:a.name,layout:JSON.parse(s),component:ye.jsx(p,{})})}return t},ud=async e=>{let t=[],r=[];const n=`${window.miDir}/${e}`,i="src/ProjectComponents";let a=await Sf(`${n}/${i}`);a=a.filter(o=>!(o.includes(".gitkeep")||o.includes("index.ts")));for(const o of a){let s=`${o.replace(i,"")}`,l=`${s}/component.tsx`,c=await window.pfs.readFile(`${n}/${i}/${l}`,"utf8");const{compileError:u,compiledComponent:d}=await Zv(c);let p=`${s}/layout.json`;const m=await window.pfs.readFile(`${n}/${i}/${p}`,"utf8");let g={id:o,component:null};if(u){g={...g,overrides:{compileError:{message:u}}},t.push(g),r.push({...JSON.parse(m),i:o});continue}if(s.includes("Chart")){let v=`${s}/chart_config.json`;const x=await window.pfs.readFile(`${n}/${i}/${v}`,"utf8"),b=JSON.parse(x),_=d;g.component=ye.jsx(_,{chartConfig:b})}else{const v=d;g.component=ye.jsx(v,{})}t.push(g),r.push({...JSON.parse(m),i:o})}return{components:t,layout:r}},Vv=async(e,t)=>{var u;const r={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",gif:"image/gif",webp:"image/webp"},i=(await window.pfs.readdir(window.miDir)).find(d=>d.toLowerCase()===e.toLowerCase());if(!i)throw new Error(`Project "${e}" not found`);const a=`${window.miDir}/${i}/src/assets/images/${t}`,o=await window.pfs.readFile(a),s=Buffer.from(o).toString("base64"),l=((u=t.split(".").pop())==null?void 0:u.toLowerCase())||"";return`data:${r[l]??"image/jpeg"};base64,${s}`},Kv=(e,t)=>{const[r,n]=re.useState("");return re.useEffect(()=>{(async()=>{try{const a=await Vv(e,t);n(a)}catch(a){console.error("Error fetching background image URL:",a)}})()},[e,t]),r};var fd={exports:{}},vi={},Ss={exports:{}};(function(e,t){(function(r,n){n(t)})(Ci,function(r){function n(I){return function(X,Y,L,V,te,J,ce){return I(X,Y,ce)}}function i(I){return function(X,Y,L,V){if(!X||!Y||typeof X!="object"||typeof Y!="object")return I(X,Y,L,V);var te=V.get(X),J=V.get(Y);if(te&&J)return te===Y&&J===X;V.set(X,Y),V.set(Y,X);var ce=I(X,Y,L,V);return V.delete(X),V.delete(Y),ce}}function a(I,G){var X={};for(var Y in I)X[Y]=I[Y];for(var Y in G)X[Y]=G[Y];return X}function o(I){return I.constructor===Object||I.constructor==null}function s(I){return typeof I.then=="function"}function l(I,G){return I===G||I!==I&&G!==G}var c="[object Arguments]",u="[object Boolean]",d="[object Date]",p="[object RegExp]",m="[object Map]",g="[object Number]",v="[object Object]",x="[object Set]",b="[object String]",_=Object.prototype.toString;function k(I){var G=I.areArraysEqual,X=I.areDatesEqual,Y=I.areMapsEqual,L=I.areObjectsEqual,V=I.areRegExpsEqual,te=I.areSetsEqual,J=I.createIsNestedEqual,ce=J(ne);function ne(ie,ke,xe){if(ie===ke)return!0;if(!ie||!ke||typeof ie!="object"||typeof ke!="object")return ie!==ie&&ke!==ke;if(o(ie)&&o(ke))return L(ie,ke,ce,xe);var Et=Array.isArray(ie),Ue=Array.isArray(ke);if(Et||Ue)return Et===Ue&&G(ie,ke,ce,xe);var Pe=_.call(ie);return Pe!==_.call(ke)?!1:Pe===d?X(ie,ke,ce,xe):Pe===p?V(ie,ke,ce,xe):Pe===m?Y(ie,ke,ce,xe):Pe===x?te(ie,ke,ce,xe):Pe===v||Pe===c?s(ie)||s(ke)?!1:L(ie,ke,ce,xe):Pe===u||Pe===g||Pe===b?l(ie.valueOf(),ke.valueOf()):!1}return ne}function S(I,G,X,Y){var L=I.length;if(G.length!==L)return!1;for(;L-- >0;)if(!X(I[L],G[L],L,L,I,G,Y))return!1;return!0}var y=i(S);function C(I,G){return l(I.valueOf(),G.valueOf())}function O(I,G,X,Y){var L=I.size===G.size;if(!L)return!1;if(!I.size)return!0;var V={},te=0;return I.forEach(function(J,ce){if(L){var ne=!1,ie=0;G.forEach(function(ke,xe){!ne&&!V[ie]&&(ne=X(ce,xe,te,ie,I,G,Y)&&X(J,ke,ce,xe,I,G,Y))&&(V[ie]=!0),ie++}),te++,L=ne}}),L}var R=i(O),A="_owner",D=Object.prototype.hasOwnProperty;function j(I,G,X,Y){var L=Object.keys(I),V=L.length;if(Object.keys(G).length!==V)return!1;for(var te;V-- >0;){if(te=L[V],te===A){var J=!!I.$$typeof,ce=!!G.$$typeof;if((J||ce)&&J!==ce)return!1}if(!D.call(G,te)||!X(I[te],G[te],te,te,I,G,Y))return!1}return!0}var M=i(j);function U(I,G){return I.source===G.source&&I.flags===G.flags}function Z(I,G,X,Y){var L=I.size===G.size;if(!L)return!1;if(!I.size)return!0;var V={};return I.forEach(function(te,J){if(L){var ce=!1,ne=0;G.forEach(function(ie,ke){!ce&&!V[ne]&&(ce=X(te,ie,J,ke,I,G,Y))&&(V[ne]=!0),ne++}),L=ce}}),L}var de=i(Z),Ie=Object.freeze({areArraysEqual:S,areDatesEqual:C,areMapsEqual:O,areObjectsEqual:j,areRegExpsEqual:U,areSetsEqual:Z,createIsNestedEqual:n}),ge=Object.freeze({areArraysEqual:y,areDatesEqual:C,areMapsEqual:R,areObjectsEqual:M,areRegExpsEqual:U,areSetsEqual:de,createIsNestedEqual:n}),_e=k(Ie);function Je(I,G){return _e(I,G,void 0)}var Qe=k(a(Ie,{createIsNestedEqual:function(){return l}}));function fe(I,G){return Qe(I,G,void 0)}var F=k(ge);function q(I,G){return F(I,G,new WeakMap)}var W=k(a(ge,{createIsNestedEqual:function(){return l}}));function ee(I,G){return W(I,G,new WeakMap)}function $(I){return k(a(Ie,I(Ie)))}function Q(I){var G=k(a(ge,I(ge)));return function(X,Y,L){return L===void 0&&(L=new WeakMap),G(X,Y,L)}}r.circularDeepEqual=q,r.circularShallowEqual=ee,r.createCustomCircularEqual=Q,r.createCustomEqual=$,r.deepEqual=Je,r.sameValueZeroEqual=l,r.shallowEqual=fe,Object.defineProperty(r,"__esModule",{value:!0})})})(Ss,Ss.exports);var ks=Ss.exports,Rs={exports:{}};function dd(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(r=dd(e[t]))&&(n&&(n+=" "),n+=r)}else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function hd(){for(var e,t,r=0,n="",i=arguments.length;r<i;r++)(e=arguments[r])&&(t=dd(e))&&(n&&(n+=" "),n+=t);return n}Rs.exports=hd,Rs.exports.clsx=hd;var Os=Rs.exports,he={},Jv=function(t,r,n){return t===r?!0:t.className===r.className&&n(t.style,r.style)&&t.width===r.width&&t.autoSize===r.autoSize&&t.cols===r.cols&&t.draggableCancel===r.draggableCancel&&t.draggableHandle===r.draggableHandle&&n(t.verticalCompact,r.verticalCompact)&&n(t.compactType,r.compactType)&&n(t.layout,r.layout)&&n(t.margin,r.margin)&&n(t.containerPadding,r.containerPadding)&&t.rowHeight===r.rowHeight&&t.maxRows===r.maxRows&&t.isBounded===r.isBounded&&t.isDraggable===r.isDraggable&&t.isResizable===r.isResizable&&t.allowOverlap===r.allowOverlap&&t.preventCollision===r.preventCollision&&t.useCSSTransforms===r.useCSSTransforms&&t.transformScale===r.transformScale&&t.isDroppable===r.isDroppable&&n(t.resizeHandles,r.resizeHandles)&&n(t.resizeHandle,r.resizeHandle)&&t.onLayoutChange===r.onLayoutChange&&t.onDragStart===r.onDragStart&&t.onDrag===r.onDrag&&t.onDragStop===r.onDragStop&&t.onResizeStart===r.onResizeStart&&t.onResize===r.onResize&&t.onResizeStop===r.onResizeStop&&t.onDrop===r.onDrop&&n(t.droppingItem,r.droppingItem)&&n(t.innerRef,r.innerRef)};Object.defineProperty(he,"__esModule",{value:!0}),he.bottom=Cs,he.childrenEqual=t_,he.cloneLayout=md,he.cloneLayoutItem=Br,he.collides=Ca,he.compact=gd,he.compactItem=yd,he.compactType=f_,he.correctBounds=bd,he.fastPositionEqual=r_,he.fastRGLPropsEqual=void 0,he.getAllCollisions=vd,he.getFirstCollision=jr,he.getLayoutItem=Ts,he.getStatics=As,he.modifyLayout=wd,he.moveElement=xi,he.moveElementAwayFromCollision=Ds,he.noop=void 0,he.perc=i_,he.resizeItemInDirection=o_,he.setTopLeft=c_,he.setTransform=s_,he.sortLayoutItems=Ns,he.sortLayoutItemsByColRow=kd,he.sortLayoutItemsByRowCol=Sd,he.synchronizeLayoutWithChildren=l_,he.validateLayout=u_,he.withLayoutItem=e_;var pd=ks,_i=Qv(re);function Qv(e){return e&&e.__esModule?e:{default:e}}function Cs(e){let t=0,r;for(let n=0,i=e.length;n<i;n++)r=e[n].y+e[n].h,r>t&&(t=r);return t}function md(e){const t=Array(e.length);for(let r=0,n=e.length;r<n;r++)t[r]=Br(e[r]);return t}function wd(e,t){const r=Array(e.length);for(let n=0,i=e.length;n<i;n++)t.i===e[n].i?r[n]=t:r[n]=e[n];return r}function e_(e,t,r){let n=Ts(e,t);return n?(n=r(Br(n)),e=wd(e,n),[e,n]):[e,null]}function Br(e){return{w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,minW:e.minW,maxW:e.maxW,minH:e.minH,maxH:e.maxH,moved:!!e.moved,static:!!e.static,isDraggable:e.isDraggable,isResizable:e.isResizable,resizeHandles:e.resizeHandles,isBounded:e.isBounded}}function t_(e,t){return(0,pd.deepEqual)(_i.default.Children.map(e,r=>r==null?void 0:r.key),_i.default.Children.map(t,r=>r==null?void 0:r.key))&&(0,pd.deepEqual)(_i.default.Children.map(e,r=>r==null?void 0:r.props["data-grid"]),_i.default.Children.map(t,r=>r==null?void 0:r.props["data-grid"]))}he.fastRGLPropsEqual=Jv;function r_(e,t){return e.left===t.left&&e.top===t.top&&e.width===t.width&&e.height===t.height}function Ca(e,t){return!(e.i===t.i||e.x+e.w<=t.x||e.x>=t.x+t.w||e.y+e.h<=t.y||e.y>=t.y+t.h)}function gd(e,t,r,n){const i=As(e),a=Ns(e,t),o=Array(e.length);for(let s=0,l=a.length;s<l;s++){let c=Br(a[s]);c.static||(c=yd(i,c,t,r,a,n),i.push(c)),o[e.indexOf(a[s])]=c,c.moved=!1}return o}const n_={x:"w",y:"h"};function Ps(e,t,r,n){const i=n_[n];t[n]+=1;const a=e.map(o=>o.i).indexOf(t.i);for(let o=a+1;o<e.length;o++){const s=e[o];if(!s.static){if(s.y>t.y+t.h)break;Ca(t,s)&&Ps(e,s,r+t[i],n)}}t[n]=r}function yd(e,t,r,n,i,a){const o=r==="vertical",s=r==="horizontal";if(o)for(t.y=Math.min(Cs(e),t.y);t.y>0&&!jr(e,t);)t.y--;else if(s)for(;t.x>0&&!jr(e,t);)t.x--;let l;for(;(l=jr(e,t))&&!(r===null&&a);)if(s?Ps(i,t,l.x+l.w,"x"):Ps(i,t,l.y+l.h,"y"),s&&t.x+t.w>n)for(t.x=n-t.w,t.y++;t.x>0&&!jr(e,t);)t.x--;return t.y=Math.max(t.y,0),t.x=Math.max(t.x,0),t}function bd(e,t){const r=As(e);for(let n=0,i=e.length;n<i;n++){const a=e[n];if(a.x+a.w>t.cols&&(a.x=t.cols-a.w),a.x<0&&(a.x=0,a.w=t.cols),!a.static)r.push(a);else for(;jr(r,a);)a.y++}return e}function Ts(e,t){for(let r=0,n=e.length;r<n;r++)if(e[r].i===t)return e[r]}function jr(e,t){for(let r=0,n=e.length;r<n;r++)if(Ca(e[r],t))return e[r]}function vd(e,t){return e.filter(r=>Ca(r,t))}function As(e){return e.filter(t=>t.static)}function xi(e,t,r,n,i,a,o,s,l){if(t.static&&t.isDraggable!==!0||t.y===n&&t.x===r)return e;`${t.i}${String(r)}${String(n)}${t.x}${t.y}`;const c=t.x,u=t.y;typeof r=="number"&&(t.x=r),typeof n=="number"&&(t.y=n),t.moved=!0;let d=Ns(e,o);(o==="vertical"&&typeof n=="number"?u>=n:o==="horizontal"&&typeof r=="number"?c>=r:!1)&&(d=d.reverse());const m=vd(d,t),g=m.length>0;if(g&&l)return md(e);if(g&&a)return`${t.i}`,t.x=c,t.y=u,t.moved=!1,e;for(let v=0,x=m.length;v<x;v++){const b=m[v];`${t.i}${t.x}${t.y}${b.i}${b.x}${b.y}`,!b.moved&&(b.static?e=Ds(e,b,t,i,o):e=Ds(e,t,b,i,o))}return e}function Ds(e,t,r,n,i,a){const o=i==="horizontal",s=i==="vertical",l=t.static;if(n){n=!1;const d={x:o?Math.max(t.x-r.w,0):r.x,y:s?Math.max(t.y-r.h,0):r.y,w:r.w,h:r.h,i:"-1"},p=jr(e,d),m=p&&p.y+p.h>t.y,g=p&&t.x+t.w>p.x;if(p){if(m&&s)return xi(e,r,void 0,t.y+1,n,l,i);if(m&&i==null)return t.y=r.y,r.y=r.y+r.h,e;if(g&&o)return xi(e,t,r.x,void 0,n,l,i)}else return`${r.i}${d.x}${d.y}`,xi(e,r,o?d.x:void 0,s?d.y:void 0,n,l,i)}const c=o?r.x+1:void 0,u=s?r.y+1:void 0;return c==null&&u==null?e:xi(e,r,o?r.x+1:void 0,s?r.y+1:void 0,n,l,i)}function i_(e){return e*100+"%"}const _d=(e,t,r,n)=>e+r>n?t:r,xd=(e,t,r)=>e<0?t:r,Ed=e=>Math.max(0,e),Is=e=>Math.max(0,e),$s=(e,t,r)=>{let{left:n,height:i,width:a}=t;const o=e.top-(i-e.height);return{left:n,width:a,height:xd(o,e.height,i),top:Is(o)}},Bs=(e,t,r)=>{let{top:n,left:i,height:a,width:o}=t;return{top:n,height:a,width:_d(e.left,e.width,o,r),left:Ed(i)}},js=(e,t,r)=>{let{top:n,height:i,width:a}=t;const o=e.left-(a-e.width);return{height:i,width:o<0?e.width:_d(e.left,e.width,a,r),top:Is(n),left:Ed(o)}},zs=(e,t,r)=>{let{top:n,left:i,height:a,width:o}=t;return{width:o,left:i,height:xd(n,e.height,a),top:Is(n)}},a_={n:$s,ne:function(){return $s(arguments.length<=0?void 0:arguments[0],Bs(...arguments))},e:Bs,se:function(){return zs(arguments.length<=0?void 0:arguments[0],Bs(...arguments))},s:zs,sw:function(){return zs(arguments.length<=0?void 0:arguments[0],js(...arguments))},w:js,nw:function(){return $s(arguments.length<=0?void 0:arguments[0],js(...arguments))}};function o_(e,t,r,n){const i=a_[e];return i?i(t,{...t,...r},n):r}function s_(e){let{top:t,left:r,width:n,height:i}=e;const a=`translate(${r}px,${t}px)`;return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,width:`${n}px`,height:`${i}px`,position:"absolute"}}function c_(e){let{top:t,left:r,width:n,height:i}=e;return{top:`${t}px`,left:`${r}px`,width:`${n}px`,height:`${i}px`,position:"absolute"}}function Ns(e,t){return t==="horizontal"?kd(e):t==="vertical"?Sd(e):e}function Sd(e){return e.slice(0).sort(function(t,r){return t.y>r.y||t.y===r.y&&t.x>r.x?1:t.y===r.y&&t.x===r.x?0:-1})}function kd(e){return e.slice(0).sort(function(t,r){return t.x>r.x||t.x===r.x&&t.y>r.y?1:-1})}function l_(e,t,r,n,i){e=e||[];const a=[];_i.default.Children.forEach(t,s=>{if((s==null?void 0:s.key)==null)return;const l=Ts(e,String(s.key)),c=s.props["data-grid"];l&&c==null?a.push(Br(l)):c?a.push(Br({...c,i:s.key})):a.push(Br({w:1,h:1,x:0,y:Cs(a),i:String(s.key)}))});const o=bd(a,{cols:r});return i?o:gd(o,n,r)}function u_(e){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Layout";const r=["x","y","w","h"];if(!Array.isArray(e))throw new Error(t+" must be an array!");for(let n=0,i=e.length;n<i;n++){const a=e[n];for(let o=0;o<r.length;o++){const s=r[o],l=a[s];if(typeof l!="number"||Number.isNaN(l))throw new Error(`ReactGridLayout: ${t}[${n}].${s} must be a number! Received: ${l} (${typeof l})`)}if(typeof a.i<"u"&&typeof a.i!="string")throw new Error(`ReactGridLayout: ${t}[${n}].i must be a string! Received: ${a.i} (${typeof a.i})`)}}function f_(e){const{verticalCompact:t,compactType:r}=e||{};return t===!1?null:r}function Hx(){}const d_=()=>{};he.noop=d_;var Ut={};Object.defineProperty(Ut,"__esModule",{value:!0}),Ut.calcGridColWidth=Pa,Ut.calcGridItemPosition=h_,Ut.calcGridItemWHPx=Ms,Ut.calcWH=m_,Ut.calcXY=p_,Ut.clamp=zr;function Pa(e){const{margin:t,containerPadding:r,containerWidth:n,cols:i}=e;return(n-t[0]*(i-1)-r[0]*2)/i}function Ms(e,t,r){return Number.isFinite(e)?Math.round(t*e+Math.max(0,e-1)*r):e}function h_(e,t,r,n,i,a){const{margin:o,containerPadding:s,rowHeight:l}=e,c=Pa(e),u={};return a&&a.resizing?(u.width=Math.round(a.resizing.width),u.height=Math.round(a.resizing.height)):(u.width=Ms(n,c,o[0]),u.height=Ms(i,l,o[1])),a&&a.dragging?(u.top=Math.round(a.dragging.top),u.left=Math.round(a.dragging.left)):a&&a.resizing&&typeof a.resizing.top=="number"&&typeof a.resizing.left=="number"?(u.top=Math.round(a.resizing.top),u.left=Math.round(a.resizing.left)):(u.top=Math.round((l+o[1])*r+s[1]),u.left=Math.round((c+o[0])*t+s[0])),u}function p_(e,t,r,n,i){const{margin:a,containerPadding:o,cols:s,rowHeight:l,maxRows:c}=e,u=Pa(e);let d=Math.round((r-o[0])/(u+a[0])),p=Math.round((t-o[1])/(l+a[1]));return d=zr(d,0,s-n),p=zr(p,0,c-i),{x:d,y:p}}function m_(e,t,r,n,i,a){const{margin:o,maxRows:s,cols:l,rowHeight:c}=e,u=Pa(e);let d=Math.round((t+o[0])/(u+o[0])),p=Math.round((r+o[1])/(c+o[1])),m=zr(d,0,l-n),g=zr(p,0,s-i);return["sw","w","nw"].indexOf(a)!==-1&&(m=zr(d,0,l)),["nw","n","ne"].indexOf(a)!==-1&&(g=zr(p,0,s)),{w:m,h:g}}function zr(e,t,r){return Math.max(Math.min(e,r),t)}var Ta={},Rd={exports:{}},w_="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",g_=w_,y_=g_;function Od(){}function Cd(){}Cd.resetWarningCache=Od;var b_=function(){function e(n,i,a,o,s,l){if(l!==y_){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}e.isRequired=e;function t(){return e}var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:Cd,resetWarningCache:Od};return r.PropTypes=r,r};Rd.exports=b_();var yr=Rd.exports,Aa={exports:{}},Pd={};function Td(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=Td(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function Ad(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=Td(e))&&(n&&(n+=" "),n+=t);return n}const v_=Za(Object.freeze(Object.defineProperty({__proto__:null,clsx:Ad,default:Ad},Symbol.toStringTag,{value:"Module"})));var Be={},Ht={};Object.defineProperty(Ht,"__esModule",{value:!0}),Ht.dontSetMe=k_,Ht.findInArray=__,Ht.int=S_,Ht.isFunction=x_,Ht.isNum=E_;function __(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]}function x_(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function E_(e){return typeof e=="number"&&!isNaN(e)}function S_(e){return parseInt(e,10)}function k_(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))}var Nr={};Object.defineProperty(Nr,"__esModule",{value:!0}),Nr.browserPrefixToKey=Id,Nr.browserPrefixToStyle=R_,Nr.default=void 0,Nr.getPrefix=Dd;const Ls=["Moz","Webkit","O","ms"];function Dd(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const r=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!r||t in r)return"";for(let n=0;n<Ls.length;n++)if(Id(t,Ls[n])in r)return Ls[n];return""}function Id(e,t){return t?"".concat(t).concat(O_(e)):e}function R_(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function O_(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):e[n]==="-"?r=!0:t+=e[n];return t}Nr.default=Dd(),Object.defineProperty(Be,"__esModule",{value:!0}),Be.addClassName=zd,Be.addEvent=T_,Be.addUserSelectStyles=F_,Be.createCSSTransform=z_,Be.createSVGTransform=N_,Be.getTouch=M_,Be.getTouchIdentifier=L_,Be.getTranslation=Fs,Be.innerHeight=$_,Be.innerWidth=B_,Be.matchesSelector=jd,Be.matchesSelectorAndParentsTo=P_,Be.offsetXYFromParent=j_,Be.outerHeight=D_,Be.outerWidth=I_,Be.removeClassName=Nd,Be.removeEvent=A_,Be.removeUserSelectStyles=U_;var wt=Ht,$d=C_(Nr);function Bd(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Bd=function(n){return n?r:t})(e)}function C_(e,t){if(e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Bd(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}let Da="";function jd(e,t){return Da||(Da=(0,wt.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(r){return(0,wt.isFunction)(e[r])})),(0,wt.isFunction)(e[Da])?e[Da](t):!1}function P_(e,t,r){let n=e;do{if(jd(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1}function T_(e,t,r,n){if(!e)return;const i={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,i):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}function A_(e,t,r,n){if(!e)return;const i={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,i):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}function D_(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,wt.int)(r.borderTopWidth),t+=(0,wt.int)(r.borderBottomWidth),t}function I_(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,wt.int)(r.borderLeftWidth),t+=(0,wt.int)(r.borderRightWidth),t}function $_(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,wt.int)(r.paddingTop),t-=(0,wt.int)(r.paddingBottom),t}function B_(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,wt.int)(r.paddingLeft),t-=(0,wt.int)(r.paddingRight),t}function j_(e,t,r){const i=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),a=(e.clientX+t.scrollLeft-i.left)/r,o=(e.clientY+t.scrollTop-i.top)/r;return{x:a,y:o}}function z_(e,t){const r=Fs(e,t,"px");return{[(0,$d.browserPrefixToKey)("transform",$d.default)]:r}}function N_(e,t){return Fs(e,t,"")}function Fs(e,t,r){let{x:n,y:i}=e,a="translate(".concat(n).concat(r,",").concat(i).concat(r,")");if(t){const o="".concat(typeof t.x=="string"?t.x:t.x+r),s="".concat(typeof t.y=="string"?t.y:t.y+r);a="translate(".concat(o,", ").concat(s,")")+a}return a}function M_(e,t){return e.targetTouches&&(0,wt.findInArray)(e.targetTouches,r=>t===r.identifier)||e.changedTouches&&(0,wt.findInArray)(e.changedTouches,r=>t===r.identifier)}function L_(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function F_(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
 `,t.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
 `,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&zd(e.body,"react-draggable-transparent-selection")}function U_(e){if(e)try{if(e.body&&Nd(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function zd(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function Nd(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var Wt={};Object.defineProperty(Wt,"__esModule",{value:!0}),Wt.canDragX=q_,Wt.canDragY=G_,Wt.createCoreData=Z_,Wt.createDraggableData=X_,Wt.getBoundPosition=H_,Wt.getControlPosition=Y_,Wt.snapToGrid=W_;var gt=Ht,_n=Be;function H_(e,t,r){if(!e.props.bounds)return[t,r];let{bounds:n}=e.props;n=typeof n=="string"?n:V_(n);const i=Us(e);if(typeof n=="string"){const{ownerDocument:a}=i,o=a.defaultView;let s;if(n==="parent"?s=i.parentNode:s=a.querySelector(n),!(s instanceof o.HTMLElement))throw new Error('Bounds selector "'+n+'" could not find an element.');const l=s,c=o.getComputedStyle(i),u=o.getComputedStyle(l);n={left:-i.offsetLeft+(0,gt.int)(u.paddingLeft)+(0,gt.int)(c.marginLeft),top:-i.offsetTop+(0,gt.int)(u.paddingTop)+(0,gt.int)(c.marginTop),right:(0,_n.innerWidth)(l)-(0,_n.outerWidth)(i)-i.offsetLeft+(0,gt.int)(u.paddingRight)-(0,gt.int)(c.marginRight),bottom:(0,_n.innerHeight)(l)-(0,_n.outerHeight)(i)-i.offsetTop+(0,gt.int)(u.paddingBottom)-(0,gt.int)(c.marginBottom)}}return(0,gt.isNum)(n.right)&&(t=Math.min(t,n.right)),(0,gt.isNum)(n.bottom)&&(r=Math.min(r,n.bottom)),(0,gt.isNum)(n.left)&&(t=Math.max(t,n.left)),(0,gt.isNum)(n.top)&&(r=Math.max(r,n.top)),[t,r]}function W_(e,t,r){const n=Math.round(t/e[0])*e[0],i=Math.round(r/e[1])*e[1];return[n,i]}function q_(e){return e.props.axis==="both"||e.props.axis==="x"}function G_(e){return e.props.axis==="both"||e.props.axis==="y"}function Y_(e,t,r){const n=typeof t=="number"?(0,_n.getTouch)(e,t):null;if(typeof t=="number"&&!n)return null;const i=Us(r),a=r.props.offsetParent||i.offsetParent||i.ownerDocument.body;return(0,_n.offsetXYFromParent)(n||e,a,r.props.scale)}function Z_(e,t,r){const n=!(0,gt.isNum)(e.lastX),i=Us(e);return n?{node:i,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:i,deltaX:t-e.lastX,deltaY:r-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:r}}function X_(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}}function V_(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function Us(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var Ia={},$a={};Object.defineProperty($a,"__esModule",{value:!0}),$a.default=K_;function K_(){}Object.defineProperty(Ia,"__esModule",{value:!0}),Ia.default=void 0;var Hs=Q_(re),ft=qs(yr),J_=qs(hc),Ve=Be,br=Wt,Ws=Ht,Ei=qs($a);function qs(e){return e&&e.__esModule?e:{default:e}}function Md(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Md=function(n){return n?r:t})(e)}function Q_(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Md(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}function it(e,t,r){return t=e1(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function e1(e){var t=t1(e,"string");return typeof t=="symbol"?t:String(t)}function t1(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const Pt={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let vr=Pt.mouse,Ba=class extends Hs.Component{constructor(){super(...arguments),it(this,"dragging",!1),it(this,"lastX",NaN),it(this,"lastY",NaN),it(this,"touchIdentifier",null),it(this,"mounted",!1),it(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.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||!(t.target instanceof n.defaultView.Node)||this.props.handle&&!(0,Ve.matchesSelectorAndParentsTo)(t.target,this.props.handle,r)||this.props.cancel&&(0,Ve.matchesSelectorAndParentsTo)(t.target,this.props.cancel,r))return;t.type==="touchstart"&&t.preventDefault();const i=(0,Ve.getTouchIdentifier)(t);this.touchIdentifier=i;const a=(0,br.getControlPosition)(t,i,this);if(a==null)return;const{x:o,y:s}=a,l=(0,br.createCoreData)(this,o,s);(0,Ei.default)("DraggableCore: handleDragStart: %j",l),(0,Ei.default)("calling",this.props.onStart),!(this.props.onStart(t,l)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,Ve.addUserSelectStyles)(n),this.dragging=!0,this.lastX=o,this.lastY=s,(0,Ve.addEvent)(n,vr.move,this.handleDrag),(0,Ve.addEvent)(n,vr.stop,this.handleDragStop))}),it(this,"handleDrag",t=>{const r=(0,br.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:i}=r;if(Array.isArray(this.props.grid)){let s=n-this.lastX,l=i-this.lastY;if([s,l]=(0,br.snapToGrid)(this.props.grid,s,l),!s&&!l)return;n=this.lastX+s,i=this.lastY+l}const a=(0,br.createCoreData)(this,n,i);if((0,Ei.default)("DraggableCore: handleDrag: %j",a),this.props.onDrag(t,a)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const l=document.createEvent("MouseEvents");l.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(l)}return}this.lastX=n,this.lastY=i}),it(this,"handleDragStop",t=>{if(!this.dragging)return;const r=(0,br.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:i}=r;if(Array.isArray(this.props.grid)){let l=n-this.lastX||0,c=i-this.lastY||0;[l,c]=(0,br.snapToGrid)(this.props.grid,l,c),n=this.lastX+l,i=this.lastY+c}const a=(0,br.createCoreData)(this,n,i);if(this.props.onStop(t,a)===!1||this.mounted===!1)return!1;const s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,Ve.removeUserSelectStyles)(s.ownerDocument),(0,Ei.default)("DraggableCore: handleDragStop: %j",a),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,Ei.default)("DraggableCore: Removing handlers"),(0,Ve.removeEvent)(s.ownerDocument,vr.move,this.handleDrag),(0,Ve.removeEvent)(s.ownerDocument,vr.stop,this.handleDragStop))}),it(this,"onMouseDown",t=>(vr=Pt.mouse,this.handleDragStart(t))),it(this,"onMouseUp",t=>(vr=Pt.mouse,this.handleDragStop(t))),it(this,"onTouchStart",t=>(vr=Pt.touch,this.handleDragStart(t))),it(this,"onTouchEnd",t=>(vr=Pt.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,Ve.addEvent)(t,Pt.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:r}=t;(0,Ve.removeEvent)(r,Pt.mouse.move,this.handleDrag),(0,Ve.removeEvent)(r,Pt.touch.move,this.handleDrag),(0,Ve.removeEvent)(r,Pt.mouse.stop,this.handleDragStop),(0,Ve.removeEvent)(r,Pt.touch.stop,this.handleDragStop),(0,Ve.removeEvent)(t,Pt.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,Ve.removeUserSelectStyles)(r)}}findDOMNode(){var t,r;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(r=this.props)===null||r===void 0||(r=r.nodeRef)===null||r===void 0?void 0:r.current:J_.default.findDOMNode(this)}render(){return Hs.cloneElement(Hs.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};Ia.default=Ba,it(Ba,"displayName","DraggableCore"),it(Ba,"propTypes",{allowAnyClick:ft.default.bool,children:ft.default.node.isRequired,disabled:ft.default.bool,enableUserSelectHack:ft.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:ft.default.arrayOf(ft.default.number),handle:ft.default.string,cancel:ft.default.string,nodeRef:ft.default.object,onStart:ft.default.func,onDrag:ft.default.func,onStop:ft.default.func,onMouseDown:ft.default.func,scale:ft.default.number,className:Ws.dontSetMe,style:Ws.dontSetMe,transform:Ws.dontSetMe}),it(Ba,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return l.default}}),e.default=void 0;var t=p(re),r=u(yr),n=u(hc),i=u(v_),a=Be,o=Wt,s=Ht,l=u(Ia),c=u($a);function u(_){return _&&_.__esModule?_:{default:_}}function d(_){if(typeof WeakMap!="function")return null;var k=new WeakMap,S=new WeakMap;return(d=function(y){return y?S:k})(_)}function p(_,k){if(_&&_.__esModule)return _;if(_===null||typeof _!="object"&&typeof _!="function")return{default:_};var S=d(k);if(S&&S.has(_))return S.get(_);var y={},C=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var O in _)if(O!=="default"&&Object.prototype.hasOwnProperty.call(_,O)){var R=C?Object.getOwnPropertyDescriptor(_,O):null;R&&(R.get||R.set)?Object.defineProperty(y,O,R):y[O]=_[O]}return y.default=_,S&&S.set(_,y),y}function m(){return m=Object.assign?Object.assign.bind():function(_){for(var k=1;k<arguments.length;k++){var S=arguments[k];for(var y in S)Object.prototype.hasOwnProperty.call(S,y)&&(_[y]=S[y])}return _},m.apply(this,arguments)}function g(_,k,S){return k=v(k),k in _?Object.defineProperty(_,k,{value:S,enumerable:!0,configurable:!0,writable:!0}):_[k]=S,_}function v(_){var k=x(_,"string");return typeof k=="symbol"?k:String(k)}function x(_,k){if(typeof _!="object"||_===null)return _;var S=_[Symbol.toPrimitive];if(S!==void 0){var y=S.call(_,k||"default");if(typeof y!="object")return y;throw new TypeError("@@toPrimitive must return a primitive value.")}return(k==="string"?String:Number)(_)}class b extends t.Component{static getDerivedStateFromProps(k,S){let{position:y}=k,{prevPropsPosition:C}=S;return y&&(!C||y.x!==C.x||y.y!==C.y)?((0,c.default)("Draggable: getDerivedStateFromProps %j",{position:y,prevPropsPosition:C}),{x:y.x,y:y.y,prevPropsPosition:{...y}}):null}constructor(k){super(k),g(this,"onDragStart",(S,y)=>{if((0,c.default)("Draggable: onDragStart: %j",y),this.props.onStart(S,(0,o.createDraggableData)(this,y))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),g(this,"onDrag",(S,y)=>{if(!this.state.dragging)return!1;(0,c.default)("Draggable: onDrag: %j",y);const C=(0,o.createDraggableData)(this,y),O={x:C.x,y:C.y,slackX:0,slackY:0};if(this.props.bounds){const{x:A,y:D}=O;O.x+=this.state.slackX,O.y+=this.state.slackY;const[j,M]=(0,o.getBoundPosition)(this,O.x,O.y);O.x=j,O.y=M,O.slackX=this.state.slackX+(A-O.x),O.slackY=this.state.slackY+(D-O.y),C.x=O.x,C.y=O.y,C.deltaX=O.x-this.state.x,C.deltaY=O.y-this.state.y}if(this.props.onDrag(S,C)===!1)return!1;this.setState(O)}),g(this,"onDragStop",(S,y)=>{if(!this.state.dragging||this.props.onStop(S,(0,o.createDraggableData)(this,y))===!1)return!1;(0,c.default)("Draggable: onDragStop: %j",y);const O={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:A,y:D}=this.props.position;O.x=A,O.y=D}this.setState(O)}),this.state={dragging:!1,dragged:!1,x:k.position?k.position.x:k.defaultPosition.x,y:k.position?k.position.y:k.defaultPosition.y,prevPropsPosition:{...k.position},slackX:0,slackY:0,isElementSVG:!1},k.position&&!(k.onDrag||k.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.setState({dragging:!1})}findDOMNode(){var k,S;return(k=(S=this.props)===null||S===void 0||(S=S.nodeRef)===null||S===void 0?void 0:S.current)!==null&&k!==void 0?k:n.default.findDOMNode(this)}render(){const{axis:k,bounds:S,children:y,defaultPosition:C,defaultClassName:O,defaultClassNameDragging:R,defaultClassNameDragged:A,position:D,positionOffset:j,scale:M,...U}=this.props;let Z={},de=null;const ge=!!!D||this.state.dragging,_e=D||C,Je={x:(0,o.canDragX)(this)&&ge?this.state.x:_e.x,y:(0,o.canDragY)(this)&&ge?this.state.y:_e.y};this.state.isElementSVG?de=(0,a.createSVGTransform)(Je,j):Z=(0,a.createCSSTransform)(Je,j);const Qe=(0,i.default)(y.props.className||"",O,{[R]:this.state.dragging,[A]:this.state.dragged});return t.createElement(l.default,m({},U,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(y),{className:Qe,style:{...y.props.style,...Z},transform:de}))}}e.default=b,g(b,"displayName","Draggable"),g(b,"propTypes",{...l.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:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),g(b,"defaultProps",{...l.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(Pd);const{default:Ld,DraggableCore:r1}=Pd;Aa.exports=Ld,Aa.exports.default=Ld,Aa.exports.DraggableCore=r1;var Fd=Aa.exports,ja={exports:{}},Si={},Gs={};Gs.__esModule=!0,Gs.cloneElement=c1;var n1=i1(re);function i1(e){return e&&e.__esModule?e:{default:e}}function Ud(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Hd(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ud(Object(r),!0).forEach(function(n){a1(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ud(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function a1(e,t,r){return t=o1(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o1(e){var t=s1(e,"string");return typeof t=="symbol"?t:String(t)}function s1(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function c1(e,t){return t.style&&e.props.style&&(t.style=Hd(Hd({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),n1.default.cloneElement(e,t)}var ki={};ki.__esModule=!0,ki.resizableProps=void 0;var le=l1(yr);function l1(e){return e&&e.__esModule?e:{default:e}}var u1={axis:le.default.oneOf(["both","x","y","none"]),className:le.default.string,children:le.default.element.isRequired,draggableOpts:le.default.shape({allowAnyClick:le.default.bool,cancel:le.default.string,children:le.default.node,disabled:le.default.bool,enableUserSelectHack:le.default.bool,offsetParent:le.default.node,grid:le.default.arrayOf(le.default.number),handle:le.default.string,nodeRef:le.default.object,onStart:le.default.func,onDrag:le.default.func,onStop:le.default.func,onMouseDown:le.default.func,scale:le.default.number}),height:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var i=r[0];if(i.axis==="both"||i.axis==="y"){var a;return(a=le.default.number).isRequired.apply(a,r)}return le.default.number.apply(le.default,r)},handle:le.default.oneOfType([le.default.node,le.default.func]),handleSize:le.default.arrayOf(le.default.number),lockAspectRatio:le.default.bool,maxConstraints:le.default.arrayOf(le.default.number),minConstraints:le.default.arrayOf(le.default.number),onResizeStop:le.default.func,onResizeStart:le.default.func,onResize:le.default.func,resizeHandles:le.default.arrayOf(le.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:le.default.number,width:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var i=r[0];if(i.axis==="both"||i.axis==="x"){var a;return(a=le.default.number).isRequired.apply(a,r)}return le.default.number.apply(le.default,r)}};ki.resizableProps=u1,Si.__esModule=!0,Si.default=void 0;var Ri=m1(re),f1=Fd,d1=Gs,h1=ki,p1=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function Wd(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Wd=function(i){return i?r:t})(e)}function m1(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Wd(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}function Ys(){return Ys=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Ys.apply(this,arguments)}function w1(e,t){if(e==null)return{};var r={},n=Object.keys(e),i,a;for(a=0;a<n.length;a++)i=n[a],!(t.indexOf(i)>=0)&&(r[i]=e[i]);return r}function qd(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Zs(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?qd(Object(r),!0).forEach(function(n){g1(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):qd(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function g1(e,t,r){return t=y1(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y1(e){var t=b1(e,"string");return typeof t=="symbol"?t:String(t)}function b1(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function v1(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Xs(e,t)}function Xs(e,t){return Xs=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,i){return n.__proto__=i,n},Xs(e,t)}var Vs=function(e){v1(t,e);function t(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=e.call.apply(e,[this].concat(a))||this,n.handleRefs={},n.lastHandleRect=null,n.slack=null,n}var r=t.prototype;return r.componentWillUnmount=function(){this.resetData()},r.resetData=function(){this.lastHandleRect=this.slack=null},r.runConstraints=function(i,a){var o=this.props,s=o.minConstraints,l=o.maxConstraints,c=o.lockAspectRatio;if(!s&&!l&&!c)return[i,a];if(c){var u=this.props.width/this.props.height,d=i-this.props.width,p=a-this.props.height;Math.abs(d)>Math.abs(p*u)?a=i/u:i=a*u}var m=i,g=a,v=this.slack||[0,0],x=v[0],b=v[1];return i+=x,a+=b,s&&(i=Math.max(s[0],i),a=Math.max(s[1],a)),l&&(i=Math.min(l[0],i),a=Math.min(l[1],a)),this.slack=[x+(m-i),b+(g-a)],[i,a]},r.resizeHandler=function(i,a){var o=this;return function(s,l){var c=l.node,u=l.deltaX,d=l.deltaY;i==="onResizeStart"&&o.resetData();var p=(o.props.axis==="both"||o.props.axis==="x")&&a!=="n"&&a!=="s",m=(o.props.axis==="both"||o.props.axis==="y")&&a!=="e"&&a!=="w";if(!(!p&&!m)){var g=a[0],v=a[a.length-1],x=c.getBoundingClientRect();if(o.lastHandleRect!=null){if(v==="w"){var b=x.left-o.lastHandleRect.left;u+=b}if(g==="n"){var _=x.top-o.lastHandleRect.top;d+=_}}o.lastHandleRect=x,v==="w"&&(u=-u),g==="n"&&(d=-d);var k=o.props.width+(p?u/o.props.transformScale:0),S=o.props.height+(m?d/o.props.transformScale:0),y=o.runConstraints(k,S);k=y[0],S=y[1];var C=k!==o.props.width||S!==o.props.height,O=typeof o.props[i]=="function"?o.props[i]:null,R=i==="onResize"&&!C;O&&!R&&(s.persist==null||s.persist(),O(s,{node:c,size:{width:k,height:S},handle:a})),i==="onResizeStop"&&o.resetData()}}},r.renderResizeHandle=function(i,a){var o=this.props.handle;if(!o)return Ri.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+i,ref:a});if(typeof o=="function")return o(i,a);var s=typeof o.type=="string",l=Zs({ref:a},s?{}:{handleAxis:i});return Ri.cloneElement(o,l)},r.render=function(){var i=this,a=this.props,o=a.children,s=a.className,l=a.draggableOpts;a.width,a.height,a.handle,a.handleSize,a.lockAspectRatio,a.axis,a.minConstraints,a.maxConstraints,a.onResize,a.onResizeStop,a.onResizeStart;var c=a.resizeHandles;a.transformScale;var u=w1(a,p1);return(0,d1.cloneElement)(o,Zs(Zs({},u),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(o.props.children,c.map(function(d){var p,m=(p=i.handleRefs[d])!=null?p:i.handleRefs[d]=Ri.createRef();return Ri.createElement(f1.DraggableCore,Ys({},l,{nodeRef:m,key:"resizableHandle-"+d,onStop:i.resizeHandler("onResizeStop",d),onStart:i.resizeHandler("onResizeStart",d),onDrag:i.resizeHandler("onResize",d)}),i.renderResizeHandle(d,m))}))}))},t}(Ri.Component);Si.default=Vs,Vs.propTypes=h1.resizableProps,Vs.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var za={};za.__esModule=!0,za.default=void 0;var Ks=k1(re),_1=Gd(yr),x1=Gd(Si),E1=ki,S1=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function Gd(e){return e&&e.__esModule?e:{default:e}}function Yd(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Yd=function(i){return i?r:t})(e)}function k1(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Yd(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}function Js(){return Js=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Js.apply(this,arguments)}function Zd(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Na(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Zd(Object(r),!0).forEach(function(n){R1(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Zd(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function R1(e,t,r){return t=O1(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O1(e){var t=C1(e,"string");return typeof t=="symbol"?t:String(t)}function C1(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function P1(e,t){if(e==null)return{};var r={},n=Object.keys(e),i,a;for(a=0;a<n.length;a++)i=n[a],!(t.indexOf(i)>=0)&&(r[i]=e[i]);return r}function T1(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Qs(e,t)}function Qs(e,t){return Qs=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,i){return n.__proto__=i,n},Qs(e,t)}var Xd=function(e){T1(t,e);function t(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=e.call.apply(e,[this].concat(a))||this,n.state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(s,l){var c=l.size;n.props.onResize?(s.persist==null||s.persist(),n.setState(c,function(){return n.props.onResize&&n.props.onResize(s,l)})):n.setState(c)},n}t.getDerivedStateFromProps=function(i,a){return a.propsWidth!==i.width||a.propsHeight!==i.height?{width:i.width,height:i.height,propsWidth:i.width,propsHeight:i.height}:null};var r=t.prototype;return r.render=function(){var i=this.props,a=i.handle,o=i.handleSize;i.onResize;var s=i.onResizeStart,l=i.onResizeStop,c=i.draggableOpts,u=i.minConstraints,d=i.maxConstraints,p=i.lockAspectRatio,m=i.axis;i.width,i.height;var g=i.resizeHandles,v=i.style,x=i.transformScale,b=P1(i,S1);return Ks.createElement(x1.default,{axis:m,draggableOpts:c,handle:a,handleSize:o,height:this.state.height,lockAspectRatio:p,maxConstraints:d,minConstraints:u,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:g,transformScale:x,width:this.state.width},Ks.createElement("div",Js({},b,{style:Na(Na({},v),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(Ks.Component);za.default=Xd,Xd.propTypes=Na(Na({},E1.resizableProps),{},{children:_1.default.element}),ja.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},ja.exports.Resizable=Si.default,ja.exports.ResizableBox=za.default;var A1=ja.exports,er={};Object.defineProperty(er,"__esModule",{value:!0}),er.resizeHandleType=er.resizeHandleAxesType=er.default=void 0;var ue=Vd(yr),D1=Vd(re);function Vd(e){return e&&e.__esModule?e:{default:e}}const I1=er.resizeHandleAxesType=ue.default.arrayOf(ue.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),$1=er.resizeHandleType=ue.default.oneOfType([ue.default.node,ue.default.func]);er.default={className:ue.default.string,style:ue.default.object,width:ue.default.number,autoSize:ue.default.bool,cols:ue.default.number,draggableCancel:ue.default.string,draggableHandle:ue.default.string,verticalCompact:function(e){e.verticalCompact},compactType:ue.default.oneOf(["vertical","horizontal"]),layout:function(e){var t=e.layout;t!==void 0&&he.validateLayout(t,"layout")},margin:ue.default.arrayOf(ue.default.number),containerPadding:ue.default.arrayOf(ue.default.number),rowHeight:ue.default.number,maxRows:ue.default.number,isBounded:ue.default.bool,isDraggable:ue.default.bool,isResizable:ue.default.bool,allowOverlap:ue.default.bool,preventCollision:ue.default.bool,useCSSTransforms:ue.default.bool,transformScale:ue.default.number,isDroppable:ue.default.bool,resizeHandles:I1,resizeHandle:$1,onLayoutChange:ue.default.func,onDragStart:ue.default.func,onDrag:ue.default.func,onDragStop:ue.default.func,onResizeStart:ue.default.func,onResize:ue.default.func,onResizeStop:ue.default.func,onDrop:ue.default.func,droppingItem:ue.default.shape({i:ue.default.string.isRequired,w:ue.default.number.isRequired,h:ue.default.number.isRequired}),children:function(e,t){const r=e[t],n={};D1.default.Children.forEach(r,function(i){if((i==null?void 0:i.key)!=null){if(n[i.key])throw new Error('Duplicate child key "'+i.key+'" found! This will cause problems in ReactGridLayout.');n[i.key]=!0}})},innerRef:ue.default.any},Object.defineProperty(Ta,"__esModule",{value:!0}),Ta.default=void 0;var xn=ec(re),ve=ec(yr),B1=Fd,j1=A1,En=he,Ye=Ut,Kd=er,z1=ec(Os);function ec(e){return e&&e.__esModule?e:{default:e}}function qt(e,t,r){return t=N1(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function N1(e){var t=M1(e,"string");return typeof t=="symbol"?t:String(t)}function M1(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}class tc extends xn.default.Component{constructor(){super(...arguments),qt(this,"state",{resizing:null,dragging:null,className:""}),qt(this,"elementRef",xn.default.createRef()),qt(this,"onDragStart",(t,r)=>{let{node:n}=r;const{onDragStart:i,transformScale:a}=this.props;if(!i)return;const o={top:0,left:0},{offsetParent:s}=n;if(!s)return;const l=s.getBoundingClientRect(),c=n.getBoundingClientRect(),u=c.left/a,d=l.left/a,p=c.top/a,m=l.top/a;o.left=u-d+s.scrollLeft,o.top=p-m+s.scrollTop,this.setState({dragging:o});const{x:g,y:v}=(0,Ye.calcXY)(this.getPositionParams(),o.top,o.left,this.props.w,this.props.h);return i.call(this,this.props.i,g,v,{e:t,node:n,newPosition:o})}),qt(this,"onDrag",(t,r)=>{let{node:n,deltaX:i,deltaY:a}=r;const{onDrag:o}=this.props;if(!o)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let s=this.state.dragging.top+a,l=this.state.dragging.left+i;const{isBounded:c,i:u,w:d,h:p,containerWidth:m}=this.props,g=this.getPositionParams();if(c){const{offsetParent:_}=n;if(_){const{margin:k,rowHeight:S,containerPadding:y}=this.props,C=_.clientHeight-(0,Ye.calcGridItemWHPx)(p,S,k[1]);s=(0,Ye.clamp)(s-y[1],0,C);const O=(0,Ye.calcGridColWidth)(g),R=m-(0,Ye.calcGridItemWHPx)(d,O,k[0]);l=(0,Ye.clamp)(l-y[0],0,R)}}const v={top:s,left:l};this.setState({dragging:v});const{x,y:b}=(0,Ye.calcXY)(g,s,l,d,p);return o.call(this,u,x,b,{e:t,node:n,newPosition:v})}),qt(this,"onDragStop",(t,r)=>{let{node:n}=r;const{onDragStop:i}=this.props;if(!i)return;if(!this.state.dragging)throw new Error("onDragEnd called before onDragStart.");const{w:a,h:o,i:s}=this.props,{left:l,top:c}=this.state.dragging,u={top:c,left:l};this.setState({dragging:null});const{x:d,y:p}=(0,Ye.calcXY)(this.getPositionParams(),c,l,a,o);return i.call(this,s,d,p,{e:t,node:n,newPosition:u})}),qt(this,"onResizeStop",(t,r,n)=>this.onResizeHandler(t,r,n,"onResizeStop")),qt(this,"onResizeStart",(t,r,n)=>this.onResizeHandler(t,r,n,"onResizeStart")),qt(this,"onResize",(t,r,n)=>this.onResizeHandler(t,r,n,"onResize"))}shouldComponentUpdate(t,r){if(this.props.children!==t.children||this.props.droppingPosition!==t.droppingPosition)return!0;const n=(0,Ye.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),i=(0,Ye.calcGridItemPosition)(this.getPositionParams(t),t.x,t.y,t.w,t.h,r);return!(0,En.fastPositionEqual)(n,i)||this.props.useCSSTransforms!==t.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(t){this.moveDroppingItem(t)}moveDroppingItem(t){const{droppingPosition:r}=this.props;if(!r)return;const n=this.elementRef.current;if(!n)return;const i=t.droppingPosition||{left:0,top:0},{dragging:a}=this.state,o=a&&r.left!==i.left||r.top!==i.top;if(!a)this.onDragStart(r.e,{node:n,deltaX:r.left,deltaY:r.top});else if(o){const s=r.left-a.left,l=r.top-a.top;this.onDrag(r.e,{node:n,deltaX:s,deltaY:l})}}getPositionParams(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:t.cols,containerPadding:t.containerPadding,containerWidth:t.containerWidth,margin:t.margin,maxRows:t.maxRows,rowHeight:t.rowHeight}}createStyle(t){const{usePercentages:r,containerWidth:n,useCSSTransforms:i}=this.props;let a;return i?a=(0,En.setTransform)(t):(a=(0,En.setTopLeft)(t),r&&(a.left=(0,En.perc)(t.left/n),a.width=(0,En.perc)(t.width/n))),a}mixinDraggable(t,r){return xn.default.createElement(B1.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},t)}curryResizeHandler(t,r){return(n,i)=>r(n,i,t)}mixinResizable(t,r,n){const{cols:i,minW:a,minH:o,maxW:s,maxH:l,transformScale:c,resizeHandles:u,resizeHandle:d}=this.props,p=this.getPositionParams(),m=(0,Ye.calcGridItemPosition)(p,0,0,i,0).width,g=(0,Ye.calcGridItemPosition)(p,0,0,a,o),v=(0,Ye.calcGridItemPosition)(p,0,0,s,l),x=[g.width,g.height],b=[Math.min(v.width,m),Math.min(v.height,1/0)];return xn.default.createElement(j1.Resizable,{draggableOpts:{disabled:!n},className:n?void 0:"react-resizable-hide",width:r.width,height:r.height,minConstraints:x,maxConstraints:b,onResizeStop:this.curryResizeHandler(r,this.onResizeStop),onResizeStart:this.curryResizeHandler(r,this.onResizeStart),onResize:this.curryResizeHandler(r,this.onResize),transformScale:c,resizeHandles:u,handle:d},t)}onResizeHandler(t,r,n,i){let{node:a,size:o,handle:s}=r;const l=this.props[i];if(!l)return;const{x:c,y:u,i:d,maxH:p,minH:m,containerWidth:g}=this.props,{minW:v,maxW:x}=this.props;let b=o;a&&(b=(0,En.resizeItemInDirection)(s,n,o,g),this.setState({resizing:i==="onResizeStop"?null:b}));let{w:_,h:k}=(0,Ye.calcWH)(this.getPositionParams(),b.width,b.height,c,u,s);_=(0,Ye.clamp)(_,Math.max(v,1),x),k=(0,Ye.clamp)(k,m,p),l.call(this,d,_,k,{e:t,node:a,size:b,handle:s})}render(){const{x:t,y:r,w:n,h:i,isDraggable:a,isResizable:o,droppingPosition:s,useCSSTransforms:l}=this.props,c=(0,Ye.calcGridItemPosition)(this.getPositionParams(),t,r,n,i,this.state),u=xn.default.Children.only(this.props.children);let d=xn.default.cloneElement(u,{ref:this.elementRef,className:(0,z1.default)("react-grid-item",u.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":a,"react-draggable-dragging":!!this.state.dragging,dropping:!!s,cssTransforms:l}),style:{...this.props.style,...u.props.style,...this.createStyle(c)}});return d=this.mixinResizable(d,c,o),d=this.mixinDraggable(d,a),d}}Ta.default=tc,qt(tc,"propTypes",{children:ve.default.element,cols:ve.default.number.isRequired,containerWidth:ve.default.number.isRequired,rowHeight:ve.default.number.isRequired,margin:ve.default.array.isRequired,maxRows:ve.default.number.isRequired,containerPadding:ve.default.array.isRequired,x:ve.default.number.isRequired,y:ve.default.number.isRequired,w:ve.default.number.isRequired,h:ve.default.number.isRequired,minW:function(e,t){const r=e[t];if(typeof r!="number")return new Error("minWidth not Number");if(r>e.w||r>e.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(e,t){const r=e[t];if(typeof r!="number")return new Error("maxWidth not Number");if(r<e.w||r<e.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(e,t){const r=e[t];if(typeof r!="number")return new Error("minHeight not Number");if(r>e.h||r>e.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(e,t){const r=e[t];if(typeof r!="number")return new Error("maxHeight not Number");if(r<e.h||r<e.minH)return new Error("maxHeight smaller than item height/minHeight")},i:ve.default.string.isRequired,resizeHandles:Kd.resizeHandleAxesType,resizeHandle:Kd.resizeHandleType,onDragStop:ve.default.func,onDragStart:ve.default.func,onDrag:ve.default.func,onResizeStop:ve.default.func,onResizeStart:ve.default.func,onResize:ve.default.func,isDraggable:ve.default.bool.isRequired,isResizable:ve.default.bool.isRequired,isBounded:ve.default.bool.isRequired,static:ve.default.bool,useCSSTransforms:ve.default.bool.isRequired,transformScale:ve.default.number,className:ve.default.string,handle:ve.default.string,cancel:ve.default.string,droppingPosition:ve.default.shape({e:ve.default.object.isRequired,left:ve.default.number.isRequired,top:ve.default.number.isRequired})}),qt(tc,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),Object.defineProperty(vi,"__esModule",{value:!0}),vi.default=void 0;var Mr=H1(re),rc=ks,L1=nc(Os),ae=he,F1=Ut,Jd=nc(Ta),U1=nc(er);function nc(e){return e&&e.__esModule?e:{default:e}}function Qd(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Qd=function(n){return n?r:t})(e)}function H1(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Qd(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}function Ke(e,t,r){return t=W1(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function W1(e){var t=q1(e,"string");return typeof t=="symbol"?t:String(t)}function q1(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const eh="react-grid-layout";let th=!1;try{th=/firefox/i.test(navigator.userAgent)}catch{}class Ma extends Mr.Component{constructor(){super(...arguments),Ke(this,"state",{activeDrag:null,layout:(0,ae.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,ae.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),Ke(this,"dragEnterCounter",0),Ke(this,"onDragStart",(t,r,n,i)=>{let{e:a,node:o}=i;const{layout:s}=this.state,l=(0,ae.getLayoutItem)(s,t);if(!l)return;const c={w:l.w,h:l.h,x:l.x,y:l.y,placeholder:!0,i:t};return this.setState({oldDragItem:(0,ae.cloneLayoutItem)(l),oldLayout:s,activeDrag:c}),this.props.onDragStart(s,l,l,null,a,o)}),Ke(this,"onDrag",(t,r,n,i)=>{let{e:a,node:o}=i;const{oldDragItem:s}=this.state;let{layout:l}=this.state;const{cols:c,allowOverlap:u,preventCollision:d}=this.props,p=(0,ae.getLayoutItem)(l,t);if(!p)return;const m={w:p.w,h:p.h,x:p.x,y:p.y,placeholder:!0,i:t};l=(0,ae.moveElement)(l,p,r,n,!0,d,(0,ae.compactType)(this.props),c,u),this.props.onDrag(l,s,p,m,a,o),this.setState({layout:u?l:(0,ae.compact)(l,(0,ae.compactType)(this.props),c),activeDrag:m})}),Ke(this,"onDragStop",(t,r,n,i)=>{let{e:a,node:o}=i;if(!this.state.activeDrag)return;const{oldDragItem:s}=this.state;let{layout:l}=this.state;const{cols:c,preventCollision:u,allowOverlap:d}=this.props,p=(0,ae.getLayoutItem)(l,t);if(!p)return;l=(0,ae.moveElement)(l,p,r,n,!0,u,(0,ae.compactType)(this.props),c,d);const g=d?l:(0,ae.compact)(l,(0,ae.compactType)(this.props),c);this.props.onDragStop(g,s,p,null,a,o);const{oldLayout:v}=this.state;this.setState({activeDrag:null,layout:g,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(g,v)}),Ke(this,"onResizeStart",(t,r,n,i)=>{let{e:a,node:o}=i;const{layout:s}=this.state,l=(0,ae.getLayoutItem)(s,t);l&&(this.setState({oldResizeItem:(0,ae.cloneLayoutItem)(l),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(s,l,l,null,a,o))}),Ke(this,"onResize",(t,r,n,i)=>{let{e:a,node:o,size:s,handle:l}=i;const{oldResizeItem:c}=this.state,{layout:u}=this.state,{cols:d,preventCollision:p,allowOverlap:m}=this.props;let g=!1,v,x,b;const[_,k]=(0,ae.withLayoutItem)(u,t,y=>{let C;return x=y.x,b=y.y,["sw","w","nw","n","ne"].indexOf(l)!==-1&&(["sw","nw","w"].indexOf(l)!==-1&&(x=y.x+(y.w-r),r=y.x!==x&&x<0?y.w:r,x=x<0?0:x),["ne","n","nw"].indexOf(l)!==-1&&(b=y.y+(y.h-n),n=y.y!==b&&b<0?y.h:n,b=b<0?0:b),g=!0),p&&!m&&(C=(0,ae.getAllCollisions)(u,{...y,w:r,h:n,x,y:b}).filter(R=>R.i!==y.i).length>0,C&&(b=y.y,n=y.h,x=y.x,r=y.w,g=!1)),y.w=r,y.h=n,y});if(!k)return;v=_,g&&(v=(0,ae.moveElement)(_,k,x,b,!0,this.props.preventCollision,(0,ae.compactType)(this.props),d,m));const S={w:k.w,h:k.h,x:k.x,y:k.y,static:!0,i:t};this.props.onResize(v,c,k,S,a,o),this.setState({layout:m?v:(0,ae.compact)(v,(0,ae.compactType)(this.props),d),activeDrag:S})}),Ke(this,"onResizeStop",(t,r,n,i)=>{let{e:a,node:o}=i;const{layout:s,oldResizeItem:l}=this.state,{cols:c,allowOverlap:u}=this.props,d=(0,ae.getLayoutItem)(s,t),p=u?s:(0,ae.compact)(s,(0,ae.compactType)(this.props),c);this.props.onResizeStop(p,l,d,null,a,o);const{oldLayout:m}=this.state;this.setState({activeDrag:null,layout:p,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(p,m)}),Ke(this,"onDragOver",t=>{var _;if(t.preventDefault(),t.stopPropagation(),th&&!((_=t.nativeEvent.target)!=null&&_.classList.contains(eh)))return!1;const{droppingItem:r,onDropDragOver:n,margin:i,cols:a,rowHeight:o,maxRows:s,width:l,containerPadding:c,transformScale:u}=this.props,d=n==null?void 0:n(t);if(d===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const p={...r,...d},{layout:m}=this.state,g=t.currentTarget.getBoundingClientRect(),v=t.clientX-g.left,x=t.clientY-g.top,b={left:v/u,top:x/u,e:t};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:k,top:S}=this.state.droppingPosition;(k!=v||S!=x)&&this.setState({droppingPosition:b})}}else{const k={cols:a,margin:i,maxRows:s,rowHeight:o,containerWidth:l,containerPadding:c||i},S=(0,F1.calcXY)(k,x,v,p.w,p.h);this.setState({droppingDOMNode:Mr.createElement("div",{key:p.i}),droppingPosition:b,layout:[...m,{...p,x:S.x,y:S.y,static:!1,isDraggable:!0}]})}}),Ke(this,"removeDroppingPlaceholder",()=>{const{droppingItem:t,cols:r}=this.props,{layout:n}=this.state,i=(0,ae.compact)(n.filter(a=>a.i!==t.i),(0,ae.compactType)(this.props),r,this.props.allowOverlap);this.setState({layout:i,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),Ke(this,"onDragLeave",t=>{t.preventDefault(),t.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),Ke(this,"onDragEnter",t=>{t.preventDefault(),t.stopPropagation(),this.dragEnterCounter++}),Ke(this,"onDrop",t=>{t.preventDefault(),t.stopPropagation();const{droppingItem:r}=this.props,{layout:n}=this.state,i=n.find(a=>a.i===r.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(n,i,t)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(t,r){let n;return r.activeDrag?null:(!(0,rc.deepEqual)(t.layout,r.propsLayout)||t.compactType!==r.compactType?n=t.layout:(0,ae.childrenEqual)(t.children,r.children)||(n=r.layout),n?{layout:(0,ae.synchronizeLayoutWithChildren)(n,t.children,t.cols,(0,ae.compactType)(t),t.allowOverlap),compactType:t.compactType,children:t.children,propsLayout:t.layout}:null)}shouldComponentUpdate(t,r){return this.props.children!==t.children||!(0,ae.fastRGLPropsEqual)(this.props,t,rc.deepEqual)||this.state.activeDrag!==r.activeDrag||this.state.mounted!==r.mounted||this.state.droppingPosition!==r.droppingPosition}componentDidUpdate(t,r){if(!this.state.activeDrag){const n=this.state.layout,i=r.layout;this.onLayoutMaybeChanged(n,i)}}containerHeight(){if(!this.props.autoSize)return;const t=(0,ae.bottom)(this.state.layout),r=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return t*this.props.rowHeight+(t-1)*this.props.margin[1]+r*2+"px"}onLayoutMaybeChanged(t,r){r||(r=this.state.layout),(0,rc.deepEqual)(r,t)||this.props.onLayoutChange(t)}placeholder(){const{activeDrag:t}=this.state;if(!t)return null;const{width:r,cols:n,margin:i,containerPadding:a,rowHeight:o,maxRows:s,useCSSTransforms:l,transformScale:c}=this.props;return Mr.createElement(Jd.default,{w:t.w,h:t.h,x:t.x,y:t.y,i:t.i,className:`react-grid-placeholder ${this.state.resizing?"placeholder-resizing":""}`,containerWidth:r,cols:n,margin:i,containerPadding:a||i,maxRows:s,rowHeight:o,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:l,transformScale:c},Mr.createElement("div",null))}processGridItem(t,r){if(!t||!t.key)return;const n=(0,ae.getLayoutItem)(this.state.layout,String(t.key));if(!n)return null;const{width:i,cols:a,margin:o,containerPadding:s,rowHeight:l,maxRows:c,isDraggable:u,isResizable:d,isBounded:p,useCSSTransforms:m,transformScale:g,draggableCancel:v,draggableHandle:x,resizeHandles:b,resizeHandle:_}=this.props,{mounted:k,droppingPosition:S}=this.state,y=typeof n.isDraggable=="boolean"?n.isDraggable:!n.static&&u,C=typeof n.isResizable=="boolean"?n.isResizable:!n.static&&d,O=n.resizeHandles||b,R=y&&p&&n.isBounded!==!1;return Mr.createElement(Jd.default,{containerWidth:i,cols:a,margin:o,containerPadding:s||o,maxRows:c,rowHeight:l,cancel:v,handle:x,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:y,isResizable:C,isBounded:R,useCSSTransforms:m&&k,usePercentages:!k,transformScale:g,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:O,resizeHandle:_},t)}render(){const{className:t,style:r,isDroppable:n,innerRef:i}=this.props,a=(0,L1.default)(eh,t),o={height:this.containerHeight(),...r};return Mr.createElement("div",{ref:i,className:a,style:o,onDrop:n?this.onDrop:ae.noop,onDragLeave:n?this.onDragLeave:ae.noop,onDragEnter:n?this.onDragEnter:ae.noop,onDragOver:n?this.onDragOver:ae.noop},Mr.Children.map(this.props.children,s=>this.processGridItem(s)),n&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}vi.default=Ma,Ke(Ma,"displayName","ReactGridLayout"),Ke(Ma,"propTypes",U1.default),Ke(Ma,"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:ae.noop,onDragStart:ae.noop,onDrag:ae.noop,onDragStop:ae.noop,onResizeStart:ae.noop,onResize:ae.noop,onResizeStop:ae.noop,onDrop:ae.noop,onDropDragOver:ae.noop});var La={},Lr={};Object.defineProperty(Lr,"__esModule",{value:!0}),Lr.findOrGenerateResponsiveLayout=Z1,Lr.getBreakpointFromWidth=G1,Lr.getColsFromBreakpoint=Y1,Lr.sortBreakpoints=ic;var Fa=he;function G1(e,t){const r=ic(e);let n=r[0];for(let i=1,a=r.length;i<a;i++){const o=r[i];t>e[o]&&(n=o)}return n}function Y1(e,t){if(!t[e])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+e+" is missing!");return t[e]}function Z1(e,t,r,n,i,a){if(e[r])return(0,Fa.cloneLayout)(e[r]);let o=e[n];const s=ic(t),l=s.slice(s.indexOf(r));for(let c=0,u=l.length;c<u;c++){const d=l[c];if(e[d]){o=e[d];break}}return o=(0,Fa.cloneLayout)(o||[]),(0,Fa.compact)((0,Fa.correctBounds)(o,{cols:i}),a,i)}function ic(e){return Object.keys(e).sort(function(r,n){return e[r]-e[n]})}Object.defineProperty(La,"__esModule",{value:!0}),La.default=void 0;var rh=V1(re),dt=nh(yr),ac=ks,Sn=he,Fr=Lr,X1=nh(vi);function nh(e){return e&&e.__esModule?e:{default:e}}function ih(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(ih=function(n){return n?r:t})(e)}function V1(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=ih(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}function oc(){return oc=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},oc.apply(this,arguments)}function Ua(e,t,r){return t=K1(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function K1(e){var t=J1(e,"string");return typeof t=="symbol"?t:String(t)}function J1(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const ah=e=>Object.prototype.toString.call(e);function Ha(e,t){return e==null?null:Array.isArray(e)?e:e[t]}class sc extends rh.Component{constructor(){super(...arguments),Ua(this,"state",this.generateInitialState()),Ua(this,"onLayoutChange",t=>{this.props.onLayoutChange(t,{...this.props.layouts,[this.state.breakpoint]:t})})}generateInitialState(){const{width:t,breakpoints:r,layouts:n,cols:i}=this.props,a=(0,Fr.getBreakpointFromWidth)(r,t),o=(0,Fr.getColsFromBreakpoint)(a,i),s=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,Fr.findOrGenerateResponsiveLayout)(n,r,a,a,o,s),breakpoint:a,cols:o}}static getDerivedStateFromProps(t,r){if(!(0,ac.deepEqual)(t.layouts,r.layouts)){const{breakpoint:n,cols:i}=r;return{layout:(0,Fr.findOrGenerateResponsiveLayout)(t.layouts,t.breakpoints,n,n,i,t.compactType),layouts:t.layouts}}return null}componentDidUpdate(t){(this.props.width!=t.width||this.props.breakpoint!==t.breakpoint||!(0,ac.deepEqual)(this.props.breakpoints,t.breakpoints)||!(0,ac.deepEqual)(this.props.cols,t.cols))&&this.onWidthChange(t)}onWidthChange(t){const{breakpoints:r,cols:n,layouts:i,compactType:a}=this.props,o=this.props.breakpoint||(0,Fr.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),s=this.state.breakpoint,l=(0,Fr.getColsFromBreakpoint)(o,n),c={...i};if(s!==o||t.breakpoints!==r||t.cols!==n){s in c||(c[s]=(0,Sn.cloneLayout)(this.state.layout));let p=(0,Fr.findOrGenerateResponsiveLayout)(c,r,o,s,l,a);p=(0,Sn.synchronizeLayoutWithChildren)(p,this.props.children,l,a,this.props.allowOverlap),c[o]=p,this.props.onBreakpointChange(o,l),this.props.onLayoutChange(p,c),this.setState({breakpoint:o,layout:p,cols:l})}const u=Ha(this.props.margin,o),d=Ha(this.props.containerPadding,o);this.props.onWidthChange(this.props.width,u,l,d)}render(){const{breakpoint:t,breakpoints:r,cols:n,layouts:i,margin:a,containerPadding:o,onBreakpointChange:s,onLayoutChange:l,onWidthChange:c,...u}=this.props;return rh.createElement(X1.default,oc({},u,{margin:Ha(a,this.state.breakpoint),containerPadding:Ha(o,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}La.default=sc,Ua(sc,"propTypes",{breakpoint:dt.default.string,breakpoints:dt.default.object,allowOverlap:dt.default.bool,cols:dt.default.object,margin:dt.default.oneOfType([dt.default.array,dt.default.object]),containerPadding:dt.default.oneOfType([dt.default.array,dt.default.object]),layouts(e,t){if(ah(e[t])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+ah(e[t]));Object.keys(e[t]).forEach(r=>{if(!(r in e.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,Sn.validateLayout)(e.layouts[r],"layouts."+r)})},width:dt.default.number.isRequired,onBreakpointChange:dt.default.func,onLayoutChange:dt.default.func,onWidthChange:dt.default.func}),Ua(sc,"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:Sn.noop,onLayoutChange:Sn.noop,onWidthChange:Sn.noop});var cc={},oh=function(){if(typeof Map<"u")return Map;function e(t,r){var n=-1;return t.some(function(i,a){return i[0]===r?(n=a,!0):!1}),n}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(r){var n=e(this.__entries__,r),i=this.__entries__[n];return i&&i[1]},t.prototype.set=function(r,n){var i=e(this.__entries__,r);~i?this.__entries__[i][1]=n:this.__entries__.push([r,n])},t.prototype.delete=function(r){var n=this.__entries__,i=e(n,r);~i&&n.splice(i,1)},t.prototype.has=function(r){return!!~e(this.__entries__,r)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(r,n){n===void 0&&(n=null);for(var i=0,a=this.__entries__;i<a.length;i++){var o=a[i];r.call(n,o[1],o[0])}},t}()}(),lc=typeof window<"u"&&typeof document<"u"&&window.document===document,Wa=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")()}(),Q1=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(Wa):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)}}(),ex=2;function tx(e,t){var r=!1,n=!1,i=0;function a(){r&&(r=!1,e()),n&&s()}function o(){Q1(a)}function s(){var l=Date.now();if(r){if(l-i<ex)return;n=!0}else r=!0,n=!1,setTimeout(o,t);i=l}return s}var rx=20,nx=["top","right","bottom","left","width","height","size","weight"],ix=typeof MutationObserver<"u",ax=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=tx(this.refresh.bind(this),rx)}return e.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},e.prototype.removeObserver=function(t){var r=this.observers_,n=r.indexOf(t);~n&&r.splice(n,1),!r.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){var t=this.updateObservers_();t&&this.refresh()},e.prototype.updateObservers_=function(){var t=this.observers_.filter(function(r){return r.gatherActive(),r.hasActive()});return t.forEach(function(r){return r.broadcastActive()}),t.length>0},e.prototype.connect_=function(){!lc||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),ix?(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)},e.prototype.disconnect_=function(){!lc||!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)},e.prototype.onTransitionEnd_=function(t){var r=t.propertyName,n=r===void 0?"":r,i=nx.some(function(a){return!!~n.indexOf(a)});i&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),sh=function(e,t){for(var r=0,n=Object.keys(t);r<n.length;r++){var i=n[r];Object.defineProperty(e,i,{value:t[i],enumerable:!1,writable:!1,configurable:!0})}return e},kn=function(e){var t=e&&e.ownerDocument&&e.ownerDocument.defaultView;return t||Wa},ch=Ga(0,0,0,0);function qa(e){return parseFloat(e)||0}function lh(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return t.reduce(function(n,i){var a=e["border-"+i+"-width"];return n+qa(a)},0)}function ox(e){for(var t=["top","right","bottom","left"],r={},n=0,i=t;n<i.length;n++){var a=i[n],o=e["padding-"+a];r[a]=qa(o)}return r}function sx(e){var t=e.getBBox();return Ga(0,0,t.width,t.height)}function cx(e){var t=e.clientWidth,r=e.clientHeight;if(!t&&!r)return ch;var n=kn(e).getComputedStyle(e),i=ox(n),a=i.left+i.right,o=i.top+i.bottom,s=qa(n.width),l=qa(n.height);if(n.boxSizing==="border-box"&&(Math.round(s+a)!==t&&(s-=lh(n,"left","right")+a),Math.round(l+o)!==r&&(l-=lh(n,"top","bottom")+o)),!ux(e)){var c=Math.round(s+a)-t,u=Math.round(l+o)-r;Math.abs(c)!==1&&(s-=c),Math.abs(u)!==1&&(l-=u)}return Ga(i.left,i.top,s,l)}var lx=function(){return typeof SVGGraphicsElement<"u"?function(e){return e instanceof kn(e).SVGGraphicsElement}:function(e){return e instanceof kn(e).SVGElement&&typeof e.getBBox=="function"}}();function ux(e){return e===kn(e).document.documentElement}function fx(e){return lc?lx(e)?sx(e):cx(e):ch}function dx(e){var t=e.x,r=e.y,n=e.width,i=e.height,a=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,o=Object.create(a.prototype);return sh(o,{x:t,y:r,width:n,height:i,top:r,right:t+n,bottom:i+r,left:t}),o}function Ga(e,t,r,n){return{x:e,y:t,width:r,height:n}}var hx=function(){function e(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=Ga(0,0,0,0),this.target=t}return e.prototype.isActive=function(){var t=fx(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},e}(),px=function(){function e(t,r){var n=dx(r);sh(this,{target:t,contentRect:n})}return e}(),mx=function(){function e(t,r,n){if(this.activeObservations_=[],this.observations_=new oh,typeof t!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=r,this.callbackCtx_=n}return e.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof kn(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var r=this.observations_;r.has(t)||(r.set(t,new hx(t)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof kn(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var r=this.observations_;r.has(t)&&(r.delete(t),r.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach(function(r){r.isActive()&&t.activeObservations_.push(r)})},e.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,r=this.activeObservations_.map(function(n){return new px(n.target,n.broadcastRect())});this.callback_.call(t,r,t),this.clearActive()}},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),uh=typeof WeakMap<"u"?new WeakMap:new oh,fh=function(){function e(t){if(!(this instanceof e))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=ax.getInstance(),n=new mx(t,r,this);uh.set(this,n)}return e}();["observe","unobserve","disconnect"].forEach(function(e){fh.prototype[e]=function(){var t;return(t=uh.get(this))[e].apply(t,arguments)}});var wx=function(){return typeof Wa.ResizeObserver<"u"?Wa.ResizeObserver:fh}();const gx=Za(Object.freeze(Object.defineProperty({__proto__:null,default:wx},Symbol.toStringTag,{value:"Module"})));Object.defineProperty(cc,"__esModule",{value:!0}),cc.default=kx;var Ya=_x(re),yx=uc(yr),bx=uc(gx),vx=uc(Os);function uc(e){return e&&e.__esModule?e:{default:e}}function dh(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(dh=function(n){return n?r:t})(e)}function _x(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=dh(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var o=i?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}function fc(){return fc=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},fc.apply(this,arguments)}function Rn(e,t,r){return t=xx(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function xx(e){var t=Ex(e,"string");return typeof t=="symbol"?t:String(t)}function Ex(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const Sx="react-grid-layout";function kx(e){var t;return t=class extends Ya.Component{constructor(){super(...arguments),Rn(this,"state",{width:1280}),Rn(this,"elementRef",Ya.createRef()),Rn(this,"mounted",!1),Rn(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new bx.default(i=>{if(this.elementRef.current instanceof HTMLElement){const o=i[0].contentRect.width;this.setState({width:o})}});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{measureBeforeMount:n,...i}=this.props;return n&&!this.mounted?Ya.createElement("div",{className:(0,vx.default)(this.props.className,Sx),style:this.props.style,ref:this.elementRef}):Ya.createElement(e,fc({innerRef:this.elementRef},i,this.state))}},Rn(t,"defaultProps",{measureBeforeMount:!1}),Rn(t,"propTypes",{measureBeforeMount:yx.default.bool}),t}(function(e){e.exports=vi.default,e.exports.utils=he,e.exports.calculateUtils=Ut,e.exports.Responsive=La.default,e.exports.Responsive.utils=Lr,e.exports.WidthProvider=cc.default})(fd);var dc=fd.exports;const hh=St(dc),Rx=dc.WidthProvider(hh),Ox=gr.div`
   .grid-container {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@spaceandtimelabs/makeinfinite-ui",
   "author": "aw-sxt",
   "private": false,
-  "version": "0.29.0",
+  "version": "0.29.1",
   "type": "module",
   "exports": {
     ".": {