react-dockable-desktop 6.1.0 → 6.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,10 +1,10 @@
1
- import On,{useState as rt,useRef as Ne,useEffect as Se,useCallback as Wn,useContext as So}from"react";import{createPortal as To}from"react-dom";import{createContext as Rt,useContext as dt,useState as mr,useRef as Ze,useMemo as sn,useCallback as ne,useEffect as Ot,useSyncExternalStore as hr}from"react";import{createContext as dr,useContext as cr,useSyncExternalStore as ur}from"react";var pr={requestClose:()=>{console.warn("FormContainerContract: requestClose called but no container is present")},setDirty:()=>{},onCloseRequested:()=>()=>{},registerStateProvider:()=>()=>{},setTitle:()=>{},setIcon:()=>{},containerType:"standalone",instanceId:"standalone",onClose:()=>()=>{},onMinimize:()=>()=>{},onRestore:()=>()=>{},onResize:()=>()=>{},requestMinimize:()=>{},getDimensions:()=>null,onActivate:()=>()=>{},onDeactivate:()=>()=>{},onContainerTypeChange:()=>()=>{}},wn=dr(pr),Ct=wn.Provider,Dt=()=>cr(wn),gr=()=>{let{onResize:e,getDimensions:t}=Dt();return ur(n=>e?e(()=>n()):()=>{},()=>t?t():null)};var Wt=class{registry=new Map;register(t,n,o){this.registry.set(t,{Component:n,defaultOptions:o})}get(t){return this.registry.get(t)}getRegisteredIds(){return Array.from(this.registry.keys())}},rn=new Wt;var Vt={floatWindow:{id:"dockable-desktop-floatWindow",defaultMessage:"Float Window"},minimizePanel:{id:"dockable-desktop-minimizePanel",defaultMessage:"Minimize Panel"},closeTab:{id:"dockable-desktop-closeTab",defaultMessage:"Close Tab"},restorePanel:{id:"dockable-desktop-restorePanel",defaultMessage:"Restore Panel"},maximizePanel:{id:"dockable-desktop-maximizePanel",defaultMessage:"Maximize Panel"},closePanel:{id:"dockable-desktop-closePanel",defaultMessage:"Close Panel"},dockWindow:{id:"dockable-desktop-dockWindow",defaultMessage:"Dock Window"},minimize:{id:"dockable-desktop-minimize",defaultMessage:"Minimize"},maximize:{id:"dockable-desktop-maximize",defaultMessage:"Maximize"},restoreSize:{id:"dockable-desktop-restoreSize",defaultMessage:"Restore Size"},close:{id:"dockable-desktop-close",defaultMessage:"Close"},closeEmptyGroup:{id:"dockable-desktop-closeEmptyGroup",defaultMessage:"Close empty split group"},unsavedChangesTitle:{id:"dockable-desktop-unsavedChangesTitle",defaultMessage:"Unsaved Changes"},unsavedChangesMessage:{id:"dockable-desktop-unsavedChangesMessage",defaultMessage:'"{title}" has unsaved changes. Do you want to discard your changes and close?'},discardChanges:{id:"dockable-desktop-discardChanges",defaultMessage:"Discard Changes"},cancel:{id:"dockable-desktop-cancel",defaultMessage:"Cancel"},yes:{id:"dockable-desktop-yes",defaultMessage:"Yes"},no:{id:"dockable-desktop-no",defaultMessage:"No"},ok:{id:"dockable-desktop-ok",defaultMessage:"OK"},closePanelTooltip:{id:"dockable-desktop-closePanelTooltip",defaultMessage:"Close panel"},closeTooltip:{id:"dockable-desktop-closeTooltip",defaultMessage:"Close"}};import{isValidElement as fr}from"react";function At(e){if(e===null)return!0;if(e===void 0)return!1;let t=typeof e;if(t==="string"||t==="number"||t==="boolean")return!0;if(t==="function"||t==="symbol"||t==="bigint")return!1;if(e instanceof Date)return!0;if(fr(e))return!1;if(Array.isArray(e))return e.every(At);let n=Object.getPrototypeOf(e);return n!==Object.prototype&&n!==null?!1:Object.values(e).every(At)}import{jsx as wt}from"react/jsx-runtime";var Ft=Rt(null),an=Rt(null),ro=Rt(null),io=Rt(null),so=Rt(Vt),ao=Rt({}),pt=()=>dt(ao),lo=Rt(rn),Kt=()=>dt(lo),Rn=class{listeners={};subscribe(t,n){return this.listeners[t]||(this.listeners[t]=[]),this.listeners[t].push(n),()=>{this.listeners[t]=this.listeners[t].filter(o=>o!==n)}}publish(t,n){this.listeners[t]&&this.listeners[t].forEach(o=>o(n))}},br={type:"leaf",id:"group-default",panels:[],activePanelId:null};function co(e,t){let n=t.panels[e];if(!n||n.state==="minimized")return!1;if(t.floating.some(d=>d.id===e))return!0;let o=d=>d.type==="leaf"?d.activePanelId===e:d.children.some(o);return t.gridRoot?o(t.gridRoot):!1}function Mn(e){let t=s=>s!==null&&!!e.panels[s]&&e.panels[s].state!=="minimized",n=s=>{if(s.type==="leaf")return t(s.activePanelId)?s.activePanelId:null;for(let L of s.children){let M=n(L);if(M)return M}return null},o=e.gridRoot?n(e.gridRoot):null;if(o)return o;let d=null;for(let s of e.floating)t(s.id)&&(!d||s.z>d.z)&&(d=s);return d?.id??null}function uo(e){if(!e||!e.gridRoot||!Array.isArray(e.floating)||!Array.isArray(e.minimized)||!e.panels)return null;let t=e.floating.map(s=>{if("stickyRight"in s||"stickyBottom"in s){let L=s.stickyRight&&s.stickyBottom?"bottom-right":s.stickyRight?"top-right":s.stickyBottom?"bottom-left":null,{stickyRight:M,stickyBottom:x,...v}=s;return{...v,anchor:L}}return s}),n={gridRoot:e.gridRoot,floating:t,panels:e.panels},o=typeof e.activePanelId=="string"?e.activePanelId:null,d=null;return o!==null&&(co(o,n)?d=o:process.env.NODE_ENV==="development"&&console.warn(`[react-dockable-desktop] Ignoring the saved layout's activePanelId ("${o}") \u2014 it doesn't name a currently visible panel (it may have been closed, minimized, or excluded from the snapshot as non-serializable). Falling back to the selected tab of the first leaf in the grid.`)),d===null&&(d=Mn(n)),{gridRoot:e.gridRoot,floating:t,minimized:e.minimized,panels:e.panels,activePanelId:d}}function vr(e){if(e)try{let t=uo(JSON.parse(e));if(t)return t}catch{}return{gridRoot:br,floating:[],minimized:[],panels:{},activePanelId:null}}var Sn=({children:e,client:t,formatMessage:n,predefinedMessages:o,dir:d,modalClass:s,modalBodyClass:L,sidePanelClass:M,sidePanelBodyClass:x,windowClass:v,windowBodyClass:C,zIndexBase:u})=>{let I=Ze(t?.registry??rn).current,k=t?.config.formatMessage??n,E=t?.config.predefinedMessages??o,_=t?.config.dir??d,p=t?.config.zIndexBase??u??1e3,[w,R]=mr(()=>({...vr(t?.initialState??null),draggedPanelId:null,dir:_||"ltr",isRtl:_==="rtl",splitRatio:Math.min(.9,Math.max(.1,t?.config.defaultSplitRatio??.5)),edgeSplitRatio:Math.min(.9,Math.max(.1,t?.config.defaultEdgeSplitRatio??.2))})),W=Ze(w);W.current=w;let m=Ze(new Set);Ot(()=>{m.current.forEach(i=>i())},[w]);let P=ne(()=>W.current,[]),F=ne(i=>(m.current.add(i),()=>m.current.delete(i)),[]),O=Ze({}),l=Ze({}),z=sn(()=>({...Vt,...E}),[E]),H=Ze(new Rn),B=Ze(p);Ot(()=>(document.documentElement.style.setProperty("--rdd-z-base",String(p)),()=>{document.documentElement.style.removeProperty("--rdd-z-base")}),[p]);let J=ne((i,b)=>H.current.subscribe(i,b),[]),Q=ne((i,b)=>{H.current.publish(i,b)},[]),Z=ne((i,b)=>{let c=typeof i.x=="string"?parseFloat(i.x):i.x,a=typeof i.y=="string"?parseFloat(i.y):i.y,A=typeof i.width=="string"?parseFloat(i.width):i.width,r=typeof i.height=="string"?parseFloat(i.height):i.height;isNaN(c)&&(c=300),isNaN(a)&&(a=150),isNaN(A)&&(A=450),isNaN(r)&&(r=350);let y=T=>b.some(N=>{let D=typeof N.x=="string"?parseFloat(N.x):N.x,K=typeof N.y=="string"?parseFloat(N.y):N.y;return!N.maximized&&Math.abs(D-T.x)<20&&Math.abs(K-T.y)<20}),g=0;for(;y({x:c,y:a})&&g<10;)c+=30,a+=30,g++;let h=Math.max(100,window.innerWidth||1024),f=Math.max(100,window.innerHeight||768);return(c+A>h||a+r>f)&&(c=100+g%5*30,a=100+g%5*30),c=Math.max(0,Math.min(c,h-100)),a=Math.max(0,Math.min(a,f-40)),{x:c,y:a,width:A,height:r}},[]),me=ne(i=>{R(b=>{let c=b.panels[i];if(!c)return b;if(c.state==="floating"){let a=b.floating.find(r=>r.id===i);if(!a)return b;let A=!b.floating.some(r=>r.z>a.z);return A&&b.activePanelId===i?b:(A||(B.current+=1),{...b,floating:b.floating.map(r=>r.id===i?{...r,z:A?a.z:B.current}:r),activePanelId:i})}else if(c.state==="docked"){if(b.activePanelId===i)return b;let a=A=>A.type==="leaf"?A.panels.includes(i)?{...A,activePanelId:i}:A:{...A,children:A.children.map(a)};return{...b,gridRoot:a(b.gridRoot),activePanelId:i}}return b.activePanelId===i?b:{...b,activePanelId:i}})},[]),le=(i,b)=>{if(i.type==="leaf"){let c=i.panels.indexOf(b);if(c===-1)return i;let a=i.panels.filter(y=>y!==b),A=i.activePanelId===b?a[c]||a[c-1]||a[0]||null:i.activePanelId,r={...i,panels:a,activePanelId:A};return a.length===0&&!i.keepOnEmpty?null:r}else{let c=i.children.map(r=>le(r,b)).filter(r=>r!==null);if(c.length===0)return null;if(c.length===1)return c[0];let a=i.sizes.slice(0,c.length),A=a.reduce((r,y)=>r+y,0);return{...i,children:c,sizes:a.map(r=>r/A)}}},Y=(i,b,c)=>{if(i.type==="leaf"){if(i.id===b){let a=i.panels.includes(c)?i.panels:[...i.panels,c];return{...i,panels:a,activePanelId:c}}return i}else return{...i,children:i.children.map(a=>Y(a,b,c))}},j=i=>{if(i.type==="leaf")return i.id;for(let b of i.children){let c=j(b);if(c)return c}return null},X=ne((i,b,c)=>{let a=i;if(c?.dedupeKey!==void 0){let f=Object.values(W.current.panels).find(T=>T.component===b&&T.dedupeKey===c.dedupeKey);f&&(a=f.id)}let A=!(a in W.current.panels),r=a!==i,y=c?.focus!==!1,h=c?.props!==void 0?At(c.props):!0;R(f=>{let T=f.panels[a],N=I.get(b),D=c?.title||c?.title||N?.defaultOptions?.title||a,K=c?.initialTarget||N?.defaultOptions?.initialTarget||"docked",te=N?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},V=y?a:f.activePanelId;if(T)if(T.state==="minimized"){let de=f.minimized.filter(ge=>ge.id!==a);if(K==="floating"||!f.gridRoot){B.current+=1;let ge=Z(te,f.floating);return{...f,minimized:de,floating:[...f.floating,{...ge,id:a,z:B.current}],panels:{...f.panels,[a]:{...T,state:"floating"}},activePanelId:V}}else{let ge=j(f.gridRoot)||"group-default";return{...f,minimized:de,gridRoot:Y(f.gridRoot,ge,a),panels:{...f.panels,[a]:{...T,state:"docked"}},activePanelId:V}}}else{if(T.state==="floating")return y&&me(a),f;{let de=ge=>ge.type==="leaf"?ge.panels.includes(a)?{...ge,activePanelId:a}:ge:{...ge,children:ge.children.map(de)};return{...f,gridRoot:de(f.gridRoot),activePanelId:V}}}let pe={id:a,title:D,component:b,state:K==="tabbed"?"docked":K,props:c?.props,serializable:h,dedupeKey:c?.dedupeKey},ie={...f.panels,[a]:pe};if(K==="floating"){B.current+=1;let de=Z(te,f.floating),ge=c?.anchor??N?.defaultOptions?.defaultAnchor??null;return{...f,floating:[...f.floating,{...de,id:a,z:B.current,anchor:ge}],panels:ie,activePanelId:V}}else{let de=j(f.gridRoot)||"group-default";return{...f,gridRoot:Y(f.gridRoot,de,a),panels:ie,activePanelId:V}}}),A&&H.current.publish("panel:opened",{id:a,component:b}),(A||r)&&H.current.publish("layout:changed",{})},[Z,me]),G=ne(i=>{let b=i in W.current.panels;R(c=>{let a=c.panels[i];if(!a||I.get(a.component)?.defaultOptions?.canClose===!1)return c;delete O.current[i],delete l.current[i];let r={...c.panels};delete r[i];let y=le(c.gridRoot,i)||{type:"leaf",id:"group-default",panels:[],activePanelId:null},g=c.floating.filter(f=>f.id!==i),h=c.activePanelId===i?Mn({gridRoot:y,floating:g,panels:r}):c.activePanelId;return{...c,gridRoot:y,floating:g,minimized:c.minimized.filter(f=>f.id!==i),panels:r,activePanelId:h}}),b&&(H.current.publish("panel:closed",{id:i}),H.current.publish("layout:changed",{}))},[]),re=ne((i,b)=>{O.current[i]=b},[]),ue=ne(i=>{delete O.current[i]},[]),Oe=ne((i,b)=>{l.current[i]=b},[]),U=ne(i=>{delete l.current[i]},[]),Fe=ne((i,b,c)=>{R(a=>{let A=a.panels[i];return A?{...a,panels:{...a.panels,[i]:{...A,dirty:b,dirtyOptions:c}}}:a})},[]),$e=ne((i,b)=>{R(c=>{let a=c.panels[i];return a?{...c,panels:{...c.panels,[i]:{...a,title:b}}}:c})},[]),Be=ne(async(i,b)=>{if(b?.force){G(i);return}let c=O.current[i];if(c&&!await c())return;let a=W.current.panels[i];if(a?.dirty)if(b?.onConfirm){if(!await b.onConfirm(a.dirtyOptions))return}else return;G(i)},[G]),Ge=ne(i=>{let b=W.current.panels[i]?.state!=="minimized"&&i in W.current.panels;R(c=>{let a=c.panels[i];if(!a||a.state==="minimized"||I.get(a.component)?.defaultOptions?.canMinimize===!1)return c;let r,y;if(a.state==="floating"){let N=c.floating.find(D=>D.id===i);N&&(r={x:Number(N.x),y:Number(N.y),width:Number(N.width),height:Number(N.height),anchor:N.anchor??null})}else if(a.state==="docked"){let N=D=>{if(D.type==="leaf")return D.panels.includes(i)?D.id:null;for(let K of D.children){let te=N(K);if(te)return te}return null};y=N(c.gridRoot)??void 0}let g=le(c.gridRoot,i)||{type:"leaf",id:"group-default",panels:[],activePanelId:null},h=c.floating.filter(N=>N.id!==i),f={...c.panels,[i]:{...a,state:"minimized",previousState:a.state,lastFloatingRect:r,lastLeafId:y}},T=c.activePanelId===i?Mn({gridRoot:g,floating:h,panels:f}):c.activePanelId;return{...c,gridRoot:g,floating:h,minimized:[...c.minimized,{id:i,title:a.title,component:a.component}],panels:f,activePanelId:T}}),b&&(H.current.publish("panel:minimized",{id:i}),H.current.publish("layout:changed",{}))},[]),st=ne(i=>{let b=W.current.panels[i]?.state==="minimized";R(c=>{let a=c.panels[i];if(!a||a.state!=="minimized")return c;let A=c.minimized.filter(y=>y.id!==i);if((a.previousState||"docked")==="floating"){B.current+=1;let y=I.get(a.component),g=a.lastFloatingRect||y?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},h=Z(g,c.floating);return{...c,minimized:A,floating:[...c.floating,{...h,id:i,z:B.current,anchor:a.lastFloatingRect?.anchor??null}],panels:{...c.panels,[i]:{...a,state:"floating"}}}}else{let y=(T,N)=>T.type==="leaf"?T.id===N:T.children.some(D=>y(D,N)),g=a.lastLeafId&&y(c.gridRoot,a.lastLeafId),h=I.get(a.component),f=h?.defaultOptions?.canDrag!==!1;if(g)return{...c,minimized:A,gridRoot:Y(c.gridRoot,a.lastLeafId,i),panels:{...c.panels,[i]:{...a,state:"docked"}}};if(f){B.current+=1;let T=a.lastFloatingRect||h?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},N=Z(T,c.floating);return{...c,minimized:A,floating:[...c.floating,{...N,id:i,z:B.current,anchor:a.lastFloatingRect?.anchor??null}],panels:{...c.panels,[i]:{...a,state:"floating"}}}}else{let T=j(c.gridRoot)||"group-default";return{...c,minimized:A,gridRoot:Y(c.gridRoot,T,i),panels:{...c.panels,[i]:{...a,state:"docked"}}}}}}),b&&(H.current.publish("panel:restored",{id:i}),H.current.publish("layout:changed",{}))},[Z]),tt=ne((i,b,c)=>{R(a=>{let A=a.panels[i];if(!A||I.get(A.component)?.defaultOptions?.canDrag===!1)return a;let y=I.get(A.component),g=b||y?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},h=le(a.gridRoot,i);B.current+=1;let f=Z(g,a.floating);return{...a,gridRoot:h||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:[...a.floating,{...f,id:i,z:B.current,anchor:c??null}],panels:{...a.panels,[i]:{...A,state:"floating"}}}})},[Z]),nt=ne((i,b)=>{R(c=>{let a=c.panels[i];if(!a)return c;let A=c.floating.filter(g=>g.id!==i),r=le(c.gridRoot,i),y=b||j(r||c.gridRoot)||"group-default";return{...c,gridRoot:Y(r||c.gridRoot,y,i),floating:A,panels:{...c.panels,[i]:{...a,state:"docked"}}}})},[]),qe=(i,b,c,a,A)=>{if(i.type==="leaf"){if(i.id===b){let r={type:"leaf",id:`group-split-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[c],activePanelId:c},y=a==="left"||a==="right"?"horizontal":"vertical",g=a==="left"||a==="top"?[r,i]:[i,r],h=a==="left"||a==="top"?[A,1-A]:[1-A,A];return{type:"branch",orientation:y,sizes:h,children:g}}return i}else return{...i,children:i.children.map(r=>qe(r,b,c,a,A))}},je=ne(i=>{R(b=>({...b,draggedPanelId:i}))},[]),se=ne((i,b,c)=>{R(a=>{let A=a.panels[i];if(!A)return a;let r=a.floating.filter(h=>h.id!==i),y=le(a.gridRoot,i),g;return c==="center"?g=Y(y||a.gridRoot,b,i):g=qe(y||a.gridRoot,b,i,c,a.splitRatio),{...a,gridRoot:g,floating:r,panels:{...a.panels,[i]:{...A,state:"docked"}},draggedPanelId:null}})},[]),ee=ne((i,b)=>{R(c=>{let a=c.panels[i];if(!a)return c;let A=c.floating.filter(N=>N.id!==i),r=le(c.gridRoot,i),y={type:"leaf",id:`group-edge-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[i],activePanelId:i},g=b==="left"||b==="right"?"horizontal":"vertical",h=b==="left"||b==="top"?[y,r||c.gridRoot]:[r||c.gridRoot,y],f=c.edgeSplitRatio,T={type:"branch",orientation:g,sizes:b==="left"||b==="top"?[f,1-f]:[1-f,f],children:h};return{...c,gridRoot:T,floating:A,panels:{...c.panels,[i]:{...a,state:"docked"}},draggedPanelId:null}})},[]),Ee=ne((i,b,c)=>{R(a=>{let A=a.panels[i];if(!A)return a;let r=le(a.gridRoot,i),y=f=>{if(f.type==="leaf"){if(f.id===b){let T=f.panels.filter(K=>K!==i),N=Math.max(0,Math.min(c,T.length)),D=[...T];return D.splice(N,0,i),{...f,panels:D,activePanelId:i}}return f}else return{...f,children:f.children.map(y)}},g=y(r||a.gridRoot),h=a.floating.filter(f=>f.id!==i);return{...a,gridRoot:g,floating:h,panels:{...a.panels,[i]:{...A,state:"docked"}},draggedPanelId:null}})},[]),$=ne(i=>{R(b=>{let c=A=>{if(A.type==="leaf")return A.id===i&&A.canClose!==!1?null:A;{let r=A.children.map(h=>c(h)).filter(h=>h!==null);if(r.length===0)return null;if(r.length===1)return r[0];let y=A.sizes.slice(0,r.length),g=y.reduce((h,f)=>h+f,0);return{...A,children:r,sizes:y.map(h=>h/g)}}},a=c(b.gridRoot);return{...b,gridRoot:a||{type:"leaf",id:"group-default",panels:[],activePanelId:null}}})},[]),q=ne(i=>{R(b=>({...b,floating:b.floating.map(c=>c.id===i?{...c,maximized:!c.maximized}:c)}))},[]),ce=ne((i,b)=>{let c=(a,A)=>{if(a.type==="leaf")return a;if(A===i.length)return{...a,sizes:b};let r=i[A],y=a.children.map((g,h)=>h===r?c(g,A+1):g);return{...a,children:y}};R(a=>({...a,gridRoot:c(a.gridRoot,0)}))},[]),he=ne((i,b)=>{R(c=>({...c,floating:c.floating.map(a=>a.id===i?{...a,...b}:a)}))},[]),be=ne(()=>{let i=W.current.panels,b=[],c={};for(let[f,T]of Object.entries(i)){let N=l.current[f],D=N?.(),K=N!==void 0&&D!==void 0,te=K?D:T.props,V=K?At(D):T.serializable;V?c[f]=K?{...T,props:te,serializable:V}:T:b.push(f)}let a=W.current.gridRoot,A=W.current.floating,r=W.current.minimized;for(let f of b)a=le(a,f)||{type:"leaf",id:"group-default",panels:[],activePanelId:null},A=A.filter(T=>T.id!==f),r=r.filter(T=>T.id!==f);b.length>0&&H.current.publish("layout:panels-excluded",{panels:b.map(f=>({id:f,component:i[f].component}))});let y=W.current.activePanelId,g=y!==null&&co(y,{gridRoot:a,floating:A,panels:c})?y:null,h={version:2,...g!==null?{activePanelId:g}:{},gridRoot:a,floating:A,minimized:r,panels:c};return JSON.stringify(h)},[]),ye=ne(i=>{try{let b=uo(JSON.parse(i));return b?(R(c=>({...c,gridRoot:b.gridRoot,floating:b.floating,minimized:b.minimized,panels:b.panels,draggedPanelId:null,activePanelId:b.activePanelId})),!0):!1}catch(b){return console.error("Failed to parse layout configuration:",b),!1}},[]),De=ne(i=>{R(b=>b.activePanelId===i?b:{...b,activePanelId:i})},[]),_e=ne(i=>{R(b=>b.dir===i?b:{...b,dir:i,isRtl:i==="rtl"})},[]),We=ne(i=>i in W.current.panels,[]),Me=ne(()=>Object.keys(W.current.panels),[]),at=ne((i,b)=>Object.values(W.current.panels).find(a=>a.component===i&&a.dedupeKey===b)?.id??null,[]);Ot(()=>{_&&R(i=>i.dir===_?i:{...i,dir:_,isRtl:_==="rtl"})},[_]);let Pe=Ze(new Map),Ce=Ze(null),Le=ne(i=>(Ce.current=i,()=>{Ce.current=null}),[]),He=ne(i=>{Ce.current?.(i)},[]),Ye=ne((i,b)=>(Pe.current.set(i,b),()=>{Pe.current.delete(i)}),[]),ze=ne(i=>Pe.current.get(i)?.()??[],[]),ut=sn(()=>({openPanel:X,closePanel:G,minimizePanel:Ge,restorePanel:st,floatPanel:tt,dockPanel:nt,maximizePanel:q,updateSplitSizes:ce,updateFloatingPosition:he,focusPanel:me,isOpen:We,getOpenPanelIds:Me,findPanelId:at,saveLayout:be,loadLayout:ye,publish:Q,subscribe:J,setDraggedPanelId:je,dockPanelToGroup:se,movePanelOrder:Ee,closeLeafGroup:$,registerCloseGuard:re,unregisterCloseGuard:ue,registerStateProvider:Oe,unregisterStateProvider:U,setPanelDirty:Fe,updatePanelTitle:$e,requestClosePanel:Be,dockPanelToWorkspaceEdge:ee,setActivePanel:De,setDirection:_e,registerPanelContextMenu:Ye,getPanelContextMenuItems:ze,showContextMenu:He,registerContextMenuFn:Le}),[X,G,Ge,st,tt,nt,q,ce,he,me,We,Me,at,be,ye,Q,J,je,se,Ee,$,re,ue,Oe,U,Fe,$e,Be,ee,De,_e,Ye,ze,He,Le]),lt=i=>{let b=i.defaultMessage||i.id;return i.values&&Object.entries(i.values).forEach(([c,a])=>{b=b.replace(`{${c}}`,String(a))}),b},yt=sn(()=>({modalClass:s,modalBodyClass:L,sidePanelClass:M,sidePanelBodyClass:x,windowClass:v,windowBodyClass:C}),[s,L,M,x,v,C]);Ot(()=>{if(process.env.NODE_ENV==="development")try{getComputedStyle(document.documentElement).getPropertyValue("--rdd-styles-loaded").trim()!=="1"&&console.error(`[react-dockable-desktop] styles.css is not imported.
1
+ import On,{useState as lt,useRef as Fe,useEffect as we,useCallback as Wn,useContext as So}from"react";import{createPortal as To}from"react-dom";import{createContext as Ct,useContext as ct,useState as mr,useRef as et,useMemo as sn,useCallback as oe,useEffect as Wt,useSyncExternalStore as hr}from"react";import{createContext as dr,useContext as cr,useSyncExternalStore as ur}from"react";var pr={requestClose:()=>{console.warn("FormContainerContract: requestClose called but no container is present")},setDirty:()=>{},onCloseRequested:()=>()=>{},registerStateProvider:()=>()=>{},setTitle:()=>{},setIcon:()=>{},containerType:"standalone",instanceId:"standalone",onClose:()=>()=>{},onMinimize:()=>()=>{},onRestore:()=>()=>{},onResize:()=>()=>{},requestMinimize:()=>{},getDimensions:()=>null,onActivate:()=>()=>{},onDeactivate:()=>()=>{},onContainerTypeChange:()=>()=>{}},wn=dr(pr),Pt=wn.Provider,zt=()=>cr(wn),gr=()=>{let{onResize:e,getDimensions:t}=zt();return ur(n=>e?e(()=>n()):()=>{},()=>t?t():null)};var Nt=class{registry=new Map;register(t,n,o){this.registry.set(t,{Component:n,defaultOptions:o})}get(t){return this.registry.get(t)}getRegisteredIds(){return Array.from(this.registry.keys())}},rn=new Nt;var Vt={floatWindow:{id:"dockable-desktop-floatWindow",defaultMessage:"Float Window"},minimizePanel:{id:"dockable-desktop-minimizePanel",defaultMessage:"Minimize Panel"},closeTab:{id:"dockable-desktop-closeTab",defaultMessage:"Close Tab"},restorePanel:{id:"dockable-desktop-restorePanel",defaultMessage:"Restore Panel"},maximizePanel:{id:"dockable-desktop-maximizePanel",defaultMessage:"Maximize Panel"},closePanel:{id:"dockable-desktop-closePanel",defaultMessage:"Close Panel"},dockWindow:{id:"dockable-desktop-dockWindow",defaultMessage:"Dock Window"},minimize:{id:"dockable-desktop-minimize",defaultMessage:"Minimize"},maximize:{id:"dockable-desktop-maximize",defaultMessage:"Maximize"},restoreSize:{id:"dockable-desktop-restoreSize",defaultMessage:"Restore Size"},close:{id:"dockable-desktop-close",defaultMessage:"Close"},closeEmptyGroup:{id:"dockable-desktop-closeEmptyGroup",defaultMessage:"Close empty split group"},unsavedChangesTitle:{id:"dockable-desktop-unsavedChangesTitle",defaultMessage:"Unsaved Changes"},unsavedChangesMessage:{id:"dockable-desktop-unsavedChangesMessage",defaultMessage:'"{title}" has unsaved changes. Do you want to discard your changes and close?'},discardChanges:{id:"dockable-desktop-discardChanges",defaultMessage:"Discard Changes"},cancel:{id:"dockable-desktop-cancel",defaultMessage:"Cancel"},yes:{id:"dockable-desktop-yes",defaultMessage:"Yes"},no:{id:"dockable-desktop-no",defaultMessage:"No"},ok:{id:"dockable-desktop-ok",defaultMessage:"OK"},closePanelTooltip:{id:"dockable-desktop-closePanelTooltip",defaultMessage:"Close panel"},closeTooltip:{id:"dockable-desktop-closeTooltip",defaultMessage:"Close"}};import{isValidElement as fr}from"react";function Dt(e){if(e===null)return!0;if(e===void 0)return!1;let t=typeof e;if(t==="string"||t==="number"||t==="boolean")return!0;if(t==="function"||t==="symbol"||t==="bigint")return!1;if(e instanceof Date)return!0;if(fr(e))return!1;if(Array.isArray(e))return e.every(Dt);let n=Object.getPrototypeOf(e);return n!==Object.prototype&&n!==null?!1:Object.values(e).every(Dt)}import{jsx as xt}from"react/jsx-runtime";var At=Ct(null),an=Ct(null),ro=Ct(null),io=Ct(null),so=Ct(Vt),ao=Ct({}),pt=()=>ct(ao),lo=Ct(rn),Kt=()=>ct(lo),Rn=class{listeners={};subscribe(t,n){return this.listeners[t]||(this.listeners[t]=[]),this.listeners[t].push(n),()=>{this.listeners[t]=this.listeners[t].filter(o=>o!==n)}}publish(t,n){this.listeners[t]&&this.listeners[t].forEach(o=>o(n))}},br={type:"leaf",id:"group-default",panels:[],activePanelId:null};function co(e,t){let n=t.panels[e];if(!n||n.state==="minimized")return!1;if(t.floating.some(a=>a.id===e))return!0;let o=a=>a.type==="leaf"?a.activePanelId===e:a.children.some(o);return t.gridRoot?o(t.gridRoot):!1}function Mn(e){let t=s=>s!==null&&!!e.panels[s]&&e.panels[s].state!=="minimized",n=s=>{if(s.type==="leaf")return t(s.activePanelId)?s.activePanelId:null;for(let I of s.children){let M=n(I);if(M)return M}return null},o=e.gridRoot?n(e.gridRoot):null;if(o)return o;let a=null;for(let s of e.floating)t(s.id)&&(!a||s.z>a.z)&&(a=s);return a?.id??null}function uo(e){if(!e||!e.gridRoot||!Array.isArray(e.floating)||!Array.isArray(e.minimized)||!e.panels)return null;let t=e.floating.map(s=>{if("stickyRight"in s||"stickyBottom"in s){let I=s.stickyRight&&s.stickyBottom?"bottom-right":s.stickyRight?"top-right":s.stickyBottom?"bottom-left":null,{stickyRight:M,stickyBottom:x,...y}=s;return{...y,anchor:I}}return s}),n={gridRoot:e.gridRoot,floating:t,panels:e.panels},o=typeof e.activePanelId=="string"?e.activePanelId:null,a=null;return o!==null&&(co(o,n)?a=o:process.env.NODE_ENV==="development"&&console.warn(`[react-dockable-desktop] Ignoring the saved layout's activePanelId ("${o}") \u2014 it doesn't name a currently visible panel (it may have been closed, minimized, or excluded from the snapshot as non-serializable). Falling back to the selected tab of the first leaf in the grid.`)),a===null&&(a=Mn(n)),{gridRoot:e.gridRoot,floating:t,minimized:e.minimized,panels:e.panels,activePanelId:a}}function vr(e){if(e)try{let t=uo(JSON.parse(e));if(t)return t}catch{}return{gridRoot:br,floating:[],minimized:[],panels:{},activePanelId:null}}var Sn=({children:e,client:t,formatMessage:n,predefinedMessages:o,dir:a,modalClass:s,modalBodyClass:I,sidePanelClass:M,sidePanelBodyClass:x,windowClass:y,windowBodyClass:w,zIndexBase:c})=>{let k=et(t?.registry??rn).current,T=t?.config.formatMessage??n,A=t?.config.predefinedMessages??o,_=t?.config.dir??a,u=t?.config.zIndexBase??c??1e3,[C,P]=mr(()=>({...vr(t?.initialState??null),draggedPanelId:null,dir:_||"ltr",isRtl:_==="rtl",splitRatio:Math.min(.9,Math.max(.1,t?.config.defaultSplitRatio??.5)),edgeSplitRatio:Math.min(.9,Math.max(.1,t?.config.defaultEdgeSplitRatio??.2))})),O=et(C);O.current=C;let m=et(new Set);Wt(()=>{m.current.forEach(i=>i())},[C]);let R=oe(()=>O.current,[]),H=oe(i=>(m.current.add(i),()=>m.current.delete(i)),[]),D=et({}),l=et({}),E=sn(()=>({...Vt,...A}),[A]),F=et(new Rn),X=et(u);Wt(()=>(document.documentElement.style.setProperty("--rdd-z-base",String(u)),()=>{document.documentElement.style.removeProperty("--rdd-z-base")}),[u]);let Z=oe((i,b)=>F.current.subscribe(i,b),[]),U=oe((i,b)=>{F.current.publish(i,b)},[]),Q=oe((i,b)=>{let g=typeof i.x=="string"?parseFloat(i.x):i.x,d=typeof i.y=="string"?parseFloat(i.y):i.y,L=typeof i.width=="string"?parseFloat(i.width):i.width,r=typeof i.height=="string"?parseFloat(i.height):i.height;isNaN(g)&&(g=300),isNaN(d)&&(d=150),isNaN(L)&&(L=450),isNaN(r)&&(r=350);let v=z=>b.some(N=>{let W=typeof N.x=="string"?parseFloat(N.x):N.x,$=typeof N.y=="string"?parseFloat(N.y):N.y;return!N.maximized&&Math.abs(W-z.x)<20&&Math.abs($-z.y)<20}),f=0;for(;v({x:g,y:d})&&f<10;)g+=30,d+=30,f++;let h=Math.max(100,window.innerWidth||1024),p=Math.max(100,window.innerHeight||768);return(g+L>h||d+r>p)&&(g=100+f%5*30,d=100+f%5*30),g=Math.max(0,Math.min(g,h-100)),d=Math.max(0,Math.min(d,p-40)),{x:g,y:d,width:L,height:r}},[]),me=oe(i=>{P(b=>{let g=b.panels[i];if(!g)return b;if(g.state==="floating"){let d=b.floating.find(r=>r.id===i);if(!d)return b;let L=!b.floating.some(r=>r.z>d.z);return L&&b.activePanelId===i?b:(L||(X.current+=1),{...b,floating:b.floating.map(r=>r.id===i?{...r,z:L?d.z:X.current}:r),activePanelId:i})}else if(g.state==="docked"){if(b.activePanelId===i)return b;let d=L=>L.type==="leaf"?L.panels.includes(i)?{...L,activePanelId:i}:L:{...L,children:L.children.map(d)};return{...b,gridRoot:d(b.gridRoot),activePanelId:i}}return b.activePanelId===i?b:{...b,activePanelId:i}})},[]),te=(i,b)=>{if(i.type==="leaf"){let g=i.panels.indexOf(b);if(g===-1)return i;let d=i.panels.filter(v=>v!==b),L=i.activePanelId===b?d[g]||d[g-1]||d[0]||null:i.activePanelId,r={...i,panels:d,activePanelId:L};return d.length===0&&!i.keepOnEmpty?null:r}else{let g=i.children.map(r=>te(r,b)).filter(r=>r!==null);if(g.length===0)return null;if(g.length===1)return g[0];let d=i.sizes.slice(0,g.length),L=d.reduce((r,v)=>r+v,0);return{...i,children:g,sizes:d.map(r=>r/L)}}},G=(i,b,g)=>{if(i.type==="leaf"){if(i.id===b){let d=i.panels.includes(g)?i.panels:[...i.panels,g];return{...i,panels:d,activePanelId:g}}return i}else return{...i,children:i.children.map(d=>G(d,b,g))}},j=i=>{if(i.type==="leaf")return i.id;for(let b of i.children){let g=j(b);if(g)return g}return null},V=oe((i,b,g)=>{let d=i;if(g?.dedupeKey!==void 0){let p=Object.values(O.current.panels).find(z=>z.component===b&&z.dedupeKey===g.dedupeKey);p&&(d=p.id)}let L=!(d in O.current.panels),r=d!==i,v=g?.focus!==!1,h=g?.props!==void 0?Dt(g.props):!0;P(p=>{let z=p.panels[d],N=k.get(b),W=g?.title||g?.title||N?.defaultOptions?.title||d,$=g?.initialTarget||N?.defaultOptions?.initialTarget||"docked",ee=N?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},Y=v?d:p.activePanelId;if(z)if(z.state==="minimized"){let de=p.minimized.filter(pe=>pe.id!==d);if($==="floating"||!p.gridRoot){X.current+=1;let pe=Q(ee,p.floating);return{...p,minimized:de,floating:[...p.floating,{...pe,id:d,z:X.current}],panels:{...p.panels,[d]:{...z,state:"floating"}},activePanelId:Y}}else{let pe=j(p.gridRoot)||"group-default";return{...p,minimized:de,gridRoot:G(p.gridRoot,pe,d),panels:{...p.panels,[d]:{...z,state:"docked"}},activePanelId:Y}}}else{if(z.state==="floating")return v&&me(d),p;{let de=pe=>pe.type==="leaf"?pe.panels.includes(d)?{...pe,activePanelId:d}:pe:{...pe,children:pe.children.map(de)};return{...p,gridRoot:de(p.gridRoot),activePanelId:Y}}}let ue={id:d,title:W,component:b,state:$==="tabbed"?"docked":$,props:g?.props,serializable:h,dedupeKey:g?.dedupeKey},ie={...p.panels,[d]:ue};if($==="floating"){X.current+=1;let de=Q(ee,p.floating),pe=g?.anchor??N?.defaultOptions?.defaultAnchor??null;return{...p,floating:[...p.floating,{...de,id:d,z:X.current,anchor:pe}],panels:ie,activePanelId:Y}}else{let de=j(p.gridRoot)||"group-default";return{...p,gridRoot:G(p.gridRoot,de,d),panels:ie,activePanelId:Y}}}),L&&F.current.publish("panel:opened",{id:d,component:b}),(L||r)&&F.current.publish("layout:changed",{})},[Q,me]),B=oe(i=>{let b=i in O.current.panels;P(g=>{let d=g.panels[i];if(!d||k.get(d.component)?.defaultOptions?.canClose===!1)return g;delete D.current[i],delete l.current[i];let r={...g.panels};delete r[i];let v=te(g.gridRoot,i)||{type:"leaf",id:"group-default",panels:[],activePanelId:null},f=g.floating.filter(p=>p.id!==i),h=g.activePanelId===i?Mn({gridRoot:v,floating:f,panels:r}):g.activePanelId;return{...g,gridRoot:v,floating:f,minimized:g.minimized.filter(p=>p.id!==i),panels:r,activePanelId:h}}),b&&(F.current.publish("panel:closed",{id:i}),F.current.publish("layout:changed",{}))},[]),se=oe((i,b)=>{D.current[i]=b},[]),be=oe(i=>{delete D.current[i]},[]),ze=oe((i,b)=>{l.current[i]=b},[]),K=oe(i=>{delete l.current[i]},[]),_e=oe((i,b,g)=>{P(d=>{let L=d.panels[i];return L?{...d,panels:{...d.panels,[i]:{...L,dirty:b,dirtyOptions:g}}}:d})},[]),Xe=oe((i,b)=>{P(g=>{let d=g.panels[i];return d?{...g,panels:{...g.panels,[i]:{...d,title:b}}}:g})},[]),Ve=oe(async(i,b)=>{if(b?.force){B(i);return}let g=D.current[i];if(g&&!await g())return;let d=O.current.panels[i];if(d?.dirty)if(b?.onConfirm){if(!await b.onConfirm(d.dirtyOptions))return}else return;B(i)},[B]),Ge=oe(i=>{let b=O.current.panels[i]?.state!=="minimized"&&i in O.current.panels;P(g=>{let d=g.panels[i];if(!d||d.state==="minimized"||k.get(d.component)?.defaultOptions?.canMinimize===!1)return g;let r,v;if(d.state==="floating"){let N=g.floating.find(W=>W.id===i);N&&(r={x:Number(N.x),y:Number(N.y),width:Number(N.width),height:Number(N.height),anchor:N.anchor??null})}else if(d.state==="docked"){let N=W=>{if(W.type==="leaf")return W.panels.includes(i)?W.id:null;for(let $ of W.children){let ee=N($);if(ee)return ee}return null};v=N(g.gridRoot)??void 0}let f=te(g.gridRoot,i)||{type:"leaf",id:"group-default",panels:[],activePanelId:null},h=g.floating.filter(N=>N.id!==i),p={...g.panels,[i]:{...d,state:"minimized",previousState:d.state,lastFloatingRect:r,lastLeafId:v}},z=g.activePanelId===i?Mn({gridRoot:f,floating:h,panels:p}):g.activePanelId;return{...g,gridRoot:f,floating:h,minimized:[...g.minimized,{id:i,title:d.title,component:d.component}],panels:p,activePanelId:z}}),b&&(F.current.publish("panel:minimized",{id:i}),F.current.publish("layout:changed",{}))},[]),rt=oe((i,b)=>{let g=O.current.panels[i]?.state==="minimized",d=b?.focus!==!1;P(L=>{let r=L.panels[i];if(!r||r.state!=="minimized")return L;let v=L.minimized.filter(p=>p.id!==i),f=r.previousState||"docked",h=d?i:L.activePanelId;if(f==="floating"){X.current+=1;let p=k.get(r.component),z=r.lastFloatingRect||p?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},N=Q(z,L.floating);return{...L,minimized:v,floating:[...L.floating,{...N,id:i,z:X.current,anchor:r.lastFloatingRect?.anchor??null}],panels:{...L.panels,[i]:{...r,state:"floating"}},activePanelId:h}}else{let p=($,ee)=>$.type==="leaf"?$.id===ee:$.children.some(Y=>p(Y,ee)),z=r.lastLeafId&&p(L.gridRoot,r.lastLeafId),N=k.get(r.component),W=N?.defaultOptions?.canDrag!==!1;if(z)return{...L,minimized:v,gridRoot:G(L.gridRoot,r.lastLeafId,i),panels:{...L.panels,[i]:{...r,state:"docked"}},activePanelId:h};if(W){X.current+=1;let $=r.lastFloatingRect||N?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},ee=Q($,L.floating);return{...L,minimized:v,floating:[...L.floating,{...ee,id:i,z:X.current,anchor:r.lastFloatingRect?.anchor??null}],panels:{...L.panels,[i]:{...r,state:"floating"}},activePanelId:h}}else{let $=j(L.gridRoot)||"group-default";return{...L,minimized:v,gridRoot:G(L.gridRoot,$,i),panels:{...L.panels,[i]:{...r,state:"docked"}},activePanelId:h}}}}),g&&(F.current.publish("panel:restored",{id:i}),F.current.publish("layout:changed",{}))},[Q]),it=oe((i,b,g)=>{P(d=>{let L=d.panels[i];if(!L||k.get(L.component)?.defaultOptions?.canDrag===!1)return d;let v=k.get(L.component),f=b||v?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},h=te(d.gridRoot,i);X.current+=1;let p=Q(f,d.floating);return{...d,gridRoot:h||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:[...d.floating,{...p,id:i,z:X.current,anchor:g??null}],panels:{...d.panels,[i]:{...L,state:"floating"}}}})},[Q]),st=oe((i,b)=>{P(g=>{let d=g.panels[i];if(!d)return g;let L=g.floating.filter(f=>f.id!==i),r=te(g.gridRoot,i),v=b||j(r||g.gridRoot)||"group-default";return{...g,gridRoot:G(r||g.gridRoot,v,i),floating:L,panels:{...g.panels,[i]:{...d,state:"docked"}}}})},[]),Je=(i,b,g,d,L)=>{if(i.type==="leaf"){if(i.id===b){let r={type:"leaf",id:`group-split-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[g],activePanelId:g},v=d==="left"||d==="right"?"horizontal":"vertical",f=d==="left"||d==="top"?[r,i]:[i,r],h=d==="left"||d==="top"?[L,1-L]:[1-L,L];return{type:"branch",orientation:v,sizes:h,children:f}}return i}else return{...i,children:i.children.map(r=>Je(r,b,g,d,L))}},Qe=oe(i=>{P(b=>({...b,draggedPanelId:i}))},[]),Pe=oe((i,b,g)=>{P(d=>{let L=d.panels[i];if(!L)return d;let r=d.floating.filter(h=>h.id!==i),v=te(d.gridRoot,i),f;return g==="center"?f=G(v||d.gridRoot,b,i):f=Je(v||d.gridRoot,b,i,g,d.splitRatio),{...d,gridRoot:f,floating:r,panels:{...d.panels,[i]:{...L,state:"docked"}},draggedPanelId:null}})},[]),ne=oe((i,b)=>{P(g=>{let d=g.panels[i];if(!d)return g;let L=g.floating.filter(N=>N.id!==i),r=te(g.gridRoot,i),v={type:"leaf",id:`group-edge-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[i],activePanelId:i},f=b==="left"||b==="right"?"horizontal":"vertical",h=b==="left"||b==="top"?[v,r||g.gridRoot]:[r||g.gridRoot,v],p=g.edgeSplitRatio,z={type:"branch",orientation:f,sizes:b==="left"||b==="top"?[p,1-p]:[1-p,p],children:h};return{...g,gridRoot:z,floating:L,panels:{...g.panels,[i]:{...d,state:"docked"}},draggedPanelId:null}})},[]),ce=oe((i,b,g)=>{P(d=>{let L=d.panels[i];if(!L)return d;let r=te(d.gridRoot,i),v=p=>{if(p.type==="leaf"){if(p.id===b){let z=p.panels.filter($=>$!==i),N=Math.max(0,Math.min(g,z.length)),W=[...z];return W.splice(N,0,i),{...p,panels:W,activePanelId:i}}return p}else return{...p,children:p.children.map(v)}},f=v(r||d.gridRoot),h=d.floating.filter(p=>p.id!==i);return{...d,gridRoot:f,floating:h,panels:{...d.panels,[i]:{...L,state:"docked"}},draggedPanelId:null}})},[]),$e=oe(i=>{P(b=>{let g=L=>{if(L.type==="leaf")return L.id===i&&L.canClose!==!1?null:L;{let r=L.children.map(h=>g(h)).filter(h=>h!==null);if(r.length===0)return null;if(r.length===1)return r[0];let v=L.sizes.slice(0,r.length),f=v.reduce((h,p)=>h+p,0);return{...L,children:r,sizes:v.map(h=>h/f)}}},d=g(b.gridRoot);return{...b,gridRoot:d||{type:"leaf",id:"group-default",panels:[],activePanelId:null}}})},[]),He=oe(i=>{P(b=>({...b,floating:b.floating.map(g=>g.id===i?{...g,maximized:!g.maximized}:g)}))},[]),q=oe((i,b)=>{let g=(d,L)=>{if(d.type==="leaf")return d;if(L===i.length)return{...d,sizes:b};let r=i[L],v=d.children.map((f,h)=>h===r?g(f,L+1):f);return{...d,children:v}};P(d=>({...d,gridRoot:g(d.gridRoot,0)}))},[]),J=oe((i,b)=>{P(g=>({...g,floating:g.floating.map(d=>d.id===i?{...d,...b}:d)}))},[]),le=oe(()=>{let i=O.current.panels,b=[],g={};for(let[p,z]of Object.entries(i)){let N=l.current[p],W=N?.(),$=N!==void 0&&W!==void 0,ee=$?W:z.props,Y=$?Dt(W):z.serializable;Y?g[p]=$?{...z,props:ee,serializable:Y}:z:b.push(p)}let d=O.current.gridRoot,L=O.current.floating,r=O.current.minimized;for(let p of b)d=te(d,p)||{type:"leaf",id:"group-default",panels:[],activePanelId:null},L=L.filter(z=>z.id!==p),r=r.filter(z=>z.id!==p);b.length>0&&F.current.publish("layout:panels-excluded",{panels:b.map(p=>({id:p,component:i[p].component}))});let v=O.current.activePanelId,f=v!==null&&co(v,{gridRoot:d,floating:L,panels:g})?v:null,h={version:2,...f!==null?{activePanelId:f}:{},gridRoot:d,floating:L,minimized:r,panels:g};return JSON.stringify(h)},[]),he=oe(i=>{try{let b=uo(JSON.parse(i));return b?(P(g=>({...g,gridRoot:b.gridRoot,floating:b.floating,minimized:b.minimized,panels:b.panels,draggedPanelId:null,activePanelId:b.activePanelId})),!0):!1}catch(b){return console.error("Failed to parse layout configuration:",b),!1}},[]),Re=oe(i=>{P(b=>b.activePanelId===i?b:{...b,activePanelId:i})},[]),Me=oe(i=>{P(b=>b.dir===i?b:{...b,dir:i,isRtl:i==="rtl"})},[]),Ne=oe(i=>i in O.current.panels,[]),Se=oe(()=>Object.keys(O.current.panels),[]),Te=oe((i,b)=>Object.values(O.current.panels).find(d=>d.component===i&&d.dedupeKey===b)?.id??null,[]);Wt(()=>{_&&P(i=>i.dir===_?i:{...i,dir:_,isRtl:_==="rtl"})},[_]);let ve=et(new Map),at=et(null),De=oe(i=>(at.current=i,()=>{at.current=null}),[]),We=oe(i=>{at.current?.(i)},[]),Ae=oe((i,b)=>(ve.current.set(i,b),()=>{ve.current.delete(i)}),[]),ke=oe(i=>ve.current.get(i)?.()??[],[]),Ye=sn(()=>({openPanel:V,closePanel:B,minimizePanel:Ge,restorePanel:rt,floatPanel:it,dockPanel:st,maximizePanel:He,updateSplitSizes:q,updateFloatingPosition:J,focusPanel:me,isOpen:Ne,getOpenPanelIds:Se,findPanelId:Te,saveLayout:le,loadLayout:he,publish:U,subscribe:Z,setDraggedPanelId:Qe,dockPanelToGroup:Pe,movePanelOrder:ce,closeLeafGroup:$e,registerCloseGuard:se,unregisterCloseGuard:be,registerStateProvider:ze,unregisterStateProvider:K,setPanelDirty:_e,updatePanelTitle:Xe,requestClosePanel:Ve,dockPanelToWorkspaceEdge:ne,setActivePanel:Re,setDirection:Me,registerPanelContextMenu:Ae,getPanelContextMenuItems:ke,showContextMenu:We,registerContextMenuFn:De}),[V,B,Ge,rt,it,st,He,q,J,me,Ne,Se,Te,le,he,U,Z,Qe,Pe,ce,$e,se,be,ze,K,_e,Xe,Ve,ne,Re,Me,Ae,ke,We,De]),Oe=i=>{let b=i.defaultMessage||i.id;return i.values&&Object.entries(i.values).forEach(([g,d])=>{b=b.replace(`{${g}}`,String(d))}),b},Yt=sn(()=>({modalClass:s,modalBodyClass:I,sidePanelClass:M,sidePanelBodyClass:x,windowClass:y,windowBodyClass:w}),[s,I,M,x,y,w]);Wt(()=>{if(process.env.NODE_ENV==="development")try{getComputedStyle(document.documentElement).getPropertyValue("--rdd-styles-loaded").trim()!=="1"&&console.error(`[react-dockable-desktop] styles.css is not imported.
2
2
  Add this to your entry file (main.tsx / index.tsx):
3
3
  import 'react-dockable-desktop/styles.css'
4
- Without it the workspace renders as a black screen with no console errors.`)}catch{}},[]),Ot(()=>{if(t)return t._connect(ut),()=>{t._disconnect()}},[t,ut]);let Pt=sn(()=>({getSnapshot:P,subscribeToState:F}),[P,F]);return wt(ao.Provider,{value:yt,children:wt(lo.Provider,{value:I,children:wt(io.Provider,{value:Pt,children:wt(Ft.Provider,{value:w,children:wt(an.Provider,{value:ut,children:wt(ro.Provider,{value:k||lt,children:wt(so.Provider,{value:z,children:e})})})})})})})},oo=e=>()=>{};function Ve(e){let t=dt(Ft),n=dt(io),o=Ze(e);o.current=e;let d=hr(e?n?.subscribeToState??oo:oo,()=>{let s=n?.getSnapshot()??t;return o.current?o.current(s):s},()=>{let s=n?.getSnapshot()??t;return o.current?o.current(s):s});if(!t)throw new Error("useWindowManagerState must be used within WindowManagerProvider");return e?d:t}var qt=()=>{let e=dt(an);if(!e)throw new Error("useWindowManagerActions must be used within WindowManagerProvider");return e},Tn=()=>{let e=dt(an);if(!e)throw new Error("useWindowManagerActionsInternal must be used within WindowManagerProvider");return e},Ue=()=>dt(ro)||(t=>{let n=t.defaultMessage||t.id;return t.values&&Object.entries(t.values).forEach(([o,d])=>{n=n.replace(`{${o}}`,String(d))}),n}),ve=(e,t)=>e?typeof e=="string"?e:t(e):"",yr=()=>{let{publish:e,subscribe:t}=qt();return{publish:e,subscribe:t}},ot=()=>dt(so),ln=()=>Dt().instanceId;function Pr(e){let t=dt(an),n=ln(),o=Ze(e);o.current=e,Ot(()=>{if(!(!t?.registerPanelContextMenu||!n))return t.registerPanelContextMenu(n,()=>o.current)},[n,t?.registerPanelContextMenu])}import Zt,{forwardRef as mo,useImperativeHandle as xr,useState as po,useRef as jt,useEffect as go,useLayoutEffect as ho}from"react";import{createPortal as bo}from"react-dom";import{Fragment as Rr,jsx as we,jsxs as Mt}from"react/jsx-runtime";function Cr(e){return e?"touches"in e&&e.touches.length>0?{x:e.touches[0].clientX,y:e.touches[0].clientY}:{x:e.clientX,y:e.clientY}:{x:0,y:0}}function _t(e,t){return typeof e=="string"?e:t?t(e):e.defaultMessage??e.id}function kn(e){return"separator"in e}function dn(e){return!kn(e)&&"items"in e}var vo=mo(({items:e,x:t,y:n,theme:o,fmt:d,onClose:s,onMouseEnter:L,onMouseLeave:M},x)=>(ho(()=>{let v=x?.current;if(!v)return;let C=v.getBoundingClientRect(),u=8;C.right>window.innerWidth-u&&(v.style.left=`${Math.max(u,window.innerWidth-C.width-u)}px`,v.style.right="auto"),C.bottom>window.innerHeight-u&&(v.style.top=`${Math.max(u,window.innerHeight-C.height-u)}px`),C.left<u&&(v.style.left=`${u}px`,v.style.right="auto"),C.top<u&&(v.style.top=`${u}px`)}),bo(we("div",{ref:x,className:`rdd-context-menu rdd-context-menu--${o} rdd-context-menu--submenu`,style:{position:"fixed",left:t,top:n},role:"menu",onMouseEnter:L,onMouseLeave:M,children:e.map((v,C)=>{if(kn(v))return we("hr",{className:"rdd-context-menu__separator",role:"separator"},C);let u=v,I=u.checkbox&&u.checkbox.active!==!1,k=I&&u.checkbox.value,E=u.disabled===!0||(I?u.checkbox.enabled===!1:!1);return Mt("button",{type:"button",className:`rdd-context-menu__item${E?" rdd-context-menu__item--disabled":""}`,title:u.title?_t(u.title,d):void 0,disabled:E,"data-cy-action":u.cyAction,onClick:()=>{E||(u.action?.(),s())},role:"menuitem","aria-checked":I?k:void 0,children:[u.icon?we("span",{className:"rdd-context-menu__icon",children:u.icon}):we("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),we("span",{className:"rdd-context-menu__label",children:_t(u.label,d)}),I&&we("span",{className:`rdd-context-menu__checkbox${k?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:Mt("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[we("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:"none",stroke:"currentColor",strokeWidth:"1.5"}),k&&we("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},C)})}),document.body)));vo.displayName="ContextMenuSubMenuPanel";var fo={visible:!1,x:0,y:0,items:[]},In=mo(({theme:e="dark",formatMessageProvider:t,onShow:n,onHide:o,onOpenChange:d,className:s,style:L},M)=>{let[x,v]=po(fo),[C,u]=po(null),I=jt(null),k=jt(null),E=jt(new Map),_=jt({open:null,close:null}),p=Zt.useCallback(()=>{v(fo),u(null),_.current.open&&clearTimeout(_.current.open),_.current.close&&clearTimeout(_.current.close),_.current.open=null,_.current.close=null,o?.(),d?.(!1)},[o,d]);if(xr(M,()=>({show({event:l,x:z,y:H,items:B}){let J=l?Cr(l):{x:z??0,y:H??0};E.current.clear(),v({visible:!0,x:J.x,y:J.y,items:B}),u(null),n?.(),d?.(!0)}}),[n,d]),go(()=>{if(!x.visible)return;let l=z=>{I.current?.contains(z.target)||k.current?.contains(z.target)||p()};return document.addEventListener("pointerdown",l,{capture:!0}),window.addEventListener("click",l),()=>{document.removeEventListener("pointerdown",l,{capture:!0}),window.removeEventListener("click",l)}},[x.visible,p]),go(()=>{if(!x.visible)return;let l=z=>{z.key==="Escape"&&p()};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[x.visible,p]),ho(()=>{if(!x.visible||!I.current)return;let l=I.current,z=l.getBoundingClientRect(),H=8;z.right>window.innerWidth-H&&(l.style.left=`${Math.max(H,window.innerWidth-z.width-H)}px`),z.bottom>window.innerHeight-H&&(l.style.top=`${Math.max(H,window.innerHeight-z.height-H)}px`),z.left<H&&(l.style.left=`${H}px`),z.top<H&&(l.style.top=`${H}px`)},[x.visible]),!x.visible)return null;let w=t,R=0,W=0;if(C!==null){let l=E.current.get(C);if(l){let z=l.getBoundingClientRect();R=document.documentElement.dir==="rtl"?window.innerWidth-z.left+2:z.right+2,W=z.top}}function m(){_.current.open&&(clearTimeout(_.current.open),_.current.open=null)}function P(){_.current.close&&(clearTimeout(_.current.close),_.current.close=null)}function F(l,z){P(),C!==null&&C!==l&&(m(),u(null)),dn(z)&&z.items?.length?(m(),_.current.open=setTimeout(()=>{u(l)},150)):dn(z)||(m(),C!==null&&(_.current.close=setTimeout(()=>u(null),200)))}function O(l){m(),dn(l)&&l.items?.length&&(_.current.close=setTimeout(()=>u(null),200))}return bo(Mt(Rr,{children:[we("div",{ref:I,className:`rdd-context-menu rdd-context-menu--${e}${s?` ${s}`:""}`,style:{position:"fixed",left:x.x,top:x.y,...L},role:"menu","aria-orientation":"vertical",children:x.items.map((l,z)=>{if(kn(l))return we("hr",{className:"rdd-context-menu__separator",role:"separator"},z);if(dn(l))return Mt("button",{ref:Z=>{E.current.set(z,Z)},type:"button",className:`rdd-context-menu__item rdd-context-menu__item--has-submenu${C===z?" rdd-context-menu__item--submenu-open":""}`,title:l.title?_t(l.title,w):void 0,onMouseEnter:()=>F(z,l),onMouseLeave:()=>O(l),role:"menuitem","aria-haspopup":"true","aria-expanded":C===z,children:[we("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),we("span",{className:"rdd-context-menu__label",children:_t(l.label,w)}),we("span",{className:"rdd-context-menu__chevron","aria-hidden":"true",children:"\u203A"})]},z);let H=l,B=H.checkbox&&H.checkbox.active!==!1,J=B&&H.checkbox.value,Q=H.disabled===!0||(B?H.checkbox.enabled===!1:!1);return Mt("button",{ref:Z=>{E.current.set(z,Z)},type:"button",className:`rdd-context-menu__item${Q?" rdd-context-menu__item--disabled":""}`,title:H.title?_t(H.title,w):void 0,disabled:Q,"data-cy-action":H.cyAction,onClick:()=>{Q||(H.action?.(),p())},onMouseEnter:()=>F(z,l),onMouseLeave:()=>O(l),role:"menuitem","aria-checked":B?J:void 0,children:[H.icon?we("span",{className:"rdd-context-menu__icon",children:H.icon}):we("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),we("span",{className:"rdd-context-menu__label",children:_t(H.label,w)}),B&&we("span",{className:`rdd-context-menu__checkbox${J?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:Mt("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[we("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:J?"currentColor":"none",stroke:"currentColor",strokeWidth:"1.5"}),J&&we("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},z)})}),C!==null&&(()=>{let l=x.items[C];return we(vo,{ref:k,items:l.items??[],x:R,y:W,theme:e,fmt:w,onClose:p,onMouseEnter:()=>P(),onMouseLeave:()=>{_.current.close=setTimeout(()=>u(null),200)}})})()]}),document.body)});In.displayName="ContextMenu";var Ht={Component:In},Bt=Zt.createContext(null),En=({adapter:e=Ht,children:t,...n})=>{let o=jt(null),[d,s]=Zt.useState(!1),L=Zt.useCallback(M=>{o.current?.show(M)},[]);return Mt(Bt.Provider,{value:{show:L,isOpen:d},children:[t,we(e.Component,{ref:o,...n,onShow:()=>{s(!0),n.onShow?.()},onHide:()=>{s(!1),n.onHide?.()}})]})};function wr(){let e=Zt.useContext(Bt);if(!e)throw new Error("useShowContextMenu must be used within a ContextMenuProvider");return e.show}import{createContext as xo,useContext as Co,useState as Mr,useCallback as Je,useMemo as Sr,useRef as Tr}from"react";import{jsx as Po}from"react/jsx-runtime";var kr=0,Ln=()=>`panel-${++kr}-${Date.now()}`,cn=new Map,yo={leftPanel:null,rightPanel:null,modals:[]},wo=xo(null),Ro=xo(null),zn=({children:e})=>{let[t,n]=Mr(yo),o=Tr(t);o.current=t;let d=Je((p,w)=>{cn.set(p,w)},[]),s=Je(p=>{cn.delete(p)},[]),L=Je(async(p,w,R={})=>{let W=o.current.leftPanel;if(W){let F=cn.get(W.id);if(F&&!await F())return null}let m=Ln(),P={id:m,Component:p,props:w,containerType:"left-panel",options:R};return n(F=>({...F,leftPanel:P})),m},[]),M=Je(async(p,w,R={})=>{let W=o.current.rightPanel;if(W){let F=cn.get(W.id);if(F&&!await F())return null}let m=Ln(),P={id:m,Component:p,props:w,containerType:"right-panel",options:R};return n(F=>({...F,rightPanel:P})),m},[]),x=Je((p,w,R={})=>{let W=Ln(),m=w.title,P={...R,title:R.title||m||"Confirmation"},F={id:W,Component:p,props:w,containerType:"modal",options:P};return n(O=>({...O,modals:[...O.modals,F]})),W},[]),v=Je(p=>{n(w=>({leftPanel:w.leftPanel?.id===p?null:w.leftPanel,rightPanel:w.rightPanel?.id===p?null:w.rightPanel,modals:w.modals.filter(R=>R.id!==p)}))},[]),C=Je(()=>{n(yo)},[]),u=Je(()=>{n(p=>({...p,modals:[]}))},[]),I=Je(p=>t.leftPanel?.id===p?t.leftPanel:t.rightPanel?.id===p?t.rightPanel:t.modals.find(w=>w.id===p),[t]),k=Je((p,w)=>{n(R=>({leftPanel:R.leftPanel?.id===p?{...R.leftPanel,...w}:R.leftPanel,rightPanel:R.rightPanel?.id===p?{...R.rightPanel,...w}:R.rightPanel,modals:R.modals.map(W=>W.id===p?{...W,...w}:W)}))},[]),E=Je((p,w,R)=>{k(p,{dirty:w,dirtyOptions:R})},[k]),_=Sr(()=>({openLeftPanel:L,openRightPanel:M,openModal:x,close:v,closeAll:C,closeAllModals:u,getInstance:I,updateInstance:k,setDirty:E,registerCloseHandler:d,unregisterCloseHandler:s}),[L,M,x,v,C,u,I,k,E,d,s]);return Po(wo.Provider,{value:t,children:Po(Ro.Provider,{value:_,children:e})})},gt=()=>{let e=Co(wo);if(!e)throw new Error("usePanelState must be used within PanelProvider");return e},St=()=>{let e=Co(Ro);if(!e)throw new Error("usePanelActions must be used within PanelProvider");return e};import{useEffect as Mo,useRef as Ir}from"react";import{jsx as Tt,jsxs as Nn}from"react/jsx-runtime";var Er=({title:e,message:t,alert:n,alertType:o="info",useYesNoTitles:d=!1,onOK:s,onCancel:L})=>{let{requestClose:M,setIcon:x,setTitle:v}=Dt(),C=Ue(),u=ot(),I=Ir(null);Mo(()=>{if(e){let R=typeof e=="string"?e:C(e);v(R)}x&&x(Tt("span",{children:"\u2753"}))},[e,v,x,C]),Mo(()=>{I.current?.focus({preventScroll:!0})},[]);let k=typeof t=="string"?t:C(t),E=C(d?u.no:u.cancel),_=C(d?u.yes:u.ok),p=R=>{R.preventDefault(),s?.(),M()},w=()=>{L?.(),M()};return Nn("form",{onSubmit:p,className:"rdd-confirmation-form-body",children:[n&&Nn("div",{className:`rdd-confirmation-alert rdd-confirmation-alert-${o}`,children:[Tt("span",{children:"\u2139\uFE0F"}),Tt("span",{children:n})]}),Tt("div",{style:{fontSize:"0.9rem",color:"inherit",lineHeight:1.5},children:k}),Tt("hr",{style:{marginTop:"0.5rem",marginBottom:"0.5rem",opacity:.1}}),Nn("div",{className:"rdd-confirmation-actions",children:[Tt("button",{type:"button",className:"rdd-btn rdd-btn-sm rdd-btn-outline",onClick:w,children:E}),Tt("button",{type:"submit",className:"rdd-btn rdd-btn-sm rdd-btn-primary",ref:I,children:_})]})]})},kt=Er;function Ut(e){return e==="top-left"?"top-right":e==="top-right"?"top-left":e==="bottom-left"?"bottom-right":"bottom-left"}function ft(e){let{element:t,pointerId:n,startClientX:o,startClientY:d,captureStart:s,onMove:L,onEnd:M,activeClasses:x}=e;t.setPointerCapture(n),x?.forEach(({el:I,classes:k})=>I.classList.add(...k));let v=s(),C=I=>{L(I.clientX-o,I.clientY-d,v)},u=()=>{x?.forEach(({el:I,classes:k})=>I.classList.remove(...k)),t.removeEventListener("pointermove",C),t.removeEventListener("pointerup",u),t.removeEventListener("pointercancel",u),M?.(v)};t.addEventListener("pointermove",C),t.addEventListener("pointerup",u),t.addEventListener("pointercancel",u)}function Jt(e,t,n,o,d){let{minW:s,minH:L,maxW:M,maxH:x,minX:v,minY:C}=d,{x:u,y:I,w:k,h:E}=o;if(e.includes("e")&&(k=Math.max(s,Math.min(o.w+t,M??1/0))),e.includes("w")){let _=o.w-s,p=v!=null?-(o.x-v):-1/0,w=Math.max(p,Math.min(t,_));k=o.w-w,u=o.x+w}if(e.includes("s")&&(E=Math.max(L,Math.min(o.h+n,x??1/0))),e.includes("n")){let _=o.h-L,p=C!=null?-(o.y-C):-1/0,w=Math.max(p,Math.min(n,_));E=o.h-w,I=o.y+w}return{x:u,y:I,w:k,h:E}}import{useEffect as Lr,useState as zr}from"react";function Dn(){let[e,t]=zr(()=>document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark");return Lr(()=>{let n=()=>{t(document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark")};n();let o=new MutationObserver(n);return o.observe(document.documentElement,{attributes:!0,attributeFilter:["data-color-scheme"]}),()=>o.disconnect()},[]),e}import{Fragment as ko,jsx as S,jsxs as fe}from"react/jsx-runtime";var Io=(e,t)=>{if(!e)return null;if(e.type==="leaf")return e.id===t?e:null;for(let n of e.children){let o=Io(n,t);if(o)return o}return null},Qt=new Map,un="preserved-dom-container",An=fe("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[S("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),S("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),S("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),S("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]}),$t={float:S("span",{className:"rdd-menu-icon",children:fe("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[S("rect",{x:"2",y:"8",width:"14",height:"14",rx:"1"}),S("rect",{x:"8",y:"2",width:"14",height:"14",rx:"1"})]})}),minimize:S("span",{className:"rdd-menu-icon",children:S("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",style:{display:"block"},children:S("line",{x1:"4",y1:"18",x2:"20",y2:"18"})})}),restore:S("span",{className:"rdd-menu-icon",children:S("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:S("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1"})})}),maximize:S("span",{className:"rdd-menu-icon",children:S("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:S("rect",{x:"2",y:"2",width:"20",height:"20",rx:"1"})})}),close:S("span",{className:"rdd-menu-icon",children:S("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:S("path",{d:"M18 6L6 18M6 6l12 12"})})})},Eo=e=>{let t=Qt.get(e);return t||(t=document.createElement("div"),t.style.width="100%",t.style.height="100%",Qt.set(e,t)),t},Nr=(e,t,n)=>{let o=t.component,d=n.get(o);if(!d)return console.warn(`[react-dockable-desktop] Panel "${e}" references component key "${o}" which is not registered. Add it to the WorkspaceClient panels config:
5
- new WorkspaceClient({ panels: { "${o}": { component: YourComponent } } })`),fe("div",{className:"rdd-unregistered-panel",style:{border:"2px dashed #dc3545"},children:[S("h6",{style:{fontWeight:700,marginBottom:"0.25rem"},children:"\u26A0\uFE0F Component Unregistered"}),fe("span",{style:{fontSize:"0.875rem",color:"var(--rdd-text-secondary, #94a3b8)"},children:["Key: ",o]})]});let s=d.Component;return S(s,{...t.props??{},panelId:e})},Fn=new Map,mt=new Map,It=e=>{let t=mt.get(e);return t||(t={onClose:new Set,onMinimize:new Set,onRestore:new Set,onResize:new Set,onActivate:new Set,onDeactivate:new Set,onContainerTypeChange:new Set},mt.set(e,t)),t},Lo=({panelId:e})=>{let t=Ne(null);return Se(()=>{let n=t.current;if(!n)return;let o=Eo(e);n.appendChild(o);let d=new ResizeObserver(s=>{for(let L of s){let{width:M,height:x}=L.contentRect;if(M>0&&x>0){Fn.set(e,{width:M,height:x});let v=mt.get(e);v&&v.onResize.forEach(C=>C(M,x))}}});return d.observe(n),()=>{d.disconnect();let s=document.getElementById(un);s||(s=document.createElement("div"),s.id=un,s.style.display="none",document.body.appendChild(s)),s.appendChild(o)}},[e]),S("div",{ref:t,style:{width:"100%",height:"100%"}})},Dr=({panelId:e})=>{let t=Ve(),n=Kt(),o=Ue(),d=Ne(null),s=t.panels[e],L=s?n.get(s.component):null,M=L?.defaultOptions?.disableLivePreview||!1,x=Fn.get(e)||{width:800,height:500},v=x.width,C=x.height,k=Math.min(220/v,140/C);if(Se(()=>{if(M)return;let E=d.current;if(!E)return;let _=Qt.get(e);if(_)return E.appendChild(_),()=>{let p=document.getElementById(un);p||(p=document.createElement("div"),p.id=un,p.style.display="none",document.body.appendChild(p)),p.appendChild(_)}},[e,M]),M){let E=v*k,_=C*k,p=s?.title||L?.defaultOptions?.title||"Panel",w=ve(p,o),R=(Array.from(w)[0]||"P").toUpperCase();return S("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${E}px`,height:`${_}px`,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(108, 117, 125, 0.15)",border:"1px dashed var(--rdd-taskbar-item-border, rgba(255, 255, 255, 0.15))"},children:S("div",{style:{fontSize:"2rem",fontWeight:600,color:"var(--rdd-panel-title-color, var(--rdd-panel-text, rgba(255, 255, 255, 0.85)))",userSelect:"none"},children:R})})}return S("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${v*k}px`,height:`${C*k}px`},children:S("div",{ref:d,className:"rdd-taskbar-item-preview-host",style:{width:`${v}px`,height:`${C}px`,transform:`scale(${k})`,transformOrigin:"top left",position:"absolute",top:0,left:0,"--rdd-preview-scale":k}})})},Wr=({panelId:e,children:t})=>{let n=Ve(),{requestClosePanel:o,setPanelDirty:d,registerCloseGuard:s,unregisterCloseGuard:L,registerStateProvider:M,unregisterStateProvider:x,updatePanelTitle:v,minimizePanel:C}=qt(),u=n.minimized.some(m=>m.id===e),I=Ne(u);Se(()=>{let m=mt.get(e);m&&(u&&!I.current?m.onMinimize.forEach(P=>P()):!u&&I.current&&m.onRestore.forEach(P=>P()),I.current=u)},[u,e]);let k=n.activePanelId===e,E=Ne(k);Se(()=>{let m=E.current;E.current=k;let P=mt.get(e);P&&(k&&!m?P.onActivate.forEach(F=>F()):!k&&m&&P.onDeactivate.forEach(F=>F()))},[k,e]);let _=n.panels[e]?.state,p=_==="floating"?"floating-window":"dockable-panel",w=Ne(p);Se(()=>{if(_==="minimized")return;let m=w.current;w.current=p;let P=mt.get(e);P&&p!==m&&P.onContainerTypeChange.forEach(F=>F(p))},[p,_,e]),Se(()=>()=>{let m=mt.get(e);m&&(E.current&&m.onDeactivate.forEach(P=>P()),m.onClose.forEach(P=>P()),mt.delete(e))},[e]);let R=Ne(p),W=On.useMemo(()=>({requestClose:m=>o(e,m),setDirty:m=>d(e,m),onCloseRequested:m=>(s(e,m),()=>L(e)),registerStateProvider:m=>(M(e,m),()=>x(e)),setTitle:m=>v(e,m),instanceId:e,containerType:R.current,onClose:m=>{let P=It(e);return P.onClose.add(m),()=>P.onClose.delete(m)},onMinimize:m=>{let P=It(e);return P.onMinimize.add(m),()=>P.onMinimize.delete(m)},onRestore:m=>{let P=It(e);return P.onRestore.add(m),()=>P.onRestore.delete(m)},onResize:m=>{let P=It(e);return P.onResize.add(m),()=>P.onResize.delete(m)},requestMinimize:()=>C(e),getDimensions:()=>Fn.get(e)??null,onActivate:m=>{let P=It(e);return P.onActivate.add(m),()=>P.onActivate.delete(m)},onDeactivate:m=>{let P=It(e);return P.onDeactivate.add(m),()=>P.onDeactivate.delete(m)},onContainerTypeChange:m=>{let P=It(e);return P.onContainerTypeChange.add(m),()=>P.onContainerTypeChange.delete(m)}}),[e,o,d,s,L,M,x,v,C]);return S(Ct,{value:W,children:t})},zo=({node:e,path:t,onTabRightClick:n,activeDropZone:o,onHoverDropZone:d,onTabDragStart:s,hoveredTab:L,onTabHover:M,defaultPanelIcon:x,onRequestClosePanel:v})=>{let{updateSplitSizes:C}=qt();if(e.type==="leaf")return S(Ar,{leaf:e,onTabRightClick:n,activeDropZone:o,onHoverDropZone:d,onTabDragStart:s,hoveredTab:L,onTabHover:M,defaultPanelIcon:x,onRequestClosePanel:v});let u=e.orientation==="horizontal",I=(k,E)=>{E.preventDefault();let _=E.currentTarget,p=_.parentElement,w=p?u?p.clientWidth:p.clientHeight:u?1e3:800;ft({element:_,pointerId:E.pointerId,startClientX:E.clientX,startClientY:E.clientY,captureStart:()=>[...e.sizes],activeClasses:[{el:_,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active",u?"rdd-resizing-col-active":"rdd-resizing-row-active"]}],onMove:(R,W,m)=>{let P=(u?R:W)/w,F=[...m];F[k]+=P,F[k+1]-=P,F[k]>.1&&F[k+1]>.1&&C(t,F)}})};return S("div",{style:{display:"flex",flexDirection:u?"row":"column",width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:e.children.map((k,E)=>{let _=e.sizes[E]*100;return fe(On.Fragment,{children:[S("div",{style:{flexGrow:e.sizes[E],flexBasis:`${_}%`,overflow:"hidden",position:"relative",minWidth:0,minHeight:0},children:S(zo,{node:k,path:[...t,E],onTabRightClick:n,activeDropZone:o,onHoverDropZone:d,onTabDragStart:s,hoveredTab:L,onTabHover:M,defaultPanelIcon:x,onRequestClosePanel:v})}),E<e.children.length-1&&S("div",{onPointerDown:p=>I(E,p),style:{cursor:u?"col-resize":"row-resize",width:u?"1px":"100%",height:u?"100%":"1px",zIndex:20},className:"rdd-resizer-bar"})]},E)})})},Ar=({leaf:e,onTabRightClick:t,activeDropZone:n,onHoverDropZone:o,onTabDragStart:d,hoveredTab:s,onTabHover:L,defaultPanelIcon:M,onRequestClosePanel:x})=>{let v=Ve(),C=Kt(),{openPanel:u,closeLeafGroup:I,setActivePanel:k}=Tn(),E=Ue(),_=ot(),{windowClass:p,windowBodyClass:w}=pt(),R=Ne(null),[W,m]=rt({left:!1,right:!1}),P=Wn(()=>{let l=R.current;l&&m({left:l.scrollLeft>0,right:l.scrollLeft<l.scrollWidth-l.clientWidth-1})},[]);Se(()=>{let l=R.current;if(!l)return;l.addEventListener("scroll",P,{passive:!0});let z=new ResizeObserver(P);return z.observe(l),P(),()=>{l.removeEventListener("scroll",P),z.disconnect()}},[P]);let F=l=>{R.current?.scrollBy({left:l==="left"?-120:120,behavior:"smooth"})},O=l=>{u(l,v.panels[l].component),k(l)};return fe("div",{"data-active-panel-id":e.activePanelId||"",className:`rdd-workspace-panel ${p??""}`,style:{overflow:"hidden",position:"relative"},children:[fe("div",{className:"rdd-workspace-tab-bar",style:{minHeight:"38px"},children:[W.left&&S("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-left",onPointerDown:l=>l.stopPropagation(),onClick:()=>F("left"),tabIndex:-1,"aria-label":"Scroll tabs left",children:"\u2039"}),S("div",{ref:R,className:"rdd-tab-headers-container",style:{scrollbarWidth:"none"},onPointerMove:l=>{v.draggedPanelId&&l.target===l.currentTarget&&L(e.id,"EMPTY",e.panels.length,"right")},onPointerLeave:l=>{v.draggedPanelId&&l.target===l.currentTarget&&L(e.id,"",-1,null)},children:e.panels.map((l,z)=>{let H=v.panels[l];if(!H)return null;let B=e.activePanelId===l,J=v.activePanelId===l,Z=C.get(H.component)?.defaultOptions,me=s&&s.leafId===e.id&&s.panelId===l,le=z===e.panels.length-1,Y=s&&s.leafId===e.id&&s.panelId==="EMPTY"&&le,j=me?s.side==="left"?"rdd-drag-hover-left":"rdd-drag-hover-right":Y?"rdd-drag-hover-right":"",X=B?J?"rdd-active rdd-workspace-tab-active-focused":"rdd-active rdd-workspace-tab-active-unfocused":"rdd-workspace-tab-inactive";return fe("div",{"data-tab-id":l,"data-leaf-id":e.id,"data-tab-index":String(z),onClick:()=>O(l),onPointerDown:G=>{Z?.canDrag!==!1&&d(l,G)},onContextMenu:G=>t(l,G),onPointerMove:G=>{if(v.draggedPanelId&&G.pointerType!=="touch"){let re=G.currentTarget.getBoundingClientRect(),Oe=G.clientX-re.left<re.width/2?"left":"right";L(e.id,l,z,Oe)}},onPointerLeave:()=>{v.draggedPanelId&&L(e.id,"",-1,null)},className:`rdd-workspace-tab ${X} ${j}`,style:{cursor:Z?.canDrag===!1?"default":"pointer"},children:[fe("span",{className:"rdd-text-truncate",style:{maxWidth:"120px",display:"flex",alignItems:"center"},children:[S("span",{className:"rdd-workspace-tab-icon",children:Z?.icon||M||An}),fe("span",{children:[ve(H.title,E),H.dirty?" *":""]})]}),Z?.renderHeaderActions&&S("span",{className:"rdd-tab-header-actions",onClick:G=>G.stopPropagation(),onPointerDown:G=>G.stopPropagation(),children:Z.renderHeaderActions(l)}),Z?.canClose!==!1&&S("span",{onClick:G=>{G.stopPropagation(),x(l)},title:ve(_.closeTab,E),className:"rdd-close-tab-x",style:{width:"18px",height:"18px",...Z?.renderHeaderActions?{}:{marginInlineStart:"auto"}},children:S("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:S("path",{d:"M18 6L6 18M6 6l12 12"})})})]},l)})}),W.right&&S("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-right",onPointerDown:l=>l.stopPropagation(),onClick:()=>F("right"),tabIndex:-1,"aria-label":"Scroll tabs right",children:"\u203A"}),e.panels.length===0&&e.keepOnEmpty&&e.canClose!==!1&&S("span",{onClick:()=>I(e.id),className:"rdd-close-tab-x rdd-header-close-empty-group",style:{width:"18px",height:"18px",cursor:"pointer"},title:ve(_.closeEmptyGroup,E),children:S("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:S("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),fe("div",{className:`rdd-panel-body ${w??""}`,style:{position:"relative",overflow:"hidden"},children:[e.activePanelId&&v.panels[e.activePanelId]?S(Lo,{panelId:e.activePanelId},e.activePanelId):S("div",{className:"rdd-empty-leaf-placeholder",children:S("span",{children:"Empty Workspace Section"})}),v.draggedPanelId!==null&&(()=>{let l=z=>n?.leafId===e.id&&n.position===z;return S("div",{className:"rdd-dock-drop-zone-overlay",children:fe("div",{className:"rdd-dock-target-cross",children:[S("div",{"data-leaf-id":e.id,"data-drop-zone":"top",onPointerEnter:()=>o(e.id,"top"),onPointerLeave:()=>o(e.id,null),className:`rdd-dock-target-box rdd-dock-target-top${l("top")?" rdd-dock-target-box--active":""}`,children:"\u25B2"}),S("div",{"data-leaf-id":e.id,"data-drop-zone":"bottom",onPointerEnter:()=>o(e.id,"bottom"),onPointerLeave:()=>o(e.id,null),className:`rdd-dock-target-box rdd-dock-target-bottom${l("bottom")?" rdd-dock-target-box--active":""}`,children:"\u25BC"}),S("div",{"data-leaf-id":e.id,"data-drop-zone":"left",onPointerEnter:()=>o(e.id,"left"),onPointerLeave:()=>o(e.id,null),className:`rdd-dock-target-box rdd-dock-target-left${l("left")?" rdd-dock-target-box--active":""}`,children:"\u25C0"}),S("div",{"data-leaf-id":e.id,"data-drop-zone":"right",onPointerEnter:()=>o(e.id,"right"),onPointerLeave:()=>o(e.id,null),className:`rdd-dock-target-box rdd-dock-target-right${l("right")?" rdd-dock-target-box--active":""}`,children:"\u25B6"}),S("div",{"data-leaf-id":e.id,"data-drop-zone":"center",onPointerEnter:()=>o(e.id,"center"),onPointerLeave:()=>o(e.id,null),className:`rdd-dock-target-box rdd-dock-target-center${l("center")?" rdd-dock-target-box--active":""}`,children:"\u25A3"})]})})})(),v.draggedPanelId!==null&&n!==null&&n.leafId===e.id&&S("div",{className:"rdd-dock-preview-highlight",style:(()=>{let l=n.position,z=`${v.splitRatio*100}%`,H=`${(1-v.splitRatio)*100}%`;return{left:l==="right"?H:"0",top:l==="bottom"?H:"0",width:l==="left"||l==="right"?z:"100%",height:l==="top"||l==="bottom"?z:"100%"}})()})]})]})},Or=({skin:e="vscode",defaultPanelIcon:t,taskbarVisibility:n="always",contextMenuAdapter:o=Ht,animations:d=!0})=>{let s=Ve(),L=Kt(),{restorePanel:M,minimizePanel:x,requestClosePanel:v,maximizePanel:C,updateFloatingPosition:u,focusPanel:I,floatPanel:k,setDraggedPanelId:E,dockPanelToGroup:_,movePanelOrder:p,dockPanelToWorkspaceEdge:w,setActivePanel:R,getPanelContextMenuItems:W,showContextMenu:m,registerContextMenuFn:P}=Tn(),{openModal:F}=St(),O=Ue(),l=ot(),z=On.useCallback(r=>{let y=s.panels[r];v(r,{onConfirm:g=>new Promise(h=>{let f=g||y?.dirtyOptions,T=y?ve(y.title,O):"Panel";F(kt,{title:f?.title||l.unsavedChangesTitle,message:f?.message||{id:l.unsavedChangesMessage.id,defaultMessage:l.unsavedChangesMessage.defaultMessage,values:{title:T}},alert:f?.alert,alertType:f?.alertType||"danger",useYesNoTitles:!0,onOK:()=>h(!0),onCancel:()=>h(!1)},{size:"small"})})})},[v,s.panels,O,F,l]),{windowClass:H,windowBodyClass:B}=pt(),J=So(Bt),Q=Ne(null);Se(()=>P(J!==null?r=>J.show(r):r=>Q.current?.show(r)),[J,P]);let Z=Ne(null),[me,le]=rt(!1),Y=Ne(null),j=Ne(s.minimized.length),[X,G]=rt(null),re=Ne(null),ue=Ne("mouse"),[Oe,U]=rt(!1),Fe=J!==null?J.isOpen:Oe;Se(()=>()=>{re.current&&clearTimeout(re.current)},[]),Se(()=>{X&&(s.minimized.some(y=>y.id===X.id)||G(null))},[s.minimized,X]),Se(()=>{if(!X?.fromTouch)return;let r=y=>{y.pointerType!=="touch"||document.querySelector(".rdd-taskbar-item-tooltip")?.contains(y.target)||G(null)};return document.addEventListener("pointerdown",r,{capture:!0}),()=>document.removeEventListener("pointerdown",r,{capture:!0})},[X?.fromTouch]);let[$e,Be]=rt(null),Ge=Ne(null),[st,tt]=rt({x:0,y:0}),[nt,qe]=rt(null),je=Ne(null),se=r=>{qe(r),je.current=r},[ee,Ee]=rt(null),$=Ne(null),q=r=>{Ee(r),$.current=r},ce=So(Ft)?.isRtl??!1,[he,be]=rt(null),ye=Ne(null),De=(r,y,g,h)=>{let f=h?{leafId:r,panelId:y,index:g,side:h}:null;be(f),ye.current=f},_e=(r,y)=>{let g=y?{leafId:r,position:y}:null;Be(g),Ge.current=g,g&&(se(null),q(null))},We=(r,y)=>{let g=document.elementsFromPoint(r,y),h=!1,f=!1,T=!1;for(let N of g)if(N instanceof HTMLElement){if(!h&&N.dataset.dropZone){let D=N.dataset.leafId;if(D){let K=N.dataset.dropZone;Be({leafId:D,position:K}),Ge.current={leafId:D,position:K},h=!0}}if(!T&&N.dataset.tabId){let D=N.dataset.leafId,K=parseInt(N.dataset.tabIndex||"0",10);if(D){let te=N.getBoundingClientRect(),V=r-te.left<te.width/2?"left":"right";be({leafId:D,panelId:N.dataset.tabId,index:K,side:V}),ye.current={leafId:D,panelId:N.dataset.tabId,index:K,side:V},T=!0}}if(!f&&N.dataset.edgeTrigger&&(se(N.dataset.edgeTrigger),f=!0),h&&f&&T)break}h||(Be(null),Ge.current=null),f||se(null),T||(be(null),ye.current=null)},Me=300,at=8,Pe=()=>{E(null),Be(null),Ge.current=null,be(null),ye.current=null,se(null)},Ce=r=>s.isRtl?r==="left"?"right":r==="right"?"left":r:r,Le=(r,y)=>{let g=Ge.current,h=ye.current,f=je.current,T=$.current;if(f)w(r,Ce(f));else if(h){let N=h.index;h.side==="right"&&(N+=1);let D=Io(s.gridRoot,h.leafId);if(D){let K=D.panels.indexOf(r);K!==-1&&K<N&&(N-=1)}p(r,h.leafId,N)}else g?_(r,g.leafId,Ce(g.position)):T?k(r,void 0,ce?Ut(T):T):k(r,{x:y.clientX-150,y:y.clientY-15,width:450,height:350});q(null),Pe()},He=(r,y)=>{if(y.pointerType==="mouse"&&y.button!==0)return;y.preventDefault();let g=y.currentTarget,h=y.clientX,f=y.clientY;if(y.pointerType==="touch"){let T=y.pointerId,N=!1,D=()=>{N=!0,clearTimeout(te),g.removeEventListener("pointermove",K),g.removeEventListener("pointerup",D),g.removeEventListener("pointercancel",D)},K=V=>{Math.hypot(V.clientX-h,V.clientY-f)>at&&D()},te=setTimeout(()=>{if(N)return;g.removeEventListener("pointermove",K),g.removeEventListener("pointerup",D),g.removeEventListener("pointercancel",D);try{g.setPointerCapture(T)}catch{return}g.classList.add("rdd-long-press-active"),document.body.classList.add("rdd-dragging-active"),navigator.vibrate&&navigator.vibrate(10);let V=!1,oe=de=>{V||(V=!0,E(r)),tt({x:de.clientX,y:de.clientY}),We(de.clientX,de.clientY)},pe=de=>{g.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),g.removeEventListener("pointermove",oe),g.removeEventListener("pointerup",pe),g.removeEventListener("pointercancel",ie),V?Le(r,de):Ye(r,de)},ie=()=>{g.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),g.removeEventListener("pointermove",oe),g.removeEventListener("pointerup",pe),g.removeEventListener("pointercancel",ie),V&&Pe()};g.addEventListener("pointermove",oe),g.addEventListener("pointerup",pe),g.addEventListener("pointercancel",ie)},Me);g.addEventListener("pointermove",K),g.addEventListener("pointerup",D),g.addEventListener("pointercancel",D)}else{let T=!1,N=te=>{let V=te.clientX-h,oe=te.clientY-f;!T&&(Math.abs(V)>5||Math.abs(oe)>5)&&(T=!0,E(r)),T&&tt({x:te.clientX,y:te.clientY})},D=te=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",N),window.removeEventListener("pointerup",D),window.removeEventListener("pointercancel",K),T&&Le(r,te)},K=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",N),window.removeEventListener("pointerup",D),window.removeEventListener("pointercancel",K),T&&Pe()};document.body.classList.add("rdd-dragging-active"),window.addEventListener("pointermove",N),window.addEventListener("pointerup",D),window.addEventListener("pointercancel",K)}},Ye=(r,y)=>{y.preventDefault();let g=s.panels[r];if(!g)return;let f=L.get(g.component)?.defaultOptions,T=[];if(f?.canDrag!==!1&&T.push({label:ve(l.floatWindow,O),icon:$t.float,action:()=>k(r)}),f?.canMinimize!==!1&&T.push({label:ve(l.minimizePanel,O),icon:$t.minimize,action:()=>x(r)}),T.length>0&&f?.canClose!==!1&&T.push({separator:!0}),f?.canClose!==!1&&T.push({label:ve(l.closeTab,O),icon:$t.close,action:()=>z(r)}),T.length===0)return;let N=W(r),D=N.length>0?[...T,{separator:!0},...N]:T;m({event:y,items:D})},ze=(r,y)=>{y.preventDefault(),G(null),m({event:y,items:[{label:ve(l.restorePanel,O),icon:$t.restore,action:()=>M(r)},{label:ve(l.maximizePanel,O),icon:$t.maximize,action:()=>C(r)},{separator:!0},{label:ve(l.closePanel,O),icon:$t.close,action:()=>z(r)}]})};Se(()=>{let r=Object.keys(s.panels);for(let y of Array.from(Qt.keys()))r.includes(y)||Qt.delete(y)},[s.panels]),Se(()=>{let r=()=>{s.draggedPanelId!==null&&(E(null),Be(null),be(null))};return window.addEventListener("blur",r),()=>{window.removeEventListener("blur",r)}},[s.draggedPanelId]);let ut=Ne(null),[lt,yt]=rt({width:1024,height:768});Se(()=>{let r=ut.current;if(!r)return;let y=!1,g=new ResizeObserver(h=>{if(!h||h.length===0)return;let f=h[0].contentRect;if(process.env.NODE_ENV==="development"&&f.height<10&&!y){y=!0;let T=r,N=r.parentElement;for(;N&&N!==document.documentElement&&N.getBoundingClientRect().height<10;){T=N;N=N.parentElement}let D=T.tagName.toLowerCase(),K=T.id?` id="${T.id}"`:"",te=T.className?` class="${T.className}"`:"",V=T===r?"the WindowManager container itself":`a wrapper element: <${D}${K}${te}>`;console.warn(`[react-dockable-desktop] Workspace height is 0px \u2014 the workspace will be invisible.
4
+ Without it the workspace renders as a black screen with no console errors.`)}catch{}},[]),Wt(()=>{if(t)return t._connect(Ye),()=>{t._disconnect()}},[t,Ye]);let Xt=sn(()=>({getSnapshot:R,subscribeToState:H}),[R,H]);return xt(ao.Provider,{value:Yt,children:xt(lo.Provider,{value:k,children:xt(io.Provider,{value:Xt,children:xt(At.Provider,{value:C,children:xt(an.Provider,{value:Ye,children:xt(ro.Provider,{value:T||Oe,children:xt(so.Provider,{value:E,children:e})})})})})})})},oo=e=>()=>{};function je(e){let t=ct(At),n=ct(io),o=et(e);o.current=e;let a=hr(e?n?.subscribeToState??oo:oo,()=>{let s=n?.getSnapshot()??t;return o.current?o.current(s):s},()=>{let s=n?.getSnapshot()??t;return o.current?o.current(s):s});if(!t)throw new Error("useWindowManagerState must be used within WindowManagerProvider");return e?a:t}var qt=()=>{let e=ct(an);if(!e)throw new Error("useWindowManagerActions must be used within WindowManagerProvider");return e},Tn=()=>{let e=ct(an);if(!e)throw new Error("useWindowManagerActionsInternal must be used within WindowManagerProvider");return e},Ke=()=>ct(ro)||(t=>{let n=t.defaultMessage||t.id;return t.values&&Object.entries(t.values).forEach(([o,a])=>{n=n.replace(`{${o}}`,String(a))}),n}),ge=(e,t)=>e?typeof e=="string"?e:t(e):"",yr=()=>{let{publish:e,subscribe:t}=qt();return{publish:e,subscribe:t}},Ze=()=>ct(so),ln=()=>zt().instanceId;function Pr(e){let t=ct(an),n=ln(),o=et(e);o.current=e,Wt(()=>{if(!(!t?.registerPanelContextMenu||!n))return t.registerPanelContextMenu(n,()=>o.current)},[n,t?.registerPanelContextMenu])}import Zt,{forwardRef as mo,useImperativeHandle as xr,useState as po,useRef as jt,useEffect as go,useLayoutEffect as ho}from"react";import{createPortal as bo}from"react-dom";import{Fragment as Rr,jsx as xe,jsxs as wt}from"react/jsx-runtime";function Cr(e){return e?"touches"in e&&e.touches.length>0?{x:e.touches[0].clientX,y:e.touches[0].clientY}:{x:e.clientX,y:e.clientY}:{x:0,y:0}}function Ot(e,t){return typeof e=="string"?e:t?t(e):e.defaultMessage??e.id}function kn(e){return"separator"in e}function dn(e){return!kn(e)&&"items"in e}var vo=mo(({items:e,x:t,y:n,theme:o,fmt:a,onClose:s,onMouseEnter:I,onMouseLeave:M},x)=>(ho(()=>{let y=x?.current;if(!y)return;let w=y.getBoundingClientRect(),c=8;w.right>window.innerWidth-c&&(y.style.left=`${Math.max(c,window.innerWidth-w.width-c)}px`,y.style.right="auto"),w.bottom>window.innerHeight-c&&(y.style.top=`${Math.max(c,window.innerHeight-w.height-c)}px`),w.left<c&&(y.style.left=`${c}px`,y.style.right="auto"),w.top<c&&(y.style.top=`${c}px`)}),bo(xe("div",{ref:x,className:`rdd-context-menu rdd-context-menu--${o} rdd-context-menu--submenu`,style:{position:"fixed",left:t,top:n},role:"menu",onMouseEnter:I,onMouseLeave:M,children:e.map((y,w)=>{if(kn(y))return xe("hr",{className:"rdd-context-menu__separator",role:"separator"},w);let c=y,k=c.checkbox&&c.checkbox.active!==!1,T=k&&c.checkbox.value,A=c.disabled===!0||(k?c.checkbox.enabled===!1:!1);return wt("button",{type:"button",className:`rdd-context-menu__item${A?" rdd-context-menu__item--disabled":""}`,title:c.title?Ot(c.title,a):void 0,disabled:A,"data-cy-action":c.cyAction,onClick:()=>{A||(c.action?.(),s())},role:"menuitem","aria-checked":k?T:void 0,children:[c.icon?xe("span",{className:"rdd-context-menu__icon",children:c.icon}):xe("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),xe("span",{className:"rdd-context-menu__label",children:Ot(c.label,a)}),k&&xe("span",{className:`rdd-context-menu__checkbox${T?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:wt("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[xe("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:"none",stroke:"currentColor",strokeWidth:"1.5"}),T&&xe("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},w)})}),document.body)));vo.displayName="ContextMenuSubMenuPanel";var fo={visible:!1,x:0,y:0,items:[]},In=mo(({theme:e="dark",formatMessageProvider:t,onShow:n,onHide:o,onOpenChange:a,className:s,style:I},M)=>{let[x,y]=po(fo),[w,c]=po(null),k=jt(null),T=jt(null),A=jt(new Map),_=jt({open:null,close:null}),u=Zt.useCallback(()=>{y(fo),c(null),_.current.open&&clearTimeout(_.current.open),_.current.close&&clearTimeout(_.current.close),_.current.open=null,_.current.close=null,o?.(),a?.(!1)},[o,a]);if(xr(M,()=>({show({event:l,x:E,y:F,items:X}){let Z=l?Cr(l):{x:E??0,y:F??0};A.current.clear(),y({visible:!0,x:Z.x,y:Z.y,items:X}),c(null),n?.(),a?.(!0)}}),[n,a]),go(()=>{if(!x.visible)return;let l=E=>{k.current?.contains(E.target)||T.current?.contains(E.target)||u()};return document.addEventListener("pointerdown",l,{capture:!0}),window.addEventListener("click",l),()=>{document.removeEventListener("pointerdown",l,{capture:!0}),window.removeEventListener("click",l)}},[x.visible,u]),go(()=>{if(!x.visible)return;let l=E=>{E.key==="Escape"&&u()};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[x.visible,u]),ho(()=>{if(!x.visible||!k.current)return;let l=k.current,E=l.getBoundingClientRect(),F=8;E.right>window.innerWidth-F&&(l.style.left=`${Math.max(F,window.innerWidth-E.width-F)}px`),E.bottom>window.innerHeight-F&&(l.style.top=`${Math.max(F,window.innerHeight-E.height-F)}px`),E.left<F&&(l.style.left=`${F}px`),E.top<F&&(l.style.top=`${F}px`)},[x.visible]),!x.visible)return null;let C=t,P=0,O=0;if(w!==null){let l=A.current.get(w);if(l){let E=l.getBoundingClientRect();P=document.documentElement.dir==="rtl"?window.innerWidth-E.left+2:E.right+2,O=E.top}}function m(){_.current.open&&(clearTimeout(_.current.open),_.current.open=null)}function R(){_.current.close&&(clearTimeout(_.current.close),_.current.close=null)}function H(l,E){R(),w!==null&&w!==l&&(m(),c(null)),dn(E)&&E.items?.length?(m(),_.current.open=setTimeout(()=>{c(l)},150)):dn(E)||(m(),w!==null&&(_.current.close=setTimeout(()=>c(null),200)))}function D(l){m(),dn(l)&&l.items?.length&&(_.current.close=setTimeout(()=>c(null),200))}return bo(wt(Rr,{children:[xe("div",{ref:k,className:`rdd-context-menu rdd-context-menu--${e}${s?` ${s}`:""}`,style:{position:"fixed",left:x.x,top:x.y,...I},role:"menu","aria-orientation":"vertical",children:x.items.map((l,E)=>{if(kn(l))return xe("hr",{className:"rdd-context-menu__separator",role:"separator"},E);if(dn(l))return wt("button",{ref:Q=>{A.current.set(E,Q)},type:"button",className:`rdd-context-menu__item rdd-context-menu__item--has-submenu${w===E?" rdd-context-menu__item--submenu-open":""}`,title:l.title?Ot(l.title,C):void 0,onMouseEnter:()=>H(E,l),onMouseLeave:()=>D(l),role:"menuitem","aria-haspopup":"true","aria-expanded":w===E,children:[xe("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),xe("span",{className:"rdd-context-menu__label",children:Ot(l.label,C)}),xe("span",{className:"rdd-context-menu__chevron","aria-hidden":"true",children:"\u203A"})]},E);let F=l,X=F.checkbox&&F.checkbox.active!==!1,Z=X&&F.checkbox.value,U=F.disabled===!0||(X?F.checkbox.enabled===!1:!1);return wt("button",{ref:Q=>{A.current.set(E,Q)},type:"button",className:`rdd-context-menu__item${U?" rdd-context-menu__item--disabled":""}`,title:F.title?Ot(F.title,C):void 0,disabled:U,"data-cy-action":F.cyAction,onClick:()=>{U||(F.action?.(),u())},onMouseEnter:()=>H(E,l),onMouseLeave:()=>D(l),role:"menuitem","aria-checked":X?Z:void 0,children:[F.icon?xe("span",{className:"rdd-context-menu__icon",children:F.icon}):xe("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),xe("span",{className:"rdd-context-menu__label",children:Ot(F.label,C)}),X&&xe("span",{className:`rdd-context-menu__checkbox${Z?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:wt("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[xe("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:Z?"currentColor":"none",stroke:"currentColor",strokeWidth:"1.5"}),Z&&xe("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},E)})}),w!==null&&(()=>{let l=x.items[w];return xe(vo,{ref:T,items:l.items??[],x:P,y:O,theme:e,fmt:C,onClose:u,onMouseEnter:()=>R(),onMouseLeave:()=>{_.current.close=setTimeout(()=>c(null),200)}})})()]}),document.body)});In.displayName="ContextMenu";var Ft={Component:In},_t=Zt.createContext(null),En=({adapter:e=Ft,children:t,...n})=>{let o=jt(null),[a,s]=Zt.useState(!1),I=Zt.useCallback(M=>{o.current?.show(M)},[]);return wt(_t.Provider,{value:{show:I,isOpen:a},children:[t,xe(e.Component,{ref:o,...n,onShow:()=>{s(!0),n.onShow?.()},onHide:()=>{s(!1),n.onHide?.()}})]})};function wr(){let e=Zt.useContext(_t);if(!e)throw new Error("useShowContextMenu must be used within a ContextMenuProvider");return e.show}import{createContext as xo,useContext as Co,useState as Mr,useCallback as tt,useMemo as Sr,useRef as Tr}from"react";import{jsx as Po}from"react/jsx-runtime";var kr=0,Ln=()=>`panel-${++kr}-${Date.now()}`,cn=new Map,yo={leftPanel:null,rightPanel:null,modals:[]},wo=xo(null),Ro=xo(null),zn=({children:e})=>{let[t,n]=Mr(yo),o=Tr(t);o.current=t;let a=tt((u,C)=>{cn.set(u,C)},[]),s=tt(u=>{cn.delete(u)},[]),I=tt(async(u,C,P={})=>{let O=o.current.leftPanel;if(O){let H=cn.get(O.id);if(H&&!await H())return null}let m=Ln(),R={id:m,Component:u,props:C,containerType:"left-panel",options:P};return n(H=>({...H,leftPanel:R})),m},[]),M=tt(async(u,C,P={})=>{let O=o.current.rightPanel;if(O){let H=cn.get(O.id);if(H&&!await H())return null}let m=Ln(),R={id:m,Component:u,props:C,containerType:"right-panel",options:P};return n(H=>({...H,rightPanel:R})),m},[]),x=tt((u,C,P={})=>{let O=Ln(),m=C.title,R={...P,title:P.title||m||"Confirmation"},H={id:O,Component:u,props:C,containerType:"modal",options:R};return n(D=>({...D,modals:[...D.modals,H]})),O},[]),y=tt(u=>{n(C=>({leftPanel:C.leftPanel?.id===u?null:C.leftPanel,rightPanel:C.rightPanel?.id===u?null:C.rightPanel,modals:C.modals.filter(P=>P.id!==u)}))},[]),w=tt(()=>{n(yo)},[]),c=tt(()=>{n(u=>({...u,modals:[]}))},[]),k=tt(u=>t.leftPanel?.id===u?t.leftPanel:t.rightPanel?.id===u?t.rightPanel:t.modals.find(C=>C.id===u),[t]),T=tt((u,C)=>{n(P=>({leftPanel:P.leftPanel?.id===u?{...P.leftPanel,...C}:P.leftPanel,rightPanel:P.rightPanel?.id===u?{...P.rightPanel,...C}:P.rightPanel,modals:P.modals.map(O=>O.id===u?{...O,...C}:O)}))},[]),A=tt((u,C,P)=>{T(u,{dirty:C,dirtyOptions:P})},[T]),_=Sr(()=>({openLeftPanel:I,openRightPanel:M,openModal:x,close:y,closeAll:w,closeAllModals:c,getInstance:k,updateInstance:T,setDirty:A,registerCloseHandler:a,unregisterCloseHandler:s}),[I,M,x,y,w,c,k,T,A,a,s]);return Po(wo.Provider,{value:t,children:Po(Ro.Provider,{value:_,children:e})})},gt=()=>{let e=Co(wo);if(!e)throw new Error("usePanelState must be used within PanelProvider");return e},Rt=()=>{let e=Co(Ro);if(!e)throw new Error("usePanelActions must be used within PanelProvider");return e};import{useEffect as Mo,useRef as Ir}from"react";import{jsx as Mt,jsxs as Nn}from"react/jsx-runtime";var Er=({title:e,message:t,alert:n,alertType:o="info",useYesNoTitles:a=!1,onOK:s,onCancel:I})=>{let{requestClose:M,setIcon:x,setTitle:y}=zt(),w=Ke(),c=Ze(),k=Ir(null);Mo(()=>{if(e){let P=typeof e=="string"?e:w(e);y(P)}x&&x(Mt("span",{children:"\u2753"}))},[e,y,x,w]),Mo(()=>{k.current?.focus({preventScroll:!0})},[]);let T=typeof t=="string"?t:w(t),A=w(a?c.no:c.cancel),_=w(a?c.yes:c.ok),u=P=>{P.preventDefault(),s?.(),M()},C=()=>{I?.(),M()};return Nn("form",{onSubmit:u,className:"rdd-confirmation-form-body",children:[n&&Nn("div",{className:`rdd-confirmation-alert rdd-confirmation-alert-${o}`,children:[Mt("span",{children:"\u2139\uFE0F"}),Mt("span",{children:n})]}),Mt("div",{style:{fontSize:"0.9rem",color:"inherit",lineHeight:1.5},children:T}),Mt("hr",{style:{marginTop:"0.5rem",marginBottom:"0.5rem",opacity:.1}}),Nn("div",{className:"rdd-confirmation-actions",children:[Mt("button",{type:"button",className:"rdd-btn rdd-btn-sm rdd-btn-outline",onClick:C,children:A}),Mt("button",{type:"submit",className:"rdd-btn rdd-btn-sm rdd-btn-primary",ref:k,children:_})]})]})},St=Er;function Ut(e){return e==="top-left"?"top-right":e==="top-right"?"top-left":e==="bottom-left"?"bottom-right":"bottom-left"}function ft(e){let{element:t,pointerId:n,startClientX:o,startClientY:a,captureStart:s,onMove:I,onEnd:M,activeClasses:x}=e;t.setPointerCapture(n),x?.forEach(({el:k,classes:T})=>k.classList.add(...T));let y=s(),w=k=>{I(k.clientX-o,k.clientY-a,y)},c=()=>{x?.forEach(({el:k,classes:T})=>k.classList.remove(...T)),t.removeEventListener("pointermove",w),t.removeEventListener("pointerup",c),t.removeEventListener("pointercancel",c),M?.(y)};t.addEventListener("pointermove",w),t.addEventListener("pointerup",c),t.addEventListener("pointercancel",c)}function Jt(e,t,n,o,a){let{minW:s,minH:I,maxW:M,maxH:x,minX:y,minY:w}=a,{x:c,y:k,w:T,h:A}=o;if(e.includes("e")&&(T=Math.max(s,Math.min(o.w+t,M??1/0))),e.includes("w")){let _=o.w-s,u=y!=null?-(o.x-y):-1/0,C=Math.max(u,Math.min(t,_));T=o.w-C,c=o.x+C}if(e.includes("s")&&(A=Math.max(I,Math.min(o.h+n,x??1/0))),e.includes("n")){let _=o.h-I,u=w!=null?-(o.y-w):-1/0,C=Math.max(u,Math.min(n,_));A=o.h-C,k=o.y+C}return{x:c,y:k,w:T,h:A}}import{useEffect as Lr,useState as zr}from"react";function Dn(){let[e,t]=zr(()=>document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark");return Lr(()=>{let n=()=>{t(document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark")};n();let o=new MutationObserver(n);return o.observe(document.documentElement,{attributes:!0,attributeFilter:["data-color-scheme"]}),()=>o.disconnect()},[]),e}import{Fragment as ko,jsx as S,jsxs as fe}from"react/jsx-runtime";var Io=(e,t)=>{if(!e)return null;if(e.type==="leaf")return e.id===t?e:null;for(let n of e.children){let o=Io(n,t);if(o)return o}return null},Qt=new Map,un="preserved-dom-container",An=fe("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[S("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),S("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),S("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),S("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]}),Ht={float:S("span",{className:"rdd-menu-icon",children:fe("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[S("rect",{x:"2",y:"8",width:"14",height:"14",rx:"1"}),S("rect",{x:"8",y:"2",width:"14",height:"14",rx:"1"})]})}),minimize:S("span",{className:"rdd-menu-icon",children:S("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",style:{display:"block"},children:S("line",{x1:"4",y1:"18",x2:"20",y2:"18"})})}),restore:S("span",{className:"rdd-menu-icon",children:S("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:S("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1"})})}),maximize:S("span",{className:"rdd-menu-icon",children:S("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:S("rect",{x:"2",y:"2",width:"20",height:"20",rx:"1"})})}),close:S("span",{className:"rdd-menu-icon",children:S("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:S("path",{d:"M18 6L6 18M6 6l12 12"})})})},Eo=e=>{let t=Qt.get(e);return t||(t=document.createElement("div"),t.style.width="100%",t.style.height="100%",Qt.set(e,t)),t},Nr=(e,t,n)=>{let o=t.component,a=n.get(o);if(!a)return console.warn(`[react-dockable-desktop] Panel "${e}" references component key "${o}" which is not registered. Add it to the WorkspaceClient panels config:
5
+ new WorkspaceClient({ panels: { "${o}": { component: YourComponent } } })`),fe("div",{className:"rdd-unregistered-panel",style:{border:"2px dashed #dc3545"},children:[S("h6",{style:{fontWeight:700,marginBottom:"0.25rem"},children:"\u26A0\uFE0F Component Unregistered"}),fe("span",{style:{fontSize:"0.875rem",color:"var(--rdd-text-secondary, #94a3b8)"},children:["Key: ",o]})]});let s=a.Component;return S(s,{...t.props??{},panelId:e})},Fn=new Map,mt=new Map,Tt=e=>{let t=mt.get(e);return t||(t={onClose:new Set,onMinimize:new Set,onRestore:new Set,onResize:new Set,onActivate:new Set,onDeactivate:new Set,onContainerTypeChange:new Set},mt.set(e,t)),t},Lo=({panelId:e})=>{let t=Fe(null);return we(()=>{let n=t.current;if(!n)return;let o=Eo(e);n.appendChild(o);let a=new ResizeObserver(s=>{for(let I of s){let{width:M,height:x}=I.contentRect;if(M>0&&x>0){Fn.set(e,{width:M,height:x});let y=mt.get(e);y&&y.onResize.forEach(w=>w(M,x))}}});return a.observe(n),()=>{a.disconnect();let s=document.getElementById(un);s||(s=document.createElement("div"),s.id=un,s.style.display="none",document.body.appendChild(s)),s.appendChild(o)}},[e]),S("div",{ref:t,style:{width:"100%",height:"100%"}})},Dr=({panelId:e})=>{let t=je(),n=Kt(),o=Ke(),a=Fe(null),s=t.panels[e],I=s?n.get(s.component):null,M=I?.defaultOptions?.disableLivePreview||!1,x=Fn.get(e)||{width:800,height:500},y=x.width,w=x.height,T=Math.min(220/y,140/w);if(we(()=>{if(M)return;let A=a.current;if(!A)return;let _=Qt.get(e);if(_)return A.appendChild(_),()=>{let u=document.getElementById(un);u||(u=document.createElement("div"),u.id=un,u.style.display="none",document.body.appendChild(u)),u.appendChild(_)}},[e,M]),M){let A=y*T,_=w*T,u=s?.title||I?.defaultOptions?.title||"Panel",C=ge(u,o),P=(Array.from(C)[0]||"P").toUpperCase();return S("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${A}px`,height:`${_}px`,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(108, 117, 125, 0.15)",border:"1px dashed var(--rdd-taskbar-item-border, rgba(255, 255, 255, 0.15))"},children:S("div",{style:{fontSize:"2rem",fontWeight:600,color:"var(--rdd-panel-title-color, var(--rdd-panel-text, rgba(255, 255, 255, 0.85)))",userSelect:"none"},children:P})})}return S("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${y*T}px`,height:`${w*T}px`},children:S("div",{ref:a,className:"rdd-taskbar-item-preview-host",style:{width:`${y}px`,height:`${w}px`,transform:`scale(${T})`,transformOrigin:"top left",position:"absolute",top:0,left:0,"--rdd-preview-scale":T}})})},Wr=({panelId:e,children:t})=>{let n=je(),{requestClosePanel:o,setPanelDirty:a,registerCloseGuard:s,unregisterCloseGuard:I,registerStateProvider:M,unregisterStateProvider:x,updatePanelTitle:y,minimizePanel:w}=qt(),c=n.minimized.some(m=>m.id===e),k=Fe(c);we(()=>{let m=mt.get(e);m&&(c&&!k.current?m.onMinimize.forEach(R=>R()):!c&&k.current&&m.onRestore.forEach(R=>R()),k.current=c)},[c,e]);let T=n.activePanelId===e,A=Fe(T);we(()=>{let m=A.current;A.current=T;let R=mt.get(e);R&&(T&&!m?R.onActivate.forEach(H=>H()):!T&&m&&R.onDeactivate.forEach(H=>H()))},[T,e]);let _=n.panels[e]?.state,u=_==="floating"?"floating-window":"dockable-panel",C=Fe(u);we(()=>{if(_==="minimized")return;let m=C.current;C.current=u;let R=mt.get(e);R&&u!==m&&R.onContainerTypeChange.forEach(H=>H(u))},[u,_,e]),we(()=>()=>{let m=mt.get(e);m&&(A.current&&m.onDeactivate.forEach(R=>R()),m.onClose.forEach(R=>R()),mt.delete(e))},[e]);let P=Fe(u),O=On.useMemo(()=>({requestClose:m=>o(e,m),setDirty:m=>a(e,m),onCloseRequested:m=>(s(e,m),()=>I(e)),registerStateProvider:m=>(M(e,m),()=>x(e)),setTitle:m=>y(e,m),instanceId:e,containerType:P.current,onClose:m=>{let R=Tt(e);return R.onClose.add(m),()=>R.onClose.delete(m)},onMinimize:m=>{let R=Tt(e);return R.onMinimize.add(m),()=>R.onMinimize.delete(m)},onRestore:m=>{let R=Tt(e);return R.onRestore.add(m),()=>R.onRestore.delete(m)},onResize:m=>{let R=Tt(e);return R.onResize.add(m),()=>R.onResize.delete(m)},requestMinimize:()=>w(e),getDimensions:()=>Fn.get(e)??null,onActivate:m=>{let R=Tt(e);return R.onActivate.add(m),()=>R.onActivate.delete(m)},onDeactivate:m=>{let R=Tt(e);return R.onDeactivate.add(m),()=>R.onDeactivate.delete(m)},onContainerTypeChange:m=>{let R=Tt(e);return R.onContainerTypeChange.add(m),()=>R.onContainerTypeChange.delete(m)}}),[e,o,a,s,I,M,x,y,w]);return S(Pt,{value:O,children:t})},zo=({node:e,path:t,onTabRightClick:n,activeDropZone:o,onHoverDropZone:a,onTabDragStart:s,hoveredTab:I,onTabHover:M,defaultPanelIcon:x,onRequestClosePanel:y})=>{let{updateSplitSizes:w}=qt();if(e.type==="leaf")return S(Ar,{leaf:e,onTabRightClick:n,activeDropZone:o,onHoverDropZone:a,onTabDragStart:s,hoveredTab:I,onTabHover:M,defaultPanelIcon:x,onRequestClosePanel:y});let c=e.orientation==="horizontal",k=(T,A)=>{A.preventDefault();let _=A.currentTarget,u=_.parentElement,C=u?c?u.clientWidth:u.clientHeight:c?1e3:800;ft({element:_,pointerId:A.pointerId,startClientX:A.clientX,startClientY:A.clientY,captureStart:()=>[...e.sizes],activeClasses:[{el:_,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active",c?"rdd-resizing-col-active":"rdd-resizing-row-active"]}],onMove:(P,O,m)=>{let R=(c?P:O)/C,H=[...m];H[T]+=R,H[T+1]-=R,H[T]>.1&&H[T+1]>.1&&w(t,H)}})};return S("div",{style:{display:"flex",flexDirection:c?"row":"column",width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:e.children.map((T,A)=>{let _=e.sizes[A]*100;return fe(On.Fragment,{children:[S("div",{style:{flexGrow:e.sizes[A],flexBasis:`${_}%`,overflow:"hidden",position:"relative",minWidth:0,minHeight:0},children:S(zo,{node:T,path:[...t,A],onTabRightClick:n,activeDropZone:o,onHoverDropZone:a,onTabDragStart:s,hoveredTab:I,onTabHover:M,defaultPanelIcon:x,onRequestClosePanel:y})}),A<e.children.length-1&&S("div",{onPointerDown:u=>k(A,u),style:{cursor:c?"col-resize":"row-resize",width:c?"1px":"100%",height:c?"100%":"1px",zIndex:20},className:"rdd-resizer-bar"})]},A)})})},Ar=({leaf:e,onTabRightClick:t,activeDropZone:n,onHoverDropZone:o,onTabDragStart:a,hoveredTab:s,onTabHover:I,defaultPanelIcon:M,onRequestClosePanel:x})=>{let y=je(),w=Kt(),{openPanel:c,closeLeafGroup:k,setActivePanel:T}=Tn(),A=Ke(),_=Ze(),{windowClass:u,windowBodyClass:C}=pt(),P=Fe(null),[O,m]=lt({left:!1,right:!1}),R=Wn(()=>{let l=P.current;l&&m({left:l.scrollLeft>0,right:l.scrollLeft<l.scrollWidth-l.clientWidth-1})},[]);we(()=>{let l=P.current;if(!l)return;l.addEventListener("scroll",R,{passive:!0});let E=new ResizeObserver(R);return E.observe(l),R(),()=>{l.removeEventListener("scroll",R),E.disconnect()}},[R]);let H=l=>{P.current?.scrollBy({left:l==="left"?-120:120,behavior:"smooth"})},D=l=>{c(l,y.panels[l].component),T(l)};return fe("div",{"data-active-panel-id":e.activePanelId||"",className:`rdd-workspace-panel ${u??""}`,style:{overflow:"hidden",position:"relative"},children:[fe("div",{className:"rdd-workspace-tab-bar",style:{minHeight:"38px"},children:[O.left&&S("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-left",onPointerDown:l=>l.stopPropagation(),onClick:()=>H("left"),tabIndex:-1,"aria-label":"Scroll tabs left",children:"\u2039"}),S("div",{ref:P,className:"rdd-tab-headers-container",style:{scrollbarWidth:"none"},onPointerMove:l=>{y.draggedPanelId&&l.target===l.currentTarget&&I(e.id,"EMPTY",e.panels.length,"right")},onPointerLeave:l=>{y.draggedPanelId&&l.target===l.currentTarget&&I(e.id,"",-1,null)},children:e.panels.map((l,E)=>{let F=y.panels[l];if(!F)return null;let X=e.activePanelId===l,Z=y.activePanelId===l,Q=w.get(F.component)?.defaultOptions,me=s&&s.leafId===e.id&&s.panelId===l,te=E===e.panels.length-1,G=s&&s.leafId===e.id&&s.panelId==="EMPTY"&&te,j=me?s.side==="left"?"rdd-drag-hover-left":"rdd-drag-hover-right":G?"rdd-drag-hover-right":"",V=X?Z?"rdd-active rdd-workspace-tab-active-focused":"rdd-active rdd-workspace-tab-active-unfocused":"rdd-workspace-tab-inactive";return fe("div",{"data-tab-id":l,"data-leaf-id":e.id,"data-tab-index":String(E),onClick:()=>D(l),onPointerDown:B=>{Q?.canDrag!==!1&&a(l,B)},onContextMenu:B=>t(l,B),onPointerMove:B=>{if(y.draggedPanelId&&B.pointerType!=="touch"){let se=B.currentTarget.getBoundingClientRect(),ze=B.clientX-se.left<se.width/2?"left":"right";I(e.id,l,E,ze)}},onPointerLeave:()=>{y.draggedPanelId&&I(e.id,"",-1,null)},className:`rdd-workspace-tab ${V} ${j}`,style:{cursor:Q?.canDrag===!1?"default":"pointer"},children:[fe("span",{className:"rdd-text-truncate",style:{maxWidth:"120px",display:"flex",alignItems:"center"},children:[S("span",{className:"rdd-workspace-tab-icon",children:Q?.icon||M||An}),fe("span",{children:[ge(F.title,A),F.dirty?" *":""]})]}),Q?.renderHeaderActions&&S("span",{className:"rdd-tab-header-actions",onClick:B=>B.stopPropagation(),onPointerDown:B=>B.stopPropagation(),children:Q.renderHeaderActions(l)}),Q?.canClose!==!1&&S("span",{onClick:B=>{B.stopPropagation(),x(l)},title:ge(_.closeTab,A),className:"rdd-close-tab-x",style:{width:"18px",height:"18px",...Q?.renderHeaderActions?{}:{marginInlineStart:"auto"}},children:S("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:S("path",{d:"M18 6L6 18M6 6l12 12"})})})]},l)})}),O.right&&S("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-right",onPointerDown:l=>l.stopPropagation(),onClick:()=>H("right"),tabIndex:-1,"aria-label":"Scroll tabs right",children:"\u203A"}),e.panels.length===0&&e.keepOnEmpty&&e.canClose!==!1&&S("span",{onClick:()=>k(e.id),className:"rdd-close-tab-x rdd-header-close-empty-group",style:{width:"18px",height:"18px",cursor:"pointer"},title:ge(_.closeEmptyGroup,A),children:S("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:S("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),fe("div",{className:`rdd-panel-body ${C??""}`,style:{position:"relative",overflow:"hidden"},children:[e.activePanelId&&y.panels[e.activePanelId]?S(Lo,{panelId:e.activePanelId},e.activePanelId):S("div",{className:"rdd-empty-leaf-placeholder",children:S("span",{children:"Empty Workspace Section"})}),y.draggedPanelId!==null&&(()=>{let l=E=>n?.leafId===e.id&&n.position===E;return S("div",{className:"rdd-dock-drop-zone-overlay",children:fe("div",{className:"rdd-dock-target-cross",children:[S("div",{"data-leaf-id":e.id,"data-drop-zone":"top",onPointerEnter:()=>o(e.id,"top"),onPointerLeave:()=>o(e.id,null),className:`rdd-dock-target-box rdd-dock-target-top${l("top")?" rdd-dock-target-box--active":""}`,children:"\u25B2"}),S("div",{"data-leaf-id":e.id,"data-drop-zone":"bottom",onPointerEnter:()=>o(e.id,"bottom"),onPointerLeave:()=>o(e.id,null),className:`rdd-dock-target-box rdd-dock-target-bottom${l("bottom")?" rdd-dock-target-box--active":""}`,children:"\u25BC"}),S("div",{"data-leaf-id":e.id,"data-drop-zone":"left",onPointerEnter:()=>o(e.id,"left"),onPointerLeave:()=>o(e.id,null),className:`rdd-dock-target-box rdd-dock-target-left${l("left")?" rdd-dock-target-box--active":""}`,children:"\u25C0"}),S("div",{"data-leaf-id":e.id,"data-drop-zone":"right",onPointerEnter:()=>o(e.id,"right"),onPointerLeave:()=>o(e.id,null),className:`rdd-dock-target-box rdd-dock-target-right${l("right")?" rdd-dock-target-box--active":""}`,children:"\u25B6"}),S("div",{"data-leaf-id":e.id,"data-drop-zone":"center",onPointerEnter:()=>o(e.id,"center"),onPointerLeave:()=>o(e.id,null),className:`rdd-dock-target-box rdd-dock-target-center${l("center")?" rdd-dock-target-box--active":""}`,children:"\u25A3"})]})})})(),y.draggedPanelId!==null&&n!==null&&n.leafId===e.id&&S("div",{className:"rdd-dock-preview-highlight",style:(()=>{let l=n.position,E=`${y.splitRatio*100}%`,F=`${(1-y.splitRatio)*100}%`;return{left:l==="right"?F:"0",top:l==="bottom"?F:"0",width:l==="left"||l==="right"?E:"100%",height:l==="top"||l==="bottom"?E:"100%"}})()})]})]})},Or=({skin:e="vscode",defaultPanelIcon:t,taskbarVisibility:n="autohide",contextMenuAdapter:o=Ft,animations:a=!0})=>{let s=je(),I=Kt(),{restorePanel:M,minimizePanel:x,requestClosePanel:y,maximizePanel:w,updateFloatingPosition:c,focusPanel:k,floatPanel:T,setDraggedPanelId:A,dockPanelToGroup:_,movePanelOrder:u,dockPanelToWorkspaceEdge:C,setActivePanel:P,getPanelContextMenuItems:O,showContextMenu:m,registerContextMenuFn:R}=Tn(),{openModal:H}=Rt(),D=Ke(),l=Ze(),E=On.useCallback(r=>{let v=s.panels[r];y(r,{onConfirm:f=>new Promise(h=>{let p=f||v?.dirtyOptions,z=v?ge(v.title,D):"Panel";H(St,{title:p?.title||l.unsavedChangesTitle,message:p?.message||{id:l.unsavedChangesMessage.id,defaultMessage:l.unsavedChangesMessage.defaultMessage,values:{title:z}},alert:p?.alert,alertType:p?.alertType||"danger",useYesNoTitles:!0,onOK:()=>h(!0),onCancel:()=>h(!1)},{size:"small"})})})},[y,s.panels,D,H,l]),{windowClass:F,windowBodyClass:X}=pt(),Z=So(_t),U=Fe(null);we(()=>R(Z!==null?r=>Z.show(r):r=>U.current?.show(r)),[Z,R]);let Q=Fe(null),[me,te]=lt(!1),G=Fe(null),j=Fe(s.minimized.length),[V,B]=lt(null),se=Fe(null),be=Fe("mouse"),[ze,K]=lt(!1),_e=Z!==null?Z.isOpen:ze;we(()=>()=>{se.current&&clearTimeout(se.current)},[]),we(()=>{V&&(s.minimized.some(v=>v.id===V.id)||B(null))},[s.minimized,V]),we(()=>{if(!V?.fromTouch)return;let r=v=>{v.pointerType!=="touch"||document.querySelector(".rdd-taskbar-item-tooltip")?.contains(v.target)||B(null)};return document.addEventListener("pointerdown",r,{capture:!0}),()=>document.removeEventListener("pointerdown",r,{capture:!0})},[V?.fromTouch]);let[Xe,Ve]=lt(null),Ge=Fe(null),[rt,it]=lt({x:0,y:0}),[st,Je]=lt(null),Qe=Fe(null),Pe=r=>{Je(r),Qe.current=r},[ne,ce]=lt(null),$e=Fe(null),He=r=>{ce(r),$e.current=r},q=So(At)?.isRtl??!1,[J,le]=lt(null),he=Fe(null),Re=(r,v,f,h)=>{let p=h?{leafId:r,panelId:v,index:f,side:h}:null;le(p),he.current=p},Me=(r,v)=>{let f=v?{leafId:r,position:v}:null;Ve(f),Ge.current=f,f&&(Pe(null),He(null))},Ne=(r,v)=>{let f=document.elementsFromPoint(r,v),h=!1,p=!1,z=!1;for(let N of f)if(N instanceof HTMLElement){if(!h&&N.dataset.dropZone){let W=N.dataset.leafId;if(W){let $=N.dataset.dropZone;Ve({leafId:W,position:$}),Ge.current={leafId:W,position:$},h=!0}}if(!z&&N.dataset.tabId){let W=N.dataset.leafId,$=parseInt(N.dataset.tabIndex||"0",10);if(W){let ee=N.getBoundingClientRect(),Y=r-ee.left<ee.width/2?"left":"right";le({leafId:W,panelId:N.dataset.tabId,index:$,side:Y}),he.current={leafId:W,panelId:N.dataset.tabId,index:$,side:Y},z=!0}}if(!p&&N.dataset.edgeTrigger&&(Pe(N.dataset.edgeTrigger),p=!0),h&&p&&z)break}h||(Ve(null),Ge.current=null),p||Pe(null),z||(le(null),he.current=null)},Se=300,Te=8,ve=()=>{A(null),Ve(null),Ge.current=null,le(null),he.current=null,Pe(null)},at=r=>s.isRtl?r==="left"?"right":r==="right"?"left":r:r,De=(r,v)=>{let f=Ge.current,h=he.current,p=Qe.current,z=$e.current;if(p)C(r,at(p));else if(h){let N=h.index;h.side==="right"&&(N+=1);let W=Io(s.gridRoot,h.leafId);if(W){let $=W.panels.indexOf(r);$!==-1&&$<N&&(N-=1)}u(r,h.leafId,N)}else f?_(r,f.leafId,at(f.position)):z?T(r,void 0,q?Ut(z):z):T(r,{x:v.clientX-150,y:v.clientY-15,width:450,height:350});He(null),ve()},We=(r,v)=>{if(v.pointerType==="mouse"&&v.button!==0)return;v.preventDefault();let f=v.currentTarget,h=v.clientX,p=v.clientY;if(v.pointerType==="touch"){let z=v.pointerId,N=!1,W=()=>{N=!0,clearTimeout(ee),f.removeEventListener("pointermove",$),f.removeEventListener("pointerup",W),f.removeEventListener("pointercancel",W)},$=Y=>{Math.hypot(Y.clientX-h,Y.clientY-p)>Te&&W()},ee=setTimeout(()=>{if(N)return;f.removeEventListener("pointermove",$),f.removeEventListener("pointerup",W),f.removeEventListener("pointercancel",W);try{f.setPointerCapture(z)}catch{return}f.classList.add("rdd-long-press-active"),document.body.classList.add("rdd-dragging-active"),navigator.vibrate&&navigator.vibrate(10);let Y=!1,re=de=>{Y||(Y=!0,A(r)),it({x:de.clientX,y:de.clientY}),Ne(de.clientX,de.clientY)},ue=de=>{f.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),f.removeEventListener("pointermove",re),f.removeEventListener("pointerup",ue),f.removeEventListener("pointercancel",ie),Y?De(r,de):Ae(r,de)},ie=()=>{f.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),f.removeEventListener("pointermove",re),f.removeEventListener("pointerup",ue),f.removeEventListener("pointercancel",ie),Y&&ve()};f.addEventListener("pointermove",re),f.addEventListener("pointerup",ue),f.addEventListener("pointercancel",ie)},Se);f.addEventListener("pointermove",$),f.addEventListener("pointerup",W),f.addEventListener("pointercancel",W)}else{let z=!1,N=ee=>{let Y=ee.clientX-h,re=ee.clientY-p;!z&&(Math.abs(Y)>5||Math.abs(re)>5)&&(z=!0,A(r)),z&&it({x:ee.clientX,y:ee.clientY})},W=ee=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",N),window.removeEventListener("pointerup",W),window.removeEventListener("pointercancel",$),z&&De(r,ee)},$=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",N),window.removeEventListener("pointerup",W),window.removeEventListener("pointercancel",$),z&&ve()};document.body.classList.add("rdd-dragging-active"),window.addEventListener("pointermove",N),window.addEventListener("pointerup",W),window.addEventListener("pointercancel",$)}},Ae=(r,v)=>{v.preventDefault();let f=s.panels[r];if(!f)return;let p=I.get(f.component)?.defaultOptions,z=[];if(p?.canDrag!==!1&&z.push({label:ge(l.floatWindow,D),icon:Ht.float,action:()=>T(r)}),p?.canMinimize!==!1&&z.push({label:ge(l.minimizePanel,D),icon:Ht.minimize,action:()=>x(r)}),z.length>0&&p?.canClose!==!1&&z.push({separator:!0}),p?.canClose!==!1&&z.push({label:ge(l.closeTab,D),icon:Ht.close,action:()=>E(r)}),z.length===0)return;let N=O(r),W=N.length>0?[...z,{separator:!0},...N]:z;m({event:v,items:W})},ke=(r,v)=>{v.preventDefault(),B(null),m({event:v,items:[{label:ge(l.restorePanel,D),icon:Ht.restore,action:()=>M(r)},{label:ge(l.maximizePanel,D),icon:Ht.maximize,action:()=>w(r)},{separator:!0},{label:ge(l.closePanel,D),icon:Ht.close,action:()=>E(r)}]})};we(()=>{let r=Object.keys(s.panels);for(let v of Array.from(Qt.keys()))r.includes(v)||Qt.delete(v)},[s.panels]),we(()=>{let r=()=>{s.draggedPanelId!==null&&(A(null),Ve(null),le(null))};return window.addEventListener("blur",r),()=>{window.removeEventListener("blur",r)}},[s.draggedPanelId]);let Ye=Fe(null),[Oe,Yt]=lt({width:1024,height:768});we(()=>{let r=Ye.current;if(!r)return;let v=!1,f=new ResizeObserver(h=>{if(!h||h.length===0)return;let p=h[0].contentRect;if(process.env.NODE_ENV==="development"&&p.height<10&&!v){v=!0;let z=r,N=r.parentElement;for(;N&&N!==document.documentElement&&N.getBoundingClientRect().height<10;){z=N;N=N.parentElement}let W=z.tagName.toLowerCase(),$=z.id?` id="${z.id}"`:"",ee=z.className?` class="${z.className}"`:"",Y=z===r?"the WindowManager container itself":`a wrapper element: <${W}${$}${ee}>`;console.warn(`[react-dockable-desktop] Workspace height is 0px \u2014 the workspace will be invisible.
6
6
 
7
- Zero height found at: ${V}
7
+ Zero height found at: ${Y}
8
8
 
9
9
  Root cause: in CSS, "height: 100%" only works when the parent has an explicit height.
10
10
  If any ancestor has height: auto (the default for <div>), the chain breaks and
@@ -20,5 +20,5 @@ Fix options:
20
20
  .layout { display: flex; flex-direction: column; height: 100vh; }
21
21
  .workspace { flex: 1; min-height: 0; }
22
22
 
23
- 3. Verify styles.css is imported \u2014 it anchors html, body, #root to 100% height.`)}yt({width:Math.max(100,f.width),height:Math.max(100,f.height)})});return g.observe(r),()=>{g.disconnect()}},[]),Se(()=>{let r=lt.width,y=lt.height;s.floating.forEach(g=>{let h=typeof g.width=="string"?parseFloat(g.width):g.width,f=typeof g.height=="string"?parseFloat(g.height):g.height,T=typeof g.x=="string"?parseFloat(g.x):g.x,N=typeof g.y=="string"?parseFloat(g.y):g.y,D=h,K=f,te=T,V=N,oe=!1;if(D>r&&(D=Math.max(200,r-20),oe=!0),K>y&&(K=Math.max(150,y-40),oe=!0),!g.anchor){let pe=r-100;te>pe&&(te=Math.max(0,pe),oe=!0);let ie=y-40;V>ie&&(V=Math.max(0,ie),oe=!0)}oe&&u(g.id,{x:te,y:V,width:D,height:K})})},[lt,s.floating,u]),Se(()=>{let r=y=>{if(y.button!==0)return;let g=y.target;if(!g||typeof g.closest!="function")return;let h=g.closest(".rdd-floating-window");if(h){let T=h.getAttribute("data-window-id");T&&(R(T),I(T));return}let f=g.closest(".rdd-workspace-panel");if(f){let T=f.getAttribute("data-active-panel-id");T&&R(T)}};return document.addEventListener("pointerdown",r),()=>{document.removeEventListener("pointerdown",r)}},[I,R]);let Pt=(r,y)=>{y.preventDefault();let g=s.floating.find(V=>V.id===r);if(!g||g.maximized)return;I(r);let h=y.currentTarget,f=h.closest(".rdd-floating-window"),T=y.clientX,N=y.clientY,D=f?f.offsetLeft:0,K=f?f.offsetTop:0,te=()=>{let V=Ge.current,oe=ye.current,pe=je.current,ie=$.current;if(ie)u(r,{anchor:ce?Ut(ie):ie});else if(pe)w(r,Ce(pe));else if(oe){let de=oe.index;oe.side==="right"&&(de+=1),p(r,oe.leafId,de)}else V&&_(r,V.leafId,Ce(V.position));q(null),Pe()};if(y.pointerType==="touch"){let V=y.pointerId,oe=!1,pe=()=>{oe=!0,clearTimeout(de),h.removeEventListener("pointermove",ie),h.removeEventListener("pointerup",pe),h.removeEventListener("pointercancel",pe)},ie=ge=>{Math.hypot(ge.clientX-T,ge.clientY-N)>at&&pe()},de=setTimeout(()=>{if(oe)return;h.removeEventListener("pointermove",ie),h.removeEventListener("pointerup",pe),h.removeEventListener("pointercancel",pe);try{h.setPointerCapture(V)}catch{return}h.classList.add("rdd-long-press-active"),document.body.classList.add("rdd-dragging-active"),E(r);let ge=Lt=>{let zt=Lt.clientX-T,Nt=Lt.clientY-N;u(r,{x:D+zt,y:K+Nt,anchor:null}),We(Lt.clientX,Lt.clientY)},Te=()=>{h.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),h.removeEventListener("pointermove",ge),h.removeEventListener("pointerup",Te),h.removeEventListener("pointercancel",xt),te()},xt=()=>{h.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),h.removeEventListener("pointermove",ge),h.removeEventListener("pointerup",Te),h.removeEventListener("pointercancel",xt),Pe()};h.addEventListener("pointermove",ge),h.addEventListener("pointerup",Te),h.addEventListener("pointercancel",xt)},Me);h.addEventListener("pointermove",ie),h.addEventListener("pointerup",pe),h.addEventListener("pointercancel",pe)}else{let V=!1,oe=de=>{let ge=de.clientX-T,Te=de.clientY-N;!V&&(Math.abs(ge)>5||Math.abs(Te)>5)&&(V=!0,E(r)),V&&u(r,{x:D+ge,y:K+Te,anchor:null})},pe=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",oe),window.removeEventListener("pointerup",pe),window.removeEventListener("pointercancel",ie),V&&te()},ie=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",oe),window.removeEventListener("pointerup",pe),window.removeEventListener("pointercancel",ie),V&&Pe()};document.body.classList.add("rdd-dragging-active"),window.addEventListener("pointermove",oe),window.addEventListener("pointerup",pe),window.addEventListener("pointercancel",ie)}},i=(r,y,g)=>{g.preventDefault(),g.stopPropagation();let h=s.floating.find(ge=>ge.id===r);if(!h||h.maximized)return;I(r);let f=g.currentTarget,T=f.closest(".rdd-floating-window"),N={x:T?T.offsetLeft:0,y:T?T.offsetTop:0,w:T?T.offsetWidth:400,h:T?T.offsetHeight:300},D=lt.width,K=lt.height,te=typeof h.x=="string"?parseFloat(h.x):h.x,V=typeof h.y=="string"?parseFloat(h.y):h.y,oe=typeof h.width=="string"?parseFloat(h.width):h.width,pe=typeof h.height=="string"?parseFloat(h.height):h.height,ie=y==="se"&&Math.abs(te+oe-D)<4,de=y==="se"&&Math.abs(V+pe-K)<4;ft({element:f,pointerId:g.pointerId,startClientX:g.clientX,startClientY:g.clientY,captureStart:()=>N,activeClasses:[{el:document.body,classes:["rdd-resizing-active"]}],onMove:(ge,Te,xt)=>{let Lt=Jt(y,ge,Te,xt,{minW:200,minH:150}),{x:zt,y:Nt,w:xn,h:Cn}=Lt;ie&&(zt=D-xn,zt<0&&(zt=0,xn=D)),de&&(Nt=K-Cn,Nt<0&&(Nt=0,Cn=K)),u(r,{x:zt,y:Nt,width:xn,height:Cn})}})},b=r=>{if(Z.current){let y=r==="left"?-150:150;Z.current.scrollBy({left:y,behavior:"smooth"})}},c=Wn(()=>{Y.current&&clearTimeout(Y.current),le(!0)},[]),a=Wn(()=>{Y.current=setTimeout(()=>le(!1),400)},[]);Se(()=>{n==="autohide"&&s.minimized.length>j.current&&(Y.current&&clearTimeout(Y.current),le(!0),Y.current=setTimeout(()=>le(!1),2e3)),j.current=s.minimized.length},[s.minimized.length,n]);let A=Dn();return Se(()=>(e?document.documentElement.setAttribute("data-workspace-skin",e):document.documentElement.removeAttribute("data-workspace-skin"),()=>{document.documentElement.removeAttribute("data-workspace-skin")}),[e]),Se(()=>(A==="light"?document.documentElement.setAttribute("data-color-scheme","light"):document.documentElement.removeAttribute("data-color-scheme"),()=>{document.documentElement.removeAttribute("data-color-scheme")}),[A]),Se(()=>(d?document.documentElement.classList.remove("rdd-no-animations"):document.documentElement.classList.add("rdd-no-animations"),()=>{document.documentElement.classList.remove("rdd-no-animations")}),[d]),fe("div",{className:`rdd-workspace${d?"":" rdd-no-animations"}`,"data-workspace-skin":e,"data-color-scheme":A,style:{display:"flex",flexDirection:"column",position:"relative",width:"100%",height:"100%",overflow:"hidden",userSelect:"none"},dir:s.dir,children:[fe("div",{ref:ut,className:s.draggedPanelId?"rdd-dragging-active":void 0,style:{flexGrow:1,width:"100%",position:"relative",overflow:"hidden"},children:[s.draggedPanelId!==null&&fe(ko,{children:[S("div",{"data-edge-trigger":"left",className:"rdd-workspace-edge-trigger rdd-edge-trigger-left",onPointerEnter:()=>se("left"),onPointerLeave:()=>se(null)}),S("div",{"data-edge-trigger":"right",className:"rdd-workspace-edge-trigger rdd-edge-trigger-right",onPointerEnter:()=>se("right"),onPointerLeave:()=>se(null)}),S("div",{"data-edge-trigger":"top",className:"rdd-workspace-edge-trigger rdd-edge-trigger-top",onPointerEnter:()=>se("top"),onPointerLeave:()=>se(null)}),S("div",{"data-edge-trigger":"bottom",className:"rdd-workspace-edge-trigger rdd-edge-trigger-bottom",onPointerEnter:()=>se("bottom"),onPointerLeave:()=>se(null)})]}),s.draggedPanelId!==null&&["top-left","top-right","bottom-left","bottom-right"].map(r=>S("div",{className:`rdd-corner-zone rdd-corner-zone--${r}${ee===r?" rdd-corner-zone--hovered":""}`,onPointerEnter:()=>{q(r),se(null)},onPointerLeave:()=>q(null),"aria-hidden":"true"},r)),s.draggedPanelId!==null&&nt!==null&&S("div",{className:"rdd-workspace-edge-preview",style:(()=>{let r=`${s.edgeSplitRatio*100}%`;switch(nt){case"left":return{left:0,top:0,bottom:0,width:r};case"right":return{right:0,top:0,bottom:0,width:r};case"top":return{top:0,left:0,right:0,height:r};case"bottom":return{bottom:0,left:0,right:0,height:r}}})()}),S("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:s.gridRoot?S(zo,{node:s.gridRoot,path:[],onTabRightClick:Ye,activeDropZone:$e,onHoverDropZone:_e,onTabDragStart:He,hoveredTab:he,onTabHover:De,defaultPanelIcon:t,onRequestClosePanel:z}):S("div",{className:"rdd-empty-workspace-grid",children:"Grid Empty"})}),s.floating.map(r=>{let y=s.panels[r.id];if(!y)return null;let g=r.maximized,h=s.draggedPanelId===r.id,f=s.activePanelId===r.id,N=L.get(y.component)?.defaultOptions;return fe("div",{"data-window-id":r.id,dir:s.dir,onPointerDownCapture:()=>{R(r.id),I(r.id)},className:`rdd-floating-window ${g?"rdd-maximized":""} ${f?"rdd-window-focused":""} ${H??""}`,style:(()=>{let te=typeof r.width=="number"?`${r.width}px`:r.width,V=typeof r.height=="number"?`${r.height}px`:r.height;if(g)return{position:"absolute",left:0,top:0,width:"100%",height:"100%",zIndex:r.z,pointerEvents:h?"none":"auto"};if(r.anchor){let oe=s.floating.filter(Te=>Te.anchor===r.anchor&&!Te.maximized),pe=oe.findIndex(Te=>Te.id===r.id),ie=8;for(let Te=0;Te<pe;Te++){let xt=typeof oe[Te].height=="number"?oe[Te].height:parseFloat(oe[Te].height);ie+=xt+8}let de=r.anchor.startsWith("top");return{position:"absolute",[r.anchor.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]:8,[de?"top":"bottom"]:ie,width:te,height:V,zIndex:r.z,transition:h?"none":"top 0.2s ease, bottom 0.2s ease",pointerEvents:h?"none":"auto"}}return{position:"absolute",left:typeof r.x=="number"?`${r.x}px`:r.x,top:typeof r.y=="number"?`${r.y}px`:r.y,width:te,height:V,zIndex:r.z,pointerEvents:h?"none":"auto"}})(),children:[fe("div",{onDoubleClick:()=>C(r.id),onPointerDown:D=>{N?.canDrag!==!1&&Pt(r.id,D)},className:"rdd-floating-window-titlebar rdd-cursor-move",style:{cursor:g||N?.canDrag===!1?"default":"move"},children:[fe("span",{className:"rdd-floating-window-title",children:[S("span",{className:"rdd-window-title-icon",children:N?.icon||t||An}),fe("span",{children:[ve(y.title,O),y.dirty?" *":""]})]}),fe("div",{className:"rdd-titlebar-actions",style:{gap:"var(--rdd-header-button-gap, 4px)"},onPointerDown:D=>D.stopPropagation(),children:[N?.renderHeaderActions&&S("div",{className:"rdd-window-header-actions",children:N.renderHeaderActions(r.id)}),W(r.id).length>0&&S("button",{type:"button",className:"rdd-custom-tab-btn rdd-btn-more-actions",title:"More actions",onClick:D=>{D.stopPropagation();let K=W(r.id);K.length!==0&&m({event:D,items:K})},children:fe("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",style:{display:"block"},children:[S("circle",{cx:"12",cy:"5",r:"2"}),S("circle",{cx:"12",cy:"12",r:"2"}),S("circle",{cx:"12",cy:"19",r:"2"})]})}),S("button",{type:"button",title:g?ve(l.restoreSize,O):ve(l.maximize,O),onClick:()=>C(r.id),className:"rdd-custom-tab-btn rdd-btn-maximize-tab",children:S("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:S("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1.5"})})}),N?.canMinimize!==!1&&S("button",{type:"button",title:ve(l.minimize,O),onClick:()=>x(r.id),className:"rdd-custom-tab-btn rdd-btn-minimize-tab",children:S("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:S("path",{d:"M5 12h14"})})}),N?.canClose!==!1&&S("button",{type:"button",title:ve(l.close,O),onClick:()=>z(r.id),className:"rdd-custom-tab-btn rdd-btn-close-tab",children:S("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:S("path",{d:"M18 6L6 18M6 6l12 12"})})})]})]}),S("div",{className:B??void 0,style:{flexGrow:1,width:"100%",overflow:"hidden",position:"relative",isolation:"isolate"},children:S(Lo,{panelId:r.id},r.id)}),!g&&fe(ko,{children:[S("div",{onPointerDown:D=>i(r.id,"n",D),className:"rdd-resize-handle rdd-resize-n"}),S("div",{onPointerDown:D=>i(r.id,"ne",D),className:"rdd-resize-handle rdd-resize-ne"}),S("div",{onPointerDown:D=>i(r.id,"e",D),className:"rdd-resize-handle rdd-resize-e"}),S("div",{onPointerDown:D=>i(r.id,"se",D),className:"rdd-resize-handle rdd-resize-se"}),S("div",{onPointerDown:D=>i(r.id,"s",D),className:"rdd-resize-handle rdd-resize-s"}),S("div",{onPointerDown:D=>i(r.id,"sw",D),className:"rdd-resize-handle rdd-resize-sw"}),S("div",{onPointerDown:D=>i(r.id,"w",D),className:"rdd-resize-handle rdd-resize-w"}),S("div",{onPointerDown:D=>i(r.id,"nw",D),className:"rdd-resize-handle rdd-resize-nw"})]})]},r.id)})]}),(n==="always"||s.minimized.length>0)&&fe("div",{className:["rdd-taskbar-footer-container",`rdd-taskbar-mode-${n}`,n==="autohide"&&me?"rdd-taskbar-expanded":""].filter(Boolean).join(" "),style:{height:"48px",zIndex:100},onPointerEnter:n==="autohide"?c:void 0,onPointerLeave:n==="autohide"?a:void 0,children:[n==="autohide"&&S("div",{className:"rdd-taskbar-peek-handle"}),S("button",{type:"button",onClick:()=>b("left"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25C0"}),S("div",{ref:Z,className:"rdd-taskbar-items-container",style:{scrollSnapType:"x mandatory"},children:s.minimized.map(r=>{let g=L.get(r.component)?.defaultOptions?.icon||t||An;return S("div",{onClick:()=>{ue.current!=="touch"&&(G(null),M(r.id))},onContextMenu:h=>ze(r.id,h),onPointerDown:h=>{if(ue.current=h.pointerType,h.pointerType!=="touch")return;let f=h.currentTarget,T=h.clientX,N=h.clientY,D=h.pointerId,K=!1,te=()=>{K=!0,clearTimeout(pe),f.removeEventListener("pointermove",oe),f.removeEventListener("pointerup",V),f.removeEventListener("pointercancel",te)},V=()=>{te();let ie=f.getBoundingClientRect();X?.id===r.id?(M(r.id),G(null)):G({id:r.id,rect:ie,title:r.title,component:r.component,fromTouch:!0})},oe=ie=>{Math.hypot(ie.clientX-T,ie.clientY-N)>at&&te()},pe=setTimeout(()=>{if(K)return;f.removeEventListener("pointermove",oe),f.removeEventListener("pointerup",V),f.removeEventListener("pointercancel",te);try{f.setPointerCapture(D)}catch{return}navigator.vibrate&&navigator.vibrate(10);let ie=de=>{f.removeEventListener("pointerup",ie),f.removeEventListener("pointercancel",ie),ze(r.id,de)};f.addEventListener("pointerup",ie),f.addEventListener("pointercancel",ie)},Me);f.addEventListener("pointermove",oe),f.addEventListener("pointerup",V),f.addEventListener("pointercancel",te)},onPointerEnter:h=>{if(h.pointerType==="touch"||Fe)return;re.current&&clearTimeout(re.current);let f=h.currentTarget.getBoundingClientRect();h.clientX>=f.left&&h.clientX<=f.right&&h.clientY>=f.top&&h.clientY<=f.bottom&&G({id:r.id,rect:f,title:r.title,component:r.component})},onPointerLeave:h=>{h.pointerType!=="touch"&&(re.current=setTimeout(()=>{G(null)},150))},className:"rdd-taskbar-glassmorphic-item",style:{backdropFilter:"blur(6px)",transition:"all 0.2s",cursor:"pointer",scrollSnapAlign:"start",width:"38px",height:"38px",position:"relative",padding:0},children:S("span",{className:"rdd-taskbar-item-icon",children:g})},r.id)})}),X&&To(fe("div",{className:"rdd-taskbar-item-tooltip",dir:s.dir,style:{position:"fixed",left:`${X.rect.left+X.rect.width/2}px`,top:`${X.rect.top-8}px`,transform:"translateX(-50%) translateY(-100%)",opacity:1,pointerEvents:"auto",zIndex:999999},onPointerEnter:()=>{re.current&&clearTimeout(re.current)},onPointerLeave:r=>{r.pointerType!=="touch"&&G(null)},onClick:()=>{M(X.id),G(null)},onContextMenu:r=>ze(X.id,r),onPointerDown:r=>{if(r.pointerType!=="touch")return;let y=X.id,g=r.currentTarget,h=r.clientX,f=r.clientY,T=r.pointerId,N=!1,D=()=>{N=!0,clearTimeout(te),g.removeEventListener("pointermove",K),g.removeEventListener("pointerup",D),g.removeEventListener("pointercancel",D)},K=V=>{Math.hypot(V.clientX-h,V.clientY-f)>at&&D()},te=setTimeout(()=>{if(N)return;g.removeEventListener("pointermove",K),g.removeEventListener("pointerup",D),g.removeEventListener("pointercancel",D);try{g.setPointerCapture(T)}catch{return}navigator.vibrate&&navigator.vibrate(10);let V=oe=>{g.removeEventListener("pointerup",V),g.removeEventListener("pointercancel",V),ze(y,oe)};g.addEventListener("pointerup",V),g.addEventListener("pointercancel",V)},Me);g.addEventListener("pointermove",K),g.addEventListener("pointerup",D),g.addEventListener("pointercancel",D)},children:[fe("div",{className:"rdd-tooltip-header-row",children:[fe("span",{className:"rdd-tooltip-title-text rdd-text-truncate",style:{maxWidth:"140px"},children:[ve(X.title,O),s.panels[X.id]?.dirty?" *":""]}),S("span",{onClick:r=>{r.stopPropagation(),z(X.id),G(null)},title:ve(l.closePanel,O),className:"rdd-tooltip-close-x",children:S("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:S("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),S(Dr,{panelId:X.id})]}),document.body),S("button",{type:"button",onClick:()=>b("right"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25B6"})]}),Object.keys(s.panels).map(r=>{let y=s.panels[r];if(!y)return null;let g=Eo(r);return To(S(Wr,{panelId:r,children:S("div",{style:{width:"100%",height:"100%"},dir:s.dir,children:Nr(r,y,L)})}),g,r)}),J===null&&S(o.Component,{ref:Q,theme:"dark",formatMessageProvider:O,onShow:()=>U(!0),onHide:()=>U(!1)}),s.draggedPanelId!==null&&!s.floating.some(r=>r.id===s.draggedPanelId)&&fe("div",{className:"rdd-drag-ghost-tab",style:{left:st.x+12,top:st.y+12,zIndex:1e5},children:["\u{1F4C4} ",ve(s.panels[s.draggedPanelId]?.title,O)||"Tab"]})]})},Fr=Or;var _n=class{registry;initialState;config;_actions=null;_initialized=!1;_pendingCalls=[];_pendingOpenPanelIds=new Set;_pendingSubscriptions=[];_disconnectedWarnTimer=null;constructor(t={}){if(this.registry=new Wt,this.initialState=t.initialState??null,this.config={formatMessage:t.formatMessage,predefinedMessages:t.predefinedMessages,dir:t.dir,defaultSplitRatio:t.defaultSplitRatio,defaultEdgeSplitRatio:t.defaultEdgeSplitRatio,zIndexBase:t.zIndexBase},t.panels)for(let[n,o]of Object.entries(t.panels))this.registry.register(n,o.component,o.defaultOptions)}_connect(t){this._actions=t,this._disconnectedWarnTimer!==null&&(clearTimeout(this._disconnectedWarnTimer),this._disconnectedWarnTimer=null),this._initialized||(this._initialized=!0);for(let o of this._pendingSubscriptions)o.unsub=t.subscribe(o.event,o.callback);let n=this._pendingCalls.splice(0);for(let o of n)o(t)}_disconnect(){this._actions=null;for(let t of this._pendingSubscriptions)t.unsub?.(),t.unsub=null}get isConnected(){return this._actions!==null}_startWarnTimer(){this._disconnectedWarnTimer===null&&(this._disconnectedWarnTimer=setTimeout(()=>{!this.isConnected&&this._pendingCalls.length>0&&console.error("[react-dockable-desktop] WorkspaceClient has "+this._pendingCalls.length+" queued call(s) but was never connected to a WindowManagerProvider. Did you forget client={workspace} on <WindowManagerProvider>?")},process.env.NODE_ENV==="production"?5e3:1e3))}_dispatch(t){this._actions?t(this._actions):(this._pendingCalls.push(t),this._startWarnTimer())}_subscribeRaw(t,n){if(this._actions)return this._actions.subscribe(t,n);let o={event:t,callback:n,unsub:null};return this._pendingSubscriptions.push(o),()=>{o.unsub?.(),o.unsub=null;let d=this._pendingSubscriptions.indexOf(o);d!==-1&&this._pendingSubscriptions.splice(d,1)}}openPanel(...t){if(this._actions){this._actions.openPanel(...t);return}let n=t[0];this._pendingOpenPanelIds.has(n)||(this._pendingOpenPanelIds.add(n),this._pendingCalls.push(o=>{this._pendingOpenPanelIds.delete(n),o.openPanel(...t)}),this._startWarnTimer())}closePanel(t){this._dispatch(n=>n.closePanel(t))}minimizePanel(t){this._dispatch(n=>n.minimizePanel(t))}restorePanel(t){this._dispatch(n=>n.restorePanel(t))}floatPanel(...t){this._dispatch(n=>n.floatPanel(...t))}dockPanel(...t){this._dispatch(n=>n.dockPanel(...t))}maximizePanel(t){this._dispatch(n=>n.maximizePanel(t))}focusPanel(t){this._dispatch(n=>n.focusPanel(t))}isOpen(t){return this._actions?.isOpen(t)??!1}getOpenPanelIds(){return this._actions?.getOpenPanelIds()??[]}findPanelId(t,n){return this._actions?.findPanelId(t,n)??null}saveLayout(){return this._actions?.saveLayout()??""}loadLayout(t){return this._actions?this._actions.loadLayout(t):(this._pendingCalls.push(n=>{n.loadLayout(t)}),!1)}setDirection(t){this._dispatch(n=>n.setDirection(t))}updateSplitSizes(t,n){this._dispatch(o=>o.updateSplitSizes(t,n))}updateFloatingPosition(t,n){this._dispatch(o=>o.updateFloatingPosition(t,n))}setDraggedPanelId(t){this._dispatch(n=>n.setDraggedPanelId(t))}dockPanelToGroup(t,n,o){this._dispatch(d=>d.dockPanelToGroup(t,n,o))}movePanelOrder(t,n,o){this._dispatch(d=>d.movePanelOrder(t,n,o))}closeLeafGroup(t){this._dispatch(n=>n.closeLeafGroup(t))}registerCloseGuard(t,n){this._dispatch(o=>o.registerCloseGuard(t,n))}unregisterCloseGuard(t){this._dispatch(n=>n.unregisterCloseGuard(t))}registerStateProvider(t,n){this._dispatch(o=>o.registerStateProvider(t,n))}unregisterStateProvider(t){this._dispatch(n=>n.unregisterStateProvider(t))}setPanelDirty(t,n,o){this._dispatch(d=>d.setPanelDirty(t,n,o))}updatePanelTitle(t,n){this._dispatch(o=>o.updatePanelTitle(t,n))}requestClosePanel(t,n){return this._actions?this._actions.requestClosePanel(t,n):(this._pendingCalls.push(o=>{o.requestClosePanel(t,n)}),Promise.resolve())}dockPanelToWorkspaceEdge(t,n){this._dispatch(o=>o.dockPanelToWorkspaceEdge(t,n))}showContextMenu(t){this._dispatch(n=>n.showContextMenu(t))}publish(t,n){this._dispatch(o=>o.publish(t,n))}subscribe(t,n){return this._subscribeRaw(t,n)}onPanelOpen(t){return this._subscribeRaw("panel:opened",n=>{let o=n;t(o.id,o.component)})}onPanelClose(t){return this._subscribeRaw("panel:closed",n=>{t(n.id)})}onPanelMinimize(t){return this._subscribeRaw("panel:minimized",n=>{t(n.id)})}onPanelRestore(t){return this._subscribeRaw("panel:restored",n=>{t(n.id)})}onLayoutChanged(t){return this._subscribeRaw("layout:changed",()=>t())}onPanelsExcluded(t){return this._subscribeRaw("layout:panels-excluded",n=>{t(n.panels)})}};import{useContext as ei}from"react";import{createContext as _r,useContext as Hr,useMemo as Br,useState as No}from"react";import{jsx as $r}from"react/jsx-runtime";var Do=_r(null),pn=({children:e})=>{let[t,n]=No({}),[o,d]=No({}),s=Br(()=>({getActiveInGroup:L=>t[L]??null,setActiveInGroup:(L,M)=>n(x=>({...x,[L]:M})),isModifierActive:L=>o[L]??!1,setModifierActive:(L,M)=>d(x=>({...x,[L]:M})),toggleModifier:L=>d(M=>({...M,[L]:!M[L]}))}),[t,o]);return $r(Do.Provider,{value:s,children:e})};function gn(){let e=Hr(Do);if(!e)throw new Error("useToolbar must be used within DockableDesktopProvider");return e}import{createContext as Gr,useCallback as Yr,useContext as Wo,useLayoutEffect as Xr,useMemo as Vr,useRef as Kr,useSyncExternalStore as qr}from"react";import{jsx as Qr}from"react/jsx-runtime";function jr(){let e=new Map,t=new Set,n=()=>t.forEach(o=>o());return{publish(o,d){return e.set(o,d),n(),()=>{e.get(o)===d&&(e.delete(o),n())}},get(o){return e.get(o)??null},subscribe(o){return t.add(o),()=>t.delete(o)}}}var Hn=Gr(null),Bn=({children:e})=>{let t=Vr(()=>jr(),[]);return Qr(Hn.Provider,{value:t,children:e})};function Zr(e){let t=ln(),n=Wo(Hn),o=Kr(null);if(!n)throw new Error("usePanelContribution must be used within PanelContributionProvider");Xr(()=>{if(n)return o.current?.(),o.current=n.publish(t,e),()=>{o.current?.(),o.current=null}},[n,t,e])}function $n(){let e=Ve(d=>d.activePanelId),t=Wo(Hn);if(!t)throw new Error("useActivePanelContribution must be used within PanelContributionProvider");let n=Yr(d=>t?t.subscribe(d):()=>{},[t]),o=()=>t&&e?t.get(e):null;return qr(n,o,o)}function Ao(e,t=null){return{id:e.id,label:e.label,icon:e.icon??t,renderContent:()=>e.content}}function Ur(e){let t=$n();return t?.toolbarItems?.length?[...e,{type:"separator"},...t.toolbarItems]:e}function Jr(e,t=null){let n=$n();return n?.sidebarSections?.length?[...e,...n.sidebarSections.map(o=>Ao(o,t))]:e}import{jsx as en}from"react/jsx-runtime";var ti=({contextMenuAdapter:e=Ht,...t})=>{let n=ei(Bt),o=en(pn,{children:en(Sn,{...t,children:en(Bn,{children:en(zn,{children:t.children})})})});return n!==null?o:en(En,{adapter:e,formatMessageProvider:t.formatMessage,children:o})};import{useCallback as tn,useRef as Oo,useEffect as ni,useState as oi,useMemo as ri}from"react";import{Fragment as li,jsx as Qe,jsxs as Gn}from"react/jsx-runtime";var ii=({modal:e,index:t,isTopmost:n})=>{let{close:o,openModal:d,updateInstance:s,setDirty:L}=St(),M=Ue(),x=ot(),{dir:v}=Ve(),{modalClass:C,modalBodyClass:u}=pt(),I=Oo(null),{id:k,Component:E,props:_,options:p,dirty:w,dirtyOptions:R}=e,W=p,[m,P]=oi(W.icon||null),F=Oo(W);F.current=W;let O=ve(W.title,M),l=tn(async G=>{if(G?.force){o(k);return}if(I.current){if(!await I.current())return;o(k);return}if(w){d(kt,{title:R?.title||x.unsavedChangesTitle,message:R?.message||{id:x.unsavedChangesMessage.id,defaultMessage:x.unsavedChangesMessage.defaultMessage,values:{title:O}},alert:R?.alert,alertType:R?.alertType||"danger",useYesNoTitles:!0,onOK:()=>o(k)},{size:"small"});return}o(k)},[o,d,k,w,R,O,x]),z=tn((G,re)=>L(k,G,re),[L,k]),H=tn(G=>s(k,{options:{...F.current,title:G}}),[s,k]),B=tn(G=>P(G),[]),J=tn(G=>(I.current=G,()=>{I.current=null}),[]),Q=ri(()=>({requestClose:l,setDirty:z,setTitle:H,setIcon:B,onCloseRequested:J,containerType:"modal",instanceId:k}),[l,z,H,B,J,k]),Z=w?`${O} *`:O,me=W.size?`rdd-modal-size-${W.size}`:"rdd-modal-size-auto",le=W.closable!==!1,Y=W.bodyPadding,j=Y!=null?typeof Y=="number"?`${Y}px`:Y:void 0;ni(()=>{if(!n||!le)return;let G=re=>{re.key==="Escape"&&(re.stopPropagation(),l())};return document.addEventListener("keydown",G),()=>document.removeEventListener("keydown",G)},[l,le,n]);let X=`calc(var(--rdd-z-base, 1000) + 9000 + ${t*10})`;return Gn("div",{className:"rdd-modal-overlay",style:{zIndex:X},dir:v,children:[Qe("div",{className:"rdd-modal-curtain",onClick:le?()=>l():void 0}),Gn("div",{className:`rdd-modal-window ${me} ${C??""}`,children:[Gn("div",{className:"rdd-modal-header",children:[m&&Qe("div",{className:"rdd-modal-icon",children:m}),Qe("h4",{className:"rdd-modal-title",children:Z}),le&&Qe("button",{className:"rdd-modal-close-button",onClick:()=>l(),title:M(x.closeTooltip),type:"button",children:Qe("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:Qe("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),Qe("div",{className:`rdd-modal-body ${u??""}`,style:j!=null?{padding:j}:void 0,children:Qe(Ct,{value:Q,children:Qe(E,{..._,panelId:k})})})]})]})},si=()=>{let{modals:e}=gt();return e.length===0?null:Qe(li,{children:e.map((t,n)=>Qe(ii,{modal:t,index:n,isTopmost:n===e.length-1},t.id))})},ai=si;import{useCallback as Gt,useRef as Yn,useEffect as _o,useState as ui,useMemo as pi}from"react";import{useLayoutEffect as di,useState as ci}from"react";function Fo(e){let[t,n]=ci(null);return di(()=>{let o=e.current?.parentElement;if(!o)return;let d=()=>{let L=o.getBoundingClientRect();n({top:L.top,left:L.left,right:window.innerWidth-L.right,height:L.height})};d();let s=new ResizeObserver(d);return s.observe(o),window.addEventListener("resize",d),()=>{s.disconnect(),window.removeEventListener("resize",d)}},[e]),t}import{Fragment as bi,jsx as Ae,jsxs as Xn}from"react/jsx-runtime";var fn=({panel:e,position:t,defaultWidth:n,containerRect:o})=>{let{close:d,openModal:s,updateInstance:L,setDirty:M,registerCloseHandler:x,unregisterCloseHandler:v}=St(),{modals:C}=gt(),u=Ue(),I=ot(),{dir:k}=Ve(),{sidePanelClass:E,sidePanelBodyClass:_}=pt(),p=Yn(null),{id:w,Component:R,props:W,options:m,dirty:P,dirtyOptions:F}=e,O=m,[l,z]=ui(O.icon||null),H=Yn(O);H.current=O;let B=ve(O.title,u),J=Gt(async U=>{if(U?.force){d(w);return}if(p.current){if(!await p.current())return;d(w);return}if(P){s(kt,{title:F?.title||I.unsavedChangesTitle,message:F?.message||{id:I.unsavedChangesMessage.id,defaultMessage:I.unsavedChangesMessage.defaultMessage,values:{title:B}},alert:F?.alert,alertType:F?.alertType||"danger",useYesNoTitles:!0,onOK:()=>d(w)},{size:"small"});return}d(w)},[d,s,w,P,F,B,I]),Q=Gt(async()=>p.current?await p.current():!P,[P]);_o(()=>(x(w,Q),()=>v(w)),[w,Q,x,v]);let Z=Gt((U,Fe)=>M(w,U,Fe),[M,w]),me=Gt(U=>L(w,{options:{...H.current,title:U}}),[L,w]),le=Gt(U=>z(U),[]),Y=Gt(U=>(p.current=U,()=>{p.current=null}),[]),j=pi(()=>({requestClose:J,setDirty:Z,setTitle:me,setIcon:le,onCloseRequested:Y,containerType:t==="left"?"left-panel":"right-panel",instanceId:w}),[J,Z,me,le,Y,t,w]),X=P?`${B} *`:B;_o(()=>{let U=Fe=>{Fe.key==="Escape"&&C.length===0&&J()};return document.addEventListener("keydown",U),()=>document.removeEventListener("keydown",U)},[J,C.length]);let G=O.width||n||400,re=typeof G=="number"?`${G}px`:G,ue=O.bodyPadding,Oe=ue!=null?typeof ue=="number"?`${ue}px`:ue:void 0;return Ae("div",{className:`rdd-side-panel rdd-side-panel-${t} rdd-side-panel-visible ${E??""}`,style:{width:re,...o?{top:o.top,height:o.height,bottom:"auto",...t==="right"?{right:o.right}:{left:o.left}}:{}},dir:k,children:Xn("div",{className:"rdd-side-panel-window",children:[Xn("div",{className:"rdd-side-panel-header",children:[l&&Ae("div",{className:"rdd-side-panel-icon",children:l}),Ae("h4",{className:"rdd-side-panel-title",children:X}),Ae("button",{className:"rdd-side-panel-close-button",onClick:()=>J(),title:u(I.closeTooltip),type:"button",children:Ae("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:Ae("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),Ae("div",{className:`rdd-side-panel-body ${_??""}`,style:Oe!=null?{padding:Oe}:void 0,children:Ae(Ct,{value:j,children:Ae(R,{...W,panelId:w})})})]})})},Vn=({children:e})=>{let t=Yn(null),n=Fo(t);return Ae("div",{ref:t,style:{display:"contents"},children:e(n)})},gi=({defaultWidth:e})=>{let{leftPanel:t,rightPanel:n}=gt();return Ae(Vn,{children:o=>Xn(bi,{children:[t&&Ae(fn,{panel:t,position:"left",defaultWidth:e,containerRect:o},t.id),n&&Ae(fn,{panel:n,position:"right",defaultWidth:e,containerRect:o},n.id)]})})},fi=({defaultWidth:e})=>{let{leftPanel:t}=gt();return Ae(Vn,{children:n=>t?Ae(fn,{panel:t,position:"left",defaultWidth:e,containerRect:n},t.id):null})},mi=({defaultWidth:e})=>{let{rightPanel:t}=gt();return Ae(Vn,{children:n=>t?Ae(fn,{panel:t,position:"right",defaultWidth:e,containerRect:n},t.id):null})},hi=gi;import vi,{useState as mn,useEffect as hn,useRef as Kn,useCallback as bn,useImperativeHandle as yi,useContext as jn,useMemo as ht,createContext as Go,forwardRef as Yo,memo as Pi}from"react";import{jsx as xe,jsxs as vn}from"react/jsx-runtime";function qn(e){return"renderContent"in e}function xi(e){return"render"in e}function Ho(e){return e==null?[]:Array.isArray(e)?e:[e]}var Zn=Go(null),Xo=Go(null);function Ci({tabId:e,onClose:t,onOpen:n,setActiveTabId:o,children:d}){let s=ht(()=>({tabId:e,onClose:t,onOpen:n,openTab:L=>o(L)}),[e,t,n,o]);return xe(Xo.Provider,{value:s,children:d})}function Bo(e,t,n,o){if(xi(e))return xe(vi.Fragment,{children:e.render()},e.id??t);if(qn(e)){if(e.hidden)return null;let d=n===e.id;return xe("button",{type:"button",onClick:()=>o(e.id),className:`rdd-sidebar-tab-btn${d?" rdd-active":""}`,title:e.label,"aria-pressed":d,children:e.icon},e.id)}return xe("button",{type:"button",onClick:e.onClick,disabled:e.disabled,className:"rdd-sidebar-tab-btn rdd-sidebar-header-action-btn",title:e.label,"aria-label":e.label,children:e.icon},e.id??t)}var $o=Pi(function({tabs:t,headerEntries:n,footerEntries:o,activeTabId:d,isVisible:s,position:L,onTabClick:M}){return xe("div",{style:{width:s?"56px":"0px",height:"100%",overflow:"hidden",transition:"width 0.25s cubic-bezier(0.4, 0, 0.2, 1)",flexShrink:0},children:vn("div",{className:`rdd-sidebar-tabs-strip rdd-${L}${n.length?" rdd-sidebar-tabs-strip--has-header-action":""}${o.length?" rdd-sidebar-tabs-strip--has-footer-action":""}`,style:{width:"56px",height:"100%"},children:[n.length>0&&xe("div",{className:"rdd-sidebar-header-area",children:n.map((x,v)=>Bo(x,v,d,M))}),xe("div",{className:"rdd-sidebar-tabs-list",children:t.map(x=>{if(x.hidden)return null;let v=d===x.id;return xe("button",{type:"button",onClick:()=>M(x.id),className:`rdd-sidebar-tab-btn${v?" rdd-active":""}`,title:x.label,"aria-pressed":v,children:x.icon},x.id)})}),o.length>0&&xe("div",{className:"rdd-sidebar-footer-area",children:o.map((x,v)=>Bo(x,v,d,M))})]})})});function wi({position:e,currentWidth:t,minWidth:n,maxWidth:o,onWidthChange:d,onResizeStart:s,onResizeEnd:L}){return xe("div",{className:"rdd-resizer-bar",style:{cursor:"col-resize",width:"1px",height:"100%",flexShrink:0,zIndex:20},onPointerDown:x=>{x.preventDefault();let v=x.currentTarget,C=[{el:v,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active","rdd-resizing-col-active"]}];s(),ft({element:v,pointerId:x.pointerId,startClientX:x.clientX,startClientY:x.clientY,captureStart:()=>t,activeClasses:C,onMove:(u,I,k)=>{let E=e==="right"?k-u:k+u;d(Math.max(n,Math.min(o,E)))},onEnd:()=>L()})}})}var Vo=Yo(function({position:t="right",tabs:n,headerAction:o,footerAction:d,defaultWidth:s,minWidth:L=150,maxWidth:M=600,onWidthChange:x,activeTabId:v,onActiveTabChange:C,visible:u,onVisibilityChange:I,stripVisible:k,onStripVisibilityChange:E,showCloseButton:_=!1,hideDefaultHeader:p=!1,renderHeader:w,isSecondary:R=!1,children:W},m){let P=v!==void 0,[F,O]=mn(()=>s??280),l=bn(ee=>{O(ee),x?.(ee)},[x]),[z,H]=mn(!1),[B,J]=mn(null),Q=P?v:B,Z=ht(()=>Ho(o),[o]),me=ht(()=>Ho(d),[d]),le=ht(()=>Z.filter(qn),[Z]),Y=ht(()=>me.filter(qn),[me]),j=ht(()=>[...le,...n,...Y],[le,n,Y]),[X,G]=mn(()=>new Set),re=ht(()=>{let ee=new Set(X);Q&&ee.add(Q);for(let Ee of j)Ee.eagerMount&&ee.add(Ee.id);return ee},[X,Q,j]),ue=Kn(Q??null);hn(()=>{ue.current=Q??null},[Q]);let Oe=Kn(F);hn(()=>{Oe.current=F},[F]);let U=bn(ee=>{G(ee!==null?Ee=>{if(Ee.has(ee))return Ee;let $=new Set(Ee);return $.add(ee),$}:Ee=>{let $=!1,q=new Set(Ee);for(let ce of Ee){let he=j.find(be=>be.id===ce);he&&!he.eagerMount&&!he.preserveState&&(q.delete(ce),$=!0)}return $?q:Ee}),P||J(ee),C?.(ee)},[P,C,j]);hn(()=>{Q!=null&&!j.some(ee=>ee.id===Q)&&U(null)},[Q,j,U]),yi(m,()=>({openTab:ee=>U(ee),closeDrawer:()=>U(null),getActiveTab:()=>ue.current,show:()=>I?.(!0),hide:()=>I?.(!1),toggle:()=>I?.(u===!1),showStrip:()=>E?.(!0),hideStrip:()=>E?.(!1),setWidth:ee=>l(Math.max(L,Math.min(M,ee))),getWidth:()=>Oe.current}),[U,u,I,E,l,L,M]);let Fe=bn(ee=>{U(Q===ee?null:ee)},[Q,U]),$e=bn(()=>U(null),[U]),Be=p||w!=null,Ge=Kn(!1);hn(()=>{process.env.NODE_ENV==="development"&&(!_||!Be||Ge.current||(Ge.current=!0,console.warn('[react-dockable-desktop] `showCloseButton` has no effect because the default header is suppressed (`hideDefaultHeader` is set, or `renderHeader` was passed). The "X" close button only renders as part of the library\'s own default header, which is skipped in this case. Add your own close control inside `renderHeader` (or `renderContent`), wired to its `onClose` parameter or `useSidebarTab().onClose`.')))},[_,Be]);let st=ht(()=>({openTab:ee=>U(ee),closeDrawer:()=>U(null),getActiveTab:()=>ue.current,position:t,isSecondary:R}),[U,t,R]),tt=u!==!1,nt=tt&&k!==!1,qe=tt&&Q!=null,je=xe("div",{className:`rdd-sidebar-content-drawer rdd-${t}`,style:{flexBasis:qe?`${F}px`:"0px",flexShrink:1,flexGrow:0,minWidth:qe?`${L}px`:"0px",maxWidth:qe?`${M}px`:"0px",overflow:"hidden",transition:z?"none":"flex-basis 0.2s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},children:j.map(ee=>{if(!re.has(ee.id))return null;let $=Q===ee.id,q=()=>U(ee.id);return vn("div",{style:{display:$?"flex":"none",flexDirection:"column",height:"100%",width:"100%"},children:[Be?w?.(ee,$e,q):vn("div",{className:"rdd-sidebar-drawer-header",children:[xe("span",{className:"rdd-sidebar-header-title",children:ee.label}),_&&xe("button",{type:"button",className:"rdd-sidebar-drawer-close-button",onClick:$e,title:"Close","aria-label":"Close",children:xe("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:xe("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),xe("div",{className:"rdd-sidebar-drawer-body",children:xe(Ci,{tabId:ee.id,onClose:$e,onOpen:q,setActiveTabId:U,children:ee.renderContent(ee.id,$e,q)})})]},ee.id)})}),se=qe?xe(wi,{position:t,currentWidth:F,minWidth:L,maxWidth:M,onWidthChange:l,onResizeStart:()=>H(!0),onResizeEnd:()=>H(!1)}):null;return xe(Zn.Provider,{value:st,children:vn("div",{style:{display:"flex",flexDirection:"row",width:"100%",height:"100%",overflow:"hidden"},children:[t==="left"&&xe($o,{tabs:n,headerEntries:Z,footerEntries:me,activeTabId:Q,isVisible:nt,position:t,onTabClick:Fe}),t==="left"&&je,t==="left"&&se,xe("div",{style:{flex:"1 1 0%",minWidth:0,overflow:"hidden"},children:W}),t==="right"&&se,t==="right"&&je,t==="right"&&xe($o,{tabs:n,headerEntries:Z,footerEntries:me,activeTabId:Q,isVisible:nt,position:t,onTabClick:Fe})]})})}),Ri=Yo(function(t,n){let o=jn(Zn);if(!o)throw new Error("SecondarySidebar must be rendered inside a primary Sidebar's children");if(o.isSecondary)throw new Error("SecondarySidebar cannot be nested inside another SecondarySidebar");let d=o.position==="left"?"right":"left";return xe(Vo,{ref:n,...t,position:d,isSecondary:!0})});function Mi(){let e=jn(Zn);if(!e)throw new Error("useSidebar must be used within Sidebar");return e}function Si(){let e=jn(Xo);if(!e)throw new Error("useSidebarTab must be used within a Sidebar tab renderContent tree");return e}import{forwardRef as Ti,useImperativeHandle as ki,useState as Ko,useRef as qo,useEffect as jo,useLayoutEffect as Ii}from"react";import{createPortal as Ei}from"react-dom";import{Fragment as Wi,jsx as Ke,jsxs as Zo}from"react/jsx-runtime";function Li(e,t,n=!1,o=8){switch(t){case"left":return n?{right:window.innerWidth-e.left+o,top:e.top}:{left:e.right+o,top:e.top};case"right":return n?{left:e.right+o,top:e.top}:{right:window.innerWidth-e.left+o,top:e.top};case"top":return n?{top:e.bottom+o,right:window.innerWidth-e.right}:{top:e.bottom+o,left:e.left};case"bottom":return n?{bottom:window.innerHeight-e.top+o,right:window.innerWidth-e.right}:{bottom:window.innerHeight-e.top+o,left:e.left}}}function zi({item:e,position:t,toolbar:n}){let[o,d]=Ko(!1),[s,L]=Ko(null),M=qo(null),x=qo(null),v=e.activeItemId!==void 0,C=v?e.activeItemId:n.getActiveInGroup(e.id),u=e.items.find(p=>!("type"in p)&&p.id===C),I=C!==null,k=u?.icon??e.defaultIcon,E=u?.label??e.label,_=()=>{e.disabled||(!o&&M.current&&L(M.current.getBoundingClientRect()),d(p=>!p))};return Ii(()=>{if(!o||!x.current)return;let p=x.current,w=p.getBoundingClientRect(),R=8;w.right>window.innerWidth-R&&(p.style.left=`${Math.max(R,window.innerWidth-w.width-R)}px`,p.style.right="auto"),w.left<R&&(p.style.left=`${R}px`,p.style.right="auto"),w.bottom>window.innerHeight-R&&(p.style.top=`${Math.max(R,window.innerHeight-w.height-R)}px`,p.style.bottom="auto"),w.top<R&&(p.style.top=`${R}px`,p.style.bottom="auto")},[o]),jo(()=>{if(!o)return;let p=w=>{let R=w.target;M.current?.contains(R)||x.current?.contains(R)||d(!1)};return document.addEventListener("mousedown",p),()=>document.removeEventListener("mousedown",p)},[o]),jo(()=>{if(!o)return;let p=w=>{w.key==="Escape"&&d(!1)};return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[o]),Zo(Wi,{children:[Ke("button",{ref:M,type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-group${I?" rdd-active":""}`,title:E,"aria-label":E,"aria-expanded":o,"aria-haspopup":"menu",disabled:e.disabled,onClick:_,children:k}),o&&s&&Ei(Ke("div",{ref:x,className:`rdd-toolbar-group-flyout rdd-${t}`,style:Li(s,t,document.documentElement.dir==="rtl"),role:"menu",children:e.items.map((p,w)=>{if("type"in p)return Ke("div",{className:"rdd-toolbar-group-flyout-sep",role:"separator"},`sep-${w}`);let R=C===p.id;return Zo("button",{type:"button",className:`rdd-toolbar-group-flyout-item${R?" rdd-active":""}`,disabled:p.disabled,role:"menuitem","aria-pressed":R,onClick:()=>{v?e.onActiveItemChange?.(p.id):n.setActiveInGroup(e.id,p.id),p.onActivate?.(p.id),d(!1)},children:[Ke("span",{className:"rdd-toolbar-group-flyout-icon",children:p.icon}),Ke("span",{className:"rdd-toolbar-group-flyout-label",children:p.label}),p.shortcut&&Ke("span",{className:"rdd-toolbar-group-flyout-shortcut",children:p.shortcut})]},p.id)})}),document.body)]})}function Ni(e,t,n,o){switch(e.type){case"separator":return Ke("div",{className:"rdd-toolbar-separator",role:"separator"},`sep-${t}`);case"action":return Ke("button",{type:"button",className:"rdd-toolbar-btn rdd-toolbar-btn-action",title:e.label,"aria-label":e.label,disabled:e.disabled,onClick:e.onClick,children:e.icon},e.id);case"radio":{let d=n.getActiveInGroup(e.group)===e.id;return Ke("button",{type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-radio${d?" rdd-active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":d,disabled:e.disabled,onClick:()=>{n.setActiveInGroup(e.group,e.id),e.onActivate?.(e.id)},children:e.icon},e.id)}case"toggle":{let d=e.active!==void 0,s=d?e.active:n.isModifierActive(e.id);return Ke("button",{type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-toggle${s?" rdd-active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":s,disabled:e.disabled,onClick:()=>{d||n.toggleModifier(e.id),e.onToggle?.(!s)},children:e.icon},e.id)}case"group":return Ke(zi,{item:e,position:o,toolbar:n},e.id)}}var Di=Ti(function({position:t="left",items:n,visible:o,onVisibilityChange:d,className:s,style:L},M){let x=gn(),v=t==="left"||t==="right";ki(M,()=>({show:()=>d?.(!0),hide:()=>d?.(!1),toggle:()=>d?.(o===!1)}),[o,d]);let C=o!==!1?{}:v?{width:"0px"}:{height:"0px"};return Ke("div",{className:`rdd-toolbar-strip rdd-${t}${s?` ${s}`:""}`,role:"toolbar","aria-orientation":v?"vertical":"horizontal",style:{...C,...L},children:n.map((u,I)=>Ni(u,I,x,t))})});import{useCallback as Jn,useEffect as nn,useLayoutEffect as Ai,useRef as Et,useState as Qn}from"react";import{createPortal as Uo}from"react-dom";import{jsx as Re,jsxs as on}from"react/jsx-runtime";var eo=class{listeners=new Set;counter=0;subscribe(t){this.listeners.add(t)}unsubscribe(t){this.listeners.delete(t)}show(t,n={}){let o=n.id??`toast-${++this.counter}`;return this.emit({kind:"show",id:o,message:t,rawOpts:{...n,id:o}}),o}update(t,n,o){this.emit({kind:"update",id:t,message:n,patch:o})}dismiss(t){this.emit({kind:"dismiss",id:t})}emit(t){this.listeners.forEach(n=>n(t))}},Xe=new eo,Oi=Object.assign((e,t)=>Xe.show(e,t),{info:(e,t)=>Xe.show(e,{...t,type:"info"}),success:(e,t)=>Xe.show(e,{...t,type:"success"}),warning:(e,t)=>Xe.show(e,{...t,type:"warning"}),error:(e,t)=>Xe.show(e,{...t,type:"error"}),dismiss:e=>Xe.dismiss(e),promise:(e,t,n)=>{let o=Xe.show(t.pending,{...n,type:"info",duration:0});return e.then(d=>{let s=typeof t.success=="function"?t.success(d):t.success;Xe.update(o,s,{type:"success",duration:n?.duration??5e3})},d=>{let s=typeof t.error=="function"?t.error(d):t.error;Xe.update(o,s,{type:"error",duration:n?.duration??5e3})}),e}}),Fi=()=>on("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[Re("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),Re("path",{d:"M8 5v.01M8 7.5v3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),_i=()=>on("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[Re("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),Re("path",{d:"M5 8l2 2 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),Hi=()=>on("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[Re("path",{d:"M8 2.5L14 13.5H2L8 2.5z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),Re("path",{d:"M8 7v2.5M8 11.5v.01",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),Bi=()=>on("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[Re("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),Re("path",{d:"M5.5 5.5l5 5M10.5 5.5l-5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),$i=()=>Re("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:Re("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),Gi={info:Re(Fi,{}),success:Re(_i,{}),warning:Re(Hi,{}),error:Re(Bi,{})};function Yi({id:e,message:t,options:n,exiting:o,isLeft:d,showProgress:s,pauseOnHover:L,animation:M,onDismiss:x,onExited:v}){let C=Et(null),u=Et(null),I=Et(null),k=Et(n.duration),E=Et(0),[_,p]=Qn(!1),w=M==="none"?"rdd-toast--visible":M==="fade"?"rdd-toast--fade-entering":d?"rdd-toast--entering-left":"rdd-toast--entering",[R,W]=Qn(w);Ai(()=>{let z=C.current,H=u.current;if(!z||!H||o)return;let B=()=>{z.style.maxHeight=`${z.scrollHeight}px`};B();let J=new ResizeObserver(B);return J.observe(H),()=>J.disconnect()},[o]),nn(()=>{if(M==="none")return;let z=requestAnimationFrame(()=>W("rdd-toast--visible"));return()=>cancelAnimationFrame(z)},[]);let m=Jn(z=>{z<=0||(E.current=Date.now(),I.current=setTimeout(()=>x(e),z))},[e,x]);nn(()=>(I.current&&clearTimeout(I.current),k.current=n.duration,m(n.duration),()=>{I.current&&clearTimeout(I.current)}),[n.duration,m]),nn(()=>{if(!o)return;let z=C.current;if(!z||M==="none"){v(e);return}let H=J=>{J.propertyName==="max-height"&&v(e)};z.addEventListener("transitionend",H);let B=setTimeout(()=>v(e),520);return()=>{z.removeEventListener("transitionend",H),clearTimeout(B)}},[o,e,v,M]);let P=()=>{!L||n.duration===0||(I.current&&(clearTimeout(I.current),I.current=null,k.current=Math.max(0,k.current-(Date.now()-E.current))),p(!0))},F=()=>{!L||n.duration===0||(p(!1),m(k.current))},O=["rdd-toast",n.type&&`rdd-toast--${n.type}`,R,o&&"rdd-toast--exiting",_&&"rdd-toast--paused"].filter(Boolean).join(" "),l=n.icon!==void 0?n.icon:n.type?Gi[n.type]:null;return on("div",{ref:C,role:"status","aria-live":"polite",className:O,onMouseEnter:P,onMouseLeave:F,children:[l&&l,Re("div",{ref:u,className:"rdd-toast__body",children:n.content!==void 0?n.content:t}),n.closable&&Re("button",{type:"button",className:"rdd-toast__close",onClick:()=>x(e),"aria-label":"Close notification",children:Re($i,{})}),s&&n.duration>0&&Re("div",{className:"rdd-toast__progress",style:{animationDuration:`${n.duration}ms`}})]})}function Un(e,t,n){return{id:e.id,type:e.type??"info",duration:e.duration??t,closable:e.closable??n,icon:e.icon,content:e.content,onClose:e.onClose}}function Xi({position:e="top-right",maxVisible:t=3,defaultDuration:n=5e3,defaultClosable:o=!0,pauseOnHover:d=!0,animation:s="slide",newestOnTop:L=!1,progressBar:M=!1,width:x=320,adapter:v}){let[C,u]=Qn([]),I=Et([]),k=Et(C);k.current=C;let E=Jn(W=>{u(m=>m.map(P=>P.id===W?{...P,exiting:!0}:P)),k.current.find(m=>m.id===W)?.options.onClose?.()},[]),_=Jn(W=>{let m=I.current.shift()??null;u(P=>{let F=P.filter(l=>l.id!==W);if(!m)return F;let O=Un(m.rawOpts,n,o);return[...F,{id:m.id,message:m.message,options:O,exiting:!1}]})},[n,o]);if(nn(()=>{if(v)return;let W=m=>{if(m.kind==="show"){let P=Un(m.rawOpts,n,o),F={id:m.id,message:m.message,options:P,exiting:!1},O={id:m.id,message:m.message,rawOpts:m.rawOpts};u(l=>l.find(B=>B.id===m.id)?l.map(B=>B.id===m.id?{...B,message:m.message,options:P}:B):l.filter(B=>!B.exiting).length<t?[...l,F]:(I.current.some(B=>B.id===O.id)||I.current.push(O),l))}else m.kind==="update"?(u(P=>P.map(F=>{if(F.id!==m.id)return F;let O={...F.options,...m.patch,id:F.id};return{...F,message:m.message,options:O}})),I.current=I.current.map(P=>P.id!==m.id?P:{...P,message:m.message,rawOpts:{...P.rawOpts,...m.patch}})):m.kind==="dismiss"&&(m.id===void 0?(u(P=>P.map(F=>({...F,exiting:!0}))),I.current=[]):k.current.some(F=>F.id===m.id)?E(m.id):I.current=I.current.filter(F=>F.id!==m.id))};return Xe.subscribe(W),()=>Xe.unsubscribe(W)},[v,t,n,o,E]),nn(()=>{if(!v)return;let W=m=>{if(m.kind==="show"){let P=Un(m.rawOpts,n,o);v.show(m.id,m.message,P)}else m.kind==="update"?v.update(m.id,m.message,m.patch):m.kind==="dismiss"&&v.dismiss(m.id)};return Xe.subscribe(W),()=>Xe.unsubscribe(W)},[v,n,o]),v){if(!v.Container)return null;let W=v.Container;return Uo(Re(W,{position:e}),document.body)}let p=e.endsWith("left"),w="";L===!0&&(w="rdd-toast-container--newest-top"),L===!1&&(w="rdd-toast-container--newest-bottom");let R=["rdd-toast-container",`rdd-toast-container--${e}`,w].filter(Boolean).join(" ");return Uo(Re("div",{className:R,style:{width:x},"aria-label":"Notifications","aria-live":"polite",children:C.map(W=>Re(Yi,{id:W.id,message:W.message,options:W.options,exiting:W.exiting,isLeft:p,showProgress:M,pauseOnHover:d,animation:s,onDismiss:E,onExited:_},W.id))}),document.body)}import nr,{useState as Ie,useContext as Pn,createContext as no,useRef as ke,useLayoutEffect as to,useCallback as et,useMemo as Xt,useEffect as Jo}from"react";import{createPortal as Vi}from"react-dom";import{Fragment as gs,jsx as ae,jsxs as vt}from"react/jsx-runtime";var ct=e=>e==="width"||e==="both",it=e=>e==="height"||e==="both",Qo=(e,t)=>t==="inline"?it(e)?"both":"width":ct(e)?"both":"height",yn=(e,t)=>t==="inline"?e==="both"?"height":ct(e)?null:e:e==="both"?"width":it(e)?null:e,or=(e,t)=>it(t)?[]:ct(t)?e.startsWith("top-")?["top-left","top-right"]:["bottom-left","bottom-right"]:[e],Ki=(e,t)=>`${e.startsWith("top-")?"top":"bottom"}-${t}`,qi=(e,t)=>`${t}-${e.endsWith("-right")?"right":"left"}`,rr=["top-left","top-right","bottom-left","bottom-right"],ir=no(null),sr=no(null),ar=no(null),bt=80;function ji(e,t,n){let o=e.getBoundingClientRect(),d=t-o.left,s=n-o.top;return d<bt&&s<bt?"top-left":d>o.width-bt&&s<bt?"top-right":d<bt&&s>o.height-bt?"bottom-left":d>o.width-bt&&s>o.height-bt?"bottom-right":null}function Zi({children:e,className:t,style:n}){let[o,d]=Ie({}),[s,L]=Ie({}),[M,x]=Ie({"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]}),[v,C]=Ie({}),[u,I]=Ie(null),[k,E]=Ie(null),[_,p]=Ie(null),[w,R]=Ie(()=>new Map),W=ke(100),m=ke(null),P=et((Y,j)=>(d(X=>({...X,[Y]:j})),()=>d(X=>{let G={...X};return delete G[Y],G})),[]),F=et(Y=>{W.current+=1;let j=W.current;L(X=>({...X,[Y]:j})),p(Y)},[]),O=et((Y,j,X=null)=>{let G=or(j,X);x(re=>{let ue={"top-left":re["top-left"].filter(U=>U!==Y),"top-right":re["top-right"].filter(U=>U!==Y),"bottom-left":re["bottom-left"].filter(U=>U!==Y),"bottom-right":re["bottom-right"].filter(U=>U!==Y)};for(let U of G)ue[U]=[...ue[U],Y];return rr.every(U=>ue[U].length===re[U].length&&ue[U].every((Fe,$e)=>Fe===re[U][$e]))?re:ue})},[]),l=et(Y=>{x(j=>({"top-left":j["top-left"].filter(X=>X!==Y),"top-right":j["top-right"].filter(X=>X!==Y),"bottom-left":j["bottom-left"].filter(X=>X!==Y),"bottom-right":j["bottom-right"].filter(X=>X!==Y)}))},[]),z=et((Y,j)=>{C(X=>X[Y]===j?X:{...X,[Y]:j})},[]),H=et((Y,j)=>{R(X=>{let G=new Map(X);return G.set(Y,j),G})},[]),B=et(Y=>{R(j=>{let X=new Map(j);return X.delete(Y),X})},[]),J=et(()=>{R(new Map)},[]),Q=Xt(()=>Array.from(w.keys()),[w]),Z=Xt(()=>({registerToolbar:P,insetTop:o.top??0,insetBottom:o.bottom??0}),[P,o]),me=Xt(()=>({managedWindowIds:Q,openManaged:H,closeManaged:B,closeAllManaged:J}),[Q,H,B,J]),le=Xt(()=>({topId:_,zOrders:s,focusWindow:F,containerRef:m,stacks:M,dockedSizes:v,dockWindow:O,undockWindow:l,reportDockedSize:z,draggingId:u,setDraggingId:I,hoveredZone:k,setHoveredZone:E,insetTop:o.top??0,insetBottom:o.bottom??0,insetInlineStart:o.left??0,insetInlineEnd:o.right??0}),[_,s,F,M,v,O,l,z,u,k,o]);return ae(ir.Provider,{value:Z,children:ae(sr.Provider,{value:me,children:ae(ar.Provider,{value:le,children:vt("div",{ref:m,className:`rdd-panel-overlay-root${u!==null?" rdd-dragging-active":""}${t?" "+t:""}`,style:n,children:[e,u!==null&&ae(Ui,{hoveredZone:k}),Array.from(w.entries()).map(([Y,j])=>ae(lr,{id:Y,title:j.title,icon:j.icon,open:!0,onClose:()=>B(Y),defaultAnchor:j.anchor??"top-right",defaultWidth:j.width??320,defaultHeight:j.height??240,defaultStretch:j.stretch,children:j.content},Y))]})})})})}function Ui({hoveredZone:e}){return ae(gs,{children:rr.map(t=>ae("div",{className:`rdd-panel-float-dropzone rdd-panel-float-dropzone--${t}${e===t?" rdd-panel-float-dropzone--hovered":""}`,"aria-hidden":"true"},t))})}function Ji({position:e,variant:t="transparent",buttonVariant:n="ghost",buttonSize:o,style:d,className:s,children:L}){let M=Pn(ir),x=ke(null),v=ke(null);to(()=>{let E=x.current;if(!E||!M)return;let _=()=>{let w=e==="top"||e==="bottom"?E.offsetHeight:E.offsetWidth;v.current?.(),v.current=M.registerToolbar(e,w)};_();let p=new ResizeObserver(_);return p.observe(E),()=>{p.disconnect(),v.current?.(),v.current=null}},[e,M?.registerToolbar]);let C={position:"absolute",zIndex:5,pointerEvents:"none",boxSizing:"border-box"};e==="top"?(C.top=0,C.left=0,C.right=0):e==="bottom"?(C.bottom=0,C.left=0,C.right=0):e==="left"?(C.insetInlineStart=0,C.top=M?.insetTop??0,C.bottom=M?.insetBottom??0):(C.insetInlineEnd=0,C.top=M?.insetTop??0,C.bottom=M?.insetBottom??0);let I=e==="left"||e==="right"?{...(M?.insetTop??0)>0?{paddingTop:0}:{},...(M?.insetBottom??0)>0?{paddingBottom:0}:{}}:{},k=o!=null?{"--rdd-panel-toolbar-btn-size":`${o}px`}:{};return ae("div",{ref:x,className:`rdd-panel-toolbar rdd-panel-toolbar--${e}${s?" "+s:""}`,"data-variant":t,"data-btn-variant":n,style:{...C,...I,...k,...d},children:L})}function Qi({icon:e,onClick:t,disabled:n,title:o,variant:d}){return ae("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:t,disabled:n,title:o,"aria-label":o,...d?{"data-variant":d}:{},children:e})}function es({icon:e,active:t,onToggle:n,disabled:o,title:d,variant:s}){return ae("button",{type:"button",className:`rdd-panel-toolbar-btn${t?" rdd-panel-toolbar-btn--active":""}`,onClick:n,disabled:o,title:d,"aria-label":d,"aria-pressed":t,...s?{"data-variant":s}:{},children:e})}function ts(){return ae("span",{className:"rdd-panel-toolbar__sep","aria-hidden":"true"})}function ns(){return ae("span",{className:"rdd-panel-toolbar__spacer","aria-hidden":"true"})}function os({children:e}){return ae("span",{className:"rdd-panel-toolbar__item",children:e})}function rs({children:e}){return ae("div",{className:"rdd-panel-toolbar__center",children:e})}function is({placeholder:e="Search\u2026",onSearch:t,onSelect:n}){let[o,d]=Ie(!1),[s,L]=Ie(""),[M,x]=Ie([]),[v,C]=Ie(null),u=ke(null),I=ke(null),k=ke(null),E=ke(null),_=()=>{d(!0),setTimeout(()=>I.current?.focus({preventScroll:!0}),0)},p=()=>{d(!1),L(""),x([]),C(null),k.current?.abort(),E.current&&clearTimeout(E.current)},w=O=>{let l=O.target.value;if(L(l),k.current?.abort(),E.current&&clearTimeout(E.current),!l.trim()){x([]),C(null);return}E.current=setTimeout(async()=>{let z=new AbortController;k.current=z;try{let H=await t(l,z.signal);if(!z.signal.aborted){x(H);let B=u.current;if(B&&H.length>0){let J=B.getBoundingClientRect(),Q=Math.max(J.width,240),Z=J.left;Z+Q>window.innerWidth-8&&(Z=window.innerWidth-Q-8),C({top:J.bottom+4,left:Z,width:Q})}else C(null)}}catch{}},300)},R=O=>{n(O),p()},W=O=>{u.current?.contains(O.relatedTarget)||p()},m=O=>{O.key==="Escape"&&p()},P=Xt(()=>{let O={};for(let l of M){let z=l.group??"";O[z]||(O[z]=[]),O[z].push(l)}return O},[M]),F=vt("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[ae("circle",{cx:"6.5",cy:"6.5",r:"4.5"}),ae("line",{x1:"10",y1:"10",x2:"14",y2:"14"})]});return o?vt("div",{ref:u,className:"rdd-panel-toolbar-search rdd-panel-toolbar-search--open",onBlur:W,children:[ae("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:p,"aria-label":"Close search",title:"Close search",children:F}),ae("input",{ref:I,className:"rdd-panel-toolbar-search__input",type:"text",value:s,onChange:w,onKeyDown:m,placeholder:e,autoComplete:"off"}),v&&M.length>0&&Vi(ae("div",{className:"rdd-panel-toolbar-search__dropdown",style:{position:"fixed",top:v.top,left:v.left,width:v.width},onMouseDown:O=>O.preventDefault(),children:Object.entries(P).map(([O,l])=>vt(nr.Fragment,{children:[O&&ae("div",{className:"rdd-panel-toolbar-search__group",children:O}),l.map(z=>vt("button",{type:"button",className:"rdd-panel-toolbar-search__item",onClick:()=>R(z),children:[z.icon&&ae("span",{className:"rdd-panel-toolbar-search__item-icon",children:z.icon}),ae("span",{className:"rdd-panel-toolbar-search__item-label",children:z.label}),z.description&&ae("span",{className:"rdd-panel-toolbar-search__item-desc",children:z.description})]},z.id))]},O||"__default__"))}),document.body)]}):ae("div",{ref:u,className:"rdd-panel-toolbar-search",children:ae("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:_,title:"Search","aria-label":"Search",children:F})})}function lr(e){let t=Pn(ar);return e.open?ae(ds,{ctx:t,...e},e.id):null}var ss=120,as=60,Yt=8,ls=8,er=16,tr=40;function ds({id:e,title:t,icon:n,defaultAnchor:o,defaultWidth:d,defaultHeight:s,defaultStretch:L,stretch:M,onPlacementChange:x,stretchable:v=!0,children:C,ctx:u,onClose:I}){let k=Pn(Ft)?.isRtl??!1,[E,_]=Ie("docked"),[p,w]=Ie(o),[R,W]=Ie(L??null),m=M!==void 0,P=m?M??null:R,[F,O]=Ie(null),[l,z]=Ie({w:d,h:s}),H=ke(null),B=ke(E);B.current=E;let J=ke(F);J.current=F;let Q=ke(l);Q.current=l;let Z=ke(P);Z.current=P;let me=ke(p);me.current=p;let le=ke(x);le.current=x;let[Y,j]=Ie({inline:!1,block:!1}),X=ke(Y);X.current=Y;let G=ke(0),re=et(($,q)=>{w($),m||W(q),le.current?.({anchor:$,stretch:q})},[m]),ue=ke(null);to(()=>{E==="docked"&&u?.dockWindow(e,p,P)},[E,p,P]),to(()=>()=>{u?.undockWindow(e)},[]);let Oe=ke(!1);Jo(()=>{if(process.env.NODE_ENV!=="development"||Oe.current||E!=="docked"||!it(P)||!u)return;let $=p.endsWith("-right")?"right":"left",q=[`top-${$}`,`bottom-${$}`].flatMap(ce=>u.stacks[ce]??[]).filter(ce=>ce!==e);q.length!==0&&(Oe.current=!0,console.warn(`[react-dockable-desktop] PanelFloatingWindow "${e}" stretches the block axis (stretch: "${P}") while ${q.length} other widget(s) are anchored to the same side (${q.join(", ")}). A block-stretched widget spans the axis that stacking uses to separate siblings, so it cannot stack and will overlap them \u2014 z-order decides which is on top. Either give it a fixed height, or move the other widgets to the opposite side.`))},[E,P,p,u?.stacks,e]),Jo(()=>{u?.reportDockedSize(e,l.h)},[l.h]);let U=u?.zOrders[e]??101,Fe=!u||u.topId===e,$e=()=>{let $=H.current?.offsetParent;return{cw:$?.clientWidth??9999,ch:$?.clientHeight??9999}},Be=()=>{let $=u?.insetInlineStart??0,q=u?.insetInlineEnd??0;return{left:(k?q:$)+Yt,right:(k?$:q)+Yt,top:u?.insetTop??0,bottom:u?.insetBottom??0}},Ge=()=>{u?.focusWindow(e)},st=$=>{if($.button!==0)return;$.preventDefault();let q,ce;if(B.current==="docked"){let he=H.current,be=u?.containerRef?.current;if(he&&be){let ye=he.getBoundingClientRect(),De=be.getBoundingClientRect();q=ye.left-De.left,ce=ye.top-De.top}else q=Yt,ce=u?.insetTop??0}else q=J.current?.x??0,ce=J.current?.y??0;ue.current={mouseX:$.clientX,mouseY:$.clientY,posX:q,posY:ce,hasDragged:!1},H.current?.setPointerCapture($.pointerId)},tt=$=>q=>{if(q.button!==0)return;q.preventDefault(),q.stopPropagation();let ce=0,he=0;if(B.current==="free")ce=J.current?.x??0,he=J.current?.y??0;else{let Pe=H.current,Ce=Pe?.offsetParent;if(Pe&&Ce){let Le=Pe.getBoundingClientRect(),He=Ce.getBoundingClientRect();ce=Le.left-He.left,he=Le.top-He.top}}let be=H.current?.getBoundingClientRect(),ye={x:ce,y:he,w:ct(Z.current)&&be?be.width:Q.current.w,h:it(Z.current)&&be?be.height:Q.current.h},De=$.includes("e")||$.includes("w"),_e=$.includes("n")||$.includes("s"),We=!1,Me={inline:!1,block:!1},at=()=>{if(We||B.current!=="docked")return;let Pe=Z.current,Ce=De&&ct(Pe),Le=_e&&it(Pe);if(!Ce&&!Le)return;We=!0;let He=Pe,Ye=me.current;if(Ce){He=yn(He,"inline");let ze=$.includes("e");Ye=Ki(Ye,ze!==k?"left":"right")}Le&&(He=yn(He,"block"),Ye=qi(Ye,$.includes("s")?"top":"bottom")),re(Ye,He)};ft({element:q.currentTarget,pointerId:q.pointerId,startClientX:q.clientX,startClientY:q.clientY,captureStart:()=>ye,activeClasses:[{el:document.body,classes:["rdd-resizing-active"]}],onMove:(Pe,Ce,Le)=>{let{cw:He,ch:Ye}=$e(),ze=B.current==="docked"?Be():{left:0,right:0,top:0,bottom:0},{x:ut,y:lt,w:yt,h:Pt}=Jt($,Pe,Ce,Le,{minW:ss,minH:as,maxW:He-ze.right-Le.x,maxH:Ye-ze.bottom-Le.y,minX:ze.left,minY:ze.top});if(at(),B.current==="docked"&&v){let b=He-ze.left-ze.right,c=Ye-ze.top-ze.bottom-G.current,a=Z.current,A={...Me};De&&!ct(a)&&(yt>=b-er?A.inline=!0:Me.inline&&yt<b-tr&&(A.inline=!1)),_e&&!it(a)&&(Pt>=c-er?A.block=!0:Me.block&&Pt<c-tr&&(A.block=!1)),(A.inline!==Me.inline||A.block!==Me.block)&&(Me=A,j(A))}let i=We?yn(yn(Z.current,De?"inline":"block"),_e?"block":"inline"):Z.current;z(b=>({w:ct(i)?b.w:yt,h:it(i)?b.h:Pt})),B.current==="free"&&O({x:ut,y:lt})},onEnd:Pe=>{if(!Me.inline&&!Me.block){(X.current.inline||X.current.block)&&j({inline:!1,block:!1});return}z(Le=>({w:Me.inline?Pe.w:Le.w,h:Me.block?Pe.h:Le.h}));let Ce=Z.current;Me.inline&&(Ce=Qo(Ce,"inline")),Me.block&&(Ce=Qo(Ce,"block")),re(me.current,Ce),j({inline:!1,block:!1})}})},nt=$=>{if(ue.current){let q=ue.current;if(!q.hasDragged){if(Math.abs($.clientX-q.mouseX)+Math.abs($.clientY-q.mouseY)<4)return;if(q.hasDragged=!0,B.current==="docked"){if(Z.current){let We=H.current?.getBoundingClientRect();We&&z({w:Math.round(We.width),h:Math.round(We.height)}),re(me.current,null)}u?.undockWindow(e),_("free")}document.body.classList.add("rdd-dragging-active"),u?.setDraggingId(e)}let{cw:ce,ch:he}=$e(),be=Math.max(0,Math.min(q.posX+$.clientX-q.mouseX,ce-Q.current.w)),ye=Math.max(0,Math.min(q.posY+$.clientY-q.mouseY,he-Q.current.h));O({x:be,y:ye});let De=u?.containerRef?.current;if(De){let _e=ji(De,$.clientX,$.clientY);u?.setHoveredZone(_e&&k?Ut(_e):_e)}}},qe=()=>{if(ue.current?.hasDragged){let $=u?.hoveredZone;$&&(u?.dockWindow(e,$,Z.current),_("docked"),O(null),re($,Z.current)),u?.setHoveredZone(null),u?.setDraggingId(null)}document.body.classList.remove("rdd-dragging-active"),ue.current=null},je=()=>{ue.current?.hasDragged&&(u?.setHoveredZone(null),u?.setDraggingId(null)),document.body.classList.remove("rdd-dragging-active"),ue.current=null},se;if(E==="docked"&&u){let $=or(p,P),q=0,ce=$.length===0;for(let be of $){let ye=u.stacks[be]??[],De=ye.indexOf(e);if(De===-1)continue;ce=!0;let _e=0;for(let We=0;We<De;We++)_e+=(u.dockedSizes[ye[We]]??s)+ls;q=Math.max(q,_e)}G.current=q;let he=Be();se={zIndex:U,transition:"top 0.2s ease, bottom 0.2s ease",opacity:ce?void 0:0,pointerEvents:ce?void 0:"none"},ct(P)?(se.insetInlineStart=(u.insetInlineStart??0)+Yt,se.insetInlineEnd=(u.insetInlineEnd??0)+Yt):(se[p.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]=Yt,se.width=l.w),it(P)?(se.top=he.top,se.bottom=he.bottom):p.startsWith("top-")?(se.top=he.top+q,se.height=l.h):(se.bottom=he.bottom+q,se.height=l.h)}else se={left:F?.x??0,top:F?.y??0,width:l.w,height:l.h,zIndex:U};let ee=nr.useMemo(()=>{if(E==="free")return["n","ne","e","se","s","sw","w","nw"];let $=p.startsWith("top-")?"s":"n",ce=p.endsWith("-right")!==k?"w":"e",he=ct(P),be=it(P),ye=[];return ye.push(...he?["e","w"]:[ce]),ye.push(...be?["n","s"]:[$]),!he&&!be&&ye.push(`${$}${ce}`),ye},[E,p,k,P]),Ee=vt("svg",{width:"8",height:"8",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",children:[ae("line",{x1:"1",y1:"1",x2:"9",y2:"9"}),ae("line",{x1:"9",y1:"1",x2:"1",y2:"9"})]});return vt("div",{ref:H,dir:k?"rtl":"ltr",className:["rdd-panel-float",Fe?"rdd-panel-float--active":"",Y.inline||Y.block?"rdd-panel-float--snapping":""].filter(Boolean).join(" "),style:se,onPointerDown:Ge,onPointerMove:nt,onPointerUp:qe,onPointerCancel:je,children:[vt("div",{className:"rdd-panel-float__header",onPointerDown:st,children:[n&&ae("span",{className:"rdd-panel-float__icon",children:n}),ae("span",{className:"rdd-panel-float__title",children:t}),ae("button",{type:"button",className:"rdd-panel-float__close",onClick:I,onPointerDown:$=>$.stopPropagation(),title:"Close","aria-label":"Close",children:Ee})]}),ae("div",{className:"rdd-panel-float__body",children:C}),ee.map($=>ae("div",{className:`rdd-resize-handle rdd-resize-${$}`,onPointerDown:tt($)},$))]})}function cs(){let[e,t]=Ie(!1),n=et(()=>{t(!0)},[]),o=et(()=>{t(!1)},[]);return{isOpen:e,open:n,close:o}}var us=[];function ps(){let e=Pn(sr),t=e?.managedWindowIds??us;return Xt(()=>({open:(n,o)=>e?.openManaged(n,o),close:n=>e?.closeManaged(n),closeAll:()=>e?.closeAllManaged(),isOpen:n=>t.includes(n),openIds:t}),[e,t])}export{kt as ConfirmationForm,In as ContextMenu,En as ContextMenuProvider,Ht as DefaultContextMenuAdapter,ti as DockableDesktopProvider,wn as FormContainerContext,Ct as FormContainerProvider,fi as LeftPanelRenderer,ai as ModalStackRenderer,Bn as PanelContributionProvider,lr as PanelFloatingWindow,Zi as PanelOverlayRoot,zn as PanelProvider,rn as PanelRegistry,Wt as PanelRegistryClass,Ji as PanelToolbar,os as PanelToolbarItem,ts as PanelToolbarSeparator,mi as RightPanelRenderer,Ri as SecondarySidebar,hi as SidePanelRenderer,Vo as Sidebar,Xi as ToastContainer,Di as Toolbar,Qi as ToolbarButton,rs as ToolbarCenter,pn as ToolbarProvider,is as ToolbarSearchInput,ns as ToolbarSpacer,es as ToolbarToggle,Fr as WindowManager,Sn as WindowManagerProvider,_n as WorkspaceClient,Jt as computeResizedRect,Vt as defaultPredefinedMessages,ve as formatLabel,At as isSerializable,Ao as sidebarSectionToTab,ft as startPointerDrag,Oi as toast,$n as useActivePanelContribution,Dn as useColorScheme,Dt as useFormContainer,Ue as useFormatMessage,Jr as useMergedSidebarTabs,Ur as useMergedToolbarItems,St as usePanelActions,yr as usePanelContext,Pr as usePanelContextMenu,Zr as usePanelContribution,cs as usePanelFloatingWindow,ps as usePanelFloatingWindowManager,ln as usePanelId,gr as usePanelSize,gt as usePanelState,ot as usePredefinedMessages,Kt as useRegistry,wr as useShowContextMenu,Mi as useSidebar,Si as useSidebarTab,pt as useStyleClasses,gn as useToolbar,qt as useWindowManagerActions,Ve as useWindowManagerState};
23
+ 3. Verify styles.css is imported \u2014 it anchors html, body, #root to 100% height.`)}Yt({width:Math.max(100,p.width),height:Math.max(100,p.height)})});return f.observe(r),()=>{f.disconnect()}},[]),we(()=>{let r=Oe.width,v=Oe.height;s.floating.forEach(f=>{let h=typeof f.width=="string"?parseFloat(f.width):f.width,p=typeof f.height=="string"?parseFloat(f.height):f.height,z=typeof f.x=="string"?parseFloat(f.x):f.x,N=typeof f.y=="string"?parseFloat(f.y):f.y,W=h,$=p,ee=z,Y=N,re=!1;if(W>r&&(W=Math.max(200,r-20),re=!0),$>v&&($=Math.max(150,v-40),re=!0),!f.anchor){let ue=r-100;ee>ue&&(ee=Math.max(0,ue),re=!0);let ie=v-40;Y>ie&&(Y=Math.max(0,ie),re=!0)}re&&c(f.id,{x:ee,y:Y,width:W,height:$})})},[Oe,s.floating,c]),we(()=>{let r=v=>{if(v.button!==0)return;let f=v.target;if(!f||typeof f.closest!="function")return;let h=f.closest(".rdd-floating-window");if(h){let z=h.getAttribute("data-window-id");z&&(P(z),k(z));return}let p=f.closest(".rdd-workspace-panel");if(p){let z=p.getAttribute("data-active-panel-id");z&&P(z)}};return document.addEventListener("pointerdown",r),()=>{document.removeEventListener("pointerdown",r)}},[k,P]);let Xt=(r,v)=>{v.preventDefault();let f=s.floating.find(Y=>Y.id===r);if(!f||f.maximized)return;k(r);let h=v.currentTarget,p=h.closest(".rdd-floating-window"),z=v.clientX,N=v.clientY,W=p?p.offsetLeft:0,$=p?p.offsetTop:0,ee=()=>{let Y=Ge.current,re=he.current,ue=Qe.current,ie=$e.current;if(ie)c(r,{anchor:q?Ut(ie):ie});else if(ue)C(r,at(ue));else if(re){let de=re.index;re.side==="right"&&(de+=1),u(r,re.leafId,de)}else Y&&_(r,Y.leafId,at(Y.position));He(null),ve()};if(v.pointerType==="touch"){let Y=v.pointerId,re=!1,ue=()=>{re=!0,clearTimeout(de),h.removeEventListener("pointermove",ie),h.removeEventListener("pointerup",ue),h.removeEventListener("pointercancel",ue)},ie=pe=>{Math.hypot(pe.clientX-z,pe.clientY-N)>Te&&ue()},de=setTimeout(()=>{if(re)return;h.removeEventListener("pointermove",ie),h.removeEventListener("pointerup",ue),h.removeEventListener("pointercancel",ue);try{h.setPointerCapture(Y)}catch{return}h.classList.add("rdd-long-press-active"),document.body.classList.add("rdd-dragging-active"),A(r);let pe=It=>{let Et=It.clientX-z,Lt=It.clientY-N;c(r,{x:W+Et,y:$+Lt,anchor:null}),Ne(It.clientX,It.clientY)},Ie=()=>{h.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),h.removeEventListener("pointermove",pe),h.removeEventListener("pointerup",Ie),h.removeEventListener("pointercancel",yt),ee()},yt=()=>{h.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),h.removeEventListener("pointermove",pe),h.removeEventListener("pointerup",Ie),h.removeEventListener("pointercancel",yt),ve()};h.addEventListener("pointermove",pe),h.addEventListener("pointerup",Ie),h.addEventListener("pointercancel",yt)},Se);h.addEventListener("pointermove",ie),h.addEventListener("pointerup",ue),h.addEventListener("pointercancel",ue)}else{let Y=!1,re=de=>{let pe=de.clientX-z,Ie=de.clientY-N;!Y&&(Math.abs(pe)>5||Math.abs(Ie)>5)&&(Y=!0,A(r)),Y&&c(r,{x:W+pe,y:$+Ie,anchor:null})},ue=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",re),window.removeEventListener("pointerup",ue),window.removeEventListener("pointercancel",ie),Y&&ee()},ie=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",re),window.removeEventListener("pointerup",ue),window.removeEventListener("pointercancel",ie),Y&&ve()};document.body.classList.add("rdd-dragging-active"),window.addEventListener("pointermove",re),window.addEventListener("pointerup",ue),window.addEventListener("pointercancel",ie)}},i=(r,v,f)=>{f.preventDefault(),f.stopPropagation();let h=s.floating.find(pe=>pe.id===r);if(!h||h.maximized)return;k(r);let p=f.currentTarget,z=p.closest(".rdd-floating-window"),N={x:z?z.offsetLeft:0,y:z?z.offsetTop:0,w:z?z.offsetWidth:400,h:z?z.offsetHeight:300},W=Oe.width,$=Oe.height,ee=typeof h.x=="string"?parseFloat(h.x):h.x,Y=typeof h.y=="string"?parseFloat(h.y):h.y,re=typeof h.width=="string"?parseFloat(h.width):h.width,ue=typeof h.height=="string"?parseFloat(h.height):h.height,ie=v==="se"&&Math.abs(ee+re-W)<4,de=v==="se"&&Math.abs(Y+ue-$)<4;ft({element:p,pointerId:f.pointerId,startClientX:f.clientX,startClientY:f.clientY,captureStart:()=>N,activeClasses:[{el:document.body,classes:["rdd-resizing-active"]}],onMove:(pe,Ie,yt)=>{let It=Jt(v,pe,Ie,yt,{minW:200,minH:150}),{x:Et,y:Lt,w:xn,h:Cn}=It;ie&&(Et=W-xn,Et<0&&(Et=0,xn=W)),de&&(Lt=$-Cn,Lt<0&&(Lt=0,Cn=$)),c(r,{x:Et,y:Lt,width:xn,height:Cn})}})},b=r=>{if(Q.current){let v=r==="left"?-150:150;Q.current.scrollBy({left:v,behavior:"smooth"})}},g=Wn(()=>{G.current&&clearTimeout(G.current),te(!0)},[]),d=Wn(()=>{G.current=setTimeout(()=>te(!1),400)},[]);we(()=>{n==="autohide"&&s.minimized.length>j.current&&(G.current&&clearTimeout(G.current),te(!0),G.current=setTimeout(()=>te(!1),2e3)),j.current=s.minimized.length},[s.minimized.length,n]);let L=Dn();return we(()=>(e?document.documentElement.setAttribute("data-workspace-skin",e):document.documentElement.removeAttribute("data-workspace-skin"),()=>{document.documentElement.removeAttribute("data-workspace-skin")}),[e]),we(()=>(L==="light"?document.documentElement.setAttribute("data-color-scheme","light"):document.documentElement.removeAttribute("data-color-scheme"),()=>{document.documentElement.removeAttribute("data-color-scheme")}),[L]),we(()=>(a?document.documentElement.classList.remove("rdd-no-animations"):document.documentElement.classList.add("rdd-no-animations"),()=>{document.documentElement.classList.remove("rdd-no-animations")}),[a]),fe("div",{className:`rdd-workspace${a?"":" rdd-no-animations"}`,"data-workspace-skin":e,"data-color-scheme":L,style:{display:"flex",flexDirection:"column",position:"relative",width:"100%",height:"100%",overflow:"hidden",userSelect:"none"},dir:s.dir,children:[fe("div",{ref:Ye,className:s.draggedPanelId?"rdd-dragging-active":void 0,style:{flexGrow:1,width:"100%",position:"relative",overflow:"hidden"},children:[s.draggedPanelId!==null&&fe(ko,{children:[S("div",{"data-edge-trigger":"left",className:"rdd-workspace-edge-trigger rdd-edge-trigger-left",onPointerEnter:()=>Pe("left"),onPointerLeave:()=>Pe(null)}),S("div",{"data-edge-trigger":"right",className:"rdd-workspace-edge-trigger rdd-edge-trigger-right",onPointerEnter:()=>Pe("right"),onPointerLeave:()=>Pe(null)}),S("div",{"data-edge-trigger":"top",className:"rdd-workspace-edge-trigger rdd-edge-trigger-top",onPointerEnter:()=>Pe("top"),onPointerLeave:()=>Pe(null)}),S("div",{"data-edge-trigger":"bottom",className:"rdd-workspace-edge-trigger rdd-edge-trigger-bottom",onPointerEnter:()=>Pe("bottom"),onPointerLeave:()=>Pe(null)})]}),s.draggedPanelId!==null&&["top-left","top-right","bottom-left","bottom-right"].map(r=>S("div",{className:`rdd-corner-zone rdd-corner-zone--${r}${ne===r?" rdd-corner-zone--hovered":""}`,onPointerEnter:()=>{He(r),Pe(null)},onPointerLeave:()=>He(null),"aria-hidden":"true"},r)),s.draggedPanelId!==null&&st!==null&&S("div",{className:"rdd-workspace-edge-preview",style:(()=>{let r=`${s.edgeSplitRatio*100}%`;switch(st){case"left":return{left:0,top:0,bottom:0,width:r};case"right":return{right:0,top:0,bottom:0,width:r};case"top":return{top:0,left:0,right:0,height:r};case"bottom":return{bottom:0,left:0,right:0,height:r}}})()}),S("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:s.gridRoot?S(zo,{node:s.gridRoot,path:[],onTabRightClick:Ae,activeDropZone:Xe,onHoverDropZone:Me,onTabDragStart:We,hoveredTab:J,onTabHover:Re,defaultPanelIcon:t,onRequestClosePanel:E}):S("div",{className:"rdd-empty-workspace-grid",children:"Grid Empty"})}),s.floating.map(r=>{let v=s.panels[r.id];if(!v)return null;let f=r.maximized,h=s.draggedPanelId===r.id,p=s.activePanelId===r.id,N=I.get(v.component)?.defaultOptions;return fe("div",{"data-window-id":r.id,dir:s.dir,onPointerDownCapture:()=>{P(r.id),k(r.id)},className:`rdd-floating-window ${f?"rdd-maximized":""} ${p?"rdd-window-focused":""} ${F??""}`,style:(()=>{let ee=typeof r.width=="number"?`${r.width}px`:r.width,Y=typeof r.height=="number"?`${r.height}px`:r.height;if(f)return{position:"absolute",left:0,top:0,width:"100%",height:"100%",zIndex:r.z,pointerEvents:h?"none":"auto"};if(r.anchor){let re=s.floating.filter(Ie=>Ie.anchor===r.anchor&&!Ie.maximized),ue=re.findIndex(Ie=>Ie.id===r.id),ie=8;for(let Ie=0;Ie<ue;Ie++){let yt=typeof re[Ie].height=="number"?re[Ie].height:parseFloat(re[Ie].height);ie+=yt+8}let de=r.anchor.startsWith("top");return{position:"absolute",[r.anchor.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]:8,[de?"top":"bottom"]:ie,width:ee,height:Y,zIndex:r.z,transition:h?"none":"top 0.2s ease, bottom 0.2s ease",pointerEvents:h?"none":"auto"}}return{position:"absolute",left:typeof r.x=="number"?`${r.x}px`:r.x,top:typeof r.y=="number"?`${r.y}px`:r.y,width:ee,height:Y,zIndex:r.z,pointerEvents:h?"none":"auto"}})(),children:[fe("div",{onDoubleClick:()=>w(r.id),onPointerDown:W=>{N?.canDrag!==!1&&Xt(r.id,W)},className:"rdd-floating-window-titlebar rdd-cursor-move",style:{cursor:f||N?.canDrag===!1?"default":"move"},children:[fe("span",{className:"rdd-floating-window-title",children:[S("span",{className:"rdd-window-title-icon",children:N?.icon||t||An}),fe("span",{children:[ge(v.title,D),v.dirty?" *":""]})]}),fe("div",{className:"rdd-titlebar-actions",style:{gap:"var(--rdd-header-button-gap, 4px)"},onPointerDown:W=>W.stopPropagation(),children:[N?.renderHeaderActions&&S("div",{className:"rdd-window-header-actions",children:N.renderHeaderActions(r.id)}),O(r.id).length>0&&S("button",{type:"button",className:"rdd-custom-tab-btn rdd-btn-more-actions",title:"More actions",onClick:W=>{W.stopPropagation();let $=O(r.id);$.length!==0&&m({event:W,items:$})},children:fe("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",style:{display:"block"},children:[S("circle",{cx:"12",cy:"5",r:"2"}),S("circle",{cx:"12",cy:"12",r:"2"}),S("circle",{cx:"12",cy:"19",r:"2"})]})}),S("button",{type:"button",title:f?ge(l.restoreSize,D):ge(l.maximize,D),onClick:()=>w(r.id),className:"rdd-custom-tab-btn rdd-btn-maximize-tab",children:S("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:S("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1.5"})})}),N?.canMinimize!==!1&&S("button",{type:"button",title:ge(l.minimize,D),onClick:()=>x(r.id),className:"rdd-custom-tab-btn rdd-btn-minimize-tab",children:S("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:S("path",{d:"M5 12h14"})})}),N?.canClose!==!1&&S("button",{type:"button",title:ge(l.close,D),onClick:()=>E(r.id),className:"rdd-custom-tab-btn rdd-btn-close-tab",children:S("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:S("path",{d:"M18 6L6 18M6 6l12 12"})})})]})]}),S("div",{className:X??void 0,style:{flexGrow:1,width:"100%",overflow:"hidden",position:"relative",isolation:"isolate"},children:S(Lo,{panelId:r.id},r.id)}),!f&&fe(ko,{children:[S("div",{onPointerDown:W=>i(r.id,"n",W),className:"rdd-resize-handle rdd-resize-n"}),S("div",{onPointerDown:W=>i(r.id,"ne",W),className:"rdd-resize-handle rdd-resize-ne"}),S("div",{onPointerDown:W=>i(r.id,"e",W),className:"rdd-resize-handle rdd-resize-e"}),S("div",{onPointerDown:W=>i(r.id,"se",W),className:"rdd-resize-handle rdd-resize-se"}),S("div",{onPointerDown:W=>i(r.id,"s",W),className:"rdd-resize-handle rdd-resize-s"}),S("div",{onPointerDown:W=>i(r.id,"sw",W),className:"rdd-resize-handle rdd-resize-sw"}),S("div",{onPointerDown:W=>i(r.id,"w",W),className:"rdd-resize-handle rdd-resize-w"}),S("div",{onPointerDown:W=>i(r.id,"nw",W),className:"rdd-resize-handle rdd-resize-nw"})]})]},r.id)})]}),(n==="always"||s.minimized.length>0)&&fe("div",{className:["rdd-taskbar-footer-container",`rdd-taskbar-mode-${n}`,n==="autohide"&&me?"rdd-taskbar-expanded":""].filter(Boolean).join(" "),style:{height:"48px",zIndex:100},onPointerEnter:n==="autohide"?g:void 0,onPointerLeave:n==="autohide"?d:void 0,children:[n==="autohide"&&S("div",{className:"rdd-taskbar-peek-handle"}),S("button",{type:"button",onClick:()=>b("left"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25C0"}),S("div",{ref:Q,className:"rdd-taskbar-items-container",style:{scrollSnapType:"x mandatory"},children:s.minimized.map(r=>{let f=I.get(r.component)?.defaultOptions?.icon||t||An;return S("div",{onClick:()=>{be.current!=="touch"&&(B(null),M(r.id))},onContextMenu:h=>ke(r.id,h),onPointerDown:h=>{if(be.current=h.pointerType,h.pointerType!=="touch")return;let p=h.currentTarget,z=h.clientX,N=h.clientY,W=h.pointerId,$=!1,ee=()=>{$=!0,clearTimeout(ue),p.removeEventListener("pointermove",re),p.removeEventListener("pointerup",Y),p.removeEventListener("pointercancel",ee)},Y=()=>{ee();let ie=p.getBoundingClientRect();V?.id===r.id?(M(r.id),B(null)):B({id:r.id,rect:ie,title:r.title,component:r.component,fromTouch:!0})},re=ie=>{Math.hypot(ie.clientX-z,ie.clientY-N)>Te&&ee()},ue=setTimeout(()=>{if($)return;p.removeEventListener("pointermove",re),p.removeEventListener("pointerup",Y),p.removeEventListener("pointercancel",ee);try{p.setPointerCapture(W)}catch{return}navigator.vibrate&&navigator.vibrate(10);let ie=de=>{p.removeEventListener("pointerup",ie),p.removeEventListener("pointercancel",ie),ke(r.id,de)};p.addEventListener("pointerup",ie),p.addEventListener("pointercancel",ie)},Se);p.addEventListener("pointermove",re),p.addEventListener("pointerup",Y),p.addEventListener("pointercancel",ee)},onPointerEnter:h=>{if(h.pointerType==="touch"||_e)return;se.current&&clearTimeout(se.current);let p=h.currentTarget.getBoundingClientRect();h.clientX>=p.left&&h.clientX<=p.right&&h.clientY>=p.top&&h.clientY<=p.bottom&&B({id:r.id,rect:p,title:r.title,component:r.component})},onPointerLeave:h=>{h.pointerType!=="touch"&&(se.current=setTimeout(()=>{B(null)},150))},className:"rdd-taskbar-glassmorphic-item",style:{backdropFilter:"blur(6px)",transition:"all 0.2s",cursor:"pointer",scrollSnapAlign:"start",width:"38px",height:"38px",position:"relative",padding:0},children:S("span",{className:"rdd-taskbar-item-icon",children:f})},r.id)})}),V&&To(fe("div",{className:"rdd-taskbar-item-tooltip",dir:s.dir,style:{position:"fixed",left:`${V.rect.left+V.rect.width/2}px`,top:`${V.rect.top-8}px`,transform:"translateX(-50%) translateY(-100%)",opacity:1,pointerEvents:"auto",zIndex:999999},onPointerEnter:()=>{se.current&&clearTimeout(se.current)},onPointerLeave:r=>{r.pointerType!=="touch"&&B(null)},onClick:()=>{M(V.id),B(null)},onContextMenu:r=>ke(V.id,r),onPointerDown:r=>{if(r.pointerType!=="touch")return;let v=V.id,f=r.currentTarget,h=r.clientX,p=r.clientY,z=r.pointerId,N=!1,W=()=>{N=!0,clearTimeout(ee),f.removeEventListener("pointermove",$),f.removeEventListener("pointerup",W),f.removeEventListener("pointercancel",W)},$=Y=>{Math.hypot(Y.clientX-h,Y.clientY-p)>Te&&W()},ee=setTimeout(()=>{if(N)return;f.removeEventListener("pointermove",$),f.removeEventListener("pointerup",W),f.removeEventListener("pointercancel",W);try{f.setPointerCapture(z)}catch{return}navigator.vibrate&&navigator.vibrate(10);let Y=re=>{f.removeEventListener("pointerup",Y),f.removeEventListener("pointercancel",Y),ke(v,re)};f.addEventListener("pointerup",Y),f.addEventListener("pointercancel",Y)},Se);f.addEventListener("pointermove",$),f.addEventListener("pointerup",W),f.addEventListener("pointercancel",W)},children:[fe("div",{className:"rdd-tooltip-header-row",children:[fe("span",{className:"rdd-tooltip-title-text rdd-text-truncate",style:{maxWidth:"140px"},children:[ge(V.title,D),s.panels[V.id]?.dirty?" *":""]}),S("span",{onClick:r=>{r.stopPropagation(),E(V.id),B(null)},title:ge(l.closePanel,D),className:"rdd-tooltip-close-x",children:S("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:S("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),S(Dr,{panelId:V.id})]}),document.body),S("button",{type:"button",onClick:()=>b("right"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25B6"})]}),Object.keys(s.panels).map(r=>{let v=s.panels[r];if(!v)return null;let f=Eo(r);return To(S(Wr,{panelId:r,children:S("div",{style:{width:"100%",height:"100%"},dir:s.dir,children:Nr(r,v,I)})}),f,r)}),Z===null&&S(o.Component,{ref:U,theme:"dark",formatMessageProvider:D,onShow:()=>K(!0),onHide:()=>K(!1)}),s.draggedPanelId!==null&&!s.floating.some(r=>r.id===s.draggedPanelId)&&fe("div",{className:"rdd-drag-ghost-tab",style:{left:rt.x+12,top:rt.y+12,zIndex:1e5},children:["\u{1F4C4} ",ge(s.panels[s.draggedPanelId]?.title,D)||"Tab"]})]})},Fr=Or;var _n=class{registry;initialState;config;_actions=null;_initialized=!1;_pendingCalls=[];_pendingOpenPanelIds=new Set;_pendingSubscriptions=[];_disconnectedWarnTimer=null;constructor(t={}){if(this.registry=new Nt,this.initialState=t.initialState??null,this.config={formatMessage:t.formatMessage,predefinedMessages:t.predefinedMessages,dir:t.dir,defaultSplitRatio:t.defaultSplitRatio,defaultEdgeSplitRatio:t.defaultEdgeSplitRatio,zIndexBase:t.zIndexBase},t.panels)for(let[n,o]of Object.entries(t.panels))this.registry.register(n,o.component,o.defaultOptions)}_connect(t){this._actions=t,this._disconnectedWarnTimer!==null&&(clearTimeout(this._disconnectedWarnTimer),this._disconnectedWarnTimer=null),this._initialized||(this._initialized=!0);for(let o of this._pendingSubscriptions)o.unsub=t.subscribe(o.event,o.callback);let n=this._pendingCalls.splice(0);for(let o of n)o(t)}_disconnect(){this._actions=null;for(let t of this._pendingSubscriptions)t.unsub?.(),t.unsub=null}get isConnected(){return this._actions!==null}_startWarnTimer(){this._disconnectedWarnTimer===null&&(this._disconnectedWarnTimer=setTimeout(()=>{!this.isConnected&&this._pendingCalls.length>0&&console.error("[react-dockable-desktop] WorkspaceClient has "+this._pendingCalls.length+" queued call(s) but was never connected to a WindowManagerProvider. Did you forget client={workspace} on <WindowManagerProvider>?")},process.env.NODE_ENV==="production"?5e3:1e3))}_dispatch(t){this._actions?t(this._actions):(this._pendingCalls.push(t),this._startWarnTimer())}_subscribeRaw(t,n){if(this._actions)return this._actions.subscribe(t,n);let o={event:t,callback:n,unsub:null};return this._pendingSubscriptions.push(o),()=>{o.unsub?.(),o.unsub=null;let a=this._pendingSubscriptions.indexOf(o);a!==-1&&this._pendingSubscriptions.splice(a,1)}}openPanel(...t){if(this._actions){this._actions.openPanel(...t);return}let n=t[0];this._pendingOpenPanelIds.has(n)||(this._pendingOpenPanelIds.add(n),this._pendingCalls.push(o=>{this._pendingOpenPanelIds.delete(n),o.openPanel(...t)}),this._startWarnTimer())}closePanel(t){this._dispatch(n=>n.closePanel(t))}minimizePanel(t){this._dispatch(n=>n.minimizePanel(t))}restorePanel(...t){this._dispatch(n=>n.restorePanel(...t))}floatPanel(...t){this._dispatch(n=>n.floatPanel(...t))}dockPanel(...t){this._dispatch(n=>n.dockPanel(...t))}maximizePanel(t){this._dispatch(n=>n.maximizePanel(t))}focusPanel(t){this._dispatch(n=>n.focusPanel(t))}isOpen(t){return this._actions?.isOpen(t)??!1}getOpenPanelIds(){return this._actions?.getOpenPanelIds()??[]}findPanelId(t,n){return this._actions?.findPanelId(t,n)??null}saveLayout(){return this._actions?.saveLayout()??""}loadLayout(t){return this._actions?this._actions.loadLayout(t):(this._pendingCalls.push(n=>{n.loadLayout(t)}),!1)}setDirection(t){this._dispatch(n=>n.setDirection(t))}updateSplitSizes(t,n){this._dispatch(o=>o.updateSplitSizes(t,n))}updateFloatingPosition(t,n){this._dispatch(o=>o.updateFloatingPosition(t,n))}setDraggedPanelId(t){this._dispatch(n=>n.setDraggedPanelId(t))}dockPanelToGroup(t,n,o){this._dispatch(a=>a.dockPanelToGroup(t,n,o))}movePanelOrder(t,n,o){this._dispatch(a=>a.movePanelOrder(t,n,o))}closeLeafGroup(t){this._dispatch(n=>n.closeLeafGroup(t))}registerCloseGuard(t,n){this._dispatch(o=>o.registerCloseGuard(t,n))}unregisterCloseGuard(t){this._dispatch(n=>n.unregisterCloseGuard(t))}registerStateProvider(t,n){this._dispatch(o=>o.registerStateProvider(t,n))}unregisterStateProvider(t){this._dispatch(n=>n.unregisterStateProvider(t))}setPanelDirty(t,n,o){this._dispatch(a=>a.setPanelDirty(t,n,o))}updatePanelTitle(t,n){this._dispatch(o=>o.updatePanelTitle(t,n))}requestClosePanel(t,n){return this._actions?this._actions.requestClosePanel(t,n):(this._pendingCalls.push(o=>{o.requestClosePanel(t,n)}),Promise.resolve())}dockPanelToWorkspaceEdge(t,n){this._dispatch(o=>o.dockPanelToWorkspaceEdge(t,n))}showContextMenu(t){this._dispatch(n=>n.showContextMenu(t))}publish(t,n){this._dispatch(o=>o.publish(t,n))}subscribe(t,n){return this._subscribeRaw(t,n)}onPanelOpen(t){return this._subscribeRaw("panel:opened",n=>{let o=n;t(o.id,o.component)})}onPanelClose(t){return this._subscribeRaw("panel:closed",n=>{t(n.id)})}onPanelMinimize(t){return this._subscribeRaw("panel:minimized",n=>{t(n.id)})}onPanelRestore(t){return this._subscribeRaw("panel:restored",n=>{t(n.id)})}onLayoutChanged(t){return this._subscribeRaw("layout:changed",()=>t())}onPanelsExcluded(t){return this._subscribeRaw("layout:panels-excluded",n=>{t(n.panels)})}};import{useContext as ei}from"react";import{createContext as _r,useContext as Hr,useMemo as Br,useState as No}from"react";import{jsx as $r}from"react/jsx-runtime";var Do=_r(null),pn=({children:e})=>{let[t,n]=No({}),[o,a]=No({}),s=Br(()=>({getActiveInGroup:I=>t[I]??null,setActiveInGroup:(I,M)=>n(x=>({...x,[I]:M})),isModifierActive:I=>o[I]??!1,setModifierActive:(I,M)=>a(x=>({...x,[I]:M})),toggleModifier:I=>a(M=>({...M,[I]:!M[I]}))}),[t,o]);return $r(Do.Provider,{value:s,children:e})};function gn(){let e=Hr(Do);if(!e)throw new Error("useToolbar must be used within DockableDesktopProvider");return e}import{createContext as Gr,useCallback as Yr,useContext as Wo,useLayoutEffect as Xr,useMemo as Vr,useRef as Kr,useSyncExternalStore as qr}from"react";import{jsx as Qr}from"react/jsx-runtime";function jr(){let e=new Map,t=new Set,n=()=>t.forEach(o=>o());return{publish(o,a){return e.set(o,a),n(),()=>{e.get(o)===a&&(e.delete(o),n())}},get(o){return e.get(o)??null},subscribe(o){return t.add(o),()=>t.delete(o)}}}var Hn=Gr(null),Bn=({children:e})=>{let t=Vr(()=>jr(),[]);return Qr(Hn.Provider,{value:t,children:e})};function Zr(e){let t=ln(),n=Wo(Hn),o=Kr(null);if(!n)throw new Error("usePanelContribution must be used within PanelContributionProvider");Xr(()=>{if(n)return o.current?.(),o.current=n.publish(t,e),()=>{o.current?.(),o.current=null}},[n,t,e])}function $n(){let e=je(a=>a.activePanelId),t=Wo(Hn);if(!t)throw new Error("useActivePanelContribution must be used within PanelContributionProvider");let n=Yr(a=>t?t.subscribe(a):()=>{},[t]),o=()=>t&&e?t.get(e):null;return qr(n,o,o)}function Ao(e,t=null){return{id:e.id,label:e.label,icon:e.icon??t,renderContent:()=>e.content}}function Ur(e){let t=$n();return t?.toolbarItems?.length?[...e,{type:"separator"},...t.toolbarItems]:e}function Jr(e,t=null){let n=$n();return n?.sidebarSections?.length?[...e,...n.sidebarSections.map(o=>Ao(o,t))]:e}import{jsx as en}from"react/jsx-runtime";var ti=({contextMenuAdapter:e=Ft,...t})=>{let n=ei(_t),o=en(pn,{children:en(Sn,{...t,children:en(Bn,{children:en(zn,{children:t.children})})})});return n!==null?o:en(En,{adapter:e,formatMessageProvider:t.formatMessage,children:o})};import{useCallback as tn,useRef as Oo,useEffect as ni,useState as oi,useMemo as ri}from"react";import{Fragment as li,jsx as nt,jsxs as Gn}from"react/jsx-runtime";var ii=({modal:e,index:t,isTopmost:n})=>{let{close:o,openModal:a,updateInstance:s,setDirty:I}=Rt(),M=Ke(),x=Ze(),{dir:y}=je(),{modalClass:w,modalBodyClass:c}=pt(),k=Oo(null),{id:T,Component:A,props:_,options:u,dirty:C,dirtyOptions:P}=e,O=u,[m,R]=oi(O.icon||null),H=Oo(O);H.current=O;let D=ge(O.title,M),l=tn(async B=>{if(B?.force){o(T);return}if(k.current){if(!await k.current())return;o(T);return}if(C){a(St,{title:P?.title||x.unsavedChangesTitle,message:P?.message||{id:x.unsavedChangesMessage.id,defaultMessage:x.unsavedChangesMessage.defaultMessage,values:{title:D}},alert:P?.alert,alertType:P?.alertType||"danger",useYesNoTitles:!0,onOK:()=>o(T)},{size:"small"});return}o(T)},[o,a,T,C,P,D,x]),E=tn((B,se)=>I(T,B,se),[I,T]),F=tn(B=>s(T,{options:{...H.current,title:B}}),[s,T]),X=tn(B=>R(B),[]),Z=tn(B=>(k.current=B,()=>{k.current=null}),[]),U=ri(()=>({requestClose:l,setDirty:E,setTitle:F,setIcon:X,onCloseRequested:Z,containerType:"modal",instanceId:T}),[l,E,F,X,Z,T]),Q=C?`${D} *`:D,me=O.size?`rdd-modal-size-${O.size}`:"rdd-modal-size-auto",te=O.closable!==!1,G=O.bodyPadding,j=G!=null?typeof G=="number"?`${G}px`:G:void 0;ni(()=>{if(!n||!te)return;let B=se=>{se.key==="Escape"&&(se.stopPropagation(),l())};return document.addEventListener("keydown",B),()=>document.removeEventListener("keydown",B)},[l,te,n]);let V=`calc(var(--rdd-z-base, 1000) + 9000 + ${t*10})`;return Gn("div",{className:"rdd-modal-overlay",style:{zIndex:V},dir:y,children:[nt("div",{className:"rdd-modal-curtain",onClick:te?()=>l():void 0}),Gn("div",{className:`rdd-modal-window ${me} ${w??""}`,children:[Gn("div",{className:"rdd-modal-header",children:[m&&nt("div",{className:"rdd-modal-icon",children:m}),nt("h4",{className:"rdd-modal-title",children:Q}),te&&nt("button",{className:"rdd-modal-close-button",onClick:()=>l(),title:M(x.closeTooltip),type:"button",children:nt("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:nt("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),nt("div",{className:`rdd-modal-body ${c??""}`,style:j!=null?{padding:j}:void 0,children:nt(Pt,{value:U,children:nt(A,{..._,panelId:T})})})]})]})},si=()=>{let{modals:e}=gt();return e.length===0?null:nt(li,{children:e.map((t,n)=>nt(ii,{modal:t,index:n,isTopmost:n===e.length-1},t.id))})},ai=si;import{useCallback as Bt,useRef as Yn,useEffect as _o,useState as ui,useMemo as pi}from"react";import{useLayoutEffect as di,useState as ci}from"react";function Fo(e){let[t,n]=ci(null);return di(()=>{let o=e.current?.parentElement;if(!o)return;let a=()=>{let I=o.getBoundingClientRect();n({top:I.top,left:I.left,right:window.innerWidth-I.right,height:I.height})};a();let s=new ResizeObserver(a);return s.observe(o),window.addEventListener("resize",a),()=>{s.disconnect(),window.removeEventListener("resize",a)}},[e]),t}import{Fragment as bi,jsx as Be,jsxs as Xn}from"react/jsx-runtime";var fn=({panel:e,position:t,defaultWidth:n,containerRect:o})=>{let{close:a,openModal:s,updateInstance:I,setDirty:M,registerCloseHandler:x,unregisterCloseHandler:y}=Rt(),{modals:w}=gt(),c=Ke(),k=Ze(),{dir:T}=je(),{sidePanelClass:A,sidePanelBodyClass:_}=pt(),u=Yn(null),{id:C,Component:P,props:O,options:m,dirty:R,dirtyOptions:H}=e,D=m,[l,E]=ui(D.icon||null),F=Yn(D);F.current=D;let X=ge(D.title,c),Z=Bt(async K=>{if(K?.force){a(C);return}if(u.current){if(!await u.current())return;a(C);return}if(R){s(St,{title:H?.title||k.unsavedChangesTitle,message:H?.message||{id:k.unsavedChangesMessage.id,defaultMessage:k.unsavedChangesMessage.defaultMessage,values:{title:X}},alert:H?.alert,alertType:H?.alertType||"danger",useYesNoTitles:!0,onOK:()=>a(C)},{size:"small"});return}a(C)},[a,s,C,R,H,X,k]),U=Bt(async()=>u.current?await u.current():!R,[R]);_o(()=>(x(C,U),()=>y(C)),[C,U,x,y]);let Q=Bt((K,_e)=>M(C,K,_e),[M,C]),me=Bt(K=>I(C,{options:{...F.current,title:K}}),[I,C]),te=Bt(K=>E(K),[]),G=Bt(K=>(u.current=K,()=>{u.current=null}),[]),j=pi(()=>({requestClose:Z,setDirty:Q,setTitle:me,setIcon:te,onCloseRequested:G,containerType:t==="left"?"left-panel":"right-panel",instanceId:C}),[Z,Q,me,te,G,t,C]),V=R?`${X} *`:X;_o(()=>{let K=_e=>{_e.key==="Escape"&&w.length===0&&Z()};return document.addEventListener("keydown",K),()=>document.removeEventListener("keydown",K)},[Z,w.length]);let B=D.width||n||400,se=typeof B=="number"?`${B}px`:B,be=D.bodyPadding,ze=be!=null?typeof be=="number"?`${be}px`:be:void 0;return Be("div",{className:`rdd-side-panel rdd-side-panel-${t} rdd-side-panel-visible ${A??""}`,style:{width:se,...o?{top:o.top,height:o.height,bottom:"auto",...t==="right"?{right:o.right}:{left:o.left}}:{}},dir:T,children:Xn("div",{className:"rdd-side-panel-window",children:[Xn("div",{className:"rdd-side-panel-header",children:[l&&Be("div",{className:"rdd-side-panel-icon",children:l}),Be("h4",{className:"rdd-side-panel-title",children:V}),Be("button",{className:"rdd-side-panel-close-button",onClick:()=>Z(),title:c(k.closeTooltip),type:"button",children:Be("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:Be("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),Be("div",{className:`rdd-side-panel-body ${_??""}`,style:ze!=null?{padding:ze}:void 0,children:Be(Pt,{value:j,children:Be(P,{...O,panelId:C})})})]})})},Vn=({children:e})=>{let t=Yn(null),n=Fo(t);return Be("div",{ref:t,style:{display:"contents"},children:e(n)})},gi=({defaultWidth:e})=>{let{leftPanel:t,rightPanel:n}=gt();return Be(Vn,{children:o=>Xn(bi,{children:[t&&Be(fn,{panel:t,position:"left",defaultWidth:e,containerRect:o},t.id),n&&Be(fn,{panel:n,position:"right",defaultWidth:e,containerRect:o},n.id)]})})},fi=({defaultWidth:e})=>{let{leftPanel:t}=gt();return Be(Vn,{children:n=>t?Be(fn,{panel:t,position:"left",defaultWidth:e,containerRect:n},t.id):null})},mi=({defaultWidth:e})=>{let{rightPanel:t}=gt();return Be(Vn,{children:n=>t?Be(fn,{panel:t,position:"right",defaultWidth:e,containerRect:n},t.id):null})},hi=gi;import vi,{useState as mn,useEffect as hn,useRef as Kn,useCallback as bn,useImperativeHandle as yi,useContext as jn,useMemo as ht,createContext as Go,forwardRef as Yo,memo as Pi}from"react";import{jsx as ye,jsxs as vn}from"react/jsx-runtime";function qn(e){return"renderContent"in e}function xi(e){return"render"in e}function Ho(e){return e==null?[]:Array.isArray(e)?e:[e]}var Zn=Go(null),Xo=Go(null);function Ci({tabId:e,onClose:t,onOpen:n,setActiveTabId:o,children:a}){let s=ht(()=>({tabId:e,onClose:t,onOpen:n,openTab:I=>o(I)}),[e,t,n,o]);return ye(Xo.Provider,{value:s,children:a})}function Bo(e,t,n,o){if(xi(e))return ye(vi.Fragment,{children:e.render()},e.id??t);if(qn(e)){if(e.hidden)return null;let a=n===e.id;return ye("button",{type:"button",onClick:()=>o(e.id),className:`rdd-sidebar-tab-btn${a?" rdd-active":""}`,title:e.label,"aria-pressed":a,children:e.icon},e.id)}return ye("button",{type:"button",onClick:e.onClick,disabled:e.disabled,className:"rdd-sidebar-tab-btn rdd-sidebar-header-action-btn",title:e.label,"aria-label":e.label,children:e.icon},e.id??t)}var $o=Pi(function({tabs:t,headerEntries:n,footerEntries:o,activeTabId:a,isVisible:s,position:I,onTabClick:M}){return ye("div",{style:{width:s?"56px":"0px",height:"100%",overflow:"hidden",transition:"width 0.25s cubic-bezier(0.4, 0, 0.2, 1)",flexShrink:0},children:vn("div",{className:`rdd-sidebar-tabs-strip rdd-${I}${n.length?" rdd-sidebar-tabs-strip--has-header-action":""}${o.length?" rdd-sidebar-tabs-strip--has-footer-action":""}`,style:{width:"56px",height:"100%"},children:[n.length>0&&ye("div",{className:"rdd-sidebar-header-area",children:n.map((x,y)=>Bo(x,y,a,M))}),ye("div",{className:"rdd-sidebar-tabs-list",children:t.map(x=>{if(x.hidden)return null;let y=a===x.id;return ye("button",{type:"button",onClick:()=>M(x.id),className:`rdd-sidebar-tab-btn${y?" rdd-active":""}`,title:x.label,"aria-pressed":y,children:x.icon},x.id)})}),o.length>0&&ye("div",{className:"rdd-sidebar-footer-area",children:o.map((x,y)=>Bo(x,y,a,M))})]})})});function wi({position:e,currentWidth:t,minWidth:n,maxWidth:o,onWidthChange:a,onResizeStart:s,onResizeEnd:I}){return ye("div",{className:"rdd-resizer-bar",style:{cursor:"col-resize",width:"1px",height:"100%",flexShrink:0,zIndex:20},onPointerDown:x=>{x.preventDefault();let y=x.currentTarget,w=[{el:y,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active","rdd-resizing-col-active"]}];s(),ft({element:y,pointerId:x.pointerId,startClientX:x.clientX,startClientY:x.clientY,captureStart:()=>t,activeClasses:w,onMove:(c,k,T)=>{let A=e==="right"?T-c:T+c;a(Math.max(n,Math.min(o,A)))},onEnd:()=>I()})}})}var Vo=Yo(function({position:t="right",tabs:n,headerAction:o,footerAction:a,defaultWidth:s,minWidth:I=150,maxWidth:M=600,onWidthChange:x,activeTabId:y,onActiveTabChange:w,visible:c,onVisibilityChange:k,stripVisible:T,onStripVisibilityChange:A,showCloseButton:_=!1,hideDefaultHeader:u=!1,renderHeader:C,isSecondary:P=!1,children:O},m){let R=y!==void 0,[H,D]=mn(()=>s??280),l=bn(ne=>{D(ne),x?.(ne)},[x]),[E,F]=mn(!1),[X,Z]=mn(null),U=R?y:X,Q=ht(()=>Ho(o),[o]),me=ht(()=>Ho(a),[a]),te=ht(()=>Q.filter(qn),[Q]),G=ht(()=>me.filter(qn),[me]),j=ht(()=>[...te,...n,...G],[te,n,G]),[V,B]=mn(()=>new Set),se=ht(()=>{let ne=new Set(V);U&&ne.add(U);for(let ce of j)ce.eagerMount&&ne.add(ce.id);return ne},[V,U,j]),be=Kn(U??null);hn(()=>{be.current=U??null},[U]);let ze=Kn(H);hn(()=>{ze.current=H},[H]);let K=bn(ne=>{B(ne!==null?ce=>{if(ce.has(ne))return ce;let $e=new Set(ce);return $e.add(ne),$e}:ce=>{let $e=!1,He=new Set(ce);for(let q of ce){let J=j.find(le=>le.id===q);J&&!J.eagerMount&&!J.preserveState&&(He.delete(q),$e=!0)}return $e?He:ce}),R||Z(ne),w?.(ne)},[R,w,j]);hn(()=>{U!=null&&!j.some(ne=>ne.id===U)&&K(null)},[U,j,K]),yi(m,()=>({openTab:ne=>K(ne),closeDrawer:()=>K(null),getActiveTab:()=>be.current,show:()=>k?.(!0),hide:()=>k?.(!1),toggle:()=>k?.(c===!1),showStrip:()=>A?.(!0),hideStrip:()=>A?.(!1),setWidth:ne=>l(Math.max(I,Math.min(M,ne))),getWidth:()=>ze.current}),[K,c,k,A,l,I,M]);let _e=bn(ne=>{K(U===ne?null:ne)},[U,K]),Xe=bn(()=>K(null),[K]),Ve=u||C!=null,Ge=Kn(!1);hn(()=>{process.env.NODE_ENV==="development"&&(!_||!Ve||Ge.current||(Ge.current=!0,console.warn('[react-dockable-desktop] `showCloseButton` has no effect because the default header is suppressed (`hideDefaultHeader` is set, or `renderHeader` was passed). The "X" close button only renders as part of the library\'s own default header, which is skipped in this case. Add your own close control inside `renderHeader` (or `renderContent`), wired to its `onClose` parameter or `useSidebarTab().onClose`.')))},[_,Ve]);let rt=ht(()=>({openTab:ne=>K(ne),closeDrawer:()=>K(null),getActiveTab:()=>be.current,position:t,isSecondary:P}),[K,t,P]),it=c!==!1,st=it&&T!==!1,Je=it&&U!=null,Qe=ye("div",{className:`rdd-sidebar-content-drawer rdd-${t}`,style:{flexBasis:Je?`${H}px`:"0px",flexShrink:1,flexGrow:0,minWidth:Je?`${I}px`:"0px",maxWidth:Je?`${M}px`:"0px",overflow:"hidden",transition:E?"none":"flex-basis 0.2s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},children:j.map(ne=>{if(!se.has(ne.id))return null;let $e=U===ne.id,He=()=>K(ne.id);return vn("div",{style:{display:$e?"flex":"none",flexDirection:"column",height:"100%",width:"100%"},children:[Ve?C?.(ne,Xe,He):vn("div",{className:"rdd-sidebar-drawer-header",children:[ye("span",{className:"rdd-sidebar-header-title",children:ne.label}),_&&ye("button",{type:"button",className:"rdd-sidebar-drawer-close-button",onClick:Xe,title:"Close","aria-label":"Close",children:ye("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:ye("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),ye("div",{className:"rdd-sidebar-drawer-body",children:ye(Ci,{tabId:ne.id,onClose:Xe,onOpen:He,setActiveTabId:K,children:ne.renderContent(ne.id,Xe,He)})})]},ne.id)})}),Pe=Je?ye(wi,{position:t,currentWidth:H,minWidth:I,maxWidth:M,onWidthChange:l,onResizeStart:()=>F(!0),onResizeEnd:()=>F(!1)}):null;return ye(Zn.Provider,{value:rt,children:vn("div",{style:{display:"flex",flexDirection:"row",width:"100%",height:"100%",overflow:"hidden"},children:[t==="left"&&ye($o,{tabs:n,headerEntries:Q,footerEntries:me,activeTabId:U,isVisible:st,position:t,onTabClick:_e}),t==="left"&&Qe,t==="left"&&Pe,ye("div",{style:{flex:"1 1 0%",minWidth:0,overflow:"hidden"},children:O}),t==="right"&&Pe,t==="right"&&Qe,t==="right"&&ye($o,{tabs:n,headerEntries:Q,footerEntries:me,activeTabId:U,isVisible:st,position:t,onTabClick:_e})]})})}),Ri=Yo(function(t,n){let o=jn(Zn);if(!o)throw new Error("SecondarySidebar must be rendered inside a primary Sidebar's children");if(o.isSecondary)throw new Error("SecondarySidebar cannot be nested inside another SecondarySidebar");let a=o.position==="left"?"right":"left";return ye(Vo,{ref:n,...t,position:a,isSecondary:!0})});function Mi(){let e=jn(Zn);if(!e)throw new Error("useSidebar must be used within Sidebar");return e}function Si(){let e=jn(Xo);if(!e)throw new Error("useSidebarTab must be used within a Sidebar tab renderContent tree");return e}import{forwardRef as Ti,useImperativeHandle as ki,useState as Ko,useRef as qo,useEffect as jo,useLayoutEffect as Ii}from"react";import{createPortal as Ei}from"react-dom";import{Fragment as Wi,jsx as Ue,jsxs as Zo}from"react/jsx-runtime";function Li(e,t,n=!1,o=8){switch(t){case"left":return n?{right:window.innerWidth-e.left+o,top:e.top}:{left:e.right+o,top:e.top};case"right":return n?{left:e.right+o,top:e.top}:{right:window.innerWidth-e.left+o,top:e.top};case"top":return n?{top:e.bottom+o,right:window.innerWidth-e.right}:{top:e.bottom+o,left:e.left};case"bottom":return n?{bottom:window.innerHeight-e.top+o,right:window.innerWidth-e.right}:{bottom:window.innerHeight-e.top+o,left:e.left}}}function zi({item:e,position:t,toolbar:n}){let[o,a]=Ko(!1),[s,I]=Ko(null),M=qo(null),x=qo(null),y=e.activeItemId!==void 0,w=y?e.activeItemId:n.getActiveInGroup(e.id),c=e.items.find(u=>!("type"in u)&&u.id===w),k=w!==null,T=c?.icon??e.defaultIcon,A=c?.label??e.label,_=()=>{e.disabled||(!o&&M.current&&I(M.current.getBoundingClientRect()),a(u=>!u))};return Ii(()=>{if(!o||!x.current)return;let u=x.current,C=u.getBoundingClientRect(),P=8;C.right>window.innerWidth-P&&(u.style.left=`${Math.max(P,window.innerWidth-C.width-P)}px`,u.style.right="auto"),C.left<P&&(u.style.left=`${P}px`,u.style.right="auto"),C.bottom>window.innerHeight-P&&(u.style.top=`${Math.max(P,window.innerHeight-C.height-P)}px`,u.style.bottom="auto"),C.top<P&&(u.style.top=`${P}px`,u.style.bottom="auto")},[o]),jo(()=>{if(!o)return;let u=C=>{let P=C.target;M.current?.contains(P)||x.current?.contains(P)||a(!1)};return document.addEventListener("mousedown",u),()=>document.removeEventListener("mousedown",u)},[o]),jo(()=>{if(!o)return;let u=C=>{C.key==="Escape"&&a(!1)};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[o]),Zo(Wi,{children:[Ue("button",{ref:M,type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-group${k?" rdd-active":""}`,title:A,"aria-label":A,"aria-expanded":o,"aria-haspopup":"menu",disabled:e.disabled,onClick:_,children:T}),o&&s&&Ei(Ue("div",{ref:x,className:`rdd-toolbar-group-flyout rdd-${t}`,style:Li(s,t,document.documentElement.dir==="rtl"),role:"menu",children:e.items.map((u,C)=>{if("type"in u)return Ue("div",{className:"rdd-toolbar-group-flyout-sep",role:"separator"},`sep-${C}`);let P=w===u.id;return Zo("button",{type:"button",className:`rdd-toolbar-group-flyout-item${P?" rdd-active":""}`,disabled:u.disabled,role:"menuitem","aria-pressed":P,onClick:()=>{y?e.onActiveItemChange?.(u.id):n.setActiveInGroup(e.id,u.id),u.onActivate?.(u.id),a(!1)},children:[Ue("span",{className:"rdd-toolbar-group-flyout-icon",children:u.icon}),Ue("span",{className:"rdd-toolbar-group-flyout-label",children:u.label}),u.shortcut&&Ue("span",{className:"rdd-toolbar-group-flyout-shortcut",children:u.shortcut})]},u.id)})}),document.body)]})}function Ni(e,t,n,o){switch(e.type){case"separator":return Ue("div",{className:"rdd-toolbar-separator",role:"separator"},`sep-${t}`);case"action":return Ue("button",{type:"button",className:"rdd-toolbar-btn rdd-toolbar-btn-action",title:e.label,"aria-label":e.label,disabled:e.disabled,onClick:e.onClick,children:e.icon},e.id);case"radio":{let a=n.getActiveInGroup(e.group)===e.id;return Ue("button",{type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-radio${a?" rdd-active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":a,disabled:e.disabled,onClick:()=>{n.setActiveInGroup(e.group,e.id),e.onActivate?.(e.id)},children:e.icon},e.id)}case"toggle":{let a=e.active!==void 0,s=a?e.active:n.isModifierActive(e.id);return Ue("button",{type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-toggle${s?" rdd-active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":s,disabled:e.disabled,onClick:()=>{a||n.toggleModifier(e.id),e.onToggle?.(!s)},children:e.icon},e.id)}case"group":return Ue(zi,{item:e,position:o,toolbar:n},e.id)}}var Di=Ti(function({position:t="left",items:n,visible:o,onVisibilityChange:a,className:s,style:I},M){let x=gn(),y=t==="left"||t==="right";ki(M,()=>({show:()=>a?.(!0),hide:()=>a?.(!1),toggle:()=>a?.(o===!1)}),[o,a]);let w=o!==!1?{}:y?{width:"0px"}:{height:"0px"};return Ue("div",{className:`rdd-toolbar-strip rdd-${t}${s?` ${s}`:""}`,role:"toolbar","aria-orientation":y?"vertical":"horizontal",style:{...w,...I},children:n.map((c,k)=>Ni(c,k,x,t))})});import{useCallback as Jn,useEffect as nn,useLayoutEffect as Ai,useRef as kt,useState as Qn}from"react";import{createPortal as Uo}from"react-dom";import{jsx as Ce,jsxs as on}from"react/jsx-runtime";var eo=class{listeners=new Set;counter=0;subscribe(t){this.listeners.add(t)}unsubscribe(t){this.listeners.delete(t)}show(t,n={}){let o=n.id??`toast-${++this.counter}`;return this.emit({kind:"show",id:o,message:t,rawOpts:{...n,id:o}}),o}update(t,n,o){this.emit({kind:"update",id:t,message:n,patch:o})}dismiss(t){this.emit({kind:"dismiss",id:t})}emit(t){this.listeners.forEach(n=>n(t))}},qe=new eo,Oi=Object.assign((e,t)=>qe.show(e,t),{info:(e,t)=>qe.show(e,{...t,type:"info"}),success:(e,t)=>qe.show(e,{...t,type:"success"}),warning:(e,t)=>qe.show(e,{...t,type:"warning"}),error:(e,t)=>qe.show(e,{...t,type:"error"}),dismiss:e=>qe.dismiss(e),promise:(e,t,n)=>{let o=qe.show(t.pending,{...n,type:"info",duration:0});return e.then(a=>{let s=typeof t.success=="function"?t.success(a):t.success;qe.update(o,s,{type:"success",duration:n?.duration??5e3})},a=>{let s=typeof t.error=="function"?t.error(a):t.error;qe.update(o,s,{type:"error",duration:n?.duration??5e3})}),e}}),Fi=()=>on("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[Ce("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),Ce("path",{d:"M8 5v.01M8 7.5v3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),_i=()=>on("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[Ce("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),Ce("path",{d:"M5 8l2 2 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),Hi=()=>on("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[Ce("path",{d:"M8 2.5L14 13.5H2L8 2.5z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),Ce("path",{d:"M8 7v2.5M8 11.5v.01",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),Bi=()=>on("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[Ce("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),Ce("path",{d:"M5.5 5.5l5 5M10.5 5.5l-5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),$i=()=>Ce("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:Ce("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),Gi={info:Ce(Fi,{}),success:Ce(_i,{}),warning:Ce(Hi,{}),error:Ce(Bi,{})};function Yi({id:e,message:t,options:n,exiting:o,isLeft:a,showProgress:s,pauseOnHover:I,animation:M,onDismiss:x,onExited:y}){let w=kt(null),c=kt(null),k=kt(null),T=kt(n.duration),A=kt(0),[_,u]=Qn(!1),C=M==="none"?"rdd-toast--visible":M==="fade"?"rdd-toast--fade-entering":a?"rdd-toast--entering-left":"rdd-toast--entering",[P,O]=Qn(C);Ai(()=>{let E=w.current,F=c.current;if(!E||!F||o)return;let X=()=>{E.style.maxHeight=`${E.scrollHeight}px`};X();let Z=new ResizeObserver(X);return Z.observe(F),()=>Z.disconnect()},[o]),nn(()=>{if(M==="none")return;let E=requestAnimationFrame(()=>O("rdd-toast--visible"));return()=>cancelAnimationFrame(E)},[]);let m=Jn(E=>{E<=0||(A.current=Date.now(),k.current=setTimeout(()=>x(e),E))},[e,x]);nn(()=>(k.current&&clearTimeout(k.current),T.current=n.duration,m(n.duration),()=>{k.current&&clearTimeout(k.current)}),[n.duration,m]),nn(()=>{if(!o)return;let E=w.current;if(!E||M==="none"){y(e);return}let F=Z=>{Z.propertyName==="max-height"&&y(e)};E.addEventListener("transitionend",F);let X=setTimeout(()=>y(e),520);return()=>{E.removeEventListener("transitionend",F),clearTimeout(X)}},[o,e,y,M]);let R=()=>{!I||n.duration===0||(k.current&&(clearTimeout(k.current),k.current=null,T.current=Math.max(0,T.current-(Date.now()-A.current))),u(!0))},H=()=>{!I||n.duration===0||(u(!1),m(T.current))},D=["rdd-toast",n.type&&`rdd-toast--${n.type}`,P,o&&"rdd-toast--exiting",_&&"rdd-toast--paused"].filter(Boolean).join(" "),l=n.icon!==void 0?n.icon:n.type?Gi[n.type]:null;return on("div",{ref:w,role:"status","aria-live":"polite",className:D,onMouseEnter:R,onMouseLeave:H,children:[l&&l,Ce("div",{ref:c,className:"rdd-toast__body",children:n.content!==void 0?n.content:t}),n.closable&&Ce("button",{type:"button",className:"rdd-toast__close",onClick:()=>x(e),"aria-label":"Close notification",children:Ce($i,{})}),s&&n.duration>0&&Ce("div",{className:"rdd-toast__progress",style:{animationDuration:`${n.duration}ms`}})]})}function Un(e,t,n){return{id:e.id,type:e.type??"info",duration:e.duration??t,closable:e.closable??n,icon:e.icon,content:e.content,onClose:e.onClose}}function Xi({position:e="top-right",maxVisible:t=3,defaultDuration:n=5e3,defaultClosable:o=!0,pauseOnHover:a=!0,animation:s="slide",newestOnTop:I=!1,progressBar:M=!1,width:x=320,adapter:y}){let[w,c]=Qn([]),k=kt([]),T=kt(w);T.current=w;let A=Jn(O=>{c(m=>m.map(R=>R.id===O?{...R,exiting:!0}:R)),T.current.find(m=>m.id===O)?.options.onClose?.()},[]),_=Jn(O=>{let m=k.current.shift()??null;c(R=>{let H=R.filter(l=>l.id!==O);if(!m)return H;let D=Un(m.rawOpts,n,o);return[...H,{id:m.id,message:m.message,options:D,exiting:!1}]})},[n,o]);if(nn(()=>{if(y)return;let O=m=>{if(m.kind==="show"){let R=Un(m.rawOpts,n,o),H={id:m.id,message:m.message,options:R,exiting:!1},D={id:m.id,message:m.message,rawOpts:m.rawOpts};c(l=>l.find(X=>X.id===m.id)?l.map(X=>X.id===m.id?{...X,message:m.message,options:R}:X):l.filter(X=>!X.exiting).length<t?[...l,H]:(k.current.some(X=>X.id===D.id)||k.current.push(D),l))}else m.kind==="update"?(c(R=>R.map(H=>{if(H.id!==m.id)return H;let D={...H.options,...m.patch,id:H.id};return{...H,message:m.message,options:D}})),k.current=k.current.map(R=>R.id!==m.id?R:{...R,message:m.message,rawOpts:{...R.rawOpts,...m.patch}})):m.kind==="dismiss"&&(m.id===void 0?(c(R=>R.map(H=>({...H,exiting:!0}))),k.current=[]):T.current.some(H=>H.id===m.id)?A(m.id):k.current=k.current.filter(H=>H.id!==m.id))};return qe.subscribe(O),()=>qe.unsubscribe(O)},[y,t,n,o,A]),nn(()=>{if(!y)return;let O=m=>{if(m.kind==="show"){let R=Un(m.rawOpts,n,o);y.show(m.id,m.message,R)}else m.kind==="update"?y.update(m.id,m.message,m.patch):m.kind==="dismiss"&&y.dismiss(m.id)};return qe.subscribe(O),()=>qe.unsubscribe(O)},[y,n,o]),y){if(!y.Container)return null;let O=y.Container;return Uo(Ce(O,{position:e}),document.body)}let u=e.endsWith("left"),C="";I===!0&&(C="rdd-toast-container--newest-top"),I===!1&&(C="rdd-toast-container--newest-bottom");let P=["rdd-toast-container",`rdd-toast-container--${e}`,C].filter(Boolean).join(" ");return Uo(Ce("div",{className:P,style:{width:x},"aria-label":"Notifications","aria-live":"polite",children:w.map(O=>Ce(Yi,{id:O.id,message:O.message,options:O.options,exiting:O.exiting,isLeft:u,showProgress:M,pauseOnHover:a,animation:s,onDismiss:A,onExited:_},O.id))}),document.body)}import nr,{useState as Le,useContext as Pn,createContext as no,useRef as Ee,useLayoutEffect as to,useCallback as ot,useMemo as Gt,useEffect as Jo}from"react";import{createPortal as Vi}from"react-dom";import{Fragment as gs,jsx as ae,jsxs as vt}from"react/jsx-runtime";var ut=e=>e==="width"||e==="both",dt=e=>e==="height"||e==="both",Qo=(e,t)=>t==="inline"?dt(e)?"both":"width":ut(e)?"both":"height",yn=(e,t)=>t==="inline"?e==="both"?"height":ut(e)?null:e:e==="both"?"width":dt(e)?null:e,or=(e,t)=>dt(t)?[]:ut(t)?e.startsWith("top-")?["top-left","top-right"]:["bottom-left","bottom-right"]:[e],Ki=(e,t)=>`${e.startsWith("top-")?"top":"bottom"}-${t}`,qi=(e,t)=>`${t}-${e.endsWith("-right")?"right":"left"}`,rr=["top-left","top-right","bottom-left","bottom-right"],ir=no(null),sr=no(null),ar=no(null),bt=80;function ji(e,t,n){let o=e.getBoundingClientRect(),a=t-o.left,s=n-o.top;return a<bt&&s<bt?"top-left":a>o.width-bt&&s<bt?"top-right":a<bt&&s>o.height-bt?"bottom-left":a>o.width-bt&&s>o.height-bt?"bottom-right":null}function Zi({children:e,className:t,style:n}){let[o,a]=Le({}),[s,I]=Le({}),[M,x]=Le({"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]}),[y,w]=Le({}),[c,k]=Le(null),[T,A]=Le(null),[_,u]=Le(null),[C,P]=Le(()=>new Map),O=Ee(100),m=Ee(null),R=ot((G,j)=>(a(V=>({...V,[G]:j})),()=>a(V=>{let B={...V};return delete B[G],B})),[]),H=ot(G=>{O.current+=1;let j=O.current;I(V=>({...V,[G]:j})),u(G)},[]),D=ot((G,j,V=null)=>{let B=or(j,V);x(se=>{let be={"top-left":se["top-left"].filter(K=>K!==G),"top-right":se["top-right"].filter(K=>K!==G),"bottom-left":se["bottom-left"].filter(K=>K!==G),"bottom-right":se["bottom-right"].filter(K=>K!==G)};for(let K of B)be[K]=[...be[K],G];return rr.every(K=>be[K].length===se[K].length&&be[K].every((_e,Xe)=>_e===se[K][Xe]))?se:be})},[]),l=ot(G=>{x(j=>({"top-left":j["top-left"].filter(V=>V!==G),"top-right":j["top-right"].filter(V=>V!==G),"bottom-left":j["bottom-left"].filter(V=>V!==G),"bottom-right":j["bottom-right"].filter(V=>V!==G)}))},[]),E=ot((G,j)=>{w(V=>V[G]===j?V:{...V,[G]:j})},[]),F=ot((G,j)=>{P(V=>{let B=new Map(V);return B.set(G,j),B})},[]),X=ot(G=>{P(j=>{let V=new Map(j);return V.delete(G),V})},[]),Z=ot(()=>{P(new Map)},[]),U=Gt(()=>Array.from(C.keys()),[C]),Q=Gt(()=>({registerToolbar:R,insetTop:o.top??0,insetBottom:o.bottom??0}),[R,o]),me=Gt(()=>({managedWindowIds:U,openManaged:F,closeManaged:X,closeAllManaged:Z}),[U,F,X,Z]),te=Gt(()=>({topId:_,zOrders:s,focusWindow:H,containerRef:m,stacks:M,dockedSizes:y,dockWindow:D,undockWindow:l,reportDockedSize:E,draggingId:c,setDraggingId:k,hoveredZone:T,setHoveredZone:A,insetTop:o.top??0,insetBottom:o.bottom??0,insetInlineStart:o.left??0,insetInlineEnd:o.right??0}),[_,s,H,M,y,D,l,E,c,T,o]);return ae(ir.Provider,{value:Q,children:ae(sr.Provider,{value:me,children:ae(ar.Provider,{value:te,children:vt("div",{ref:m,className:`rdd-panel-overlay-root${c!==null?" rdd-dragging-active":""}${t?" "+t:""}`,style:n,children:[e,c!==null&&ae(Ui,{hoveredZone:T}),Array.from(C.entries()).map(([G,j])=>ae(lr,{id:G,title:j.title,icon:j.icon,open:!0,onClose:()=>X(G),defaultAnchor:j.anchor??"top-right",defaultWidth:j.width??320,defaultHeight:j.height??240,defaultStretch:j.stretch,children:j.content},G))]})})})})}function Ui({hoveredZone:e}){return ae(gs,{children:rr.map(t=>ae("div",{className:`rdd-panel-float-dropzone rdd-panel-float-dropzone--${t}${e===t?" rdd-panel-float-dropzone--hovered":""}`,"aria-hidden":"true"},t))})}function Ji({position:e,variant:t="transparent",buttonVariant:n="ghost",buttonSize:o,style:a,className:s,children:I}){let M=Pn(ir),x=Ee(null),y=Ee(null);to(()=>{let A=x.current;if(!A||!M)return;let _=()=>{let C=e==="top"||e==="bottom"?A.offsetHeight:A.offsetWidth;y.current?.(),y.current=M.registerToolbar(e,C)};_();let u=new ResizeObserver(_);return u.observe(A),()=>{u.disconnect(),y.current?.(),y.current=null}},[e,M?.registerToolbar]);let w={position:"absolute",zIndex:5,pointerEvents:"none",boxSizing:"border-box"};e==="top"?(w.top=0,w.left=0,w.right=0):e==="bottom"?(w.bottom=0,w.left=0,w.right=0):e==="left"?(w.insetInlineStart=0,w.top=M?.insetTop??0,w.bottom=M?.insetBottom??0):(w.insetInlineEnd=0,w.top=M?.insetTop??0,w.bottom=M?.insetBottom??0);let k=e==="left"||e==="right"?{...(M?.insetTop??0)>0?{paddingTop:0}:{},...(M?.insetBottom??0)>0?{paddingBottom:0}:{}}:{},T=o!=null?{"--rdd-panel-toolbar-btn-size":`${o}px`}:{};return ae("div",{ref:x,className:`rdd-panel-toolbar rdd-panel-toolbar--${e}${s?" "+s:""}`,"data-variant":t,"data-btn-variant":n,style:{...w,...k,...T,...a},children:I})}function Qi({icon:e,onClick:t,disabled:n,title:o,variant:a}){return ae("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:t,disabled:n,title:o,"aria-label":o,...a?{"data-variant":a}:{},children:e})}function es({icon:e,active:t,onToggle:n,disabled:o,title:a,variant:s}){return ae("button",{type:"button",className:`rdd-panel-toolbar-btn${t?" rdd-panel-toolbar-btn--active":""}`,onClick:n,disabled:o,title:a,"aria-label":a,"aria-pressed":t,...s?{"data-variant":s}:{},children:e})}function ts(){return ae("span",{className:"rdd-panel-toolbar__sep","aria-hidden":"true"})}function ns(){return ae("span",{className:"rdd-panel-toolbar__spacer","aria-hidden":"true"})}function os({children:e}){return ae("span",{className:"rdd-panel-toolbar__item",children:e})}function rs({children:e}){return ae("div",{className:"rdd-panel-toolbar__center",children:e})}function is({placeholder:e="Search\u2026",onSearch:t,onSelect:n}){let[o,a]=Le(!1),[s,I]=Le(""),[M,x]=Le([]),[y,w]=Le(null),c=Ee(null),k=Ee(null),T=Ee(null),A=Ee(null),_=()=>{a(!0),setTimeout(()=>k.current?.focus({preventScroll:!0}),0)},u=()=>{a(!1),I(""),x([]),w(null),T.current?.abort(),A.current&&clearTimeout(A.current)},C=D=>{let l=D.target.value;if(I(l),T.current?.abort(),A.current&&clearTimeout(A.current),!l.trim()){x([]),w(null);return}A.current=setTimeout(async()=>{let E=new AbortController;T.current=E;try{let F=await t(l,E.signal);if(!E.signal.aborted){x(F);let X=c.current;if(X&&F.length>0){let Z=X.getBoundingClientRect(),U=Math.max(Z.width,240),Q=Z.left;Q+U>window.innerWidth-8&&(Q=window.innerWidth-U-8),w({top:Z.bottom+4,left:Q,width:U})}else w(null)}}catch{}},300)},P=D=>{n(D),u()},O=D=>{c.current?.contains(D.relatedTarget)||u()},m=D=>{D.key==="Escape"&&u()},R=Gt(()=>{let D={};for(let l of M){let E=l.group??"";D[E]||(D[E]=[]),D[E].push(l)}return D},[M]),H=vt("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[ae("circle",{cx:"6.5",cy:"6.5",r:"4.5"}),ae("line",{x1:"10",y1:"10",x2:"14",y2:"14"})]});return o?vt("div",{ref:c,className:"rdd-panel-toolbar-search rdd-panel-toolbar-search--open",onBlur:O,children:[ae("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:u,"aria-label":"Close search",title:"Close search",children:H}),ae("input",{ref:k,className:"rdd-panel-toolbar-search__input",type:"text",value:s,onChange:C,onKeyDown:m,placeholder:e,autoComplete:"off"}),y&&M.length>0&&Vi(ae("div",{className:"rdd-panel-toolbar-search__dropdown",style:{position:"fixed",top:y.top,left:y.left,width:y.width},onMouseDown:D=>D.preventDefault(),children:Object.entries(R).map(([D,l])=>vt(nr.Fragment,{children:[D&&ae("div",{className:"rdd-panel-toolbar-search__group",children:D}),l.map(E=>vt("button",{type:"button",className:"rdd-panel-toolbar-search__item",onClick:()=>P(E),children:[E.icon&&ae("span",{className:"rdd-panel-toolbar-search__item-icon",children:E.icon}),ae("span",{className:"rdd-panel-toolbar-search__item-label",children:E.label}),E.description&&ae("span",{className:"rdd-panel-toolbar-search__item-desc",children:E.description})]},E.id))]},D||"__default__"))}),document.body)]}):ae("div",{ref:c,className:"rdd-panel-toolbar-search",children:ae("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:_,title:"Search","aria-label":"Search",children:H})})}function lr(e){let t=Pn(ar);return e.open?ae(ds,{ctx:t,...e},e.id):null}var ss=120,as=60,$t=8,ls=8,er=16,tr=40;function ds({id:e,title:t,icon:n,defaultAnchor:o,defaultWidth:a,defaultHeight:s,defaultStretch:I,stretch:M,onPlacementChange:x,stretchable:y=!0,children:w,ctx:c,onClose:k}){let T=Pn(At)?.isRtl??!1,A=Ke(),_=Ze(),[u,C]=Le("docked"),[P,O]=Le(o),[m,R]=Le(I??null),H=M!==void 0,D=H?M??null:m,[l,E]=Le(null),[F,X]=Le({w:a,h:s}),Z=Ee(null),U=Ee(u);U.current=u;let Q=Ee(l);Q.current=l;let me=Ee(F);me.current=F;let te=Ee(D);te.current=D;let G=Ee(P);G.current=P;let j=Ee(x);j.current=x;let[V,B]=Le({inline:!1,block:!1}),se=Ee(V);se.current=V;let be=Ee(0),ze=ot((q,J)=>{O(q),H||R(J),j.current?.({anchor:q,stretch:J})},[H]),K=Ee(null);to(()=>{u==="docked"&&c?.dockWindow(e,P,D)},[u,P,D]),to(()=>()=>{c?.undockWindow(e)},[]);let _e=Ee(!1);Jo(()=>{if(process.env.NODE_ENV!=="development"||_e.current||u!=="docked"||!dt(D)||!c)return;let q=P.endsWith("-right")?"right":"left",J=[`top-${q}`,`bottom-${q}`].flatMap(le=>c.stacks[le]??[]).filter(le=>le!==e);J.length!==0&&(_e.current=!0,console.warn(`[react-dockable-desktop] PanelFloatingWindow "${e}" stretches the block axis (stretch: "${D}") while ${J.length} other widget(s) are anchored to the same side (${J.join(", ")}). A block-stretched widget spans the axis that stacking uses to separate siblings, so it cannot stack and will overlap them \u2014 z-order decides which is on top. Either give it a fixed height, or move the other widgets to the opposite side.`))},[u,D,P,c?.stacks,e]),Jo(()=>{c?.reportDockedSize(e,F.h)},[F.h]);let Xe=c?.zOrders[e]??101,Ve=!c||c.topId===e,Ge=()=>{let q=Z.current?.offsetParent;return{cw:q?.clientWidth??9999,ch:q?.clientHeight??9999}},rt=()=>{let q=c?.insetInlineStart??0,J=c?.insetInlineEnd??0;return{left:(T?J:q)+$t,right:(T?q:J)+$t,top:c?.insetTop??0,bottom:c?.insetBottom??0}},it=()=>{c?.focusWindow(e)},st=q=>{if(q.button!==0)return;q.preventDefault();let J,le;if(U.current==="docked"){let he=Z.current,Re=c?.containerRef?.current;if(he&&Re){let Me=he.getBoundingClientRect(),Ne=Re.getBoundingClientRect();J=Me.left-Ne.left,le=Me.top-Ne.top}else J=$t,le=c?.insetTop??0}else J=Q.current?.x??0,le=Q.current?.y??0;K.current={mouseX:q.clientX,mouseY:q.clientY,posX:J,posY:le,hasDragged:!1},Z.current?.setPointerCapture(q.pointerId)},Je=q=>J=>{if(J.button!==0)return;J.preventDefault(),J.stopPropagation();let le=0,he=0;if(U.current==="free")le=Q.current?.x??0,he=Q.current?.y??0;else{let De=Z.current,We=De?.offsetParent;if(De&&We){let Ae=De.getBoundingClientRect(),ke=We.getBoundingClientRect();le=Ae.left-ke.left,he=Ae.top-ke.top}}let Re=Z.current?.getBoundingClientRect(),Me={x:le,y:he,w:ut(te.current)&&Re?Re.width:me.current.w,h:dt(te.current)&&Re?Re.height:me.current.h},Ne=q.includes("e")||q.includes("w"),Se=q.includes("n")||q.includes("s"),Te=!1,ve={inline:!1,block:!1},at=()=>{if(Te||U.current!=="docked")return;let De=te.current,We=Ne&&ut(De),Ae=Se&&dt(De);if(!We&&!Ae)return;Te=!0;let ke=De,Ye=G.current;if(We){ke=yn(ke,"inline");let Oe=q.includes("e");Ye=Ki(Ye,Oe!==T?"left":"right")}Ae&&(ke=yn(ke,"block"),Ye=qi(Ye,q.includes("s")?"top":"bottom")),ze(Ye,ke)};ft({element:J.currentTarget,pointerId:J.pointerId,startClientX:J.clientX,startClientY:J.clientY,captureStart:()=>Me,activeClasses:[{el:document.body,classes:["rdd-resizing-active"]}],onMove:(De,We,Ae)=>{let{cw:ke,ch:Ye}=Ge(),Oe=U.current==="docked"?rt():{left:0,right:0,top:0,bottom:0},{x:Yt,y:Xt,w:i,h:b}=Jt(q,De,We,Ae,{minW:ss,minH:as,maxW:ke-Oe.right-Ae.x,maxH:Ye-Oe.bottom-Ae.y,minX:Oe.left,minY:Oe.top});if(at(),U.current==="docked"&&y){let d=ke-Oe.left-Oe.right,L=Ye-Oe.top-Oe.bottom-be.current,r=te.current,v={...ve};Ne&&!ut(r)&&(i>=d-er?v.inline=!0:ve.inline&&i<d-tr&&(v.inline=!1)),Se&&!dt(r)&&(b>=L-er?v.block=!0:ve.block&&b<L-tr&&(v.block=!1)),(v.inline!==ve.inline||v.block!==ve.block)&&(ve=v,B(v))}let g=Te?yn(yn(te.current,Ne?"inline":"block"),Se?"block":"inline"):te.current;X(d=>({w:ut(g)?d.w:i,h:dt(g)?d.h:b})),U.current==="free"&&E({x:Yt,y:Xt})},onEnd:De=>{if(!ve.inline&&!ve.block){(se.current.inline||se.current.block)&&B({inline:!1,block:!1});return}X(Ae=>({w:ve.inline?De.w:Ae.w,h:ve.block?De.h:Ae.h}));let We=te.current;ve.inline&&(We=Qo(We,"inline")),ve.block&&(We=Qo(We,"block")),ze(G.current,We),B({inline:!1,block:!1})}})},Qe=q=>{if(K.current){let J=K.current;if(!J.hasDragged){if(Math.abs(q.clientX-J.mouseX)+Math.abs(q.clientY-J.mouseY)<4)return;if(J.hasDragged=!0,U.current==="docked"){if(te.current){let Te=Z.current?.getBoundingClientRect();Te&&X({w:Math.round(Te.width),h:Math.round(Te.height)}),ze(G.current,null)}c?.undockWindow(e),C("free")}document.body.classList.add("rdd-dragging-active"),c?.setDraggingId(e)}let{cw:le,ch:he}=Ge(),Re=Math.max(0,Math.min(J.posX+q.clientX-J.mouseX,le-me.current.w)),Me=Math.max(0,Math.min(J.posY+q.clientY-J.mouseY,he-me.current.h));E({x:Re,y:Me});let Ne=c?.containerRef?.current;if(Ne){let Se=ji(Ne,q.clientX,q.clientY);c?.setHoveredZone(Se&&T?Ut(Se):Se)}}},Pe=()=>{if(K.current?.hasDragged){let q=c?.hoveredZone;q&&(c?.dockWindow(e,q,te.current),C("docked"),E(null),ze(q,te.current)),c?.setHoveredZone(null),c?.setDraggingId(null)}document.body.classList.remove("rdd-dragging-active"),K.current=null},ne=()=>{K.current?.hasDragged&&(c?.setHoveredZone(null),c?.setDraggingId(null)),document.body.classList.remove("rdd-dragging-active"),K.current=null},ce;if(u==="docked"&&c){let q=or(P,D),J=0,le=q.length===0;for(let Re of q){let Me=c.stacks[Re]??[],Ne=Me.indexOf(e);if(Ne===-1)continue;le=!0;let Se=0;for(let Te=0;Te<Ne;Te++)Se+=(c.dockedSizes[Me[Te]]??s)+ls;J=Math.max(J,Se)}be.current=J;let he=rt();ce={zIndex:Xe,transition:"top 0.2s ease, bottom 0.2s ease",opacity:le?void 0:0,pointerEvents:le?void 0:"none"},ut(D)?(ce.insetInlineStart=(c.insetInlineStart??0)+$t,ce.insetInlineEnd=(c.insetInlineEnd??0)+$t):(ce[P.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]=$t,ce.width=F.w),dt(D)?(ce.top=he.top,ce.bottom=he.bottom):P.startsWith("top-")?(ce.top=he.top+J,ce.height=F.h):(ce.bottom=he.bottom+J,ce.height=F.h)}else ce={left:l?.x??0,top:l?.y??0,width:F.w,height:F.h,zIndex:Xe};let $e=nr.useMemo(()=>{if(u==="free")return["n","ne","e","se","s","sw","w","nw"];let q=P.startsWith("top-")?"s":"n",le=P.endsWith("-right")!==T?"w":"e",he=ut(D),Re=dt(D),Me=[];return Me.push(...he?["e","w"]:[le]),Me.push(...Re?["n","s"]:[q]),!he&&!Re&&Me.push(`${q}${le}`),Me},[u,P,T,D]),He=vt("svg",{width:"8",height:"8",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",children:[ae("line",{x1:"1",y1:"1",x2:"9",y2:"9"}),ae("line",{x1:"9",y1:"1",x2:"1",y2:"9"})]});return vt("div",{ref:Z,dir:T?"rtl":"ltr",className:["rdd-panel-float",Ve?"rdd-panel-float--active":"",V.inline||V.block?"rdd-panel-float--snapping":""].filter(Boolean).join(" "),style:ce,onPointerDown:it,onPointerMove:Qe,onPointerUp:Pe,onPointerCancel:ne,children:[vt("div",{className:"rdd-panel-float__header",onPointerDown:st,children:[n&&ae("span",{className:"rdd-panel-float__icon",children:n}),ae("span",{className:"rdd-panel-float__title",children:ge(t,A)}),ae("button",{type:"button",className:"rdd-panel-float__close",onClick:k,onPointerDown:q=>q.stopPropagation(),title:ge(_.closeTooltip,A),"aria-label":ge(_.closeTooltip,A),children:He})]}),ae("div",{className:"rdd-panel-float__body",children:w}),$e.map(q=>ae("div",{className:`rdd-resize-handle rdd-resize-${q}`,onPointerDown:Je(q)},q))]})}function cs(){let[e,t]=Le(!1),n=ot(()=>{t(!0)},[]),o=ot(()=>{t(!1)},[]);return{isOpen:e,open:n,close:o}}var us=[];function ps(){let e=Pn(sr),t=e?.managedWindowIds??us;return Gt(()=>({open:(n,o)=>e?.openManaged(n,o),close:n=>e?.closeManaged(n),closeAll:()=>e?.closeAllManaged(),isOpen:n=>t.includes(n),openIds:t}),[e,t])}export{St as ConfirmationForm,In as ContextMenu,En as ContextMenuProvider,Ft as DefaultContextMenuAdapter,ti as DockableDesktopProvider,wn as FormContainerContext,Pt as FormContainerProvider,fi as LeftPanelRenderer,ai as ModalStackRenderer,Bn as PanelContributionProvider,lr as PanelFloatingWindow,Zi as PanelOverlayRoot,zn as PanelProvider,rn as PanelRegistry,Nt as PanelRegistryClass,Ji as PanelToolbar,os as PanelToolbarItem,ts as PanelToolbarSeparator,mi as RightPanelRenderer,Ri as SecondarySidebar,hi as SidePanelRenderer,Vo as Sidebar,Xi as ToastContainer,Di as Toolbar,Qi as ToolbarButton,rs as ToolbarCenter,pn as ToolbarProvider,is as ToolbarSearchInput,ns as ToolbarSpacer,es as ToolbarToggle,Fr as WindowManager,Sn as WindowManagerProvider,_n as WorkspaceClient,Jt as computeResizedRect,Vt as defaultPredefinedMessages,ge as formatLabel,Dt as isSerializable,Ao as sidebarSectionToTab,ft as startPointerDrag,Oi as toast,$n as useActivePanelContribution,Dn as useColorScheme,zt as useFormContainer,Ke as useFormatMessage,Jr as useMergedSidebarTabs,Ur as useMergedToolbarItems,Rt as usePanelActions,yr as usePanelContext,Pr as usePanelContextMenu,Zr as usePanelContribution,cs as usePanelFloatingWindow,ps as usePanelFloatingWindowManager,ln as usePanelId,gr as usePanelSize,gt as usePanelState,Ze as usePredefinedMessages,Kt as useRegistry,wr as useShowContextMenu,Mi as useSidebar,Si as useSidebarTab,pt as useStyleClasses,gn as useToolbar,qt as useWindowManagerActions,je as useWindowManagerState};
24
24
  //# sourceMappingURL=index.js.map