react-dockable-desktop 6.2.0 → 6.3.1
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/README.md +5 -1
- package/dist/index.cjs +5 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +10 -4
- package/dist/index.d.ts +10 -4
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/package.json +12 -1
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(l=>l.id===e))return!0;let o=l=>l.type==="leaf"?l.activePanelId===e:l.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 l=null;for(let s of e.floating)t(s.id)&&(!l||s.z>l.z)&&(l=s);return l?.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,l=null;return o!==null&&(co(o,n)?l=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.`)),l===null&&(l=Mn(n)),{gridRoot:e.gridRoot,floating:t,minimized:e.minimized,panels:e.panels,activePanelId:l}}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:l,modalClass:s,modalBodyClass:L,sidePanelClass:M,sidePanelBodyClass:x,windowClass:v,windowBodyClass:C,zIndexBase:c})=>{let I=Ze(t?.registry??rn).current,k=t?.config.formatMessage??n,E=t?.config.predefinedMessages??o,_=t?.config.dir??l,u=t?.config.zIndexBase??c??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))})),A=Ze(w);A.current=w;let m=Ze(new Set);Ot(()=>{m.current.forEach(i=>i())},[w]);let y=ne(()=>A.current,[]),F=ne(i=>(m.current.add(i),()=>m.current.delete(i)),[]),O=Ze({}),a=Ze({}),z=sn(()=>({...Vt,...E}),[E]),H=Ze(new Rn),B=Ze(u);Ot(()=>(document.documentElement.style.setProperty("--rdd-z-base",String(u)),()=>{document.documentElement.style.removeProperty("--rdd-z-base")}),[u]);let J=ne((i,b)=>H.current.subscribe(i,b),[]),ee=ne((i,b)=>{H.current.publish(i,b)},[]),Z=ne((i,b)=>{let g=typeof i.x=="string"?parseFloat(i.x):i.x,d=typeof i.y=="string"?parseFloat(i.y):i.y,S=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(S)&&(S=450),isNaN(r)&&(r=350);let P=N=>b.some(D=>{let W=typeof D.x=="string"?parseFloat(D.x):D.x,G=typeof D.y=="string"?parseFloat(D.y):D.y;return!D.maximized&&Math.abs(W-N.x)<20&&Math.abs(G-N.y)<20}),f=0;for(;P({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+S>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:S,height:r}},[]),me=ne(i=>{R(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 S=!b.floating.some(r=>r.z>d.z);return S&&b.activePanelId===i?b:(S||(B.current+=1),{...b,floating:b.floating.map(r=>r.id===i?{...r,z:S?d.z:B.current}:r),activePanelId:i})}else if(g.state==="docked"){if(b.activePanelId===i)return b;let d=S=>S.type==="leaf"?S.panels.includes(i)?{...S,activePanelId:i}:S:{...S,children:S.children.map(d)};return{...b,gridRoot:d(b.gridRoot),activePanelId:i}}return b.activePanelId===i?b:{...b,activePanelId:i}})},[]),le=(i,b)=>{if(i.type==="leaf"){let g=i.panels.indexOf(b);if(g===-1)return i;let d=i.panels.filter(P=>P!==b),S=i.activePanelId===b?d[g]||d[g-1]||d[0]||null:i.activePanelId,r={...i,panels:d,activePanelId:S};return d.length===0&&!i.keepOnEmpty?null:r}else{let g=i.children.map(r=>le(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),S=d.reduce((r,P)=>r+P,0);return{...i,children:g,sizes:d.map(r=>r/S)}}},X=(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=>X(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},K=ne((i,b,g)=>{let d=i;if(g?.dedupeKey!==void 0){let p=Object.values(A.current.panels).find(N=>N.component===b&&N.dedupeKey===g.dedupeKey);p&&(d=p.id)}let S=!(d in A.current.panels),r=d!==i,P=g?.focus!==!1,h=g?.props!==void 0?At(g.props):!0;R(p=>{let N=p.panels[d],D=I.get(b),W=g?.title||g?.title||D?.defaultOptions?.title||d,G=g?.initialTarget||D?.defaultOptions?.initialTarget||"docked",Q=D?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},V=P?d:p.activePanelId;if(N)if(N.state==="minimized"){let de=p.minimized.filter(ge=>ge.id!==d);if(G==="floating"||!p.gridRoot){B.current+=1;let ge=Z(Q,p.floating);return{...p,minimized:de,floating:[...p.floating,{...ge,id:d,z:B.current}],panels:{...p.panels,[d]:{...N,state:"floating"}},activePanelId:V}}else{let ge=j(p.gridRoot)||"group-default";return{...p,minimized:de,gridRoot:X(p.gridRoot,ge,d),panels:{...p.panels,[d]:{...N,state:"docked"}},activePanelId:V}}}else{if(N.state==="floating")return P&&me(d),p;{let de=ge=>ge.type==="leaf"?ge.panels.includes(d)?{...ge,activePanelId:d}:ge:{...ge,children:ge.children.map(de)};return{...p,gridRoot:de(p.gridRoot),activePanelId:V}}}let pe={id:d,title:W,component:b,state:G==="tabbed"?"docked":G,props:g?.props,serializable:h,dedupeKey:g?.dedupeKey},ie={...p.panels,[d]:pe};if(G==="floating"){B.current+=1;let de=Z(Q,p.floating),ge=g?.anchor??D?.defaultOptions?.defaultAnchor??null;return{...p,floating:[...p.floating,{...de,id:d,z:B.current,anchor:ge}],panels:ie,activePanelId:V}}else{let de=j(p.gridRoot)||"group-default";return{...p,gridRoot:X(p.gridRoot,de,d),panels:ie,activePanelId:V}}}),S&&H.current.publish("panel:opened",{id:d,component:b}),(S||r)&&H.current.publish("layout:changed",{})},[Z,me]),Y=ne(i=>{let b=i in A.current.panels;R(g=>{let d=g.panels[i];if(!d||I.get(d.component)?.defaultOptions?.canClose===!1)return g;delete O.current[i],delete a.current[i];let r={...g.panels};delete r[i];let P=le(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:P,floating:f,panels:r}):g.activePanelId;return{...g,gridRoot:P,floating:f,minimized:g.minimized.filter(p=>p.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)=>{a.current[i]=b},[]),U=ne(i=>{delete a.current[i]},[]),Fe=ne((i,b,g)=>{R(d=>{let S=d.panels[i];return S?{...d,panels:{...d.panels,[i]:{...S,dirty:b,dirtyOptions:g}}}:d})},[]),$e=ne((i,b)=>{R(g=>{let d=g.panels[i];return d?{...g,panels:{...g.panels,[i]:{...d,title:b}}}:g})},[]),Be=ne(async(i,b)=>{if(b?.force){Y(i);return}let g=O.current[i];if(g&&!await g())return;let d=A.current.panels[i];if(d?.dirty)if(b?.onConfirm){if(!await b.onConfirm(d.dirtyOptions))return}else return;Y(i)},[Y]),Ge=ne(i=>{let b=A.current.panels[i]?.state!=="minimized"&&i in A.current.panels;R(g=>{let d=g.panels[i];if(!d||d.state==="minimized"||I.get(d.component)?.defaultOptions?.canMinimize===!1)return g;let r,P;if(d.state==="floating"){let D=g.floating.find(W=>W.id===i);D&&(r={x:Number(D.x),y:Number(D.y),width:Number(D.width),height:Number(D.height),anchor:D.anchor??null})}else if(d.state==="docked"){let D=W=>{if(W.type==="leaf")return W.panels.includes(i)?W.id:null;for(let G of W.children){let Q=D(G);if(Q)return Q}return null};P=D(g.gridRoot)??void 0}let f=le(g.gridRoot,i)||{type:"leaf",id:"group-default",panels:[],activePanelId:null},h=g.floating.filter(D=>D.id!==i),p={...g.panels,[i]:{...d,state:"minimized",previousState:d.state,lastFloatingRect:r,lastLeafId:P}},N=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:N}}),b&&(H.current.publish("panel:minimized",{id:i}),H.current.publish("layout:changed",{}))},[]),st=ne((i,b)=>{let g=A.current.panels[i]?.state==="minimized",d=b?.focus!==!1;R(S=>{let r=S.panels[i];if(!r||r.state!=="minimized")return S;let P=S.minimized.filter(p=>p.id!==i),f=r.previousState||"docked",h=d?i:S.activePanelId;if(f==="floating"){B.current+=1;let p=I.get(r.component),N=r.lastFloatingRect||p?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},D=Z(N,S.floating);return{...S,minimized:P,floating:[...S.floating,{...D,id:i,z:B.current,anchor:r.lastFloatingRect?.anchor??null}],panels:{...S.panels,[i]:{...r,state:"floating"}},activePanelId:h}}else{let p=(G,Q)=>G.type==="leaf"?G.id===Q:G.children.some(V=>p(V,Q)),N=r.lastLeafId&&p(S.gridRoot,r.lastLeafId),D=I.get(r.component),W=D?.defaultOptions?.canDrag!==!1;if(N)return{...S,minimized:P,gridRoot:X(S.gridRoot,r.lastLeafId,i),panels:{...S.panels,[i]:{...r,state:"docked"}},activePanelId:h};if(W){B.current+=1;let G=r.lastFloatingRect||D?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},Q=Z(G,S.floating);return{...S,minimized:P,floating:[...S.floating,{...Q,id:i,z:B.current,anchor:r.lastFloatingRect?.anchor??null}],panels:{...S.panels,[i]:{...r,state:"floating"}},activePanelId:h}}else{let G=j(S.gridRoot)||"group-default";return{...S,minimized:P,gridRoot:X(S.gridRoot,G,i),panels:{...S.panels,[i]:{...r,state:"docked"}},activePanelId:h}}}}),g&&(H.current.publish("panel:restored",{id:i}),H.current.publish("layout:changed",{}))},[Z]),tt=ne((i,b,g)=>{R(d=>{let S=d.panels[i];if(!S||I.get(S.component)?.defaultOptions?.canDrag===!1)return d;let P=I.get(S.component),f=b||P?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},h=le(d.gridRoot,i);B.current+=1;let p=Z(f,d.floating);return{...d,gridRoot:h||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:[...d.floating,{...p,id:i,z:B.current,anchor:g??null}],panels:{...d.panels,[i]:{...S,state:"floating"}}}})},[Z]),nt=ne((i,b)=>{R(g=>{let d=g.panels[i];if(!d)return g;let S=g.floating.filter(f=>f.id!==i),r=le(g.gridRoot,i),P=b||j(r||g.gridRoot)||"group-default";return{...g,gridRoot:X(r||g.gridRoot,P,i),floating:S,panels:{...g.panels,[i]:{...d,state:"docked"}}}})},[]),qe=(i,b,g,d,S)=>{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},P=d==="left"||d==="right"?"horizontal":"vertical",f=d==="left"||d==="top"?[r,i]:[i,r],h=d==="left"||d==="top"?[S,1-S]:[1-S,S];return{type:"branch",orientation:P,sizes:h,children:f}}return i}else return{...i,children:i.children.map(r=>qe(r,b,g,d,S))}},je=ne(i=>{R(b=>({...b,draggedPanelId:i}))},[]),se=ne((i,b,g)=>{R(d=>{let S=d.panels[i];if(!S)return d;let r=d.floating.filter(h=>h.id!==i),P=le(d.gridRoot,i),f;return g==="center"?f=X(P||d.gridRoot,b,i):f=qe(P||d.gridRoot,b,i,g,d.splitRatio),{...d,gridRoot:f,floating:r,panels:{...d.panels,[i]:{...S,state:"docked"}},draggedPanelId:null}})},[]),te=ne((i,b)=>{R(g=>{let d=g.panels[i];if(!d)return g;let S=g.floating.filter(D=>D.id!==i),r=le(g.gridRoot,i),P={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"?[P,r||g.gridRoot]:[r||g.gridRoot,P],p=g.edgeSplitRatio,N={type:"branch",orientation:f,sizes:b==="left"||b==="top"?[p,1-p]:[1-p,p],children:h};return{...g,gridRoot:N,floating:S,panels:{...g.panels,[i]:{...d,state:"docked"}},draggedPanelId:null}})},[]),Ee=ne((i,b,g)=>{R(d=>{let S=d.panels[i];if(!S)return d;let r=le(d.gridRoot,i),P=p=>{if(p.type==="leaf"){if(p.id===b){let N=p.panels.filter(G=>G!==i),D=Math.max(0,Math.min(g,N.length)),W=[...N];return W.splice(D,0,i),{...p,panels:W,activePanelId:i}}return p}else return{...p,children:p.children.map(P)}},f=P(r||d.gridRoot),h=d.floating.filter(p=>p.id!==i);return{...d,gridRoot:f,floating:h,panels:{...d.panels,[i]:{...S,state:"docked"}},draggedPanelId:null}})},[]),$=ne(i=>{R(b=>{let g=S=>{if(S.type==="leaf")return S.id===i&&S.canClose!==!1?null:S;{let r=S.children.map(h=>g(h)).filter(h=>h!==null);if(r.length===0)return null;if(r.length===1)return r[0];let P=S.sizes.slice(0,r.length),f=P.reduce((h,p)=>h+p,0);return{...S,children:r,sizes:P.map(h=>h/f)}}},d=g(b.gridRoot);return{...b,gridRoot:d||{type:"leaf",id:"group-default",panels:[],activePanelId:null}}})},[]),q=ne(i=>{R(b=>({...b,floating:b.floating.map(g=>g.id===i?{...g,maximized:!g.maximized}:g)}))},[]),ce=ne((i,b)=>{let g=(d,S)=>{if(d.type==="leaf")return d;if(S===i.length)return{...d,sizes:b};let r=i[S],P=d.children.map((f,h)=>h===r?g(f,S+1):f);return{...d,children:P}};R(d=>({...d,gridRoot:g(d.gridRoot,0)}))},[]),he=ne((i,b)=>{R(g=>({...g,floating:g.floating.map(d=>d.id===i?{...d,...b}:d)}))},[]),be=ne(()=>{let i=A.current.panels,b=[],g={};for(let[p,N]of Object.entries(i)){let D=a.current[p],W=D?.(),G=D!==void 0&&W!==void 0,Q=G?W:N.props,V=G?At(W):N.serializable;V?g[p]=G?{...N,props:Q,serializable:V}:N:b.push(p)}let d=A.current.gridRoot,S=A.current.floating,r=A.current.minimized;for(let p of b)d=le(d,p)||{type:"leaf",id:"group-default",panels:[],activePanelId:null},S=S.filter(N=>N.id!==p),r=r.filter(N=>N.id!==p);b.length>0&&H.current.publish("layout:panels-excluded",{panels:b.map(p=>({id:p,component:i[p].component}))});let P=A.current.activePanelId,f=P!==null&&co(P,{gridRoot:d,floating:S,panels:g})?P:null,h={version:2,...f!==null?{activePanelId:f}:{},gridRoot:d,floating:S,minimized:r,panels:g};return JSON.stringify(h)},[]),ye=ne(i=>{try{let b=uo(JSON.parse(i));return b?(R(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}},[]),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 A.current.panels,[]),Me=ne(()=>Object.keys(A.current.panels),[]),at=ne((i,b)=>Object.values(A.current.panels).find(d=>d.component===i&&d.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:K,closePanel:Y,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:ee,subscribe:J,setDraggedPanelId:je,dockPanelToGroup:se,movePanelOrder:Ee,closeLeafGroup:$,registerCloseGuard:re,unregisterCloseGuard:ue,registerStateProvider:Oe,unregisterStateProvider:U,setPanelDirty:Fe,updatePanelTitle:$e,requestClosePanel:Be,dockPanelToWorkspaceEdge:te,setActivePanel:De,setDirection:_e,registerPanelContextMenu:Ye,getPanelContextMenuItems:ze,showContextMenu:He,registerContextMenuFn:Le}),[K,Y,Ge,st,tt,nt,q,ce,he,me,We,Me,at,be,ye,ee,J,je,se,Ee,$,re,ue,Oe,U,Fe,$e,Be,te,De,_e,Ye,ze,He,Le]),lt=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: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 Fn,{useState as at,useRef as Oe,useEffect as Ce,useCallback as On,useContext as To}from"react";import{createPortal as ko}from"react-dom";import{createContext as wt,useContext as ct,useState as hr,useRef as et,useMemo as an,useCallback as oe,useEffect as Ot,useSyncExternalStore as br}from"react";import{createContext as cr,useContext as ur,useSyncExternalStore as pr}from"react";var gr={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:()=>()=>{}},Rn=cr(gr),xt=Rn.Provider,zt=()=>ur(Rn),fr=()=>{let{onResize:e,getDimensions:t}=zt();return pr(o=>e?e(()=>o()):()=>{},()=>t?t():null)};var Dt=class{registry=new Map;register(t,o,r){this.registry.set(t,{Component:o,defaultOptions:r})}get(t){return this.registry.get(t)}getRegisteredIds(){return Array.from(this.registry.keys())}},sn=new Dt;var Kt={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 mr}from"react";function Wt(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(mr(e))return!1;if(Array.isArray(e))return e.every(Wt);let o=Object.getPrototypeOf(e);return o!==Object.prototype&&o!==null?!1:Object.values(e).every(Wt)}import{jsx as Ct}from"react/jsx-runtime";var Ft=wt(null),ln=wt(null),io=wt(null),so=wt(null),ao=wt(Kt),lo=wt({}),gt=()=>ct(lo),co=wt(sn),qt=()=>ct(co),Mn=class{listeners={};subscribe(t,o){return this.listeners[t]||(this.listeners[t]=[]),this.listeners[t].push(o),()=>{this.listeners[t]=this.listeners[t].filter(r=>r!==o)}}publish(t,o){this.listeners[t]&&this.listeners[t].forEach(r=>r(o))}},At={type:"leaf",id:"group-default",panels:[],activePanelId:null};function uo(e,t){let o=t.panels[e];if(!o||o.state==="minimized")return!1;if(t.floating.some(c=>c.id===e))return!0;let r=c=>c.type==="leaf"?c.activePanelId===e:c.children.some(r);return t.gridRoot?r(t.gridRoot):!1}function Sn(e){let t=s=>s!==null&&!!e.panels[s]&&e.panels[s].state!=="minimized",o=s=>{if(s.type==="leaf")return t(s.activePanelId)?s.activePanelId:null;for(let S of s.children){let h=o(S);if(h)return h}return null},r=e.gridRoot?o(e.gridRoot):null;if(r)return r;let c=null;for(let s of e.floating)t(s.id)&&(!c||s.z>c.z)&&(c=s);return c?.id??null}function vr(e,t){let o=[],r=new Set,c=h=>{if(h.type==="leaf"){let d=h.panels.filter(T=>r.has(T)?(o.push(`panel "${T}" was listed in more than one group`),!1):(r.add(T),!0));if(d.length===h.panels.length)return h;if(d.length===0&&!h.keepOnEmpty)return null;let R=h.activePanelId&&d.includes(h.activePanelId)?h.activePanelId:d[0]??null;return{...h,panels:d,activePanelId:R}}let y=h.children.map(c).filter(d=>d!==null);if(y.length===h.children.length&&y.every((d,R)=>d===h.children[R]))return h;if(y.length===0)return null;if(y.length===1)return y[0];let P=h.sizes.slice(0,y.length),C=P.reduce((d,R)=>d+R,0)||1;return{...h,children:y,sizes:P.map(d=>d/C)}},s=c(e)||At,S=Object.values(t).filter(h=>h.state==="docked"&&!r.has(h.id));if(S.length>0){let h=y=>{if(y.type==="leaf"){let P=S.map(C=>C.id);return{...y,panels:[...y.panels,...P],activePanelId:y.activePanelId??P[0]}}return{...y,children:[h(y.children[0]),...y.children.slice(1)]}};for(let y of S)o.push(`panel "${y.id}" is docked but was in no group`);s=h(s)}return{gridRoot:s,repairs:o}}function po(e){if(!e||!e.gridRoot||!Array.isArray(e.floating)||!Array.isArray(e.minimized)||!e.panels)return null;let t=e.floating.map(h=>{if("stickyRight"in h||"stickyBottom"in h){let y=h.stickyRight&&h.stickyBottom?"bottom-right":h.stickyRight?"top-right":h.stickyBottom?"bottom-left":null,{stickyRight:P,stickyBottom:C,...d}=h;return{...d,anchor:y}}return h}),o=vr(e.gridRoot,e.panels);o.repairs.length>0&&process.env.NODE_ENV==="development"&&console.warn(`[react-dockable-desktop] Repaired the saved layout on load: ${o.repairs.join("; ")}. Layouts saved by versions before 6.3.1 can contain this \u2014 dropping a lone docked panel onto its own group duplicated it \u2014 and the repair is applied every time it is read, so saving again from this session stores the corrected layout.`);let r=o.gridRoot,c={gridRoot:r,floating:t,panels:e.panels},s=typeof e.activePanelId=="string"?e.activePanelId:null,S=null;return s!==null&&(uo(s,c)?S=s:process.env.NODE_ENV==="development"&&console.warn(`[react-dockable-desktop] Ignoring the saved layout's activePanelId ("${s}") \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.`)),S===null&&(S=Sn(c)),{gridRoot:r,floating:t,minimized:e.minimized,panels:e.panels,activePanelId:S}}function yr(e){if(e)try{let t=po(JSON.parse(e));if(t)return t}catch{}return{gridRoot:At,floating:[],minimized:[],panels:{},activePanelId:null}}var Tn=({children:e,client:t,formatMessage:o,predefinedMessages:r,dir:c,modalClass:s,modalBodyClass:S,sidePanelClass:h,sidePanelBodyClass:y,windowClass:P,windowBodyClass:C,zIndexBase:d})=>{let R=et(t?.registry??sn).current,T=t?.config.formatMessage??o,D=t?.config.predefinedMessages??r,A=t?.config.dir??c,g=t?.config.zIndexBase??d??1e3,[w,x]=hr(()=>({...yr(t?.initialState??null),draggedPanelId:null,dir:A||"ltr",isRtl:A==="rtl",splitRatio:Math.min(.9,Math.max(.1,t?.config.defaultSplitRatio??.5)),edgeSplitRatio:Math.min(.9,Math.max(.1,t?.config.defaultEdgeSplitRatio??.2))})),W=et(w);W.current=w;let b=et(new Set);Ot(()=>{b.current.forEach(i=>i())},[w]);let k=oe(()=>W.current,[]),F=oe(i=>(b.current.add(i),()=>b.current.delete(i)),[]),z=et({}),u=et({}),N=an(()=>({...Kt,...D}),[D]),O=et(new Mn),Y=et(g);Ot(()=>(document.documentElement.style.setProperty("--rdd-z-base",String(g)),()=>{document.documentElement.style.removeProperty("--rdd-z-base")}),[g]);let q=oe((i,f)=>O.current.subscribe(i,f),[]),U=oe((i,f)=>{O.current.publish(i,f)},[]),Q=oe((i,f)=>{let p=typeof i.x=="string"?parseFloat(i.x):i.x,n=typeof i.y=="string"?parseFloat(i.y):i.y,l=typeof i.width=="string"?parseFloat(i.width):i.width,a=typeof i.height=="string"?parseFloat(i.height):i.height;isNaN(p)&&(p=300),isNaN(n)&&(n=150),isNaN(l)&&(l=450),isNaN(a)&&(a=350);let m=M=>f.some(_=>{let K=typeof _.x=="string"?parseFloat(_.x):_.x,H=typeof _.y=="string"?parseFloat(_.y):_.y;return!_.maximized&&Math.abs(K-M.x)<20&&Math.abs(H-M.y)<20}),E=0;for(;m({x:p,y:n})&&E<10;)p+=30,n+=30,E++;let I=Math.max(100,window.innerWidth||1024),v=Math.max(100,window.innerHeight||768);return(p+l>I||n+a>v)&&(p=100+E%5*30,n=100+E%5*30),p=Math.max(0,Math.min(p,I-100)),n=Math.max(0,Math.min(n,v-40)),{x:p,y:n,width:l,height:a}},[]),ge=oe(i=>{x(f=>{let p=f.panels[i];if(!p)return f;if(p.state==="floating"){let n=f.floating.find(a=>a.id===i);if(!n)return f;let l=!f.floating.some(a=>a.z>n.z);return l&&f.activePanelId===i?f:(l||(Y.current+=1),{...f,floating:f.floating.map(a=>a.id===i?{...a,z:l?n.z:Y.current}:a),activePanelId:i})}else if(p.state==="docked"){if(f.activePanelId===i)return f;let n=l=>l.type==="leaf"?l.panels.includes(i)?{...l,activePanelId:i}:l:{...l,children:l.children.map(n)};return{...f,gridRoot:n(f.gridRoot),activePanelId:i}}return f.activePanelId===i?f:{...f,activePanelId:i}})},[]),ee=(i,f)=>{if(i.type==="leaf"){let p=i.panels.indexOf(f);if(p===-1)return i;let n=i.panels.filter(m=>m!==f),l=i.activePanelId===f?n[p]||n[p-1]||n[0]||null:i.activePanelId,a={...i,panels:n,activePanelId:l};return n.length===0&&!i.keepOnEmpty?null:a}else{let p=i.children.map(a=>ee(a,f)).filter(a=>a!==null);if(p.length===0)return null;if(p.length===1)return p[0];let n=i.sizes.slice(0,p.length),l=n.reduce((a,m)=>a+m,0);return{...i,children:p,sizes:n.map(a=>a/l)}}},G=(i,f,p)=>{if(i.type==="leaf"){if(i.id===f){let n=i.panels.includes(p)?i.panels:[...i.panels,p];return{...i,panels:n,activePanelId:p}}return i}else return{...i,children:i.children.map(n=>G(n,f,p))}},j=(i,f,p)=>i.type==="leaf"?i.id===f&&i.panels.length===1&&i.panels[0]===p:i.children.some(n=>j(n,f,p)),B=(i,f)=>i.type==="leaf"?i.id===f:i.children.some(p=>B(p,f)),$=i=>{if(i.type==="leaf")return i.id;for(let f of i.children){let p=$(f);if(p)return p}return null},re=oe((i,f,p)=>{let n=i;if(p?.dedupeKey!==void 0){let v=Object.values(W.current.panels).find(M=>M.component===f&&M.dedupeKey===p.dedupeKey);v&&(n=v.id)}let l=!(n in W.current.panels),a=n!==i,m=p?.focus!==!1,I=p?.props!==void 0?Wt(p.props):!0;x(v=>{let M=v.panels[n],_=R.get(f),K=p?.title||p?.title||_?.defaultOptions?.title||n,H=p?.initialTarget||_?.defaultOptions?.initialTarget||"docked",Z=_?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},ne=m?n:v.activePanelId;if(M)if(M.state==="minimized"){let de=v.minimized.filter(ve=>ve.id!==n);if(H==="floating"||!v.gridRoot){Y.current+=1;let ve=Q(Z,v.floating);return{...v,minimized:de,floating:[...v.floating,{...ve,id:n,z:Y.current}],panels:{...v.panels,[n]:{...M,state:"floating"}},activePanelId:ne}}else{let ve=$(v.gridRoot)||"group-default";return{...v,minimized:de,gridRoot:G(v.gridRoot,ve,n),panels:{...v.panels,[n]:{...M,state:"docked"}},activePanelId:ne}}}else{if(M.state==="floating")return m&&ge(n),v;{let de=ve=>ve.type==="leaf"?ve.panels.includes(n)?{...ve,activePanelId:n}:ve:{...ve,children:ve.children.map(de)};return{...v,gridRoot:de(v.gridRoot),activePanelId:ne}}}let me={id:n,title:K,component:f,state:H==="tabbed"?"docked":H,props:p?.props,serializable:I,dedupeKey:p?.dedupeKey},_e={...v.panels,[n]:me};if(H==="floating"){Y.current+=1;let de=Q(Z,v.floating),ve=p?.anchor??_?.defaultOptions?.defaultAnchor??null;return{...v,floating:[...v.floating,{...de,id:n,z:Y.current,anchor:ve}],panels:_e,activePanelId:ne}}else{let de=$(v.gridRoot)||"group-default";return{...v,gridRoot:G(v.gridRoot,de,n),panels:_e,activePanelId:ne}}}),l&&O.current.publish("panel:opened",{id:n,component:f}),(l||a)&&O.current.publish("layout:changed",{})},[Q,ge]),ue=oe(i=>{let f=i in W.current.panels;x(p=>{let n=p.panels[i];if(!n||R.get(n.component)?.defaultOptions?.canClose===!1)return p;delete z.current[i],delete u.current[i];let a={...p.panels};delete a[i];let m=ee(p.gridRoot,i)||{type:"leaf",id:"group-default",panels:[],activePanelId:null},E=p.floating.filter(v=>v.id!==i),I=p.activePanelId===i?Sn({gridRoot:m,floating:E,panels:a}):p.activePanelId;return{...p,gridRoot:m,floating:E,minimized:p.minimized.filter(v=>v.id!==i),panels:a,activePanelId:I}}),f&&(O.current.publish("panel:closed",{id:i}),O.current.publish("layout:changed",{}))},[]),ze=oe((i,f)=>{z.current[i]=f},[]),X=oe(i=>{delete z.current[i]},[]),Ae=oe((i,f)=>{u.current[i]=f},[]),Ge=oe(i=>{delete u.current[i]},[]),Ye=oe((i,f,p)=>{x(n=>{let l=n.panels[i];return l?{...n,panels:{...n.panels,[i]:{...l,dirty:f,dirtyOptions:p}}}:n})},[]),Be=oe((i,f)=>{x(p=>{let n=p.panels[i];return n?{...p,panels:{...p.panels,[i]:{...n,title:f}}}:p})},[]),rt=oe(async(i,f)=>{if(f?.force){ue(i);return}let p=z.current[i];if(p&&!await p())return;let n=W.current.panels[i];if(n?.dirty)if(f?.onConfirm){if(!await f.onConfirm(n.dirtyOptions))return}else return;ue(i)},[ue]),it=oe(i=>{let f=W.current.panels[i]?.state!=="minimized"&&i in W.current.panels;x(p=>{let n=p.panels[i];if(!n||n.state==="minimized"||R.get(n.component)?.defaultOptions?.canMinimize===!1)return p;let a,m;if(n.state==="floating"){let _=p.floating.find(K=>K.id===i);_&&(a={x:Number(_.x),y:Number(_.y),width:Number(_.width),height:Number(_.height),anchor:_.anchor??null})}else if(n.state==="docked"){let _=K=>{if(K.type==="leaf")return K.panels.includes(i)?K.id:null;for(let H of K.children){let Z=_(H);if(Z)return Z}return null};m=_(p.gridRoot)??void 0}let E=ee(p.gridRoot,i)||{type:"leaf",id:"group-default",panels:[],activePanelId:null},I=p.floating.filter(_=>_.id!==i),v={...p.panels,[i]:{...n,state:"minimized",previousState:n.state,lastFloatingRect:a,lastLeafId:m}},M=p.activePanelId===i?Sn({gridRoot:E,floating:I,panels:v}):p.activePanelId;return{...p,gridRoot:E,floating:I,minimized:[...p.minimized,{id:i,title:n.title,component:n.component}],panels:v,activePanelId:M}}),f&&(O.current.publish("panel:minimized",{id:i}),O.current.publish("layout:changed",{}))},[]),st=oe((i,f)=>{let p=W.current.panels[i]?.state==="minimized",n=f?.focus!==!1;x(l=>{let a=l.panels[i];if(!a||a.state!=="minimized")return l;let m=l.minimized.filter(v=>v.id!==i),E=a.previousState||"docked",I=n?i:l.activePanelId;if(E==="floating"){Y.current+=1;let v=R.get(a.component),M=a.lastFloatingRect||v?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},_=Q(M,l.floating);return{...l,minimized:m,floating:[...l.floating,{..._,id:i,z:Y.current,anchor:a.lastFloatingRect?.anchor??null}],panels:{...l.panels,[i]:{...a,state:"floating"}},activePanelId:I}}else{let v=(H,Z)=>H.type==="leaf"?H.id===Z:H.children.some(ne=>v(ne,Z)),M=a.lastLeafId&&v(l.gridRoot,a.lastLeafId),_=R.get(a.component),K=_?.defaultOptions?.canDrag!==!1;if(M)return{...l,minimized:m,gridRoot:G(l.gridRoot,a.lastLeafId,i),panels:{...l.panels,[i]:{...a,state:"docked"}},activePanelId:I};if(K){Y.current+=1;let H=a.lastFloatingRect||_?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},Z=Q(H,l.floating);return{...l,minimized:m,floating:[...l.floating,{...Z,id:i,z:Y.current,anchor:a.lastFloatingRect?.anchor??null}],panels:{...l.panels,[i]:{...a,state:"floating"}},activePanelId:I}}else{let H=$(l.gridRoot)||"group-default";return{...l,minimized:m,gridRoot:G(l.gridRoot,H,i),panels:{...l.panels,[i]:{...a,state:"docked"}},activePanelId:I}}}}),p&&(O.current.publish("panel:restored",{id:i}),O.current.publish("layout:changed",{}))},[Q]),Je=oe((i,f,p)=>{x(n=>{let l=n.panels[i];if(!l||R.get(l.component)?.defaultOptions?.canDrag===!1)return n;let m=R.get(l.component),E=f||m?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},I=ee(n.gridRoot,i);Y.current+=1;let v=Q(E,n.floating);return{...n,gridRoot:I||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:[...n.floating,{...v,id:i,z:Y.current,anchor:p??null}],panels:{...n.panels,[i]:{...l,state:"floating"}}}})},[Q]),Qe=oe((i,f)=>{x(p=>{let n=p.panels[i];if(!n)return p;let l=p.floating.filter(I=>I.id!==i),a=ee(p.gridRoot,i)||At,E=(f&&B(a,f)?f:void 0)||$(a)||At.id;return{...p,gridRoot:G(a,E,i),floating:l,panels:{...p.panels,[i]:{...n,state:"docked"}}}})},[]),ye=(i,f,p,n,l)=>{if(i.type==="leaf"){if(i.id===f){let a={type:"leaf",id:`group-split-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[p],activePanelId:p},m=n==="left"||n==="right"?"horizontal":"vertical",E=n==="left"||n==="top"?[a,i]:[i,a],I=n==="left"||n==="top"?[l,1-l]:[1-l,l];return{type:"branch",orientation:m,sizes:I,children:E}}return i}else return{...i,children:i.children.map(a=>ye(a,f,p,n,l))}},te=oe(i=>{x(f=>({...f,draggedPanelId:i}))},[]),le=oe((i,f,p)=>{x(n=>{let l=n.panels[i];if(!l||j(n.gridRoot,f,i))return n;if(!B(n.gridRoot,f))return process.env.NODE_ENV==="development"&&console.warn(`[react-dockable-desktop] dockPanelToGroup("${i}", "${f}") was ignored: no group with that id is in the layout. Emptying a group removes it, so an id held across a layout change can name a group that no longer exists.`),n;let a=n.floating.filter(I=>I.id!==i),m=ee(n.gridRoot,i)||At,E;return p==="center"?E=G(m,f,i):E=ye(m,f,i,p,n.splitRatio),{...n,gridRoot:E,floating:a,panels:{...n.panels,[i]:{...l,state:"docked"}},draggedPanelId:null}})},[]),$e=oe((i,f)=>{x(p=>{let n=p.panels[i];if(!n)return p;let l=p.floating.filter(_=>_.id!==i),a=ee(p.gridRoot,i);if(a===null)return p;let m={type:"leaf",id:`group-edge-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[i],activePanelId:i},E=f==="left"||f==="right"?"horizontal":"vertical",I=f==="left"||f==="top"?[m,a]:[a,m],v=p.edgeSplitRatio,M={type:"branch",orientation:E,sizes:f==="left"||f==="top"?[v,1-v]:[1-v,v],children:I};return{...p,gridRoot:M,floating:l,panels:{...p.panels,[i]:{...n,state:"docked"}},draggedPanelId:null}})},[]),Fe=oe((i,f,p)=>{x(n=>{let l=n.panels[i];if(!l||j(n.gridRoot,f,i))return n;if(!B(n.gridRoot,f))return process.env.NODE_ENV==="development"&&console.warn(`[react-dockable-desktop] movePanelOrder("${i}", "${f}") was ignored: no group with that id is in the layout.`),n;let a=ee(n.gridRoot,i),m=v=>{if(v.type==="leaf"){if(v.id===f){let M=v.panels.filter(H=>H!==i),_=Math.max(0,Math.min(p,M.length)),K=[...M];return K.splice(_,0,i),{...v,panels:K,activePanelId:i}}return v}else return{...v,children:v.children.map(m)}},E=m(a||At),I=n.floating.filter(v=>v.id!==i);return{...n,gridRoot:E,floating:I,panels:{...n.panels,[i]:{...l,state:"docked"}},draggedPanelId:null}})},[]),V=oe(i=>{x(f=>{let p=l=>{if(l.type==="leaf")return l.id===i&&l.canClose!==!1?null:l;{let a=l.children.map(I=>p(I)).filter(I=>I!==null);if(a.length===0)return null;if(a.length===1)return a[0];let m=l.sizes.slice(0,a.length),E=m.reduce((I,v)=>I+v,0);return{...l,children:a,sizes:m.map(I=>I/E)}}},n=p(f.gridRoot);return{...f,gridRoot:n||{type:"leaf",id:"group-default",panels:[],activePanelId:null}}})},[]),J=oe(i=>{x(f=>({...f,floating:f.floating.map(p=>p.id===i?{...p,maximized:!p.maximized}:p)}))},[]),ae=oe((i,f)=>{let p=(n,l)=>{if(n.type==="leaf")return n;if(l===i.length)return{...n,sizes:f};let a=i[l],m=n.children.map((E,I)=>I===a?p(E,l+1):E);return{...n,children:m}};x(n=>({...n,gridRoot:p(n.gridRoot,0)}))},[]),fe=oe((i,f)=>{x(p=>({...p,floating:p.floating.map(n=>n.id===i?{...n,...f}:n)}))},[]),we=oe(()=>{let i=W.current.panels,f=[],p={};for(let[v,M]of Object.entries(i)){let _=u.current[v],K=_?.(),H=_!==void 0&&K!==void 0,Z=H?K:M.props,ne=H?Wt(K):M.serializable;ne?p[v]=H?{...M,props:Z,serializable:ne}:M:f.push(v)}let n=W.current.gridRoot,l=W.current.floating,a=W.current.minimized;for(let v of f)n=ee(n,v)||{type:"leaf",id:"group-default",panels:[],activePanelId:null},l=l.filter(M=>M.id!==v),a=a.filter(M=>M.id!==v);f.length>0&&O.current.publish("layout:panels-excluded",{panels:f.map(v=>({id:v,component:i[v].component}))});let m=W.current.activePanelId,E=m!==null&&uo(m,{gridRoot:n,floating:l,panels:p})?m:null,I={version:2,...E!==null?{activePanelId:E}:{},gridRoot:n,floating:l,minimized:a,panels:p};return JSON.stringify(I)},[]),Re=oe(i=>{try{let f=po(JSON.parse(i));return f?(x(p=>({...p,gridRoot:f.gridRoot,floating:f.floating,minimized:f.minimized,panels:f.panels,draggedPanelId:null,activePanelId:f.activePanelId})),!0):!1}catch(f){return console.error("Failed to parse layout configuration:",f),!1}},[]),De=oe(i=>{x(f=>f.activePanelId===i?f:{...f,activePanelId:i})},[]),Me=oe(i=>{x(f=>f.dir===i?f:{...f,dir:i,isRtl:i==="rtl"})},[]),Se=oe(i=>i in W.current.panels,[]),be=oe(()=>Object.keys(W.current.panels),[]),dt=oe((i,f)=>Object.values(W.current.panels).find(n=>n.component===i&&n.dedupeKey===f)?.id??null,[]);Ot(()=>{A&&x(i=>i.dir===A?i:{...i,dir:A,isRtl:A==="rtl"})},[A]);let Te=et(new Map),ke=et(null),We=oe(i=>(ke.current=i,()=>{ke.current=null}),[]),Ee=oe(i=>{ke.current?.(i)},[]),Xe=oe((i,f)=>(Te.current.set(i,f),()=>{Te.current.delete(i)}),[]),Ie=oe(i=>Te.current.get(i)?.()??[],[]),Pt=an(()=>({openPanel:re,closePanel:ue,minimizePanel:it,restorePanel:st,floatPanel:Je,dockPanel:Qe,maximizePanel:J,updateSplitSizes:ae,updateFloatingPosition:fe,focusPanel:ge,isOpen:Se,getOpenPanelIds:be,findPanelId:dt,saveLayout:we,loadLayout:Re,publish:U,subscribe:q,setDraggedPanelId:te,dockPanelToGroup:le,movePanelOrder:Fe,closeLeafGroup:V,registerCloseGuard:ze,unregisterCloseGuard:X,registerStateProvider:Ae,unregisterStateProvider:Ge,setPanelDirty:Ye,updatePanelTitle:Be,requestClosePanel:rt,dockPanelToWorkspaceEdge:$e,setActivePanel:De,setDirection:Me,registerPanelContextMenu:Xe,getPanelContextMenuItems:Ie,showContextMenu:Ee,registerContextMenuFn:We}),[re,ue,it,st,Je,Qe,J,ae,fe,ge,Se,be,dt,we,Re,U,q,te,le,Fe,V,ze,X,Ae,Ge,Ye,Be,rt,$e,De,Me,Xe,Ie,Ee,We]),Vt=i=>{let f=i.defaultMessage||i.id;return i.values&&Object.entries(i.values).forEach(([p,n])=>{f=f.replace(`{${p}}`,String(n))}),f},Ve=an(()=>({modalClass:s,modalBodyClass:S,sidePanelClass:h,sidePanelBodyClass:y,windowClass:P,windowBodyClass:C}),[s,S,h,y,P,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.
|
|
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:y,subscribeToState:F}),[y,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 l=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?l: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,l])=>{n=n.replace(`{${o}}`,String(l))}),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:l,onClose:s,onMouseEnter:L,onMouseLeave:M},x)=>(ho(()=>{let v=x?.current;if(!v)return;let C=v.getBoundingClientRect(),c=8;C.right>window.innerWidth-c&&(v.style.left=`${Math.max(c,window.innerWidth-C.width-c)}px`,v.style.right="auto"),C.bottom>window.innerHeight-c&&(v.style.top=`${Math.max(c,window.innerHeight-C.height-c)}px`),C.left<c&&(v.style.left=`${c}px`,v.style.right="auto"),C.top<c&&(v.style.top=`${c}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 c=v,I=c.checkbox&&c.checkbox.active!==!1,k=I&&c.checkbox.value,E=c.disabled===!0||(I?c.checkbox.enabled===!1:!1);return Mt("button",{type:"button",className:`rdd-context-menu__item${E?" rdd-context-menu__item--disabled":""}`,title:c.title?_t(c.title,l):void 0,disabled:E,"data-cy-action":c.cyAction,onClick:()=>{E||(c.action?.(),s())},role:"menuitem","aria-checked":I?k:void 0,children:[c.icon?we("span",{className:"rdd-context-menu__icon",children:c.icon}):we("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),we("span",{className:"rdd-context-menu__label",children:_t(c.label,l)}),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:l,className:s,style:L},M)=>{let[x,v]=po(fo),[C,c]=po(null),I=jt(null),k=jt(null),E=jt(new Map),_=jt({open:null,close:null}),u=Zt.useCallback(()=>{v(fo),c(null),_.current.open&&clearTimeout(_.current.open),_.current.close&&clearTimeout(_.current.close),_.current.open=null,_.current.close=null,o?.(),l?.(!1)},[o,l]);if(xr(M,()=>({show({event:a,x:z,y:H,items:B}){let J=a?Cr(a):{x:z??0,y:H??0};E.current.clear(),v({visible:!0,x:J.x,y:J.y,items:B}),c(null),n?.(),l?.(!0)}}),[n,l]),go(()=>{if(!x.visible)return;let a=z=>{I.current?.contains(z.target)||k.current?.contains(z.target)||u()};return document.addEventListener("pointerdown",a,{capture:!0}),window.addEventListener("click",a),()=>{document.removeEventListener("pointerdown",a,{capture:!0}),window.removeEventListener("click",a)}},[x.visible,u]),go(()=>{if(!x.visible)return;let a=z=>{z.key==="Escape"&&u()};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[x.visible,u]),ho(()=>{if(!x.visible||!I.current)return;let a=I.current,z=a.getBoundingClientRect(),H=8;z.right>window.innerWidth-H&&(a.style.left=`${Math.max(H,window.innerWidth-z.width-H)}px`),z.bottom>window.innerHeight-H&&(a.style.top=`${Math.max(H,window.innerHeight-z.height-H)}px`),z.left<H&&(a.style.left=`${H}px`),z.top<H&&(a.style.top=`${H}px`)},[x.visible]),!x.visible)return null;let w=t,R=0,A=0;if(C!==null){let a=E.current.get(C);if(a){let z=a.getBoundingClientRect();R=document.documentElement.dir==="rtl"?window.innerWidth-z.left+2:z.right+2,A=z.top}}function m(){_.current.open&&(clearTimeout(_.current.open),_.current.open=null)}function y(){_.current.close&&(clearTimeout(_.current.close),_.current.close=null)}function F(a,z){y(),C!==null&&C!==a&&(m(),c(null)),dn(z)&&z.items?.length?(m(),_.current.open=setTimeout(()=>{c(a)},150)):dn(z)||(m(),C!==null&&(_.current.close=setTimeout(()=>c(null),200)))}function O(a){m(),dn(a)&&a.items?.length&&(_.current.close=setTimeout(()=>c(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((a,z)=>{if(kn(a))return we("hr",{className:"rdd-context-menu__separator",role:"separator"},z);if(dn(a))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:a.title?_t(a.title,w):void 0,onMouseEnter:()=>F(z,a),onMouseLeave:()=>O(a),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(a.label,w)}),we("span",{className:"rdd-context-menu__chevron","aria-hidden":"true",children:"\u203A"})]},z);let H=a,B=H.checkbox&&H.checkbox.active!==!1,J=B&&H.checkbox.value,ee=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${ee?" rdd-context-menu__item--disabled":""}`,title:H.title?_t(H.title,w):void 0,disabled:ee,"data-cy-action":H.cyAction,onClick:()=>{ee||(H.action?.(),u())},onMouseEnter:()=>F(z,a),onMouseLeave:()=>O(a),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 a=x.items[C];return we(vo,{ref:k,items:a.items??[],x:R,y:A,theme:e,fmt:w,onClose:u,onMouseEnter:()=>y(),onMouseLeave:()=>{_.current.close=setTimeout(()=>c(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),[l,s]=Zt.useState(!1),L=Zt.useCallback(M=>{o.current?.show(M)},[]);return Mt(Bt.Provider,{value:{show:L,isOpen:l},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 l=Je((u,w)=>{cn.set(u,w)},[]),s=Je(u=>{cn.delete(u)},[]),L=Je(async(u,w,R={})=>{let A=o.current.leftPanel;if(A){let F=cn.get(A.id);if(F&&!await F())return null}let m=Ln(),y={id:m,Component:u,props:w,containerType:"left-panel",options:R};return n(F=>({...F,leftPanel:y})),m},[]),M=Je(async(u,w,R={})=>{let A=o.current.rightPanel;if(A){let F=cn.get(A.id);if(F&&!await F())return null}let m=Ln(),y={id:m,Component:u,props:w,containerType:"right-panel",options:R};return n(F=>({...F,rightPanel:y})),m},[]),x=Je((u,w,R={})=>{let A=Ln(),m=w.title,y={...R,title:R.title||m||"Confirmation"},F={id:A,Component:u,props:w,containerType:"modal",options:y};return n(O=>({...O,modals:[...O.modals,F]})),A},[]),v=Je(u=>{n(w=>({leftPanel:w.leftPanel?.id===u?null:w.leftPanel,rightPanel:w.rightPanel?.id===u?null:w.rightPanel,modals:w.modals.filter(R=>R.id!==u)}))},[]),C=Je(()=>{n(yo)},[]),c=Je(()=>{n(u=>({...u,modals:[]}))},[]),I=Je(u=>t.leftPanel?.id===u?t.leftPanel:t.rightPanel?.id===u?t.rightPanel:t.modals.find(w=>w.id===u),[t]),k=Je((u,w)=>{n(R=>({leftPanel:R.leftPanel?.id===u?{...R.leftPanel,...w}:R.leftPanel,rightPanel:R.rightPanel?.id===u?{...R.rightPanel,...w}:R.rightPanel,modals:R.modals.map(A=>A.id===u?{...A,...w}:A)}))},[]),E=Je((u,w,R)=>{k(u,{dirty:w,dirtyOptions:R})},[k]),_=Sr(()=>({openLeftPanel:L,openRightPanel:M,openModal:x,close:v,closeAll:C,closeAllModals:c,getInstance:I,updateInstance:k,setDirty:E,registerCloseHandler:l,unregisterCloseHandler:s}),[L,M,x,v,C,c,I,k,E,l,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:l=!1,onOK:s,onCancel:L})=>{let{requestClose:M,setIcon:x,setTitle:v}=Dt(),C=Ue(),c=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(l?c.no:c.cancel),_=C(l?c.yes:c.ok),u=R=>{R.preventDefault(),s?.(),M()},w=()=>{L?.(),M()};return Nn("form",{onSubmit:u,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:l,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-l,v)},c=()=>{x?.forEach(({el:I,classes:k})=>I.classList.remove(...k)),t.removeEventListener("pointermove",C),t.removeEventListener("pointerup",c),t.removeEventListener("pointercancel",c),M?.(v)};t.addEventListener("pointermove",C),t.addEventListener("pointerup",c),t.addEventListener("pointercancel",c)}function Jt(e,t,n,o,l){let{minW:s,minH:L,maxW:M,maxH:x,minX:v,minY:C}=l,{x:c,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,u=v!=null?-(o.x-v):-1/0,w=Math.max(u,Math.min(t,_));k=o.w-w,c=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,u=C!=null?-(o.y-C):-1/0,w=Math.max(u,Math.min(n,_));E=o.h-w,I=o.y+w}return{x:c,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 T,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:[T("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),T("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),T("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),T("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]}),$t={float:T("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:[T("rect",{x:"2",y:"8",width:"14",height:"14",rx:"1"}),T("rect",{x:"8",y:"2",width:"14",height:"14",rx:"1"})]})}),minimize:T("span",{className:"rdd-menu-icon",children:T("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",style:{display:"block"},children:T("line",{x1:"4",y1:"18",x2:"20",y2:"18"})})}),restore:T("span",{className:"rdd-menu-icon",children:T("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:T("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1"})})}),maximize:T("span",{className:"rdd-menu-icon",children:T("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:T("rect",{x:"2",y:"2",width:"20",height:"20",rx:"1"})})}),close:T("span",{className:"rdd-menu-icon",children:T("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:T("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,l=n.get(o);if(!l)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:[T("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=l.Component;return T(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 l=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 l.observe(n),()=>{l.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]),T("div",{ref:t,style:{width:"100%",height:"100%"}})},Dr=({panelId:e})=>{let t=Ve(),n=Kt(),o=Ue(),l=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=l.current;if(!E)return;let _=Qt.get(e);if(_)return E.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 E=v*k,_=C*k,u=s?.title||L?.defaultOptions?.title||"Panel",w=ve(u,o),R=(Array.from(w)[0]||"P").toUpperCase();return T("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:T("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 T("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${v*k}px`,height:`${C*k}px`},children:T("div",{ref:l,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:l,registerCloseGuard:s,unregisterCloseGuard:L,registerStateProvider:M,unregisterStateProvider:x,updatePanelTitle:v,minimizePanel:C}=qt(),c=n.minimized.some(m=>m.id===e),I=Ne(c);Se(()=>{let m=mt.get(e);m&&(c&&!I.current?m.onMinimize.forEach(y=>y()):!c&&I.current&&m.onRestore.forEach(y=>y()),I.current=c)},[c,e]);let k=n.activePanelId===e,E=Ne(k);Se(()=>{let m=E.current;E.current=k;let y=mt.get(e);y&&(k&&!m?y.onActivate.forEach(F=>F()):!k&&m&&y.onDeactivate.forEach(F=>F()))},[k,e]);let _=n.panels[e]?.state,u=_==="floating"?"floating-window":"dockable-panel",w=Ne(u);Se(()=>{if(_==="minimized")return;let m=w.current;w.current=u;let y=mt.get(e);y&&u!==m&&y.onContainerTypeChange.forEach(F=>F(u))},[u,_,e]),Se(()=>()=>{let m=mt.get(e);m&&(E.current&&m.onDeactivate.forEach(y=>y()),m.onClose.forEach(y=>y()),mt.delete(e))},[e]);let R=Ne(u),A=On.useMemo(()=>({requestClose:m=>o(e,m),setDirty:m=>l(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 y=It(e);return y.onClose.add(m),()=>y.onClose.delete(m)},onMinimize:m=>{let y=It(e);return y.onMinimize.add(m),()=>y.onMinimize.delete(m)},onRestore:m=>{let y=It(e);return y.onRestore.add(m),()=>y.onRestore.delete(m)},onResize:m=>{let y=It(e);return y.onResize.add(m),()=>y.onResize.delete(m)},requestMinimize:()=>C(e),getDimensions:()=>Fn.get(e)??null,onActivate:m=>{let y=It(e);return y.onActivate.add(m),()=>y.onActivate.delete(m)},onDeactivate:m=>{let y=It(e);return y.onDeactivate.add(m),()=>y.onDeactivate.delete(m)},onContainerTypeChange:m=>{let y=It(e);return y.onContainerTypeChange.add(m),()=>y.onContainerTypeChange.delete(m)}}),[e,o,l,s,L,M,x,v,C]);return T(Ct,{value:A,children:t})},zo=({node:e,path:t,onTabRightClick:n,activeDropZone:o,onHoverDropZone:l,onTabDragStart:s,hoveredTab:L,onTabHover:M,defaultPanelIcon:x,onRequestClosePanel:v})=>{let{updateSplitSizes:C}=qt();if(e.type==="leaf")return T(Ar,{leaf:e,onTabRightClick:n,activeDropZone:o,onHoverDropZone:l,onTabDragStart:s,hoveredTab:L,onTabHover:M,defaultPanelIcon:x,onRequestClosePanel:v});let c=e.orientation==="horizontal",I=(k,E)=>{E.preventDefault();let _=E.currentTarget,u=_.parentElement,w=u?c?u.clientWidth:u.clientHeight:c?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",c?"rdd-resizing-col-active":"rdd-resizing-row-active"]}],onMove:(R,A,m)=>{let y=(c?R:A)/w,F=[...m];F[k]+=y,F[k+1]-=y,F[k]>.1&&F[k+1]>.1&&C(t,F)}})};return T("div",{style:{display:"flex",flexDirection:c?"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:[T("div",{style:{flexGrow:e.sizes[E],flexBasis:`${_}%`,overflow:"hidden",position:"relative",minWidth:0,minHeight:0},children:T(zo,{node:k,path:[...t,E],onTabRightClick:n,activeDropZone:o,onHoverDropZone:l,onTabDragStart:s,hoveredTab:L,onTabHover:M,defaultPanelIcon:x,onRequestClosePanel:v})}),E<e.children.length-1&&T("div",{onPointerDown:u=>I(E,u),style:{cursor:c?"col-resize":"row-resize",width:c?"1px":"100%",height:c?"100%":"1px",zIndex:20},className:"rdd-resizer-bar"})]},E)})})},Ar=({leaf:e,onTabRightClick:t,activeDropZone:n,onHoverDropZone:o,onTabDragStart:l,hoveredTab:s,onTabHover:L,defaultPanelIcon:M,onRequestClosePanel:x})=>{let v=Ve(),C=Kt(),{openPanel:c,closeLeafGroup:I,setActivePanel:k}=Tn(),E=Ue(),_=ot(),{windowClass:u,windowBodyClass:w}=pt(),R=Ne(null),[A,m]=rt({left:!1,right:!1}),y=Wn(()=>{let a=R.current;a&&m({left:a.scrollLeft>0,right:a.scrollLeft<a.scrollWidth-a.clientWidth-1})},[]);Se(()=>{let a=R.current;if(!a)return;a.addEventListener("scroll",y,{passive:!0});let z=new ResizeObserver(y);return z.observe(a),y(),()=>{a.removeEventListener("scroll",y),z.disconnect()}},[y]);let F=a=>{R.current?.scrollBy({left:a==="left"?-120:120,behavior:"smooth"})},O=a=>{c(a,v.panels[a].component),k(a)};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:[A.left&&T("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-left",onPointerDown:a=>a.stopPropagation(),onClick:()=>F("left"),tabIndex:-1,"aria-label":"Scroll tabs left",children:"\u2039"}),T("div",{ref:R,className:"rdd-tab-headers-container",style:{scrollbarWidth:"none"},onPointerMove:a=>{v.draggedPanelId&&a.target===a.currentTarget&&L(e.id,"EMPTY",e.panels.length,"right")},onPointerLeave:a=>{v.draggedPanelId&&a.target===a.currentTarget&&L(e.id,"",-1,null)},children:e.panels.map((a,z)=>{let H=v.panels[a];if(!H)return null;let B=e.activePanelId===a,J=v.activePanelId===a,Z=C.get(H.component)?.defaultOptions,me=s&&s.leafId===e.id&&s.panelId===a,le=z===e.panels.length-1,X=s&&s.leafId===e.id&&s.panelId==="EMPTY"&&le,j=me?s.side==="left"?"rdd-drag-hover-left":"rdd-drag-hover-right":X?"rdd-drag-hover-right":"",K=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":a,"data-leaf-id":e.id,"data-tab-index":String(z),onClick:()=>O(a),onPointerDown:Y=>{Z?.canDrag!==!1&&l(a,Y)},onContextMenu:Y=>t(a,Y),onPointerMove:Y=>{if(v.draggedPanelId&&Y.pointerType!=="touch"){let re=Y.currentTarget.getBoundingClientRect(),Oe=Y.clientX-re.left<re.width/2?"left":"right";L(e.id,a,z,Oe)}},onPointerLeave:()=>{v.draggedPanelId&&L(e.id,"",-1,null)},className:`rdd-workspace-tab ${K} ${j}`,style:{cursor:Z?.canDrag===!1?"default":"pointer"},children:[fe("span",{className:"rdd-text-truncate",style:{maxWidth:"120px",display:"flex",alignItems:"center"},children:[T("span",{className:"rdd-workspace-tab-icon",children:Z?.icon||M||An}),fe("span",{children:[ve(H.title,E),H.dirty?" *":""]})]}),Z?.renderHeaderActions&&T("span",{className:"rdd-tab-header-actions",onClick:Y=>Y.stopPropagation(),onPointerDown:Y=>Y.stopPropagation(),children:Z.renderHeaderActions(a)}),Z?.canClose!==!1&&T("span",{onClick:Y=>{Y.stopPropagation(),x(a)},title:ve(_.closeTab,E),className:"rdd-close-tab-x",style:{width:"18px",height:"18px",...Z?.renderHeaderActions?{}:{marginInlineStart:"auto"}},children:T("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:T("path",{d:"M18 6L6 18M6 6l12 12"})})})]},a)})}),A.right&&T("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-right",onPointerDown:a=>a.stopPropagation(),onClick:()=>F("right"),tabIndex:-1,"aria-label":"Scroll tabs right",children:"\u203A"}),e.panels.length===0&&e.keepOnEmpty&&e.canClose!==!1&&T("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:T("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:T("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]?T(Lo,{panelId:e.activePanelId},e.activePanelId):T("div",{className:"rdd-empty-leaf-placeholder",children:T("span",{children:"Empty Workspace Section"})}),v.draggedPanelId!==null&&(()=>{let a=z=>n?.leafId===e.id&&n.position===z;return T("div",{className:"rdd-dock-drop-zone-overlay",children:fe("div",{className:"rdd-dock-target-cross",children:[T("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${a("top")?" rdd-dock-target-box--active":""}`,children:"\u25B2"}),T("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${a("bottom")?" rdd-dock-target-box--active":""}`,children:"\u25BC"}),T("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${a("left")?" rdd-dock-target-box--active":""}`,children:"\u25C0"}),T("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${a("right")?" rdd-dock-target-box--active":""}`,children:"\u25B6"}),T("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${a("center")?" rdd-dock-target-box--active":""}`,children:"\u25A3"})]})})})(),v.draggedPanelId!==null&&n!==null&&n.leafId===e.id&&T("div",{className:"rdd-dock-preview-highlight",style:(()=>{let a=n.position,z=`${v.splitRatio*100}%`,H=`${(1-v.splitRatio)*100}%`;return{left:a==="right"?H:"0",top:a==="bottom"?H:"0",width:a==="left"||a==="right"?z:"100%",height:a==="top"||a==="bottom"?z:"100%"}})()})]})]})},Or=({skin:e="vscode",defaultPanelIcon:t,taskbarVisibility:n="autohide",contextMenuAdapter:o=Ht,animations:l=!0})=>{let s=Ve(),L=Kt(),{restorePanel:M,minimizePanel:x,requestClosePanel:v,maximizePanel:C,updateFloatingPosition:c,focusPanel:I,floatPanel:k,setDraggedPanelId:E,dockPanelToGroup:_,movePanelOrder:u,dockPanelToWorkspaceEdge:w,setActivePanel:R,getPanelContextMenuItems:A,showContextMenu:m,registerContextMenuFn:y}=Tn(),{openModal:F}=St(),O=Ue(),a=ot(),z=On.useCallback(r=>{let P=s.panels[r];v(r,{onConfirm:f=>new Promise(h=>{let p=f||P?.dirtyOptions,N=P?ve(P.title,O):"Panel";F(kt,{title:p?.title||a.unsavedChangesTitle,message:p?.message||{id:a.unsavedChangesMessage.id,defaultMessage:a.unsavedChangesMessage.defaultMessage,values:{title:N}},alert:p?.alert,alertType:p?.alertType||"danger",useYesNoTitles:!0,onOK:()=>h(!0),onCancel:()=>h(!1)},{size:"small"})})})},[v,s.panels,O,F,a]),{windowClass:H,windowBodyClass:B}=pt(),J=So(Bt),ee=Ne(null);Se(()=>y(J!==null?r=>J.show(r):r=>ee.current?.show(r)),[J,y]);let Z=Ne(null),[me,le]=rt(!1),X=Ne(null),j=Ne(s.minimized.length),[K,Y]=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(()=>{K&&(s.minimized.some(P=>P.id===K.id)||Y(null))},[s.minimized,K]),Se(()=>{if(!K?.fromTouch)return;let r=P=>{P.pointerType!=="touch"||document.querySelector(".rdd-taskbar-item-tooltip")?.contains(P.target)||Y(null)};return document.addEventListener("pointerdown",r,{capture:!0}),()=>document.removeEventListener("pointerdown",r,{capture:!0})},[K?.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},[te,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,P,f,h)=>{let p=h?{leafId:r,panelId:P,index:f,side:h}:null;be(p),ye.current=p},_e=(r,P)=>{let f=P?{leafId:r,position:P}:null;Be(f),Ge.current=f,f&&(se(null),q(null))},We=(r,P)=>{let f=document.elementsFromPoint(r,P),h=!1,p=!1,N=!1;for(let D of f)if(D instanceof HTMLElement){if(!h&&D.dataset.dropZone){let W=D.dataset.leafId;if(W){let G=D.dataset.dropZone;Be({leafId:W,position:G}),Ge.current={leafId:W,position:G},h=!0}}if(!N&&D.dataset.tabId){let W=D.dataset.leafId,G=parseInt(D.dataset.tabIndex||"0",10);if(W){let Q=D.getBoundingClientRect(),V=r-Q.left<Q.width/2?"left":"right";be({leafId:W,panelId:D.dataset.tabId,index:G,side:V}),ye.current={leafId:W,panelId:D.dataset.tabId,index:G,side:V},N=!0}}if(!p&&D.dataset.edgeTrigger&&(se(D.dataset.edgeTrigger),p=!0),h&&p&&N)break}h||(Be(null),Ge.current=null),p||se(null),N||(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,P)=>{let f=Ge.current,h=ye.current,p=je.current,N=$.current;if(p)w(r,Ce(p));else if(h){let D=h.index;h.side==="right"&&(D+=1);let W=Io(s.gridRoot,h.leafId);if(W){let G=W.panels.indexOf(r);G!==-1&&G<D&&(D-=1)}u(r,h.leafId,D)}else f?_(r,f.leafId,Ce(f.position)):N?k(r,void 0,ce?Ut(N):N):k(r,{x:P.clientX-150,y:P.clientY-15,width:450,height:350});q(null),Pe()},He=(r,P)=>{if(P.pointerType==="mouse"&&P.button!==0)return;P.preventDefault();let f=P.currentTarget,h=P.clientX,p=P.clientY;if(P.pointerType==="touch"){let N=P.pointerId,D=!1,W=()=>{D=!0,clearTimeout(Q),f.removeEventListener("pointermove",G),f.removeEventListener("pointerup",W),f.removeEventListener("pointercancel",W)},G=V=>{Math.hypot(V.clientX-h,V.clientY-p)>at&&W()},Q=setTimeout(()=>{if(D)return;f.removeEventListener("pointermove",G),f.removeEventListener("pointerup",W),f.removeEventListener("pointercancel",W);try{f.setPointerCapture(N)}catch{return}f.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=>{f.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),f.removeEventListener("pointermove",oe),f.removeEventListener("pointerup",pe),f.removeEventListener("pointercancel",ie),V?Le(r,de):Ye(r,de)},ie=()=>{f.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),f.removeEventListener("pointermove",oe),f.removeEventListener("pointerup",pe),f.removeEventListener("pointercancel",ie),V&&Pe()};f.addEventListener("pointermove",oe),f.addEventListener("pointerup",pe),f.addEventListener("pointercancel",ie)},Me);f.addEventListener("pointermove",G),f.addEventListener("pointerup",W),f.addEventListener("pointercancel",W)}else{let N=!1,D=Q=>{let V=Q.clientX-h,oe=Q.clientY-p;!N&&(Math.abs(V)>5||Math.abs(oe)>5)&&(N=!0,E(r)),N&&tt({x:Q.clientX,y:Q.clientY})},W=Q=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",D),window.removeEventListener("pointerup",W),window.removeEventListener("pointercancel",G),N&&Le(r,Q)},G=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",D),window.removeEventListener("pointerup",W),window.removeEventListener("pointercancel",G),N&&Pe()};document.body.classList.add("rdd-dragging-active"),window.addEventListener("pointermove",D),window.addEventListener("pointerup",W),window.addEventListener("pointercancel",G)}},Ye=(r,P)=>{P.preventDefault();let f=s.panels[r];if(!f)return;let p=L.get(f.component)?.defaultOptions,N=[];if(p?.canDrag!==!1&&N.push({label:ve(a.floatWindow,O),icon:$t.float,action:()=>k(r)}),p?.canMinimize!==!1&&N.push({label:ve(a.minimizePanel,O),icon:$t.minimize,action:()=>x(r)}),N.length>0&&p?.canClose!==!1&&N.push({separator:!0}),p?.canClose!==!1&&N.push({label:ve(a.closeTab,O),icon:$t.close,action:()=>z(r)}),N.length===0)return;let D=A(r),W=D.length>0?[...N,{separator:!0},...D]:N;m({event:P,items:W})},ze=(r,P)=>{P.preventDefault(),Y(null),m({event:P,items:[{label:ve(a.restorePanel,O),icon:$t.restore,action:()=>M(r)},{label:ve(a.maximizePanel,O),icon:$t.maximize,action:()=>C(r)},{separator:!0},{label:ve(a.closePanel,O),icon:$t.close,action:()=>z(r)}]})};Se(()=>{let r=Object.keys(s.panels);for(let P of Array.from(Qt.keys()))r.includes(P)||Qt.delete(P)},[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 P=!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&&!P){P=!0;let N=r,D=r.parentElement;for(;D&&D!==document.documentElement&&D.getBoundingClientRect().height<10;){N=D;D=D.parentElement}let W=N.tagName.toLowerCase(),G=N.id?` id="${N.id}"`:"",Q=N.className?` class="${N.className}"`:"",V=N===r?"the WindowManager container itself":`a wrapper element: <${W}${G}${Q}>`;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{}},[]),Ot(()=>{if(t)return t._connect(Pt),()=>{t._disconnect()}},[t,Pt]);let pt=an(()=>({getSnapshot:k,subscribeToState:F}),[k,F]);return Ct(lo.Provider,{value:Ve,children:Ct(co.Provider,{value:R,children:Ct(so.Provider,{value:pt,children:Ct(Ft.Provider,{value:w,children:Ct(ln.Provider,{value:Pt,children:Ct(io.Provider,{value:T||Vt,children:Ct(ao.Provider,{value:N,children:e})})})})})})})},ro=e=>()=>{};function je(e){let t=ct(Ft),o=ct(so),r=et(e);r.current=e;let c=br(e?o?.subscribeToState??ro:ro,()=>{let s=o?.getSnapshot()??t;return r.current?r.current(s):s},()=>{let s=o?.getSnapshot()??t;return r.current?r.current(s):s});if(!t)throw new Error("useWindowManagerState must be used within WindowManagerProvider");return e?c:t}var jt=()=>{let e=ct(ln);if(!e)throw new Error("useWindowManagerActions must be used within WindowManagerProvider");return e},kn=()=>{let e=ct(ln);if(!e)throw new Error("useWindowManagerActionsInternal must be used within WindowManagerProvider");return e},Ke=()=>ct(io)||(t=>{let o=t.defaultMessage||t.id;return t.values&&Object.entries(t.values).forEach(([r,c])=>{o=o.replace(`{${r}}`,String(c))}),o}),ce=(e,t)=>e?typeof e=="string"?e:t(e):"",Pr=()=>{let{publish:e,subscribe:t}=jt();return{publish:e,subscribe:t}},Ze=()=>ct(ao),dn=()=>zt().instanceId;function xr(e){let t=ct(ln),o=dn(),r=et(e);r.current=e,Ot(()=>{if(!(!t?.registerPanelContextMenu||!o))return t.registerPanelContextMenu(o,()=>r.current)},[o,t?.registerPanelContextMenu])}import Ut,{forwardRef as ho,useImperativeHandle as Cr,useState as go,useRef as Zt,useEffect as fo,useLayoutEffect as bo}from"react";import{createPortal as vo}from"react-dom";import{Fragment as Mr,jsx as Pe,jsxs as Rt}from"react/jsx-runtime";function wr(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 En(e){return"separator"in e}function cn(e){return!En(e)&&"items"in e}var yo=ho(({items:e,x:t,y:o,theme:r,fmt:c,onClose:s,onMouseEnter:S,onMouseLeave:h},y)=>(bo(()=>{let P=y?.current;if(!P)return;let C=P.getBoundingClientRect(),d=8;C.right>window.innerWidth-d&&(P.style.left=`${Math.max(d,window.innerWidth-C.width-d)}px`,P.style.right="auto"),C.bottom>window.innerHeight-d&&(P.style.top=`${Math.max(d,window.innerHeight-C.height-d)}px`),C.left<d&&(P.style.left=`${d}px`,P.style.right="auto"),C.top<d&&(P.style.top=`${d}px`)}),vo(Pe("div",{ref:y,className:`rdd-context-menu rdd-context-menu--${r} rdd-context-menu--submenu`,style:{position:"fixed",left:t,top:o},role:"menu",onMouseEnter:S,onMouseLeave:h,children:e.map((P,C)=>{if(En(P))return Pe("hr",{className:"rdd-context-menu__separator",role:"separator"},C);let d=P,R=d.checkbox&&d.checkbox.active!==!1,T=R&&d.checkbox.value,D=d.disabled===!0||(R?d.checkbox.enabled===!1:!1);return Rt("button",{type:"button",className:`rdd-context-menu__item${D?" rdd-context-menu__item--disabled":""}`,title:d.title?_t(d.title,c):void 0,disabled:D,"data-cy-action":d.cyAction,onClick:()=>{D||(d.action?.(),s())},role:"menuitem","aria-checked":R?T:void 0,children:[d.icon?Pe("span",{className:"rdd-context-menu__icon",children:d.icon}):Pe("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),Pe("span",{className:"rdd-context-menu__label",children:_t(d.label,c)}),R&&Pe("span",{className:`rdd-context-menu__checkbox${T?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:Rt("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Pe("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:"none",stroke:"currentColor",strokeWidth:"1.5"}),T&&Pe("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)));yo.displayName="ContextMenuSubMenuPanel";var mo={visible:!1,x:0,y:0,items:[]},In=ho(({theme:e="dark",formatMessageProvider:t,onShow:o,onHide:r,onOpenChange:c,className:s,style:S},h)=>{let[y,P]=go(mo),[C,d]=go(null),R=Zt(null),T=Zt(null),D=Zt(new Map),A=Zt({open:null,close:null}),g=Ut.useCallback(()=>{P(mo),d(null),A.current.open&&clearTimeout(A.current.open),A.current.close&&clearTimeout(A.current.close),A.current.open=null,A.current.close=null,r?.(),c?.(!1)},[r,c]);if(Cr(h,()=>({show({event:u,x:N,y:O,items:Y}){let q=u?wr(u):{x:N??0,y:O??0};D.current.clear(),P({visible:!0,x:q.x,y:q.y,items:Y}),d(null),o?.(),c?.(!0)}}),[o,c]),fo(()=>{if(!y.visible)return;let u=N=>{R.current?.contains(N.target)||T.current?.contains(N.target)||g()};return document.addEventListener("pointerdown",u,{capture:!0}),window.addEventListener("click",u),()=>{document.removeEventListener("pointerdown",u,{capture:!0}),window.removeEventListener("click",u)}},[y.visible,g]),fo(()=>{if(!y.visible)return;let u=N=>{N.key==="Escape"&&g()};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[y.visible,g]),bo(()=>{if(!y.visible||!R.current)return;let u=R.current,N=u.getBoundingClientRect(),O=8;N.right>window.innerWidth-O&&(u.style.left=`${Math.max(O,window.innerWidth-N.width-O)}px`),N.bottom>window.innerHeight-O&&(u.style.top=`${Math.max(O,window.innerHeight-N.height-O)}px`),N.left<O&&(u.style.left=`${O}px`),N.top<O&&(u.style.top=`${O}px`)},[y.visible]),!y.visible)return null;let w=t,x=0,W=0;if(C!==null){let u=D.current.get(C);if(u){let N=u.getBoundingClientRect();x=document.documentElement.dir==="rtl"?window.innerWidth-N.left+2:N.right+2,W=N.top}}function b(){A.current.open&&(clearTimeout(A.current.open),A.current.open=null)}function k(){A.current.close&&(clearTimeout(A.current.close),A.current.close=null)}function F(u,N){k(),C!==null&&C!==u&&(b(),d(null)),cn(N)&&N.items?.length?(b(),A.current.open=setTimeout(()=>{d(u)},150)):cn(N)||(b(),C!==null&&(A.current.close=setTimeout(()=>d(null),200)))}function z(u){b(),cn(u)&&u.items?.length&&(A.current.close=setTimeout(()=>d(null),200))}return vo(Rt(Mr,{children:[Pe("div",{ref:R,className:`rdd-context-menu rdd-context-menu--${e}${s?` ${s}`:""}`,style:{position:"fixed",left:y.x,top:y.y,...S},role:"menu","aria-orientation":"vertical",children:y.items.map((u,N)=>{if(En(u))return Pe("hr",{className:"rdd-context-menu__separator",role:"separator"},N);if(cn(u))return Rt("button",{ref:Q=>{D.current.set(N,Q)},type:"button",className:`rdd-context-menu__item rdd-context-menu__item--has-submenu${C===N?" rdd-context-menu__item--submenu-open":""}`,title:u.title?_t(u.title,w):void 0,onMouseEnter:()=>F(N,u),onMouseLeave:()=>z(u),role:"menuitem","aria-haspopup":"true","aria-expanded":C===N,children:[Pe("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),Pe("span",{className:"rdd-context-menu__label",children:_t(u.label,w)}),Pe("span",{className:"rdd-context-menu__chevron","aria-hidden":"true",children:"\u203A"})]},N);let O=u,Y=O.checkbox&&O.checkbox.active!==!1,q=Y&&O.checkbox.value,U=O.disabled===!0||(Y?O.checkbox.enabled===!1:!1);return Rt("button",{ref:Q=>{D.current.set(N,Q)},type:"button",className:`rdd-context-menu__item${U?" rdd-context-menu__item--disabled":""}`,title:O.title?_t(O.title,w):void 0,disabled:U,"data-cy-action":O.cyAction,onClick:()=>{U||(O.action?.(),g())},onMouseEnter:()=>F(N,u),onMouseLeave:()=>z(u),role:"menuitem","aria-checked":Y?q:void 0,children:[O.icon?Pe("span",{className:"rdd-context-menu__icon",children:O.icon}):Pe("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),Pe("span",{className:"rdd-context-menu__label",children:_t(O.label,w)}),Y&&Pe("span",{className:`rdd-context-menu__checkbox${q?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:Rt("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Pe("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:q?"currentColor":"none",stroke:"currentColor",strokeWidth:"1.5"}),q&&Pe("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},N)})}),C!==null&&(()=>{let u=y.items[C];return Pe(yo,{ref:T,items:u.items??[],x,y:W,theme:e,fmt:w,onClose:g,onMouseEnter:()=>k(),onMouseLeave:()=>{A.current.close=setTimeout(()=>d(null),200)}})})()]}),document.body)});In.displayName="ContextMenu";var Ht={Component:In},$t=Ut.createContext(null),Ln=({adapter:e=Ht,children:t,...o})=>{let r=Zt(null),[c,s]=Ut.useState(!1),S=Ut.useCallback(h=>{r.current?.show(h)},[]);return Rt($t.Provider,{value:{show:S,isOpen:c},children:[t,Pe(e.Component,{ref:r,...o,onShow:()=>{s(!0),o.onShow?.()},onHide:()=>{s(!1),o.onHide?.()}})]})};function Rr(){let e=Ut.useContext($t);if(!e)throw new Error("useShowContextMenu must be used within a ContextMenuProvider");return e.show}import{createContext as Co,useContext as wo,useState as Sr,useCallback as tt,useMemo as Tr,useRef as kr}from"react";import{jsx as xo}from"react/jsx-runtime";var Er=0,Nn=()=>`panel-${++Er}-${Date.now()}`,un=new Map,Po={leftPanel:null,rightPanel:null,modals:[]},Ro=Co(null),Mo=Co(null),zn=({children:e})=>{let[t,o]=Sr(Po),r=kr(t);r.current=t;let c=tt((g,w)=>{un.set(g,w)},[]),s=tt(g=>{un.delete(g)},[]),S=tt(async(g,w,x={})=>{let W=r.current.leftPanel;if(W){let F=un.get(W.id);if(F&&!await F())return null}let b=Nn(),k={id:b,Component:g,props:w,containerType:"left-panel",options:x};return o(F=>({...F,leftPanel:k})),b},[]),h=tt(async(g,w,x={})=>{let W=r.current.rightPanel;if(W){let F=un.get(W.id);if(F&&!await F())return null}let b=Nn(),k={id:b,Component:g,props:w,containerType:"right-panel",options:x};return o(F=>({...F,rightPanel:k})),b},[]),y=tt((g,w,x={})=>{let W=Nn(),b=w.title,k={...x,title:x.title||b||"Confirmation"},F={id:W,Component:g,props:w,containerType:"modal",options:k};return o(z=>({...z,modals:[...z.modals,F]})),W},[]),P=tt(g=>{o(w=>({leftPanel:w.leftPanel?.id===g?null:w.leftPanel,rightPanel:w.rightPanel?.id===g?null:w.rightPanel,modals:w.modals.filter(x=>x.id!==g)}))},[]),C=tt(()=>{o(Po)},[]),d=tt(()=>{o(g=>({...g,modals:[]}))},[]),R=tt(g=>t.leftPanel?.id===g?t.leftPanel:t.rightPanel?.id===g?t.rightPanel:t.modals.find(w=>w.id===g),[t]),T=tt((g,w)=>{o(x=>({leftPanel:x.leftPanel?.id===g?{...x.leftPanel,...w}:x.leftPanel,rightPanel:x.rightPanel?.id===g?{...x.rightPanel,...w}:x.rightPanel,modals:x.modals.map(W=>W.id===g?{...W,...w}:W)}))},[]),D=tt((g,w,x)=>{T(g,{dirty:w,dirtyOptions:x})},[T]),A=Tr(()=>({openLeftPanel:S,openRightPanel:h,openModal:y,close:P,closeAll:C,closeAllModals:d,getInstance:R,updateInstance:T,setDirty:D,registerCloseHandler:c,unregisterCloseHandler:s}),[S,h,y,P,C,d,R,T,D,c,s]);return xo(Ro.Provider,{value:t,children:xo(Mo.Provider,{value:A,children:e})})},ft=()=>{let e=wo(Ro);if(!e)throw new Error("usePanelState must be used within PanelProvider");return e},Mt=()=>{let e=wo(Mo);if(!e)throw new Error("usePanelActions must be used within PanelProvider");return e};import{useEffect as So,useRef as Ir}from"react";import{jsx as St,jsxs as Dn}from"react/jsx-runtime";var Lr=({title:e,message:t,alert:o,alertType:r="info",useYesNoTitles:c=!1,onOK:s,onCancel:S})=>{let{requestClose:h,setIcon:y,setTitle:P}=zt(),C=Ke(),d=Ze(),R=Ir(null);So(()=>{if(e){let x=typeof e=="string"?e:C(e);P(x)}y&&y(St("span",{children:"\u2753"}))},[e,P,y,C]),So(()=>{R.current?.focus({preventScroll:!0})},[]);let T=typeof t=="string"?t:C(t),D=C(c?d.no:d.cancel),A=C(c?d.yes:d.ok),g=x=>{x.preventDefault(),s?.(),h()},w=()=>{S?.(),h()};return Dn("form",{onSubmit:g,className:"rdd-confirmation-form-body",children:[o&&Dn("div",{className:`rdd-confirmation-alert rdd-confirmation-alert-${r}`,children:[St("span",{children:"\u2139\uFE0F"}),St("span",{children:o})]}),St("div",{style:{fontSize:"0.9rem",color:"inherit",lineHeight:1.5},children:T}),St("hr",{style:{marginTop:"0.5rem",marginBottom:"0.5rem",opacity:.1}}),Dn("div",{className:"rdd-confirmation-actions",children:[St("button",{type:"button",className:"rdd-btn rdd-btn-sm rdd-btn-outline",onClick:w,children:D}),St("button",{type:"submit",className:"rdd-btn rdd-btn-sm rdd-btn-primary",ref:R,children:A})]})]})},Tt=Lr;function Jt(e){return e==="top-left"?"top-right":e==="top-right"?"top-left":e==="bottom-left"?"bottom-right":"bottom-left"}function mt(e){let{element:t,pointerId:o,startClientX:r,startClientY:c,captureStart:s,onMove:S,onEnd:h,activeClasses:y}=e;t.setPointerCapture(o),y?.forEach(({el:R,classes:T})=>R.classList.add(...T));let P=s(),C=R=>{S(R.clientX-r,R.clientY-c,P)},d=()=>{y?.forEach(({el:R,classes:T})=>R.classList.remove(...T)),t.removeEventListener("pointermove",C),t.removeEventListener("pointerup",d),t.removeEventListener("pointercancel",d),h?.(P)};t.addEventListener("pointermove",C),t.addEventListener("pointerup",d),t.addEventListener("pointercancel",d)}function Qt(e,t,o,r,c){let{minW:s,minH:S,maxW:h,maxH:y,minX:P,minY:C}=c,{x:d,y:R,w:T,h:D}=r;if(e.includes("e")&&(T=Math.max(s,Math.min(r.w+t,h??1/0))),e.includes("w")){let A=r.w-s,g=P!=null?-(r.x-P):-1/0,w=Math.max(g,Math.min(t,A));T=r.w-w,d=r.x+w}if(e.includes("s")&&(D=Math.max(S,Math.min(r.h+o,y??1/0))),e.includes("n")){let A=r.h-S,g=C!=null?-(r.y-C):-1/0,w=Math.max(g,Math.min(o,A));D=r.h-w,R=r.y+w}return{x:d,y:R,w:T,h:D}}import{useEffect as Nr,useState as zr}from"react";function Wn(){let[e,t]=zr(()=>document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark");return Nr(()=>{let o=()=>{t(document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark")};o();let r=new MutationObserver(o);return r.observe(document.documentElement,{attributes:!0,attributeFilter:["data-color-scheme"]}),()=>r.disconnect()},[]),e}import{Fragment as Eo,jsx as L,jsxs as pe}from"react/jsx-runtime";var Io=(e,t)=>{if(!e)return null;if(e.type==="leaf")return e.id===t?e:null;for(let o of e.children){let r=Io(o,t);if(r)return r}return null},en=new Map,pn="preserved-dom-container",An=pe("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[L("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),L("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),L("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),L("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]}),Bt={float:L("span",{className:"rdd-menu-icon",children:pe("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[L("rect",{x:"2",y:"8",width:"14",height:"14",rx:"1"}),L("rect",{x:"8",y:"2",width:"14",height:"14",rx:"1"})]})}),minimize:L("span",{className:"rdd-menu-icon",children:L("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",style:{display:"block"},children:L("line",{x1:"4",y1:"18",x2:"20",y2:"18"})})}),restore:L("span",{className:"rdd-menu-icon",children:L("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:L("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1"})})}),maximize:L("span",{className:"rdd-menu-icon",children:L("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:L("rect",{x:"2",y:"2",width:"20",height:"20",rx:"1"})})}),close:L("span",{className:"rdd-menu-icon",children:L("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:L("path",{d:"M18 6L6 18M6 6l12 12"})})})},Lo=e=>{let t=en.get(e);return t||(t=document.createElement("div"),t.style.width="100%",t.style.height="100%",en.set(e,t)),t},Dr=(e,t,o)=>{let r=t.component,c=o.get(r);if(!c)return console.warn(`[react-dockable-desktop] Panel "${e}" references component key "${r}" which is not registered. Add it to the WorkspaceClient panels config:
|
|
5
|
+
new WorkspaceClient({ panels: { "${r}": { component: YourComponent } } })`),pe("div",{className:"rdd-unregistered-panel",style:{border:"2px dashed #dc3545"},children:[L("h6",{style:{fontWeight:700,marginBottom:"0.25rem"},children:"\u26A0\uFE0F Component Unregistered"}),pe("span",{style:{fontSize:"0.875rem",color:"var(--rdd-text-secondary, #94a3b8)"},children:["Key: ",r]})]});let s=c.Component;return L(s,{...t.props??{},panelId:e})},_n=new Map,ht=new Map,kt=e=>{let t=ht.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},ht.set(e,t)),t},No=({panelId:e})=>{let t=Oe(null);return Ce(()=>{let o=t.current;if(!o)return;let r=Lo(e);o.appendChild(r);let c=new ResizeObserver(s=>{for(let S of s){let{width:h,height:y}=S.contentRect;if(h>0&&y>0){_n.set(e,{width:h,height:y});let P=ht.get(e);P&&P.onResize.forEach(C=>C(h,y))}}});return c.observe(o),()=>{c.disconnect();let s=document.getElementById(pn);s||(s=document.createElement("div"),s.id=pn,s.style.display="none",document.body.appendChild(s)),s.appendChild(r)}},[e]),L("div",{ref:t,style:{width:"100%",height:"100%"}})},Wr=({panelId:e})=>{let t=je(),o=qt(),r=Ke(),c=Oe(null),s=t.panels[e],S=s?o.get(s.component):null,h=S?.defaultOptions?.disableLivePreview||!1,y=_n.get(e)||{width:800,height:500},P=y.width,C=y.height,T=Math.min(220/P,140/C);if(Ce(()=>{if(h)return;let D=c.current;if(!D)return;let A=en.get(e);if(A)return D.appendChild(A),()=>{let g=document.getElementById(pn);g||(g=document.createElement("div"),g.id=pn,g.style.display="none",document.body.appendChild(g)),g.appendChild(A)}},[e,h]),h){let D=P*T,A=C*T,g=s?.title||S?.defaultOptions?.title||"Panel",w=ce(g,r),x=(Array.from(w)[0]||"P").toUpperCase();return L("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${D}px`,height:`${A}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:L("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:x})})}return L("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${P*T}px`,height:`${C*T}px`},children:L("div",{ref:c,className:"rdd-taskbar-item-preview-host",style:{width:`${P}px`,height:`${C}px`,transform:`scale(${T})`,transformOrigin:"top left",position:"absolute",top:0,left:0,"--rdd-preview-scale":T}})})},Or=({panelId:e,children:t})=>{let o=je(),{requestClosePanel:r,setPanelDirty:c,registerCloseGuard:s,unregisterCloseGuard:S,registerStateProvider:h,unregisterStateProvider:y,updatePanelTitle:P,minimizePanel:C}=jt(),d=o.minimized.some(b=>b.id===e),R=Oe(d);Ce(()=>{let b=ht.get(e);b&&(d&&!R.current?b.onMinimize.forEach(k=>k()):!d&&R.current&&b.onRestore.forEach(k=>k()),R.current=d)},[d,e]);let T=o.activePanelId===e,D=Oe(T);Ce(()=>{let b=D.current;D.current=T;let k=ht.get(e);k&&(T&&!b?k.onActivate.forEach(F=>F()):!T&&b&&k.onDeactivate.forEach(F=>F()))},[T,e]);let A=o.panels[e]?.state,g=A==="floating"?"floating-window":"dockable-panel",w=Oe(g);Ce(()=>{if(A==="minimized")return;let b=w.current;w.current=g;let k=ht.get(e);k&&g!==b&&k.onContainerTypeChange.forEach(F=>F(g))},[g,A,e]),Ce(()=>()=>{let b=ht.get(e);b&&(D.current&&b.onDeactivate.forEach(k=>k()),b.onClose.forEach(k=>k()),ht.delete(e))},[e]);let x=Oe(g),W=Fn.useMemo(()=>({requestClose:b=>r(e,b),setDirty:b=>c(e,b),onCloseRequested:b=>(s(e,b),()=>S(e)),registerStateProvider:b=>(h(e,b),()=>y(e)),setTitle:b=>P(e,b),instanceId:e,containerType:x.current,onClose:b=>{let k=kt(e);return k.onClose.add(b),()=>k.onClose.delete(b)},onMinimize:b=>{let k=kt(e);return k.onMinimize.add(b),()=>k.onMinimize.delete(b)},onRestore:b=>{let k=kt(e);return k.onRestore.add(b),()=>k.onRestore.delete(b)},onResize:b=>{let k=kt(e);return k.onResize.add(b),()=>k.onResize.delete(b)},requestMinimize:()=>C(e),getDimensions:()=>_n.get(e)??null,onActivate:b=>{let k=kt(e);return k.onActivate.add(b),()=>k.onActivate.delete(b)},onDeactivate:b=>{let k=kt(e);return k.onDeactivate.add(b),()=>k.onDeactivate.delete(b)},onContainerTypeChange:b=>{let k=kt(e);return k.onContainerTypeChange.add(b),()=>k.onContainerTypeChange.delete(b)}}),[e,r,c,s,S,h,y,P,C]);return L(xt,{value:W,children:t})},zo=({node:e,path:t,onTabRightClick:o,activeDropZone:r,onHoverDropZone:c,onTabDragStart:s,hoveredTab:S,onTabHover:h,defaultPanelIcon:y,onRequestClosePanel:P})=>{let{updateSplitSizes:C}=jt();if(e.type==="leaf")return L(Ar,{leaf:e,onTabRightClick:o,activeDropZone:r,onHoverDropZone:c,onTabDragStart:s,hoveredTab:S,onTabHover:h,defaultPanelIcon:y,onRequestClosePanel:P});let d=e.orientation==="horizontal",R=(T,D)=>{D.preventDefault();let A=D.currentTarget,g=A.parentElement,w=g?d?g.clientWidth:g.clientHeight:d?1e3:800;mt({element:A,pointerId:D.pointerId,startClientX:D.clientX,startClientY:D.clientY,captureStart:()=>[...e.sizes],activeClasses:[{el:A,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active",d?"rdd-resizing-col-active":"rdd-resizing-row-active"]}],onMove:(x,W,b)=>{let k=(d?x:W)/w,F=[...b];F[T]+=k,F[T+1]-=k,F[T]>.1&&F[T+1]>.1&&C(t,F)}})};return L("div",{style:{display:"flex",flexDirection:d?"row":"column",width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:e.children.map((T,D)=>{let A=e.sizes[D]*100;return pe(Fn.Fragment,{children:[L("div",{style:{flexGrow:e.sizes[D],flexBasis:`${A}%`,overflow:"hidden",position:"relative",minWidth:0,minHeight:0},children:L(zo,{node:T,path:[...t,D],onTabRightClick:o,activeDropZone:r,onHoverDropZone:c,onTabDragStart:s,hoveredTab:S,onTabHover:h,defaultPanelIcon:y,onRequestClosePanel:P})}),D<e.children.length-1&&L("div",{onPointerDown:g=>R(D,g),style:{cursor:d?"col-resize":"row-resize",width:d?"1px":"100%",height:d?"100%":"1px",zIndex:20},className:"rdd-resizer-bar"})]},D)})})},Ar=({leaf:e,onTabRightClick:t,activeDropZone:o,onHoverDropZone:r,onTabDragStart:c,hoveredTab:s,onTabHover:S,defaultPanelIcon:h,onRequestClosePanel:y})=>{let P=je(),C=qt(),{openPanel:d,closeLeafGroup:R,setActivePanel:T}=kn(),D=Ke(),A=Ze(),{windowClass:g,windowBodyClass:w}=gt(),x=Oe(null),[W,b]=at({left:!1,right:!1}),k=On(()=>{let u=x.current;u&&b({left:u.scrollLeft>0,right:u.scrollLeft<u.scrollWidth-u.clientWidth-1})},[]);Ce(()=>{let u=x.current;if(!u)return;u.addEventListener("scroll",k,{passive:!0});let N=new ResizeObserver(k);return N.observe(u),k(),()=>{u.removeEventListener("scroll",k),N.disconnect()}},[k]);let F=u=>{x.current?.scrollBy({left:u==="left"?-120:120,behavior:"smooth"})},z=u=>{d(u,P.panels[u].component),T(u)};return pe("div",{"data-active-panel-id":e.activePanelId||"",className:`rdd-workspace-panel ${g??""}`,style:{overflow:"hidden",position:"relative"},children:[pe("div",{className:"rdd-workspace-tab-bar",style:{minHeight:"38px"},children:[W.left&&L("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-left",onPointerDown:u=>u.stopPropagation(),onClick:()=>F("left"),tabIndex:-1,"aria-label":"Scroll tabs left",children:"\u2039"}),L("div",{ref:x,className:"rdd-tab-headers-container",style:{scrollbarWidth:"none"},onPointerMove:u=>{P.draggedPanelId&&u.target===u.currentTarget&&S(e.id,"EMPTY",e.panels.length,"right")},onPointerLeave:u=>{P.draggedPanelId&&u.target===u.currentTarget&&S(e.id,"",-1,null)},children:e.panels.map((u,N)=>{let O=P.panels[u];if(!O)return null;let Y=e.activePanelId===u,q=P.activePanelId===u,Q=C.get(O.component)?.defaultOptions,ge=s&&s.leafId===e.id&&s.panelId===u,ee=N===e.panels.length-1,G=s&&s.leafId===e.id&&s.panelId==="EMPTY"&&ee,j=ge?s.side==="left"?"rdd-drag-hover-left":"rdd-drag-hover-right":G?"rdd-drag-hover-right":"",B=Y?q?"rdd-active rdd-workspace-tab-active-focused":"rdd-active rdd-workspace-tab-active-unfocused":"rdd-workspace-tab-inactive";return pe("div",{"data-tab-id":u,"data-leaf-id":e.id,"data-tab-index":String(N),onClick:()=>z(u),onPointerDown:$=>{Q?.canDrag!==!1&&c(u,$)},onContextMenu:$=>t(u,$),onPointerMove:$=>{if(P.draggedPanelId&&$.pointerType!=="touch"){let re=$.currentTarget.getBoundingClientRect(),ze=$.clientX-re.left<re.width/2?"left":"right";S(e.id,u,N,ze)}},onPointerLeave:()=>{P.draggedPanelId&&S(e.id,"",-1,null)},className:`rdd-workspace-tab ${B} ${j}`,style:{cursor:Q?.canDrag===!1?"default":"pointer"},children:[pe("span",{className:"rdd-text-truncate",style:{maxWidth:"120px",display:"flex",alignItems:"center"},children:[L("span",{className:"rdd-workspace-tab-icon",children:Q?.icon||h||An}),pe("span",{children:[ce(O.title,D),O.dirty?" *":""]})]}),Q?.renderHeaderActions&&L("span",{className:"rdd-tab-header-actions",onClick:$=>$.stopPropagation(),onPointerDown:$=>$.stopPropagation(),children:Q.renderHeaderActions(u)}),Q?.canClose!==!1&&L("span",{onClick:$=>{$.stopPropagation(),y(u)},title:ce(A.closeTab,D),className:"rdd-close-tab-x",style:{width:"18px",height:"18px",...Q?.renderHeaderActions?{}:{marginInlineStart:"auto"}},children:L("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:L("path",{d:"M18 6L6 18M6 6l12 12"})})})]},u)})}),W.right&&L("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-right",onPointerDown:u=>u.stopPropagation(),onClick:()=>F("right"),tabIndex:-1,"aria-label":"Scroll tabs right",children:"\u203A"}),e.panels.length===0&&e.keepOnEmpty&&e.canClose!==!1&&L("span",{onClick:()=>R(e.id),className:"rdd-close-tab-x rdd-header-close-empty-group",style:{width:"18px",height:"18px",cursor:"pointer"},title:ce(A.closeEmptyGroup,D),children:L("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:L("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),pe("div",{className:`rdd-panel-body ${w??""}`,style:{position:"relative",overflow:"hidden"},children:[e.activePanelId&&P.panels[e.activePanelId]?L(No,{panelId:e.activePanelId},e.activePanelId):L("div",{className:"rdd-empty-leaf-placeholder",children:L("span",{children:"Empty Workspace Section"})}),P.draggedPanelId!==null&&(()=>{let u=N=>o?.leafId===e.id&&o.position===N;return L("div",{className:"rdd-dock-drop-zone-overlay",children:pe("div",{className:"rdd-dock-target-cross",children:[L("div",{"data-leaf-id":e.id,"data-drop-zone":"top",onPointerEnter:()=>r(e.id,"top"),onPointerLeave:()=>r(e.id,null),className:`rdd-dock-target-box rdd-dock-target-top${u("top")?" rdd-dock-target-box--active":""}`,children:"\u25B2"}),L("div",{"data-leaf-id":e.id,"data-drop-zone":"bottom",onPointerEnter:()=>r(e.id,"bottom"),onPointerLeave:()=>r(e.id,null),className:`rdd-dock-target-box rdd-dock-target-bottom${u("bottom")?" rdd-dock-target-box--active":""}`,children:"\u25BC"}),L("div",{"data-leaf-id":e.id,"data-drop-zone":"left",onPointerEnter:()=>r(e.id,"left"),onPointerLeave:()=>r(e.id,null),className:`rdd-dock-target-box rdd-dock-target-left${u("left")?" rdd-dock-target-box--active":""}`,children:"\u25C0"}),L("div",{"data-leaf-id":e.id,"data-drop-zone":"right",onPointerEnter:()=>r(e.id,"right"),onPointerLeave:()=>r(e.id,null),className:`rdd-dock-target-box rdd-dock-target-right${u("right")?" rdd-dock-target-box--active":""}`,children:"\u25B6"}),L("div",{"data-leaf-id":e.id,"data-drop-zone":"center",onPointerEnter:()=>r(e.id,"center"),onPointerLeave:()=>r(e.id,null),className:`rdd-dock-target-box rdd-dock-target-center${u("center")?" rdd-dock-target-box--active":""}`,children:"\u25A3"})]})})})(),P.draggedPanelId!==null&&o!==null&&o.leafId===e.id&&L("div",{className:"rdd-dock-preview-highlight",style:(()=>{let u=o.position,N=`${P.splitRatio*100}%`,O=`${(1-P.splitRatio)*100}%`;return{left:u==="right"?O:"0",top:u==="bottom"?O:"0",width:u==="left"||u==="right"?N:"100%",height:u==="top"||u==="bottom"?N:"100%"}})()})]})]})},Fr=({skin:e="vscode",defaultPanelIcon:t,taskbarVisibility:o="autohide",contextMenuAdapter:r=Ht,animations:c=!0})=>{let s=je(),S=qt(),{restorePanel:h,minimizePanel:y,requestClosePanel:P,maximizePanel:C,updateFloatingPosition:d,focusPanel:R,floatPanel:T,setDraggedPanelId:D,dockPanelToGroup:A,movePanelOrder:g,dockPanelToWorkspaceEdge:w,setActivePanel:x,getPanelContextMenuItems:W,showContextMenu:b,registerContextMenuFn:k}=kn(),{openModal:F}=Mt(),z=Ke(),u=Ze(),N=Fn.useCallback(n=>{let l=s.panels[n];P(n,{onConfirm:a=>new Promise(m=>{let E=a||l?.dirtyOptions,I=l?ce(l.title,z):"Panel";F(Tt,{title:E?.title||u.unsavedChangesTitle,message:E?.message||{id:u.unsavedChangesMessage.id,defaultMessage:u.unsavedChangesMessage.defaultMessage,values:{title:I}},alert:E?.alert,alertType:E?.alertType||"danger",useYesNoTitles:!0,onOK:()=>m(!0),onCancel:()=>m(!1)},{size:"small"})})})},[P,s.panels,z,F,u]),{windowClass:O,windowBodyClass:Y}=gt(),q=To($t),U=Oe(null);Ce(()=>k(q!==null?n=>q.show(n):n=>U.current?.show(n)),[q,k]);let Q=Oe(null),[ge,ee]=at(!1),G=Oe(null),j=Oe(s.minimized.length),[B,$]=at(null),re=Oe(null),ue=Oe("mouse"),[ze,X]=at(!1),Ae=q!==null?q.isOpen:ze;Ce(()=>()=>{re.current&&clearTimeout(re.current)},[]),Ce(()=>{B&&(s.minimized.some(l=>l.id===B.id)||$(null))},[s.minimized,B]),Ce(()=>{if(!B?.fromTouch)return;let n=l=>{l.pointerType!=="touch"||document.querySelector(".rdd-taskbar-item-tooltip")?.contains(l.target)||$(null)};return document.addEventListener("pointerdown",n,{capture:!0}),()=>document.removeEventListener("pointerdown",n,{capture:!0})},[B?.fromTouch]);let[Ge,Ye]=at(null),Be=Oe(null),[rt,it]=at({x:0,y:0}),[st,Je]=at(null),Qe=Oe(null),ye=n=>{Je(n),Qe.current=n},[te,le]=at(null),$e=Oe(null),Fe=n=>{le(n),$e.current=n},V=To(Ft)?.isRtl??!1,[J,ae]=at(null),fe=Oe(null),we=(n,l,a,m)=>{let E=m?{leafId:n,panelId:l,index:a,side:m}:null;ae(E),fe.current=E},Re=(n,l)=>{let a=l?{leafId:n,position:l}:null;Ye(a),Be.current=a,a&&(ye(null),Fe(null))},De=(n,l)=>{let a=document.elementsFromPoint(n,l),m=!1,E=!1,I=!1;for(let v of a)if(v instanceof HTMLElement){if(!m&&v.dataset.dropZone){let M=v.dataset.leafId;if(M){let _=v.dataset.dropZone;Ye({leafId:M,position:_}),Be.current={leafId:M,position:_},m=!0}}if(!I&&v.dataset.tabId){let M=v.dataset.leafId,_=parseInt(v.dataset.tabIndex||"0",10);if(M){let K=v.getBoundingClientRect(),H=n-K.left<K.width/2?"left":"right";ae({leafId:M,panelId:v.dataset.tabId,index:_,side:H}),fe.current={leafId:M,panelId:v.dataset.tabId,index:_,side:H},I=!0}}if(!E&&v.dataset.edgeTrigger&&(ye(v.dataset.edgeTrigger),E=!0),m&&E&&I)break}m||(Ye(null),Be.current=null),E||ye(null),I||(ae(null),fe.current=null)},Me=300,Se=8,be=()=>{D(null),Ye(null),Be.current=null,ae(null),fe.current=null,ye(null)},dt=n=>s.isRtl?n==="left"?"right":n==="right"?"left":n:n,Te=(n,l)=>{let a=Be.current,m=fe.current,E=Qe.current,I=$e.current;if(E)w(n,dt(E));else if(m){let v=m.index;m.side==="right"&&(v+=1);let M=Io(s.gridRoot,m.leafId);if(M){let _=M.panels.indexOf(n);_!==-1&&_<v&&(v-=1)}g(n,m.leafId,v)}else a?A(n,a.leafId,dt(a.position)):I?T(n,void 0,V?Jt(I):I):T(n,{x:l.clientX-150,y:l.clientY-15,width:450,height:350});Fe(null),be()},ke=(n,l)=>{if(l.pointerType==="mouse"&&l.button!==0)return;l.preventDefault();let a=l.currentTarget,m=l.clientX,E=l.clientY;if(l.pointerType==="touch"){let I=l.pointerId,v=!1,M=()=>{v=!0,clearTimeout(K),a.removeEventListener("pointermove",_),a.removeEventListener("pointerup",M),a.removeEventListener("pointercancel",M)},_=H=>{Math.hypot(H.clientX-m,H.clientY-E)>Se&&M()},K=setTimeout(()=>{if(v)return;a.removeEventListener("pointermove",_),a.removeEventListener("pointerup",M),a.removeEventListener("pointercancel",M);try{a.setPointerCapture(I)}catch{return}a.classList.add("rdd-long-press-active"),document.body.classList.add("rdd-dragging-active"),navigator.vibrate&&navigator.vibrate(10);let H=!1,Z=me=>{H||(H=!0,D(n)),it({x:me.clientX,y:me.clientY}),De(me.clientX,me.clientY)},ne=me=>{a.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),a.removeEventListener("pointermove",Z),a.removeEventListener("pointerup",ne),a.removeEventListener("pointercancel",ie),H?Te(n,me):We(n,me)},ie=()=>{a.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),a.removeEventListener("pointermove",Z),a.removeEventListener("pointerup",ne),a.removeEventListener("pointercancel",ie),H&&be()};a.addEventListener("pointermove",Z),a.addEventListener("pointerup",ne),a.addEventListener("pointercancel",ie)},Me);a.addEventListener("pointermove",_),a.addEventListener("pointerup",M),a.addEventListener("pointercancel",M)}else{let I=!1,v=K=>{let H=K.clientX-m,Z=K.clientY-E;!I&&(Math.abs(H)>5||Math.abs(Z)>5)&&(I=!0,D(n)),I&&it({x:K.clientX,y:K.clientY})},M=K=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",v),window.removeEventListener("pointerup",M),window.removeEventListener("pointercancel",_),I&&Te(n,K)},_=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",v),window.removeEventListener("pointerup",M),window.removeEventListener("pointercancel",_),I&&be()};document.body.classList.add("rdd-dragging-active"),window.addEventListener("pointermove",v),window.addEventListener("pointerup",M),window.addEventListener("pointercancel",_)}},We=(n,l)=>{l.preventDefault();let a=s.panels[n];if(!a)return;let E=S.get(a.component)?.defaultOptions,I=[];if(E?.canDrag!==!1&&I.push({label:ce(u.floatWindow,z),icon:Bt.float,action:()=>T(n)}),E?.canMinimize!==!1&&I.push({label:ce(u.minimizePanel,z),icon:Bt.minimize,action:()=>y(n)}),I.length>0&&E?.canClose!==!1&&I.push({separator:!0}),E?.canClose!==!1&&I.push({label:ce(u.closeTab,z),icon:Bt.close,action:()=>N(n)}),I.length===0)return;let v=W(n),M=v.length>0?[...I,{separator:!0},...v]:I;b({event:l,items:M})},Ee=(n,l)=>{l.preventDefault(),$(null),b({event:l,items:[{label:ce(u.restorePanel,z),icon:Bt.restore,action:()=>h(n)},{label:ce(u.maximizePanel,z),icon:Bt.maximize,action:()=>C(n)},{separator:!0},{label:ce(u.closePanel,z),icon:Bt.close,action:()=>N(n)}]})};Ce(()=>{let n=Object.keys(s.panels);for(let l of Array.from(en.keys()))n.includes(l)||en.delete(l)},[s.panels]),Ce(()=>{let n=()=>{s.draggedPanelId!==null&&(D(null),Ye(null),ae(null))};return window.addEventListener("blur",n),()=>{window.removeEventListener("blur",n)}},[s.draggedPanelId]);let Xe=Oe(null),[Ie,Pt]=at({width:1024,height:768});Ce(()=>{let n=Xe.current;if(!n)return;let l=!1,a=new ResizeObserver(m=>{if(!m||m.length===0)return;let E=m[0].contentRect;if(process.env.NODE_ENV==="development"&&E.height<10&&!l){l=!0;let I=n,v=n.parentElement;for(;v&&v!==document.documentElement&&v.getBoundingClientRect().height<10;){I=v;v=v.parentElement}let M=I.tagName.toLowerCase(),_=I.id?` id="${I.id}"`:"",K=I.className?` class="${I.className}"`:"",H=I===n?"the WindowManager container itself":`a wrapper element: <${M}${_}${K}>`;console.warn(`[react-dockable-desktop] Workspace height is 0px \u2014 the workspace will be invisible.
|
|
6
6
|
|
|
7
|
-
Zero height found at: ${
|
|
7
|
+
Zero height found at: ${H}
|
|
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,p.width),height:Math.max(100,p.height)})});return f.observe(r),()=>{f.disconnect()}},[]),Se(()=>{let r=lt.width,P=lt.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,N=typeof f.x=="string"?parseFloat(f.x):f.x,D=typeof f.y=="string"?parseFloat(f.y):f.y,W=h,G=p,Q=N,V=D,oe=!1;if(W>r&&(W=Math.max(200,r-20),oe=!0),G>P&&(G=Math.max(150,P-40),oe=!0),!f.anchor){let pe=r-100;Q>pe&&(Q=Math.max(0,pe),oe=!0);let ie=P-40;V>ie&&(V=Math.max(0,ie),oe=!0)}oe&&c(f.id,{x:Q,y:V,width:W,height:G})})},[lt,s.floating,c]),Se(()=>{let r=P=>{if(P.button!==0)return;let f=P.target;if(!f||typeof f.closest!="function")return;let h=f.closest(".rdd-floating-window");if(h){let N=h.getAttribute("data-window-id");N&&(R(N),I(N));return}let p=f.closest(".rdd-workspace-panel");if(p){let N=p.getAttribute("data-active-panel-id");N&&R(N)}};return document.addEventListener("pointerdown",r),()=>{document.removeEventListener("pointerdown",r)}},[I,R]);let Pt=(r,P)=>{P.preventDefault();let f=s.floating.find(V=>V.id===r);if(!f||f.maximized)return;I(r);let h=P.currentTarget,p=h.closest(".rdd-floating-window"),N=P.clientX,D=P.clientY,W=p?p.offsetLeft:0,G=p?p.offsetTop:0,Q=()=>{let V=Ge.current,oe=ye.current,pe=je.current,ie=$.current;if(ie)c(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),u(r,oe.leafId,de)}else V&&_(r,V.leafId,Ce(V.position));q(null),Pe()};if(P.pointerType==="touch"){let V=P.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-N,ge.clientY-D)>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-N,Nt=Lt.clientY-D;c(r,{x:W+zt,y:G+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),Q()},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-N,Te=de.clientY-D;!V&&(Math.abs(ge)>5||Math.abs(Te)>5)&&(V=!0,E(r)),V&&c(r,{x:W+ge,y:G+Te,anchor:null})},pe=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",oe),window.removeEventListener("pointerup",pe),window.removeEventListener("pointercancel",ie),V&&Q()},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,P,f)=>{f.preventDefault(),f.stopPropagation();let h=s.floating.find(ge=>ge.id===r);if(!h||h.maximized)return;I(r);let p=f.currentTarget,N=p.closest(".rdd-floating-window"),D={x:N?N.offsetLeft:0,y:N?N.offsetTop:0,w:N?N.offsetWidth:400,h:N?N.offsetHeight:300},W=lt.width,G=lt.height,Q=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=P==="se"&&Math.abs(Q+oe-W)<4,de=P==="se"&&Math.abs(V+pe-G)<4;ft({element:p,pointerId:f.pointerId,startClientX:f.clientX,startClientY:f.clientY,captureStart:()=>D,activeClasses:[{el:document.body,classes:["rdd-resizing-active"]}],onMove:(ge,Te,xt)=>{let Lt=Jt(P,ge,Te,xt,{minW:200,minH:150}),{x:zt,y:Nt,w:xn,h:Cn}=Lt;ie&&(zt=W-xn,zt<0&&(zt=0,xn=W)),de&&(Nt=G-Cn,Nt<0&&(Nt=0,Cn=G)),c(r,{x:zt,y:Nt,width:xn,height:Cn})}})},b=r=>{if(Z.current){let P=r==="left"?-150:150;Z.current.scrollBy({left:P,behavior:"smooth"})}},g=Wn(()=>{X.current&&clearTimeout(X.current),le(!0)},[]),d=Wn(()=>{X.current=setTimeout(()=>le(!1),400)},[]);Se(()=>{n==="autohide"&&s.minimized.length>j.current&&(X.current&&clearTimeout(X.current),le(!0),X.current=setTimeout(()=>le(!1),2e3)),j.current=s.minimized.length},[s.minimized.length,n]);let S=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(()=>(S==="light"?document.documentElement.setAttribute("data-color-scheme","light"):document.documentElement.removeAttribute("data-color-scheme"),()=>{document.documentElement.removeAttribute("data-color-scheme")}),[S]),Se(()=>(l?document.documentElement.classList.remove("rdd-no-animations"):document.documentElement.classList.add("rdd-no-animations"),()=>{document.documentElement.classList.remove("rdd-no-animations")}),[l]),fe("div",{className:`rdd-workspace${l?"":" rdd-no-animations"}`,"data-workspace-skin":e,"data-color-scheme":S,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:[T("div",{"data-edge-trigger":"left",className:"rdd-workspace-edge-trigger rdd-edge-trigger-left",onPointerEnter:()=>se("left"),onPointerLeave:()=>se(null)}),T("div",{"data-edge-trigger":"right",className:"rdd-workspace-edge-trigger rdd-edge-trigger-right",onPointerEnter:()=>se("right"),onPointerLeave:()=>se(null)}),T("div",{"data-edge-trigger":"top",className:"rdd-workspace-edge-trigger rdd-edge-trigger-top",onPointerEnter:()=>se("top"),onPointerLeave:()=>se(null)}),T("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=>T("div",{className:`rdd-corner-zone rdd-corner-zone--${r}${te===r?" rdd-corner-zone--hovered":""}`,onPointerEnter:()=>{q(r),se(null)},onPointerLeave:()=>q(null),"aria-hidden":"true"},r)),s.draggedPanelId!==null&&nt!==null&&T("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}}})()}),T("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:s.gridRoot?T(zo,{node:s.gridRoot,path:[],onTabRightClick:Ye,activeDropZone:$e,onHoverDropZone:_e,onTabDragStart:He,hoveredTab:he,onTabHover:De,defaultPanelIcon:t,onRequestClosePanel:z}):T("div",{className:"rdd-empty-workspace-grid",children:"Grid Empty"})}),s.floating.map(r=>{let P=s.panels[r.id];if(!P)return null;let f=r.maximized,h=s.draggedPanelId===r.id,p=s.activePanelId===r.id,D=L.get(P.component)?.defaultOptions;return fe("div",{"data-window-id":r.id,dir:s.dir,onPointerDownCapture:()=>{R(r.id),I(r.id)},className:`rdd-floating-window ${f?"rdd-maximized":""} ${p?"rdd-window-focused":""} ${H??""}`,style:(()=>{let Q=typeof r.width=="number"?`${r.width}px`:r.width,V=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 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:Q,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:Q,height:V,zIndex:r.z,pointerEvents:h?"none":"auto"}})(),children:[fe("div",{onDoubleClick:()=>C(r.id),onPointerDown:W=>{D?.canDrag!==!1&&Pt(r.id,W)},className:"rdd-floating-window-titlebar rdd-cursor-move",style:{cursor:f||D?.canDrag===!1?"default":"move"},children:[fe("span",{className:"rdd-floating-window-title",children:[T("span",{className:"rdd-window-title-icon",children:D?.icon||t||An}),fe("span",{children:[ve(P.title,O),P.dirty?" *":""]})]}),fe("div",{className:"rdd-titlebar-actions",style:{gap:"var(--rdd-header-button-gap, 4px)"},onPointerDown:W=>W.stopPropagation(),children:[D?.renderHeaderActions&&T("div",{className:"rdd-window-header-actions",children:D.renderHeaderActions(r.id)}),A(r.id).length>0&&T("button",{type:"button",className:"rdd-custom-tab-btn rdd-btn-more-actions",title:"More actions",onClick:W=>{W.stopPropagation();let G=A(r.id);G.length!==0&&m({event:W,items:G})},children:fe("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",style:{display:"block"},children:[T("circle",{cx:"12",cy:"5",r:"2"}),T("circle",{cx:"12",cy:"12",r:"2"}),T("circle",{cx:"12",cy:"19",r:"2"})]})}),T("button",{type:"button",title:f?ve(a.restoreSize,O):ve(a.maximize,O),onClick:()=>C(r.id),className:"rdd-custom-tab-btn rdd-btn-maximize-tab",children:T("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:T("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1.5"})})}),D?.canMinimize!==!1&&T("button",{type:"button",title:ve(a.minimize,O),onClick:()=>x(r.id),className:"rdd-custom-tab-btn rdd-btn-minimize-tab",children:T("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:T("path",{d:"M5 12h14"})})}),D?.canClose!==!1&&T("button",{type:"button",title:ve(a.close,O),onClick:()=>z(r.id),className:"rdd-custom-tab-btn rdd-btn-close-tab",children:T("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:T("path",{d:"M18 6L6 18M6 6l12 12"})})})]})]}),T("div",{className:B??void 0,style:{flexGrow:1,width:"100%",overflow:"hidden",position:"relative",isolation:"isolate"},children:T(Lo,{panelId:r.id},r.id)}),!f&&fe(ko,{children:[T("div",{onPointerDown:W=>i(r.id,"n",W),className:"rdd-resize-handle rdd-resize-n"}),T("div",{onPointerDown:W=>i(r.id,"ne",W),className:"rdd-resize-handle rdd-resize-ne"}),T("div",{onPointerDown:W=>i(r.id,"e",W),className:"rdd-resize-handle rdd-resize-e"}),T("div",{onPointerDown:W=>i(r.id,"se",W),className:"rdd-resize-handle rdd-resize-se"}),T("div",{onPointerDown:W=>i(r.id,"s",W),className:"rdd-resize-handle rdd-resize-s"}),T("div",{onPointerDown:W=>i(r.id,"sw",W),className:"rdd-resize-handle rdd-resize-sw"}),T("div",{onPointerDown:W=>i(r.id,"w",W),className:"rdd-resize-handle rdd-resize-w"}),T("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"&&T("div",{className:"rdd-taskbar-peek-handle"}),T("button",{type:"button",onClick:()=>b("left"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25C0"}),T("div",{ref:Z,className:"rdd-taskbar-items-container",style:{scrollSnapType:"x mandatory"},children:s.minimized.map(r=>{let f=L.get(r.component)?.defaultOptions?.icon||t||An;return T("div",{onClick:()=>{ue.current!=="touch"&&(Y(null),M(r.id))},onContextMenu:h=>ze(r.id,h),onPointerDown:h=>{if(ue.current=h.pointerType,h.pointerType!=="touch")return;let p=h.currentTarget,N=h.clientX,D=h.clientY,W=h.pointerId,G=!1,Q=()=>{G=!0,clearTimeout(pe),p.removeEventListener("pointermove",oe),p.removeEventListener("pointerup",V),p.removeEventListener("pointercancel",Q)},V=()=>{Q();let ie=p.getBoundingClientRect();K?.id===r.id?(M(r.id),Y(null)):Y({id:r.id,rect:ie,title:r.title,component:r.component,fromTouch:!0})},oe=ie=>{Math.hypot(ie.clientX-N,ie.clientY-D)>at&&Q()},pe=setTimeout(()=>{if(G)return;p.removeEventListener("pointermove",oe),p.removeEventListener("pointerup",V),p.removeEventListener("pointercancel",Q);try{p.setPointerCapture(W)}catch{return}navigator.vibrate&&navigator.vibrate(10);let ie=de=>{p.removeEventListener("pointerup",ie),p.removeEventListener("pointercancel",ie),ze(r.id,de)};p.addEventListener("pointerup",ie),p.addEventListener("pointercancel",ie)},Me);p.addEventListener("pointermove",oe),p.addEventListener("pointerup",V),p.addEventListener("pointercancel",Q)},onPointerEnter:h=>{if(h.pointerType==="touch"||Fe)return;re.current&&clearTimeout(re.current);let p=h.currentTarget.getBoundingClientRect();h.clientX>=p.left&&h.clientX<=p.right&&h.clientY>=p.top&&h.clientY<=p.bottom&&Y({id:r.id,rect:p,title:r.title,component:r.component})},onPointerLeave:h=>{h.pointerType!=="touch"&&(re.current=setTimeout(()=>{Y(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:T("span",{className:"rdd-taskbar-item-icon",children:f})},r.id)})}),K&&To(fe("div",{className:"rdd-taskbar-item-tooltip",dir:s.dir,style:{position:"fixed",left:`${K.rect.left+K.rect.width/2}px`,top:`${K.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"&&Y(null)},onClick:()=>{M(K.id),Y(null)},onContextMenu:r=>ze(K.id,r),onPointerDown:r=>{if(r.pointerType!=="touch")return;let P=K.id,f=r.currentTarget,h=r.clientX,p=r.clientY,N=r.pointerId,D=!1,W=()=>{D=!0,clearTimeout(Q),f.removeEventListener("pointermove",G),f.removeEventListener("pointerup",W),f.removeEventListener("pointercancel",W)},G=V=>{Math.hypot(V.clientX-h,V.clientY-p)>at&&W()},Q=setTimeout(()=>{if(D)return;f.removeEventListener("pointermove",G),f.removeEventListener("pointerup",W),f.removeEventListener("pointercancel",W);try{f.setPointerCapture(N)}catch{return}navigator.vibrate&&navigator.vibrate(10);let V=oe=>{f.removeEventListener("pointerup",V),f.removeEventListener("pointercancel",V),ze(P,oe)};f.addEventListener("pointerup",V),f.addEventListener("pointercancel",V)},Me);f.addEventListener("pointermove",G),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:[ve(K.title,O),s.panels[K.id]?.dirty?" *":""]}),T("span",{onClick:r=>{r.stopPropagation(),z(K.id),Y(null)},title:ve(a.closePanel,O),className:"rdd-tooltip-close-x",children:T("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:T("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),T(Dr,{panelId:K.id})]}),document.body),T("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 P=s.panels[r];if(!P)return null;let f=Eo(r);return To(T(Wr,{panelId:r,children:T("div",{style:{width:"100%",height:"100%"},dir:s.dir,children:Nr(r,P,L)})}),f,r)}),J===null&&T(o.Component,{ref:ee,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 l=this._pendingSubscriptions.indexOf(o);l!==-1&&this._pendingSubscriptions.splice(l,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(l=>l.dockPanelToGroup(t,n,o))}movePanelOrder(t,n,o){this._dispatch(l=>l.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(l=>l.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,l]=No({}),s=Br(()=>({getActiveInGroup:L=>t[L]??null,setActiveInGroup:(L,M)=>n(x=>({...x,[L]:M})),isModifierActive:L=>o[L]??!1,setModifierActive:(L,M)=>l(x=>({...x,[L]:M})),toggleModifier:L=>l(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,l){return e.set(o,l),n(),()=>{e.get(o)===l&&(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(l=>l.activePanelId),t=Wo(Hn);if(!t)throw new Error("useActivePanelContribution must be used within PanelContributionProvider");let n=Yr(l=>t?t.subscribe(l):()=>{},[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:l,updateInstance:s,setDirty:L}=St(),M=Ue(),x=ot(),{dir:v}=Ve(),{modalClass:C,modalBodyClass:c}=pt(),I=Oo(null),{id:k,Component:E,props:_,options:u,dirty:w,dirtyOptions:R}=e,A=u,[m,y]=oi(A.icon||null),F=Oo(A);F.current=A;let O=ve(A.title,M),a=tn(async Y=>{if(Y?.force){o(k);return}if(I.current){if(!await I.current())return;o(k);return}if(w){l(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,l,k,w,R,O,x]),z=tn((Y,re)=>L(k,Y,re),[L,k]),H=tn(Y=>s(k,{options:{...F.current,title:Y}}),[s,k]),B=tn(Y=>y(Y),[]),J=tn(Y=>(I.current=Y,()=>{I.current=null}),[]),ee=ri(()=>({requestClose:a,setDirty:z,setTitle:H,setIcon:B,onCloseRequested:J,containerType:"modal",instanceId:k}),[a,z,H,B,J,k]),Z=w?`${O} *`:O,me=A.size?`rdd-modal-size-${A.size}`:"rdd-modal-size-auto",le=A.closable!==!1,X=A.bodyPadding,j=X!=null?typeof X=="number"?`${X}px`:X:void 0;ni(()=>{if(!n||!le)return;let Y=re=>{re.key==="Escape"&&(re.stopPropagation(),a())};return document.addEventListener("keydown",Y),()=>document.removeEventListener("keydown",Y)},[a,le,n]);let K=`calc(var(--rdd-z-base, 1000) + 9000 + ${t*10})`;return Gn("div",{className:"rdd-modal-overlay",style:{zIndex:K},dir:v,children:[Qe("div",{className:"rdd-modal-curtain",onClick:le?()=>a():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:()=>a(),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 ${c??""}`,style:j!=null?{padding:j}:void 0,children:Qe(Ct,{value:ee,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 l=()=>{let L=o.getBoundingClientRect();n({top:L.top,left:L.left,right:window.innerWidth-L.right,height:L.height})};l();let s=new ResizeObserver(l);return s.observe(o),window.addEventListener("resize",l),()=>{s.disconnect(),window.removeEventListener("resize",l)}},[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:l,openModal:s,updateInstance:L,setDirty:M,registerCloseHandler:x,unregisterCloseHandler:v}=St(),{modals:C}=gt(),c=Ue(),I=ot(),{dir:k}=Ve(),{sidePanelClass:E,sidePanelBodyClass:_}=pt(),u=Yn(null),{id:w,Component:R,props:A,options:m,dirty:y,dirtyOptions:F}=e,O=m,[a,z]=ui(O.icon||null),H=Yn(O);H.current=O;let B=ve(O.title,c),J=Gt(async U=>{if(U?.force){l(w);return}if(u.current){if(!await u.current())return;l(w);return}if(y){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:()=>l(w)},{size:"small"});return}l(w)},[l,s,w,y,F,B,I]),ee=Gt(async()=>u.current?await u.current():!y,[y]);_o(()=>(x(w,ee),()=>v(w)),[w,ee,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),[]),X=Gt(U=>(u.current=U,()=>{u.current=null}),[]),j=pi(()=>({requestClose:J,setDirty:Z,setTitle:me,setIcon:le,onCloseRequested:X,containerType:t==="left"?"left-panel":"right-panel",instanceId:w}),[J,Z,me,le,X,t,w]),K=y?`${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 Y=O.width||n||400,re=typeof Y=="number"?`${Y}px`:Y,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:[a&&Ae("div",{className:"rdd-side-panel-icon",children:a}),Ae("h4",{className:"rdd-side-panel-title",children:K}),Ae("button",{className:"rdd-side-panel-close-button",onClick:()=>J(),title:c(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,{...A,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:l}){let s=ht(()=>({tabId:e,onClose:t,onOpen:n,openTab:L=>o(L)}),[e,t,n,o]);return xe(Xo.Provider,{value:s,children:l})}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 l=n===e.id;return xe("button",{type:"button",onClick:()=>o(e.id),className:`rdd-sidebar-tab-btn${l?" rdd-active":""}`,title:e.label,"aria-pressed":l,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:l,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,l,M))}),xe("div",{className:"rdd-sidebar-tabs-list",children:t.map(x=>{if(x.hidden)return null;let v=l===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,l,M))})]})})});function wi({position:e,currentWidth:t,minWidth:n,maxWidth:o,onWidthChange:l,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:(c,I,k)=>{let E=e==="right"?k-c:k+c;l(Math.max(n,Math.min(o,E)))},onEnd:()=>L()})}})}var Vo=Yo(function({position:t="right",tabs:n,headerAction:o,footerAction:l,defaultWidth:s,minWidth:L=150,maxWidth:M=600,onWidthChange:x,activeTabId:v,onActiveTabChange:C,visible:c,onVisibilityChange:I,stripVisible:k,onStripVisibilityChange:E,showCloseButton:_=!1,hideDefaultHeader:u=!1,renderHeader:w,isSecondary:R=!1,children:A},m){let y=v!==void 0,[F,O]=mn(()=>s??280),a=bn(te=>{O(te),x?.(te)},[x]),[z,H]=mn(!1),[B,J]=mn(null),ee=y?v:B,Z=ht(()=>Ho(o),[o]),me=ht(()=>Ho(l),[l]),le=ht(()=>Z.filter(qn),[Z]),X=ht(()=>me.filter(qn),[me]),j=ht(()=>[...le,...n,...X],[le,n,X]),[K,Y]=mn(()=>new Set),re=ht(()=>{let te=new Set(K);ee&&te.add(ee);for(let Ee of j)Ee.eagerMount&&te.add(Ee.id);return te},[K,ee,j]),ue=Kn(ee??null);hn(()=>{ue.current=ee??null},[ee]);let Oe=Kn(F);hn(()=>{Oe.current=F},[F]);let U=bn(te=>{Y(te!==null?Ee=>{if(Ee.has(te))return Ee;let $=new Set(Ee);return $.add(te),$}: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}),y||J(te),C?.(te)},[y,C,j]);hn(()=>{ee!=null&&!j.some(te=>te.id===ee)&&U(null)},[ee,j,U]),yi(m,()=>({openTab:te=>U(te),closeDrawer:()=>U(null),getActiveTab:()=>ue.current,show:()=>I?.(!0),hide:()=>I?.(!1),toggle:()=>I?.(c===!1),showStrip:()=>E?.(!0),hideStrip:()=>E?.(!1),setWidth:te=>a(Math.max(L,Math.min(M,te))),getWidth:()=>Oe.current}),[U,c,I,E,a,L,M]);let Fe=bn(te=>{U(ee===te?null:te)},[ee,U]),$e=bn(()=>U(null),[U]),Be=u||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:te=>U(te),closeDrawer:()=>U(null),getActiveTab:()=>ue.current,position:t,isSecondary:R}),[U,t,R]),tt=c!==!1,nt=tt&&k!==!1,qe=tt&&ee!=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(te=>{if(!re.has(te.id))return null;let $=ee===te.id,q=()=>U(te.id);return vn("div",{style:{display:$?"flex":"none",flexDirection:"column",height:"100%",width:"100%"},children:[Be?w?.(te,$e,q):vn("div",{className:"rdd-sidebar-drawer-header",children:[xe("span",{className:"rdd-sidebar-header-title",children:te.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:te.id,onClose:$e,onOpen:q,setActiveTabId:U,children:te.renderContent(te.id,$e,q)})})]},te.id)})}),se=qe?xe(wi,{position:t,currentWidth:F,minWidth:L,maxWidth:M,onWidthChange:a,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:ee,isVisible:nt,position:t,onTabClick:Fe}),t==="left"&&je,t==="left"&&se,xe("div",{style:{flex:"1 1 0%",minWidth:0,overflow:"hidden"},children:A}),t==="right"&&se,t==="right"&&je,t==="right"&&xe($o,{tabs:n,headerEntries:Z,footerEntries:me,activeTabId:ee,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 l=o.position==="left"?"right":"left";return xe(Vo,{ref:n,...t,position:l,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,l]=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),c=e.items.find(u=>!("type"in u)&&u.id===C),I=C!==null,k=c?.icon??e.defaultIcon,E=c?.label??e.label,_=()=>{e.disabled||(!o&&M.current&&L(M.current.getBoundingClientRect()),l(u=>!u))};return Ii(()=>{if(!o||!x.current)return;let u=x.current,w=u.getBoundingClientRect(),R=8;w.right>window.innerWidth-R&&(u.style.left=`${Math.max(R,window.innerWidth-w.width-R)}px`,u.style.right="auto"),w.left<R&&(u.style.left=`${R}px`,u.style.right="auto"),w.bottom>window.innerHeight-R&&(u.style.top=`${Math.max(R,window.innerHeight-w.height-R)}px`,u.style.bottom="auto"),w.top<R&&(u.style.top=`${R}px`,u.style.bottom="auto")},[o]),jo(()=>{if(!o)return;let u=w=>{let R=w.target;M.current?.contains(R)||x.current?.contains(R)||l(!1)};return document.addEventListener("mousedown",u),()=>document.removeEventListener("mousedown",u)},[o]),jo(()=>{if(!o)return;let u=w=>{w.key==="Escape"&&l(!1)};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[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((u,w)=>{if("type"in u)return Ke("div",{className:"rdd-toolbar-group-flyout-sep",role:"separator"},`sep-${w}`);let R=C===u.id;return Zo("button",{type:"button",className:`rdd-toolbar-group-flyout-item${R?" rdd-active":""}`,disabled:u.disabled,role:"menuitem","aria-pressed":R,onClick:()=>{v?e.onActiveItemChange?.(u.id):n.setActiveInGroup(e.id,u.id),u.onActivate?.(u.id),l(!1)},children:[Ke("span",{className:"rdd-toolbar-group-flyout-icon",children:u.icon}),Ke("span",{className:"rdd-toolbar-group-flyout-label",children:u.label}),u.shortcut&&Ke("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 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 l=n.getActiveInGroup(e.group)===e.id;return Ke("button",{type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-radio${l?" rdd-active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":l,disabled:e.disabled,onClick:()=>{n.setActiveInGroup(e.group,e.id),e.onActivate?.(e.id)},children:e.icon},e.id)}case"toggle":{let l=e.active!==void 0,s=l?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:()=>{l||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:l,className:s,style:L},M){let x=gn(),v=t==="left"||t==="right";ki(M,()=>({show:()=>l?.(!0),hide:()=>l?.(!1),toggle:()=>l?.(o===!1)}),[o,l]);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((c,I)=>Ni(c,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(l=>{let s=typeof t.success=="function"?t.success(l):t.success;Xe.update(o,s,{type:"success",duration:n?.duration??5e3})},l=>{let s=typeof t.error=="function"?t.error(l):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:l,showProgress:s,pauseOnHover:L,animation:M,onDismiss:x,onExited:v}){let C=Et(null),c=Et(null),I=Et(null),k=Et(n.duration),E=Et(0),[_,u]=Qn(!1),w=M==="none"?"rdd-toast--visible":M==="fade"?"rdd-toast--fade-entering":l?"rdd-toast--entering-left":"rdd-toast--entering",[R,A]=Qn(w);Ai(()=>{let z=C.current,H=c.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(()=>A("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 y=()=>{!L||n.duration===0||(I.current&&(clearTimeout(I.current),I.current=null,k.current=Math.max(0,k.current-(Date.now()-E.current))),u(!0))},F=()=>{!L||n.duration===0||(u(!1),m(k.current))},O=["rdd-toast",n.type&&`rdd-toast--${n.type}`,R,o&&"rdd-toast--exiting",_&&"rdd-toast--paused"].filter(Boolean).join(" "),a=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:y,onMouseLeave:F,children:[a&&a,Re("div",{ref:c,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:l=!0,animation:s="slide",newestOnTop:L=!1,progressBar:M=!1,width:x=320,adapter:v}){let[C,c]=Qn([]),I=Et([]),k=Et(C);k.current=C;let E=Jn(A=>{c(m=>m.map(y=>y.id===A?{...y,exiting:!0}:y)),k.current.find(m=>m.id===A)?.options.onClose?.()},[]),_=Jn(A=>{let m=I.current.shift()??null;c(y=>{let F=y.filter(a=>a.id!==A);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 A=m=>{if(m.kind==="show"){let y=Un(m.rawOpts,n,o),F={id:m.id,message:m.message,options:y,exiting:!1},O={id:m.id,message:m.message,rawOpts:m.rawOpts};c(a=>a.find(B=>B.id===m.id)?a.map(B=>B.id===m.id?{...B,message:m.message,options:y}:B):a.filter(B=>!B.exiting).length<t?[...a,F]:(I.current.some(B=>B.id===O.id)||I.current.push(O),a))}else m.kind==="update"?(c(y=>y.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(y=>y.id!==m.id?y:{...y,message:m.message,rawOpts:{...y.rawOpts,...m.patch}})):m.kind==="dismiss"&&(m.id===void 0?(c(y=>y.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(A),()=>Xe.unsubscribe(A)},[v,t,n,o,E]),nn(()=>{if(!v)return;let A=m=>{if(m.kind==="show"){let y=Un(m.rawOpts,n,o);v.show(m.id,m.message,y)}else m.kind==="update"?v.update(m.id,m.message,m.patch):m.kind==="dismiss"&&v.dismiss(m.id)};return Xe.subscribe(A),()=>Xe.unsubscribe(A)},[v,n,o]),v){if(!v.Container)return null;let A=v.Container;return Uo(Re(A,{position:e}),document.body)}let u=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(A=>Re(Yi,{id:A.id,message:A.message,options:A.options,exiting:A.exiting,isLeft:u,showProgress:M,pauseOnHover:l,animation:s,onDismiss:E,onExited:_},A.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(),l=t-o.left,s=n-o.top;return l<bt&&s<bt?"top-left":l>o.width-bt&&s<bt?"top-right":l<bt&&s>o.height-bt?"bottom-left":l>o.width-bt&&s>o.height-bt?"bottom-right":null}function Zi({children:e,className:t,style:n}){let[o,l]=Ie({}),[s,L]=Ie({}),[M,x]=Ie({"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]}),[v,C]=Ie({}),[c,I]=Ie(null),[k,E]=Ie(null),[_,u]=Ie(null),[w,R]=Ie(()=>new Map),A=ke(100),m=ke(null),y=et((X,j)=>(l(K=>({...K,[X]:j})),()=>l(K=>{let Y={...K};return delete Y[X],Y})),[]),F=et(X=>{A.current+=1;let j=A.current;L(K=>({...K,[X]:j})),u(X)},[]),O=et((X,j,K=null)=>{let Y=or(j,K);x(re=>{let ue={"top-left":re["top-left"].filter(U=>U!==X),"top-right":re["top-right"].filter(U=>U!==X),"bottom-left":re["bottom-left"].filter(U=>U!==X),"bottom-right":re["bottom-right"].filter(U=>U!==X)};for(let U of Y)ue[U]=[...ue[U],X];return rr.every(U=>ue[U].length===re[U].length&&ue[U].every((Fe,$e)=>Fe===re[U][$e]))?re:ue})},[]),a=et(X=>{x(j=>({"top-left":j["top-left"].filter(K=>K!==X),"top-right":j["top-right"].filter(K=>K!==X),"bottom-left":j["bottom-left"].filter(K=>K!==X),"bottom-right":j["bottom-right"].filter(K=>K!==X)}))},[]),z=et((X,j)=>{C(K=>K[X]===j?K:{...K,[X]:j})},[]),H=et((X,j)=>{R(K=>{let Y=new Map(K);return Y.set(X,j),Y})},[]),B=et(X=>{R(j=>{let K=new Map(j);return K.delete(X),K})},[]),J=et(()=>{R(new Map)},[]),ee=Xt(()=>Array.from(w.keys()),[w]),Z=Xt(()=>({registerToolbar:y,insetTop:o.top??0,insetBottom:o.bottom??0}),[y,o]),me=Xt(()=>({managedWindowIds:ee,openManaged:H,closeManaged:B,closeAllManaged:J}),[ee,H,B,J]),le=Xt(()=>({topId:_,zOrders:s,focusWindow:F,containerRef:m,stacks:M,dockedSizes:v,dockWindow:O,undockWindow:a,reportDockedSize:z,draggingId:c,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,a,z,c,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${c!==null?" rdd-dragging-active":""}${t?" "+t:""}`,style:n,children:[e,c!==null&&ae(Ui,{hoveredZone:k}),Array.from(w.entries()).map(([X,j])=>ae(lr,{id:X,title:j.title,icon:j.icon,open:!0,onClose:()=>B(X),defaultAnchor:j.anchor??"top-right",defaultWidth:j.width??320,defaultHeight:j.height??240,defaultStretch:j.stretch,children:j.content},X))]})})})})}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:l,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 u=new ResizeObserver(_);return u.observe(E),()=>{u.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,...l},children:L})}function Qi({icon:e,onClick:t,disabled:n,title:o,variant:l}){return ae("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:t,disabled:n,title:o,"aria-label":o,...l?{"data-variant":l}:{},children:e})}function es({icon:e,active:t,onToggle:n,disabled:o,title:l,variant:s}){return ae("button",{type:"button",className:`rdd-panel-toolbar-btn${t?" rdd-panel-toolbar-btn--active":""}`,onClick:n,disabled:o,title:l,"aria-label":l,"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,l]=Ie(!1),[s,L]=Ie(""),[M,x]=Ie([]),[v,C]=Ie(null),c=ke(null),I=ke(null),k=ke(null),E=ke(null),_=()=>{l(!0),setTimeout(()=>I.current?.focus({preventScroll:!0}),0)},u=()=>{l(!1),L(""),x([]),C(null),k.current?.abort(),E.current&&clearTimeout(E.current)},w=O=>{let a=O.target.value;if(L(a),k.current?.abort(),E.current&&clearTimeout(E.current),!a.trim()){x([]),C(null);return}E.current=setTimeout(async()=>{let z=new AbortController;k.current=z;try{let H=await t(a,z.signal);if(!z.signal.aborted){x(H);let B=c.current;if(B&&H.length>0){let J=B.getBoundingClientRect(),ee=Math.max(J.width,240),Z=J.left;Z+ee>window.innerWidth-8&&(Z=window.innerWidth-ee-8),C({top:J.bottom+4,left:Z,width:ee})}else C(null)}}catch{}},300)},R=O=>{n(O),u()},A=O=>{c.current?.contains(O.relatedTarget)||u()},m=O=>{O.key==="Escape"&&u()},y=Xt(()=>{let O={};for(let a of M){let z=a.group??"";O[z]||(O[z]=[]),O[z].push(a)}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:c,className:"rdd-panel-toolbar-search rdd-panel-toolbar-search--open",onBlur:A,children:[ae("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:u,"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(y).map(([O,a])=>vt(nr.Fragment,{children:[O&&ae("div",{className:"rdd-panel-toolbar-search__group",children:O}),a.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:c,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:l,defaultHeight:s,defaultStretch:L,stretch:M,onPlacementChange:x,stretchable:v=!0,children:C,ctx:c,onClose:I}){let k=Pn(Ft)?.isRtl??!1,[E,_]=Ie("docked"),[u,w]=Ie(o),[R,A]=Ie(L??null),m=M!==void 0,y=m?M??null:R,[F,O]=Ie(null),[a,z]=Ie({w:l,h:s}),H=ke(null),B=ke(E);B.current=E;let J=ke(F);J.current=F;let ee=ke(a);ee.current=a;let Z=ke(y);Z.current=y;let me=ke(u);me.current=u;let le=ke(x);le.current=x;let[X,j]=Ie({inline:!1,block:!1}),K=ke(X);K.current=X;let Y=ke(0),re=et(($,q)=>{w($),m||A(q),le.current?.({anchor:$,stretch:q})},[m]),ue=ke(null);to(()=>{E==="docked"&&c?.dockWindow(e,u,y)},[E,u,y]),to(()=>()=>{c?.undockWindow(e)},[]);let Oe=ke(!1);Jo(()=>{if(process.env.NODE_ENV!=="development"||Oe.current||E!=="docked"||!it(y)||!c)return;let $=u.endsWith("-right")?"right":"left",q=[`top-${$}`,`bottom-${$}`].flatMap(ce=>c.stacks[ce]??[]).filter(ce=>ce!==e);q.length!==0&&(Oe.current=!0,console.warn(`[react-dockable-desktop] PanelFloatingWindow "${e}" stretches the block axis (stretch: "${y}") 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,y,u,c?.stacks,e]),Jo(()=>{c?.reportDockedSize(e,a.h)},[a.h]);let U=c?.zOrders[e]??101,Fe=!c||c.topId===e,$e=()=>{let $=H.current?.offsetParent;return{cw:$?.clientWidth??9999,ch:$?.clientHeight??9999}},Be=()=>{let $=c?.insetInlineStart??0,q=c?.insetInlineEnd??0;return{left:(k?q:$)+Yt,right:(k?$:q)+Yt,top:c?.insetTop??0,bottom:c?.insetBottom??0}},Ge=()=>{c?.focusWindow(e)},st=$=>{if($.button!==0)return;$.preventDefault();let q,ce;if(B.current==="docked"){let he=H.current,be=c?.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=c?.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:ee.current.w,h:it(Z.current)&&be?be.height:ee.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,g=Ye-ze.top-ze.bottom-Y.current,d=Z.current,S={...Me};De&&!ct(d)&&(yt>=b-er?S.inline=!0:Me.inline&&yt<b-tr&&(S.inline=!1)),_e&&!it(d)&&(Pt>=g-er?S.block=!0:Me.block&&Pt<g-tr&&(S.block=!1)),(S.inline!==Me.inline||S.block!==Me.block)&&(Me=S,j(S))}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){(K.current.inline||K.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)}c?.undockWindow(e),_("free")}document.body.classList.add("rdd-dragging-active"),c?.setDraggingId(e)}let{cw:ce,ch:he}=$e(),be=Math.max(0,Math.min(q.posX+$.clientX-q.mouseX,ce-ee.current.w)),ye=Math.max(0,Math.min(q.posY+$.clientY-q.mouseY,he-ee.current.h));O({x:be,y:ye});let De=c?.containerRef?.current;if(De){let _e=ji(De,$.clientX,$.clientY);c?.setHoveredZone(_e&&k?Ut(_e):_e)}}},qe=()=>{if(ue.current?.hasDragged){let $=c?.hoveredZone;$&&(c?.dockWindow(e,$,Z.current),_("docked"),O(null),re($,Z.current)),c?.setHoveredZone(null),c?.setDraggingId(null)}document.body.classList.remove("rdd-dragging-active"),ue.current=null},je=()=>{ue.current?.hasDragged&&(c?.setHoveredZone(null),c?.setDraggingId(null)),document.body.classList.remove("rdd-dragging-active"),ue.current=null},se;if(E==="docked"&&c){let $=or(u,y),q=0,ce=$.length===0;for(let be of $){let ye=c.stacks[be]??[],De=ye.indexOf(e);if(De===-1)continue;ce=!0;let _e=0;for(let We=0;We<De;We++)_e+=(c.dockedSizes[ye[We]]??s)+ls;q=Math.max(q,_e)}Y.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(y)?(se.insetInlineStart=(c.insetInlineStart??0)+Yt,se.insetInlineEnd=(c.insetInlineEnd??0)+Yt):(se[u.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]=Yt,se.width=a.w),it(y)?(se.top=he.top,se.bottom=he.bottom):u.startsWith("top-")?(se.top=he.top+q,se.height=a.h):(se.bottom=he.bottom+q,se.height=a.h)}else se={left:F?.x??0,top:F?.y??0,width:a.w,height:a.h,zIndex:U};let te=nr.useMemo(()=>{if(E==="free")return["n","ne","e","se","s","sw","w","nw"];let $=u.startsWith("top-")?"s":"n",ce=u.endsWith("-right")!==k?"w":"e",he=ct(y),be=it(y),ye=[];return ye.push(...he?["e","w"]:[ce]),ye.push(...be?["n","s"]:[$]),!he&&!be&&ye.push(`${$}${ce}`),ye},[E,u,k,y]),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":"",X.inline||X.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}),te.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.`)}Pt({width:Math.max(100,E.width),height:Math.max(100,E.height)})});return a.observe(n),()=>{a.disconnect()}},[]),Ce(()=>{let n=Ie.width,l=Ie.height;s.floating.forEach(a=>{let m=typeof a.width=="string"?parseFloat(a.width):a.width,E=typeof a.height=="string"?parseFloat(a.height):a.height,I=typeof a.x=="string"?parseFloat(a.x):a.x,v=typeof a.y=="string"?parseFloat(a.y):a.y,M=m,_=E,K=I,H=v,Z=!1;if(M>n&&(M=Math.max(200,n-20),Z=!0),_>l&&(_=Math.max(150,l-40),Z=!0),!a.anchor){let ne=n-100;K>ne&&(K=Math.max(0,ne),Z=!0);let ie=l-40;H>ie&&(H=Math.max(0,ie),Z=!0)}Z&&d(a.id,{x:K,y:H,width:M,height:_})})},[Ie,s.floating,d]),Ce(()=>{let n=l=>{if(l.button!==0)return;let a=l.target;if(!a||typeof a.closest!="function")return;let m=a.closest(".rdd-floating-window");if(m){let I=m.getAttribute("data-window-id");I&&(x(I),R(I));return}let E=a.closest(".rdd-workspace-panel");if(E){let I=E.getAttribute("data-active-panel-id");I&&x(I)}};return document.addEventListener("pointerdown",n),()=>{document.removeEventListener("pointerdown",n)}},[R,x]);let Vt=(n,l)=>{l.preventDefault();let a=s.floating.find(H=>H.id===n);if(!a||a.maximized)return;R(n);let m=l.currentTarget,E=m.closest(".rdd-floating-window"),I=l.clientX,v=l.clientY,M=E?E.offsetLeft:0,_=E?E.offsetTop:0,K=()=>{let H=Be.current,Z=fe.current,ne=Qe.current,ie=$e.current;if(ie)d(n,{anchor:V?Jt(ie):ie});else if(ne)w(n,dt(ne));else if(Z){let me=Z.index;Z.side==="right"&&(me+=1),g(n,Z.leafId,me)}else H&&A(n,H.leafId,dt(H.position));Fe(null),be()};if(l.pointerType==="touch"){let H=l.pointerId,Z=!1,ne=()=>{Z=!0,clearTimeout(me),m.removeEventListener("pointermove",ie),m.removeEventListener("pointerup",ne),m.removeEventListener("pointercancel",ne)},ie=_e=>{Math.hypot(_e.clientX-I,_e.clientY-v)>Se&&ne()},me=setTimeout(()=>{if(Z)return;m.removeEventListener("pointermove",ie),m.removeEventListener("pointerup",ne),m.removeEventListener("pointercancel",ne);try{m.setPointerCapture(H)}catch{return}m.classList.add("rdd-long-press-active"),document.body.classList.add("rdd-dragging-active"),D(n);let _e=It=>{let Lt=It.clientX-I,Nt=It.clientY-v;d(n,{x:M+Lt,y:_+Nt,anchor:null}),De(It.clientX,It.clientY)},de=()=>{m.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),m.removeEventListener("pointermove",_e),m.removeEventListener("pointerup",de),m.removeEventListener("pointercancel",ve),K()},ve=()=>{m.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),m.removeEventListener("pointermove",_e),m.removeEventListener("pointerup",de),m.removeEventListener("pointercancel",ve),be()};m.addEventListener("pointermove",_e),m.addEventListener("pointerup",de),m.addEventListener("pointercancel",ve)},Me);m.addEventListener("pointermove",ie),m.addEventListener("pointerup",ne),m.addEventListener("pointercancel",ne)}else{let H=!1,Z=me=>{let _e=me.clientX-I,de=me.clientY-v;!H&&(Math.abs(_e)>5||Math.abs(de)>5)&&(H=!0,D(n)),H&&d(n,{x:M+_e,y:_+de,anchor:null})},ne=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",Z),window.removeEventListener("pointerup",ne),window.removeEventListener("pointercancel",ie),H&&K()},ie=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",Z),window.removeEventListener("pointerup",ne),window.removeEventListener("pointercancel",ie),H&&be()};document.body.classList.add("rdd-dragging-active"),window.addEventListener("pointermove",Z),window.addEventListener("pointerup",ne),window.addEventListener("pointercancel",ie)}},Ve=(n,l,a)=>{a.preventDefault(),a.stopPropagation();let m=s.floating.find(_e=>_e.id===n);if(!m||m.maximized)return;R(n);let E=a.currentTarget,I=E.closest(".rdd-floating-window"),v={x:I?I.offsetLeft:0,y:I?I.offsetTop:0,w:I?I.offsetWidth:400,h:I?I.offsetHeight:300},M=Ie.width,_=Ie.height,K=typeof m.x=="string"?parseFloat(m.x):m.x,H=typeof m.y=="string"?parseFloat(m.y):m.y,Z=typeof m.width=="string"?parseFloat(m.width):m.width,ne=typeof m.height=="string"?parseFloat(m.height):m.height,ie=l==="se"&&Math.abs(K+Z-M)<4,me=l==="se"&&Math.abs(H+ne-_)<4;mt({element:E,pointerId:a.pointerId,startClientX:a.clientX,startClientY:a.clientY,captureStart:()=>v,activeClasses:[{el:document.body,classes:["rdd-resizing-active"]}],onMove:(_e,de,ve)=>{let It=Qt(l,_e,de,ve,{minW:200,minH:150}),{x:Lt,y:Nt,w:Cn,h:wn}=It;ie&&(Lt=M-Cn,Lt<0&&(Lt=0,Cn=M)),me&&(Nt=_-wn,Nt<0&&(Nt=0,wn=_)),d(n,{x:Lt,y:Nt,width:Cn,height:wn})}})},pt=n=>{if(Q.current){let l=n==="left"?-150:150;Q.current.scrollBy({left:l,behavior:"smooth"})}},i=On(()=>{G.current&&clearTimeout(G.current),ee(!0)},[]),f=On(()=>{G.current=setTimeout(()=>ee(!1),400)},[]);Ce(()=>{o==="autohide"&&s.minimized.length>j.current&&(G.current&&clearTimeout(G.current),ee(!0),G.current=setTimeout(()=>ee(!1),2e3)),j.current=s.minimized.length},[s.minimized.length,o]);let p=Wn();return Ce(()=>(e?document.documentElement.setAttribute("data-workspace-skin",e):document.documentElement.removeAttribute("data-workspace-skin"),()=>{document.documentElement.removeAttribute("data-workspace-skin")}),[e]),Ce(()=>(p==="light"?document.documentElement.setAttribute("data-color-scheme","light"):document.documentElement.removeAttribute("data-color-scheme"),()=>{document.documentElement.removeAttribute("data-color-scheme")}),[p]),Ce(()=>(c?document.documentElement.classList.remove("rdd-no-animations"):document.documentElement.classList.add("rdd-no-animations"),()=>{document.documentElement.classList.remove("rdd-no-animations")}),[c]),pe("div",{className:`rdd-workspace${c?"":" rdd-no-animations"}`,"data-workspace-skin":e,"data-color-scheme":p,style:{display:"flex",flexDirection:"column",position:"relative",width:"100%",height:"100%",overflow:"hidden",userSelect:"none"},dir:s.dir,children:[pe("div",{ref:Xe,className:s.draggedPanelId?"rdd-dragging-active":void 0,style:{flexGrow:1,width:"100%",position:"relative",overflow:"hidden"},children:[s.draggedPanelId!==null&&pe(Eo,{children:[L("div",{"data-edge-trigger":"left",className:"rdd-workspace-edge-trigger rdd-edge-trigger-left",onPointerEnter:()=>ye("left"),onPointerLeave:()=>ye(null)}),L("div",{"data-edge-trigger":"right",className:"rdd-workspace-edge-trigger rdd-edge-trigger-right",onPointerEnter:()=>ye("right"),onPointerLeave:()=>ye(null)}),L("div",{"data-edge-trigger":"top",className:"rdd-workspace-edge-trigger rdd-edge-trigger-top",onPointerEnter:()=>ye("top"),onPointerLeave:()=>ye(null)}),L("div",{"data-edge-trigger":"bottom",className:"rdd-workspace-edge-trigger rdd-edge-trigger-bottom",onPointerEnter:()=>ye("bottom"),onPointerLeave:()=>ye(null)})]}),s.draggedPanelId!==null&&["top-left","top-right","bottom-left","bottom-right"].map(n=>L("div",{className:`rdd-corner-zone rdd-corner-zone--${n}${te===n?" rdd-corner-zone--hovered":""}`,onPointerEnter:()=>{Fe(n),ye(null)},onPointerLeave:()=>Fe(null),"aria-hidden":"true"},n)),s.draggedPanelId!==null&&st!==null&&L("div",{className:"rdd-workspace-edge-preview",style:(()=>{let n=`${s.edgeSplitRatio*100}%`;switch(st){case"left":return{left:0,top:0,bottom:0,width:n};case"right":return{right:0,top:0,bottom:0,width:n};case"top":return{top:0,left:0,right:0,height:n};case"bottom":return{bottom:0,left:0,right:0,height:n}}})()}),L("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:s.gridRoot?L(zo,{node:s.gridRoot,path:[],onTabRightClick:We,activeDropZone:Ge,onHoverDropZone:Re,onTabDragStart:ke,hoveredTab:J,onTabHover:we,defaultPanelIcon:t,onRequestClosePanel:N}):L("div",{className:"rdd-empty-workspace-grid",children:"Grid Empty"})}),s.floating.map(n=>{let l=s.panels[n.id];if(!l)return null;let a=n.maximized,m=s.draggedPanelId===n.id,E=s.activePanelId===n.id,v=S.get(l.component)?.defaultOptions;return pe("div",{"data-window-id":n.id,dir:s.dir,onPointerDownCapture:()=>{x(n.id),R(n.id)},className:`rdd-floating-window ${a?"rdd-maximized":""} ${E?"rdd-window-focused":""} ${O??""}`,style:(()=>{let K=typeof n.width=="number"?`${n.width}px`:n.width,H=typeof n.height=="number"?`${n.height}px`:n.height;if(a)return{position:"absolute",left:0,top:0,width:"100%",height:"100%",zIndex:n.z,pointerEvents:m?"none":"auto"};if(n.anchor){let Z=s.floating.filter(de=>de.anchor===n.anchor&&!de.maximized),ne=Z.findIndex(de=>de.id===n.id),ie=8;for(let de=0;de<ne;de++){let ve=typeof Z[de].height=="number"?Z[de].height:parseFloat(Z[de].height);ie+=ve+8}let me=n.anchor.startsWith("top");return{position:"absolute",[n.anchor.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]:8,[me?"top":"bottom"]:ie,width:K,height:H,zIndex:n.z,transition:m?"none":"top 0.2s ease, bottom 0.2s ease",pointerEvents:m?"none":"auto"}}return{position:"absolute",left:typeof n.x=="number"?`${n.x}px`:n.x,top:typeof n.y=="number"?`${n.y}px`:n.y,width:K,height:H,zIndex:n.z,pointerEvents:m?"none":"auto"}})(),children:[pe("div",{onDoubleClick:()=>C(n.id),onPointerDown:M=>{v?.canDrag!==!1&&Vt(n.id,M)},className:"rdd-floating-window-titlebar rdd-cursor-move",style:{cursor:a||v?.canDrag===!1?"default":"move"},children:[pe("span",{className:"rdd-floating-window-title",children:[L("span",{className:"rdd-window-title-icon",children:v?.icon||t||An}),pe("span",{children:[ce(l.title,z),l.dirty?" *":""]})]}),pe("div",{className:"rdd-titlebar-actions",style:{gap:"var(--rdd-header-button-gap, 4px)"},onPointerDown:M=>M.stopPropagation(),children:[v?.renderHeaderActions&&L("div",{className:"rdd-window-header-actions",children:v.renderHeaderActions(n.id)}),W(n.id).length>0&&L("button",{type:"button",className:"rdd-custom-tab-btn rdd-btn-more-actions",title:"More actions",onClick:M=>{M.stopPropagation();let _=W(n.id);_.length!==0&&b({event:M,items:_})},children:pe("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",style:{display:"block"},children:[L("circle",{cx:"12",cy:"5",r:"2"}),L("circle",{cx:"12",cy:"12",r:"2"}),L("circle",{cx:"12",cy:"19",r:"2"})]})}),L("button",{type:"button",title:a?ce(u.restoreSize,z):ce(u.maximize,z),onClick:()=>C(n.id),className:"rdd-custom-tab-btn rdd-btn-maximize-tab",children:L("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:L("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1.5"})})}),v?.canMinimize!==!1&&L("button",{type:"button",title:ce(u.minimize,z),onClick:()=>y(n.id),className:"rdd-custom-tab-btn rdd-btn-minimize-tab",children:L("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:L("path",{d:"M5 12h14"})})}),v?.canClose!==!1&&L("button",{type:"button",title:ce(u.close,z),onClick:()=>N(n.id),className:"rdd-custom-tab-btn rdd-btn-close-tab",children:L("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:L("path",{d:"M18 6L6 18M6 6l12 12"})})})]})]}),L("div",{className:Y??void 0,style:{flexGrow:1,width:"100%",overflow:"hidden",position:"relative",isolation:"isolate"},children:L(No,{panelId:n.id},n.id)}),!a&&pe(Eo,{children:[L("div",{onPointerDown:M=>Ve(n.id,"n",M),className:"rdd-resize-handle rdd-resize-n"}),L("div",{onPointerDown:M=>Ve(n.id,"ne",M),className:"rdd-resize-handle rdd-resize-ne"}),L("div",{onPointerDown:M=>Ve(n.id,"e",M),className:"rdd-resize-handle rdd-resize-e"}),L("div",{onPointerDown:M=>Ve(n.id,"se",M),className:"rdd-resize-handle rdd-resize-se"}),L("div",{onPointerDown:M=>Ve(n.id,"s",M),className:"rdd-resize-handle rdd-resize-s"}),L("div",{onPointerDown:M=>Ve(n.id,"sw",M),className:"rdd-resize-handle rdd-resize-sw"}),L("div",{onPointerDown:M=>Ve(n.id,"w",M),className:"rdd-resize-handle rdd-resize-w"}),L("div",{onPointerDown:M=>Ve(n.id,"nw",M),className:"rdd-resize-handle rdd-resize-nw"})]})]},n.id)})]}),(o==="always"||s.minimized.length>0)&&pe("div",{className:["rdd-taskbar-footer-container",`rdd-taskbar-mode-${o}`,o==="autohide"&&ge?"rdd-taskbar-expanded":""].filter(Boolean).join(" "),style:{height:"48px",zIndex:100},onPointerEnter:o==="autohide"?i:void 0,onPointerLeave:o==="autohide"?f:void 0,children:[o==="autohide"&&L("div",{className:"rdd-taskbar-peek-handle"}),L("button",{type:"button",onClick:()=>pt("left"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25C0"}),L("div",{ref:Q,className:"rdd-taskbar-items-container",style:{scrollSnapType:"x mandatory"},children:s.minimized.map(n=>{let a=S.get(n.component)?.defaultOptions?.icon||t||An;return L("div",{onClick:()=>{ue.current!=="touch"&&($(null),h(n.id))},onContextMenu:m=>Ee(n.id,m),onPointerDown:m=>{if(ue.current=m.pointerType,m.pointerType!=="touch")return;let E=m.currentTarget,I=m.clientX,v=m.clientY,M=m.pointerId,_=!1,K=()=>{_=!0,clearTimeout(ne),E.removeEventListener("pointermove",Z),E.removeEventListener("pointerup",H),E.removeEventListener("pointercancel",K)},H=()=>{K();let ie=E.getBoundingClientRect();B?.id===n.id?(h(n.id),$(null)):$({id:n.id,rect:ie,title:n.title,component:n.component,fromTouch:!0})},Z=ie=>{Math.hypot(ie.clientX-I,ie.clientY-v)>Se&&K()},ne=setTimeout(()=>{if(_)return;E.removeEventListener("pointermove",Z),E.removeEventListener("pointerup",H),E.removeEventListener("pointercancel",K);try{E.setPointerCapture(M)}catch{return}navigator.vibrate&&navigator.vibrate(10);let ie=me=>{E.removeEventListener("pointerup",ie),E.removeEventListener("pointercancel",ie),Ee(n.id,me)};E.addEventListener("pointerup",ie),E.addEventListener("pointercancel",ie)},Me);E.addEventListener("pointermove",Z),E.addEventListener("pointerup",H),E.addEventListener("pointercancel",K)},onPointerEnter:m=>{if(m.pointerType==="touch"||Ae)return;re.current&&clearTimeout(re.current);let E=m.currentTarget.getBoundingClientRect();m.clientX>=E.left&&m.clientX<=E.right&&m.clientY>=E.top&&m.clientY<=E.bottom&&$({id:n.id,rect:E,title:n.title,component:n.component})},onPointerLeave:m=>{m.pointerType!=="touch"&&(re.current=setTimeout(()=>{$(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:L("span",{className:"rdd-taskbar-item-icon",children:a})},n.id)})}),B&&ko(pe("div",{className:"rdd-taskbar-item-tooltip",dir:s.dir,style:{position:"fixed",left:`${B.rect.left+B.rect.width/2}px`,top:`${B.rect.top-8}px`,transform:"translateX(-50%) translateY(-100%)",opacity:1,pointerEvents:"auto",zIndex:999999},onPointerEnter:()=>{re.current&&clearTimeout(re.current)},onPointerLeave:n=>{n.pointerType!=="touch"&&$(null)},onClick:()=>{h(B.id),$(null)},onContextMenu:n=>Ee(B.id,n),onPointerDown:n=>{if(n.pointerType!=="touch")return;let l=B.id,a=n.currentTarget,m=n.clientX,E=n.clientY,I=n.pointerId,v=!1,M=()=>{v=!0,clearTimeout(K),a.removeEventListener("pointermove",_),a.removeEventListener("pointerup",M),a.removeEventListener("pointercancel",M)},_=H=>{Math.hypot(H.clientX-m,H.clientY-E)>Se&&M()},K=setTimeout(()=>{if(v)return;a.removeEventListener("pointermove",_),a.removeEventListener("pointerup",M),a.removeEventListener("pointercancel",M);try{a.setPointerCapture(I)}catch{return}navigator.vibrate&&navigator.vibrate(10);let H=Z=>{a.removeEventListener("pointerup",H),a.removeEventListener("pointercancel",H),Ee(l,Z)};a.addEventListener("pointerup",H),a.addEventListener("pointercancel",H)},Me);a.addEventListener("pointermove",_),a.addEventListener("pointerup",M),a.addEventListener("pointercancel",M)},children:[pe("div",{className:"rdd-tooltip-header-row",children:[pe("span",{className:"rdd-tooltip-title-text rdd-text-truncate",style:{maxWidth:"140px"},children:[ce(B.title,z),s.panels[B.id]?.dirty?" *":""]}),L("span",{onClick:n=>{n.stopPropagation(),N(B.id),$(null)},title:ce(u.closePanel,z),className:"rdd-tooltip-close-x",children:L("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:L("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),L(Wr,{panelId:B.id})]}),document.body),L("button",{type:"button",onClick:()=>pt("right"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25B6"})]}),Object.keys(s.panels).map(n=>{let l=s.panels[n];if(!l)return null;let a=Lo(n);return ko(L(Or,{panelId:n,children:L("div",{style:{width:"100%",height:"100%"},dir:s.dir,children:Dr(n,l,S)})}),a,n)}),q===null&&L(r.Component,{ref:U,theme:"dark",formatMessageProvider:z,onShow:()=>X(!0),onHide:()=>X(!1)}),s.draggedPanelId!==null&&!s.floating.some(n=>n.id===s.draggedPanelId)&&pe("div",{className:"rdd-drag-ghost-tab",style:{left:rt.x+12,top:rt.y+12,zIndex:1e5},children:["\u{1F4C4} ",ce(s.panels[s.draggedPanelId]?.title,z)||"Tab"]})]})},_r=Fr;var Hn=class{registry;initialState;config;_actions=null;_initialized=!1;_pendingCalls=[];_pendingOpenPanelIds=new Set;_pendingSubscriptions=[];_disconnectedWarnTimer=null;constructor(t={}){if(this.registry=new Dt,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[o,r]of Object.entries(t.panels))this.registry.register(o,r.component,r.defaultOptions)}_connect(t){this._actions=t,this._disconnectedWarnTimer!==null&&(clearTimeout(this._disconnectedWarnTimer),this._disconnectedWarnTimer=null),this._initialized||(this._initialized=!0);for(let r of this._pendingSubscriptions)r.unsub=t.subscribe(r.event,r.callback);let o=this._pendingCalls.splice(0);for(let r of o)r(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,o){if(this._actions)return this._actions.subscribe(t,o);let r={event:t,callback:o,unsub:null};return this._pendingSubscriptions.push(r),()=>{r.unsub?.(),r.unsub=null;let c=this._pendingSubscriptions.indexOf(r);c!==-1&&this._pendingSubscriptions.splice(c,1)}}openPanel(...t){if(this._actions){this._actions.openPanel(...t);return}let o=t[0];this._pendingOpenPanelIds.has(o)||(this._pendingOpenPanelIds.add(o),this._pendingCalls.push(r=>{this._pendingOpenPanelIds.delete(o),r.openPanel(...t)}),this._startWarnTimer())}closePanel(t){this._dispatch(o=>o.closePanel(t))}minimizePanel(t){this._dispatch(o=>o.minimizePanel(t))}restorePanel(...t){this._dispatch(o=>o.restorePanel(...t))}floatPanel(...t){this._dispatch(o=>o.floatPanel(...t))}dockPanel(...t){this._dispatch(o=>o.dockPanel(...t))}maximizePanel(t){this._dispatch(o=>o.maximizePanel(t))}focusPanel(t){this._dispatch(o=>o.focusPanel(t))}isOpen(t){return this._actions?.isOpen(t)??!1}getOpenPanelIds(){return this._actions?.getOpenPanelIds()??[]}findPanelId(t,o){return this._actions?.findPanelId(t,o)??null}saveLayout(){return this._actions?.saveLayout()??""}loadLayout(t){return this._actions?this._actions.loadLayout(t):(this._pendingCalls.push(o=>{o.loadLayout(t)}),!1)}setDirection(t){this._dispatch(o=>o.setDirection(t))}updateSplitSizes(t,o){this._dispatch(r=>r.updateSplitSizes(t,o))}updateFloatingPosition(t,o){this._dispatch(r=>r.updateFloatingPosition(t,o))}setDraggedPanelId(t){this._dispatch(o=>o.setDraggedPanelId(t))}dockPanelToGroup(t,o,r){this._dispatch(c=>c.dockPanelToGroup(t,o,r))}movePanelOrder(t,o,r){this._dispatch(c=>c.movePanelOrder(t,o,r))}closeLeafGroup(t){this._dispatch(o=>o.closeLeafGroup(t))}registerCloseGuard(t,o){this._dispatch(r=>r.registerCloseGuard(t,o))}unregisterCloseGuard(t){this._dispatch(o=>o.unregisterCloseGuard(t))}registerStateProvider(t,o){this._dispatch(r=>r.registerStateProvider(t,o))}unregisterStateProvider(t){this._dispatch(o=>o.unregisterStateProvider(t))}setPanelDirty(t,o,r){this._dispatch(c=>c.setPanelDirty(t,o,r))}updatePanelTitle(t,o){this._dispatch(r=>r.updatePanelTitle(t,o))}requestClosePanel(t,o){return this._actions?this._actions.requestClosePanel(t,o):(this._pendingCalls.push(r=>{r.requestClosePanel(t,o)}),Promise.resolve())}dockPanelToWorkspaceEdge(t,o){this._dispatch(r=>r.dockPanelToWorkspaceEdge(t,o))}showContextMenu(t){this._dispatch(o=>o.showContextMenu(t))}publish(t,o){this._dispatch(r=>r.publish(t,o))}subscribe(t,o){return this._subscribeRaw(t,o)}onPanelOpen(t){return this._subscribeRaw("panel:opened",o=>{let r=o;t(r.id,r.component)})}onPanelClose(t){return this._subscribeRaw("panel:closed",o=>{t(o.id)})}onPanelMinimize(t){return this._subscribeRaw("panel:minimized",o=>{t(o.id)})}onPanelRestore(t){return this._subscribeRaw("panel:restored",o=>{t(o.id)})}onLayoutChanged(t){return this._subscribeRaw("layout:changed",()=>t())}onPanelsExcluded(t){return this._subscribeRaw("layout:panels-excluded",o=>{t(o.panels)})}};import{useContext as ti}from"react";import{createContext as Hr,useContext as $r,useMemo as Br,useState as Do}from"react";import{jsx as Gr}from"react/jsx-runtime";var Wo=Hr(null),gn=({children:e})=>{let[t,o]=Do({}),[r,c]=Do({}),s=Br(()=>({getActiveInGroup:S=>t[S]??null,setActiveInGroup:(S,h)=>o(y=>({...y,[S]:h})),isModifierActive:S=>r[S]??!1,setModifierActive:(S,h)=>c(y=>({...y,[S]:h})),toggleModifier:S=>c(h=>({...h,[S]:!h[S]}))}),[t,r]);return Gr(Wo.Provider,{value:s,children:e})};function fn(){let e=$r(Wo);if(!e)throw new Error("useToolbar must be used within DockableDesktopProvider");return e}import{createContext as Yr,useCallback as Xr,useContext as Oo,useLayoutEffect as Vr,useMemo as Kr,useRef as qr,useSyncExternalStore as jr}from"react";import{jsx as ei}from"react/jsx-runtime";function Zr(){let e=new Map,t=new Set,o=()=>t.forEach(r=>r());return{publish(r,c){return e.set(r,c),o(),()=>{e.get(r)===c&&(e.delete(r),o())}},get(r){return e.get(r)??null},subscribe(r){return t.add(r),()=>t.delete(r)}}}var $n=Yr(null),Bn=({children:e})=>{let t=Kr(()=>Zr(),[]);return ei($n.Provider,{value:t,children:e})};function Ur(e){let t=dn(),o=Oo($n),r=qr(null);if(!o)throw new Error("usePanelContribution must be used within PanelContributionProvider");Vr(()=>{if(o)return r.current?.(),r.current=o.publish(t,e),()=>{r.current?.(),r.current=null}},[o,t,e])}function Gn(){let e=je(c=>c.activePanelId),t=Oo($n);if(!t)throw new Error("useActivePanelContribution must be used within PanelContributionProvider");let o=Xr(c=>t?t.subscribe(c):()=>{},[t]),r=()=>t&&e?t.get(e):null;return jr(o,r,r)}function Ao(e,t=null){return{id:e.id,label:e.label,icon:e.icon??t,renderContent:()=>e.content}}function Jr(e){let t=Gn();return t?.toolbarItems?.length?[...e,{type:"separator"},...t.toolbarItems]:e}function Qr(e,t=null){let o=Gn();return o?.sidebarSections?.length?[...e,...o.sidebarSections.map(r=>Ao(r,t))]:e}import{jsx as tn}from"react/jsx-runtime";var ni=({contextMenuAdapter:e=Ht,...t})=>{let o=ti($t),r=tn(gn,{children:tn(Tn,{...t,children:tn(Bn,{children:tn(zn,{children:t.children})})})});return o!==null?r:tn(Ln,{adapter:e,formatMessageProvider:t.formatMessage,children:r})};import{useCallback as nn,useRef as Fo,useEffect as oi,useState as ri,useMemo as ii}from"react";import{Fragment as di,jsx as nt,jsxs as Yn}from"react/jsx-runtime";var si=({modal:e,index:t,isTopmost:o})=>{let{close:r,openModal:c,updateInstance:s,setDirty:S}=Mt(),h=Ke(),y=Ze(),{dir:P}=je(),{modalClass:C,modalBodyClass:d}=gt(),R=Fo(null),{id:T,Component:D,props:A,options:g,dirty:w,dirtyOptions:x}=e,W=g,[b,k]=ri(W.icon||null),F=Fo(W);F.current=W;let z=ce(W.title,h),u=nn(async $=>{if($?.force){r(T);return}if(R.current){if(!await R.current())return;r(T);return}if(w){c(Tt,{title:x?.title||y.unsavedChangesTitle,message:x?.message||{id:y.unsavedChangesMessage.id,defaultMessage:y.unsavedChangesMessage.defaultMessage,values:{title:z}},alert:x?.alert,alertType:x?.alertType||"danger",useYesNoTitles:!0,onOK:()=>r(T)},{size:"small"});return}r(T)},[r,c,T,w,x,z,y]),N=nn(($,re)=>S(T,$,re),[S,T]),O=nn($=>s(T,{options:{...F.current,title:$}}),[s,T]),Y=nn($=>k($),[]),q=nn($=>(R.current=$,()=>{R.current=null}),[]),U=ii(()=>({requestClose:u,setDirty:N,setTitle:O,setIcon:Y,onCloseRequested:q,containerType:"modal",instanceId:T}),[u,N,O,Y,q,T]),Q=w?`${z} *`:z,ge=W.size?`rdd-modal-size-${W.size}`:"rdd-modal-size-auto",ee=W.closable!==!1,G=W.bodyPadding,j=G!=null?typeof G=="number"?`${G}px`:G:void 0;oi(()=>{if(!o||!ee)return;let $=re=>{re.key==="Escape"&&(re.stopPropagation(),u())};return document.addEventListener("keydown",$),()=>document.removeEventListener("keydown",$)},[u,ee,o]);let B=`calc(var(--rdd-z-base, 1000) + 9000 + ${t*10})`;return Yn("div",{className:"rdd-modal-overlay",style:{zIndex:B},dir:P,children:[nt("div",{className:"rdd-modal-curtain",onClick:ee?()=>u():void 0}),Yn("div",{className:`rdd-modal-window ${ge} ${C??""}`,children:[Yn("div",{className:"rdd-modal-header",children:[b&&nt("div",{className:"rdd-modal-icon",children:b}),nt("h4",{className:"rdd-modal-title",children:Q}),ee&&nt("button",{className:"rdd-modal-close-button",onClick:()=>u(),title:h(y.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 ${d??""}`,style:j!=null?{padding:j}:void 0,children:nt(xt,{value:U,children:nt(D,{...A,panelId:T})})})]})]})},ai=()=>{let{modals:e}=ft();return e.length===0?null:nt(di,{children:e.map((t,o)=>nt(si,{modal:t,index:o,isTopmost:o===e.length-1},t.id))})},li=ai;import{useCallback as Gt,useRef as Xn,useEffect as Ho,useState as pi,useMemo as gi}from"react";import{useLayoutEffect as ci,useState as ui}from"react";function _o(e){let[t,o]=ui(null);return ci(()=>{let r=e.current?.parentElement;if(!r)return;let c=()=>{let S=r.getBoundingClientRect();o({top:S.top,left:S.left,right:window.innerWidth-S.right,height:S.height})};c();let s=new ResizeObserver(c);return s.observe(r),window.addEventListener("resize",c),()=>{s.disconnect(),window.removeEventListener("resize",c)}},[e]),t}import{Fragment as vi,jsx as He,jsxs as Vn}from"react/jsx-runtime";var mn=({panel:e,position:t,defaultWidth:o,containerRect:r})=>{let{close:c,openModal:s,updateInstance:S,setDirty:h,registerCloseHandler:y,unregisterCloseHandler:P}=Mt(),{modals:C}=ft(),d=Ke(),R=Ze(),{dir:T}=je(),{sidePanelClass:D,sidePanelBodyClass:A}=gt(),g=Xn(null),{id:w,Component:x,props:W,options:b,dirty:k,dirtyOptions:F}=e,z=b,[u,N]=pi(z.icon||null),O=Xn(z);O.current=z;let Y=ce(z.title,d),q=Gt(async X=>{if(X?.force){c(w);return}if(g.current){if(!await g.current())return;c(w);return}if(k){s(Tt,{title:F?.title||R.unsavedChangesTitle,message:F?.message||{id:R.unsavedChangesMessage.id,defaultMessage:R.unsavedChangesMessage.defaultMessage,values:{title:Y}},alert:F?.alert,alertType:F?.alertType||"danger",useYesNoTitles:!0,onOK:()=>c(w)},{size:"small"});return}c(w)},[c,s,w,k,F,Y,R]),U=Gt(async()=>g.current?await g.current():!k,[k]);Ho(()=>(y(w,U),()=>P(w)),[w,U,y,P]);let Q=Gt((X,Ae)=>h(w,X,Ae),[h,w]),ge=Gt(X=>S(w,{options:{...O.current,title:X}}),[S,w]),ee=Gt(X=>N(X),[]),G=Gt(X=>(g.current=X,()=>{g.current=null}),[]),j=gi(()=>({requestClose:q,setDirty:Q,setTitle:ge,setIcon:ee,onCloseRequested:G,containerType:t==="left"?"left-panel":"right-panel",instanceId:w}),[q,Q,ge,ee,G,t,w]),B=k?`${Y} *`:Y;Ho(()=>{let X=Ae=>{Ae.key==="Escape"&&C.length===0&&q()};return document.addEventListener("keydown",X),()=>document.removeEventListener("keydown",X)},[q,C.length]);let $=z.width||o||400,re=typeof $=="number"?`${$}px`:$,ue=z.bodyPadding,ze=ue!=null?typeof ue=="number"?`${ue}px`:ue:void 0;return He("div",{className:`rdd-side-panel rdd-side-panel-${t} rdd-side-panel-visible ${D??""}`,style:{width:re,...r?{top:r.top,height:r.height,bottom:"auto",...t==="right"?{right:r.right}:{left:r.left}}:{}},dir:T,children:Vn("div",{className:"rdd-side-panel-window",children:[Vn("div",{className:"rdd-side-panel-header",children:[u&&He("div",{className:"rdd-side-panel-icon",children:u}),He("h4",{className:"rdd-side-panel-title",children:B}),He("button",{className:"rdd-side-panel-close-button",onClick:()=>q(),title:d(R.closeTooltip),type:"button",children:He("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:He("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),He("div",{className:`rdd-side-panel-body ${A??""}`,style:ze!=null?{padding:ze}:void 0,children:He(xt,{value:j,children:He(x,{...W,panelId:w})})})]})})},Kn=({children:e})=>{let t=Xn(null),o=_o(t);return He("div",{ref:t,style:{display:"contents"},children:e(o)})},fi=({defaultWidth:e})=>{let{leftPanel:t,rightPanel:o}=ft();return He(Kn,{children:r=>Vn(vi,{children:[t&&He(mn,{panel:t,position:"left",defaultWidth:e,containerRect:r},t.id),o&&He(mn,{panel:o,position:"right",defaultWidth:e,containerRect:r},o.id)]})})},mi=({defaultWidth:e})=>{let{leftPanel:t}=ft();return He(Kn,{children:o=>t?He(mn,{panel:t,position:"left",defaultWidth:e,containerRect:o},t.id):null})},hi=({defaultWidth:e})=>{let{rightPanel:t}=ft();return He(Kn,{children:o=>t?He(mn,{panel:t,position:"right",defaultWidth:e,containerRect:o},t.id):null})},bi=fi;import yi,{useState as hn,useEffect as bn,useRef as qn,useCallback as vn,useImperativeHandle as Pi,useContext as Zn,useMemo as bt,createContext as Yo,forwardRef as Xo,memo as xi}from"react";import{jsx as he,jsxs as yn}from"react/jsx-runtime";function jn(e){return"renderContent"in e}function Ci(e){return"render"in e}function $o(e){return e==null?[]:Array.isArray(e)?e:[e]}var Un=Yo(null),Vo=Yo(null);function wi({tabId:e,onClose:t,onOpen:o,setActiveTabId:r,children:c}){let s=bt(()=>({tabId:e,onClose:t,onOpen:o,openTab:S=>r(S)}),[e,t,o,r]);return he(Vo.Provider,{value:s,children:c})}function Bo(e,t,o,r){if(Ci(e))return he(yi.Fragment,{children:e.render()},e.id??t);if(jn(e)){if(e.hidden)return null;let c=o===e.id;return he("button",{type:"button",onClick:()=>r(e.id),className:`rdd-sidebar-tab-btn${c?" rdd-active":""}`,title:e.label,"aria-pressed":c,children:e.icon},e.id)}return he("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 Go=xi(function({tabs:t,headerEntries:o,footerEntries:r,activeTabId:c,isVisible:s,position:S,onTabClick:h}){return he("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:yn("div",{className:`rdd-sidebar-tabs-strip rdd-${S}${o.length?" rdd-sidebar-tabs-strip--has-header-action":""}${r.length?" rdd-sidebar-tabs-strip--has-footer-action":""}`,style:{width:"56px",height:"100%"},children:[o.length>0&&he("div",{className:"rdd-sidebar-header-area",children:o.map((y,P)=>Bo(y,P,c,h))}),he("div",{className:"rdd-sidebar-tabs-list",children:t.map(y=>{if(y.hidden)return null;let P=c===y.id;return he("button",{type:"button",onClick:()=>h(y.id),className:`rdd-sidebar-tab-btn${P?" rdd-active":""}`,title:y.label,"aria-pressed":P,children:y.icon},y.id)})}),r.length>0&&he("div",{className:"rdd-sidebar-footer-area",children:r.map((y,P)=>Bo(y,P,c,h))})]})})});function Ri({position:e,currentWidth:t,minWidth:o,maxWidth:r,onWidthChange:c,onResizeStart:s,onResizeEnd:S}){return he("div",{className:"rdd-resizer-bar",style:{cursor:"col-resize",width:"1px",height:"100%",flexShrink:0,zIndex:20},onPointerDown:y=>{y.preventDefault();let P=y.currentTarget,C=[{el:P,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active","rdd-resizing-col-active"]}];s(),mt({element:P,pointerId:y.pointerId,startClientX:y.clientX,startClientY:y.clientY,captureStart:()=>t,activeClasses:C,onMove:(d,R,T)=>{let D=e==="right"?T-d:T+d;c(Math.max(o,Math.min(r,D)))},onEnd:()=>S()})}})}var Ko=Xo(function({position:t="right",tabs:o,headerAction:r,footerAction:c,defaultWidth:s,minWidth:S=150,maxWidth:h=600,onWidthChange:y,activeTabId:P,onActiveTabChange:C,visible:d,onVisibilityChange:R,stripVisible:T,onStripVisibilityChange:D,showCloseButton:A=!1,hideDefaultHeader:g=!1,renderHeader:w,isSecondary:x=!1,children:W},b){let k=P!==void 0,[F,z]=hn(()=>s??280),u=vn(te=>{z(te),y?.(te)},[y]),[N,O]=hn(!1),[Y,q]=hn(null),U=k?P:Y,Q=bt(()=>$o(r),[r]),ge=bt(()=>$o(c),[c]),ee=bt(()=>Q.filter(jn),[Q]),G=bt(()=>ge.filter(jn),[ge]),j=bt(()=>[...ee,...o,...G],[ee,o,G]),[B,$]=hn(()=>new Set),re=bt(()=>{let te=new Set(B);U&&te.add(U);for(let le of j)le.eagerMount&&te.add(le.id);return te},[B,U,j]),ue=qn(U??null);bn(()=>{ue.current=U??null},[U]);let ze=qn(F);bn(()=>{ze.current=F},[F]);let X=vn(te=>{$(te!==null?le=>{if(le.has(te))return le;let $e=new Set(le);return $e.add(te),$e}:le=>{let $e=!1,Fe=new Set(le);for(let V of le){let J=j.find(ae=>ae.id===V);J&&!J.eagerMount&&!J.preserveState&&(Fe.delete(V),$e=!0)}return $e?Fe:le}),k||q(te),C?.(te)},[k,C,j]);bn(()=>{U!=null&&!j.some(te=>te.id===U)&&X(null)},[U,j,X]),Pi(b,()=>({openTab:te=>X(te),closeDrawer:()=>X(null),getActiveTab:()=>ue.current,show:()=>R?.(!0),hide:()=>R?.(!1),toggle:()=>R?.(d===!1),showStrip:()=>D?.(!0),hideStrip:()=>D?.(!1),setWidth:te=>u(Math.max(S,Math.min(h,te))),getWidth:()=>ze.current}),[X,d,R,D,u,S,h]);let Ae=vn(te=>{X(U===te?null:te)},[U,X]),Ge=vn(()=>X(null),[X]),Ye=g||w!=null,Be=qn(!1);bn(()=>{process.env.NODE_ENV==="development"&&(!A||!Ye||Be.current||(Be.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`.')))},[A,Ye]);let rt=bt(()=>({openTab:te=>X(te),closeDrawer:()=>X(null),getActiveTab:()=>ue.current,position:t,isSecondary:x}),[X,t,x]),it=d!==!1,st=it&&T!==!1,Je=it&&U!=null,Qe=he("div",{className:`rdd-sidebar-content-drawer rdd-${t}`,style:{flexBasis:Je?`${F}px`:"0px",flexShrink:1,flexGrow:0,minWidth:Je?`${S}px`:"0px",maxWidth:Je?`${h}px`:"0px",overflow:"hidden",transition:N?"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(te=>{if(!re.has(te.id))return null;let $e=U===te.id,Fe=()=>X(te.id);return yn("div",{style:{display:$e?"flex":"none",flexDirection:"column",height:"100%",width:"100%"},children:[Ye?w?.(te,Ge,Fe):yn("div",{className:"rdd-sidebar-drawer-header",children:[he("span",{className:"rdd-sidebar-header-title",children:te.label}),A&&he("button",{type:"button",className:"rdd-sidebar-drawer-close-button",onClick:Ge,title:"Close","aria-label":"Close",children:he("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:he("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),he("div",{className:"rdd-sidebar-drawer-body",children:he(wi,{tabId:te.id,onClose:Ge,onOpen:Fe,setActiveTabId:X,children:te.renderContent(te.id,Ge,Fe)})})]},te.id)})}),ye=Je?he(Ri,{position:t,currentWidth:F,minWidth:S,maxWidth:h,onWidthChange:u,onResizeStart:()=>O(!0),onResizeEnd:()=>O(!1)}):null;return he(Un.Provider,{value:rt,children:yn("div",{style:{display:"flex",flexDirection:"row",width:"100%",height:"100%",overflow:"hidden"},children:[t==="left"&&he(Go,{tabs:o,headerEntries:Q,footerEntries:ge,activeTabId:U,isVisible:st,position:t,onTabClick:Ae}),t==="left"&&Qe,t==="left"&&ye,he("div",{style:{flex:"1 1 0%",minWidth:0,overflow:"hidden"},children:W}),t==="right"&&ye,t==="right"&&Qe,t==="right"&&he(Go,{tabs:o,headerEntries:Q,footerEntries:ge,activeTabId:U,isVisible:st,position:t,onTabClick:Ae})]})})}),Mi=Xo(function(t,o){let r=Zn(Un);if(!r)throw new Error("SecondarySidebar must be rendered inside a primary Sidebar's children");if(r.isSecondary)throw new Error("SecondarySidebar cannot be nested inside another SecondarySidebar");let c=r.position==="left"?"right":"left";return he(Ko,{ref:o,...t,position:c,isSecondary:!0})});function Si(){let e=Zn(Un);if(!e)throw new Error("useSidebar must be used within Sidebar");return e}function Ti(){let e=Zn(Vo);if(!e)throw new Error("useSidebarTab must be used within a Sidebar tab renderContent tree");return e}import{forwardRef as ki,useImperativeHandle as Ei,useState as qo,useRef as jo,useEffect as Zo,useLayoutEffect as Ii}from"react";import{createPortal as Li}from"react-dom";import{Fragment as Oi,jsx as Ue,jsxs as Uo}from"react/jsx-runtime";function Ni(e,t,o=!1,r=8){switch(t){case"left":return o?{right:window.innerWidth-e.left+r,top:e.top}:{left:e.right+r,top:e.top};case"right":return o?{left:e.right+r,top:e.top}:{right:window.innerWidth-e.left+r,top:e.top};case"top":return o?{top:e.bottom+r,right:window.innerWidth-e.right}:{top:e.bottom+r,left:e.left};case"bottom":return o?{bottom:window.innerHeight-e.top+r,right:window.innerWidth-e.right}:{bottom:window.innerHeight-e.top+r,left:e.left}}}function zi({item:e,position:t,toolbar:o}){let[r,c]=qo(!1),[s,S]=qo(null),h=jo(null),y=jo(null),P=e.activeItemId!==void 0,C=P?e.activeItemId:o.getActiveInGroup(e.id),d=e.items.find(g=>!("type"in g)&&g.id===C),R=C!==null,T=d?.icon??e.defaultIcon,D=d?.label??e.label,A=()=>{e.disabled||(!r&&h.current&&S(h.current.getBoundingClientRect()),c(g=>!g))};return Ii(()=>{if(!r||!y.current)return;let g=y.current,w=g.getBoundingClientRect(),x=8;w.right>window.innerWidth-x&&(g.style.left=`${Math.max(x,window.innerWidth-w.width-x)}px`,g.style.right="auto"),w.left<x&&(g.style.left=`${x}px`,g.style.right="auto"),w.bottom>window.innerHeight-x&&(g.style.top=`${Math.max(x,window.innerHeight-w.height-x)}px`,g.style.bottom="auto"),w.top<x&&(g.style.top=`${x}px`,g.style.bottom="auto")},[r]),Zo(()=>{if(!r)return;let g=w=>{let x=w.target;h.current?.contains(x)||y.current?.contains(x)||c(!1)};return document.addEventListener("mousedown",g),()=>document.removeEventListener("mousedown",g)},[r]),Zo(()=>{if(!r)return;let g=w=>{w.key==="Escape"&&c(!1)};return document.addEventListener("keydown",g),()=>document.removeEventListener("keydown",g)},[r]),Uo(Oi,{children:[Ue("button",{ref:h,type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-group${R?" rdd-active":""}`,title:D,"aria-label":D,"aria-expanded":r,"aria-haspopup":"menu",disabled:e.disabled,onClick:A,children:T}),r&&s&&Li(Ue("div",{ref:y,className:`rdd-toolbar-group-flyout rdd-${t}`,style:Ni(s,t,document.documentElement.dir==="rtl"),role:"menu",children:e.items.map((g,w)=>{if("type"in g)return Ue("div",{className:"rdd-toolbar-group-flyout-sep",role:"separator"},`sep-${w}`);let x=C===g.id;return Uo("button",{type:"button",className:`rdd-toolbar-group-flyout-item${x?" rdd-active":""}`,disabled:g.disabled,role:"menuitem","aria-pressed":x,onClick:()=>{P?e.onActiveItemChange?.(g.id):o.setActiveInGroup(e.id,g.id),g.onActivate?.(g.id),c(!1)},children:[Ue("span",{className:"rdd-toolbar-group-flyout-icon",children:g.icon}),Ue("span",{className:"rdd-toolbar-group-flyout-label",children:g.label}),g.shortcut&&Ue("span",{className:"rdd-toolbar-group-flyout-shortcut",children:g.shortcut})]},g.id)})}),document.body)]})}function Di(e,t,o,r){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 c=o.getActiveInGroup(e.group)===e.id;return Ue("button",{type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-radio${c?" rdd-active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":c,disabled:e.disabled,onClick:()=>{o.setActiveInGroup(e.group,e.id),e.onActivate?.(e.id)},children:e.icon},e.id)}case"toggle":{let c=e.active!==void 0,s=c?e.active:o.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:()=>{c||o.toggleModifier(e.id),e.onToggle?.(!s)},children:e.icon},e.id)}case"group":return Ue(zi,{item:e,position:r,toolbar:o},e.id)}}var Wi=ki(function({position:t="left",items:o,visible:r,onVisibilityChange:c,className:s,style:S},h){let y=fn(),P=t==="left"||t==="right";Ei(h,()=>({show:()=>c?.(!0),hide:()=>c?.(!1),toggle:()=>c?.(r===!1)}),[r,c]);let C=r!==!1?{}:P?{width:"0px"}:{height:"0px"};return Ue("div",{className:`rdd-toolbar-strip rdd-${t}${s?` ${s}`:""}`,role:"toolbar","aria-orientation":P?"vertical":"horizontal",style:{...C,...S},children:o.map((d,R)=>Di(d,R,y,t))})});import{useCallback as Qn,useEffect as on,useLayoutEffect as Ai,useRef as Et,useState as eo}from"react";import{createPortal as Jo}from"react-dom";import{jsx as xe,jsxs as rn}from"react/jsx-runtime";var to=class{listeners=new Set;counter=0;subscribe(t){this.listeners.add(t)}unsubscribe(t){this.listeners.delete(t)}show(t,o={}){let r=o.id??`toast-${++this.counter}`;return this.emit({kind:"show",id:r,message:t,rawOpts:{...o,id:r}}),r}update(t,o,r){this.emit({kind:"update",id:t,message:o,patch:r})}dismiss(t){this.emit({kind:"dismiss",id:t})}emit(t){this.listeners.forEach(o=>o(t))}},qe=new to,Fi=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,o)=>{let r=qe.show(t.pending,{...o,type:"info",duration:0});return e.then(c=>{let s=typeof t.success=="function"?t.success(c):t.success;qe.update(r,s,{type:"success",duration:o?.duration??5e3})},c=>{let s=typeof t.error=="function"?t.error(c):t.error;qe.update(r,s,{type:"error",duration:o?.duration??5e3})}),e}}),_i=()=>rn("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[xe("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),xe("path",{d:"M8 5v.01M8 7.5v3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),Hi=()=>rn("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[xe("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),xe("path",{d:"M5 8l2 2 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),$i=()=>rn("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[xe("path",{d:"M8 2.5L14 13.5H2L8 2.5z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),xe("path",{d:"M8 7v2.5M8 11.5v.01",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),Bi=()=>rn("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[xe("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),xe("path",{d:"M5.5 5.5l5 5M10.5 5.5l-5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),Gi=()=>xe("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:xe("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),Yi={info:xe(_i,{}),success:xe(Hi,{}),warning:xe($i,{}),error:xe(Bi,{})};function Xi({id:e,message:t,options:o,exiting:r,isLeft:c,showProgress:s,pauseOnHover:S,animation:h,onDismiss:y,onExited:P}){let C=Et(null),d=Et(null),R=Et(null),T=Et(o.duration),D=Et(0),[A,g]=eo(!1),w=h==="none"?"rdd-toast--visible":h==="fade"?"rdd-toast--fade-entering":c?"rdd-toast--entering-left":"rdd-toast--entering",[x,W]=eo(w);Ai(()=>{let N=C.current,O=d.current;if(!N||!O||r)return;let Y=()=>{N.style.maxHeight=`${N.scrollHeight}px`};Y();let q=new ResizeObserver(Y);return q.observe(O),()=>q.disconnect()},[r]),on(()=>{if(h==="none")return;let N=requestAnimationFrame(()=>W("rdd-toast--visible"));return()=>cancelAnimationFrame(N)},[]);let b=Qn(N=>{N<=0||(D.current=Date.now(),R.current=setTimeout(()=>y(e),N))},[e,y]);on(()=>(R.current&&clearTimeout(R.current),T.current=o.duration,b(o.duration),()=>{R.current&&clearTimeout(R.current)}),[o.duration,b]),on(()=>{if(!r)return;let N=C.current;if(!N||h==="none"){P(e);return}let O=q=>{q.propertyName==="max-height"&&P(e)};N.addEventListener("transitionend",O);let Y=setTimeout(()=>P(e),520);return()=>{N.removeEventListener("transitionend",O),clearTimeout(Y)}},[r,e,P,h]);let k=()=>{!S||o.duration===0||(R.current&&(clearTimeout(R.current),R.current=null,T.current=Math.max(0,T.current-(Date.now()-D.current))),g(!0))},F=()=>{!S||o.duration===0||(g(!1),b(T.current))},z=["rdd-toast",o.type&&`rdd-toast--${o.type}`,x,r&&"rdd-toast--exiting",A&&"rdd-toast--paused"].filter(Boolean).join(" "),u=o.icon!==void 0?o.icon:o.type?Yi[o.type]:null;return rn("div",{ref:C,role:"status","aria-live":"polite",className:z,onMouseEnter:k,onMouseLeave:F,children:[u&&u,xe("div",{ref:d,className:"rdd-toast__body",children:o.content!==void 0?o.content:t}),o.closable&&xe("button",{type:"button",className:"rdd-toast__close",onClick:()=>y(e),"aria-label":"Close notification",children:xe(Gi,{})}),s&&o.duration>0&&xe("div",{className:"rdd-toast__progress",style:{animationDuration:`${o.duration}ms`}})]})}function Jn(e,t,o){return{id:e.id,type:e.type??"info",duration:e.duration??t,closable:e.closable??o,icon:e.icon,content:e.content,onClose:e.onClose}}function Vi({position:e="top-right",maxVisible:t=3,defaultDuration:o=5e3,defaultClosable:r=!0,pauseOnHover:c=!0,animation:s="slide",newestOnTop:S=!1,progressBar:h=!1,width:y=320,adapter:P}){let[C,d]=eo([]),R=Et([]),T=Et(C);T.current=C;let D=Qn(W=>{d(b=>b.map(k=>k.id===W?{...k,exiting:!0}:k)),T.current.find(b=>b.id===W)?.options.onClose?.()},[]),A=Qn(W=>{let b=R.current.shift()??null;d(k=>{let F=k.filter(u=>u.id!==W);if(!b)return F;let z=Jn(b.rawOpts,o,r);return[...F,{id:b.id,message:b.message,options:z,exiting:!1}]})},[o,r]);if(on(()=>{if(P)return;let W=b=>{if(b.kind==="show"){let k=Jn(b.rawOpts,o,r),F={id:b.id,message:b.message,options:k,exiting:!1},z={id:b.id,message:b.message,rawOpts:b.rawOpts};d(u=>u.find(Y=>Y.id===b.id)?u.map(Y=>Y.id===b.id?{...Y,message:b.message,options:k}:Y):u.filter(Y=>!Y.exiting).length<t?[...u,F]:(R.current.some(Y=>Y.id===z.id)||R.current.push(z),u))}else b.kind==="update"?(d(k=>k.map(F=>{if(F.id!==b.id)return F;let z={...F.options,...b.patch,id:F.id};return{...F,message:b.message,options:z}})),R.current=R.current.map(k=>k.id!==b.id?k:{...k,message:b.message,rawOpts:{...k.rawOpts,...b.patch}})):b.kind==="dismiss"&&(b.id===void 0?(d(k=>k.map(F=>({...F,exiting:!0}))),R.current=[]):T.current.some(F=>F.id===b.id)?D(b.id):R.current=R.current.filter(F=>F.id!==b.id))};return qe.subscribe(W),()=>qe.unsubscribe(W)},[P,t,o,r,D]),on(()=>{if(!P)return;let W=b=>{if(b.kind==="show"){let k=Jn(b.rawOpts,o,r);P.show(b.id,b.message,k)}else b.kind==="update"?P.update(b.id,b.message,b.patch):b.kind==="dismiss"&&P.dismiss(b.id)};return qe.subscribe(W),()=>qe.unsubscribe(W)},[P,o,r]),P){if(!P.Container)return null;let W=P.Container;return Jo(xe(W,{position:e}),document.body)}let g=e.endsWith("left"),w="";S===!0&&(w="rdd-toast-container--newest-top"),S===!1&&(w="rdd-toast-container--newest-bottom");let x=["rdd-toast-container",`rdd-toast-container--${e}`,w].filter(Boolean).join(" ");return Jo(xe("div",{className:x,style:{width:y},"aria-label":"Notifications","aria-live":"polite",children:C.map(W=>xe(Xi,{id:W.id,message:W.message,options:W.options,exiting:W.exiting,isLeft:g,showProgress:h,pauseOnHover:c,animation:s,onDismiss:D,onExited:A},W.id))}),document.body)}import or,{useState as Ne,useContext as xn,createContext as oo,useRef as Le,useLayoutEffect as no,useCallback as ot,useMemo as Xt,useEffect as Qo}from"react";import{createPortal as Ki}from"react-dom";import{Fragment as fs,jsx as se,jsxs as yt}from"react/jsx-runtime";var ut=e=>e==="width"||e==="both",lt=e=>e==="height"||e==="both",er=(e,t)=>t==="inline"?lt(e)?"both":"width":ut(e)?"both":"height",Pn=(e,t)=>t==="inline"?e==="both"?"height":ut(e)?null:e:e==="both"?"width":lt(e)?null:e,rr=(e,t)=>lt(t)?[]:ut(t)?e.startsWith("top-")?["top-left","top-right"]:["bottom-left","bottom-right"]:[e],qi=(e,t)=>`${e.startsWith("top-")?"top":"bottom"}-${t}`,ji=(e,t)=>`${t}-${e.endsWith("-right")?"right":"left"}`,ir=["top-left","top-right","bottom-left","bottom-right"],sr=oo(null),ar=oo(null),lr=oo(null),vt=80;function Zi(e,t,o){let r=e.getBoundingClientRect(),c=t-r.left,s=o-r.top;return c<vt&&s<vt?"top-left":c>r.width-vt&&s<vt?"top-right":c<vt&&s>r.height-vt?"bottom-left":c>r.width-vt&&s>r.height-vt?"bottom-right":null}function Ui({children:e,className:t,style:o}){let[r,c]=Ne({}),[s,S]=Ne({}),[h,y]=Ne({"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]}),[P,C]=Ne({}),[d,R]=Ne(null),[T,D]=Ne(null),[A,g]=Ne(null),[w,x]=Ne(()=>new Map),W=Le(100),b=Le(null),k=ot((G,j)=>(c(B=>({...B,[G]:j})),()=>c(B=>{let $={...B};return delete $[G],$})),[]),F=ot(G=>{W.current+=1;let j=W.current;S(B=>({...B,[G]:j})),g(G)},[]),z=ot((G,j,B=null)=>{let $=rr(j,B);y(re=>{let ue={"top-left":re["top-left"].filter(X=>X!==G),"top-right":re["top-right"].filter(X=>X!==G),"bottom-left":re["bottom-left"].filter(X=>X!==G),"bottom-right":re["bottom-right"].filter(X=>X!==G)};for(let X of $)ue[X]=[...ue[X],G];return ir.every(X=>ue[X].length===re[X].length&&ue[X].every((Ae,Ge)=>Ae===re[X][Ge]))?re:ue})},[]),u=ot(G=>{y(j=>({"top-left":j["top-left"].filter(B=>B!==G),"top-right":j["top-right"].filter(B=>B!==G),"bottom-left":j["bottom-left"].filter(B=>B!==G),"bottom-right":j["bottom-right"].filter(B=>B!==G)}))},[]),N=ot((G,j)=>{C(B=>B[G]===j?B:{...B,[G]:j})},[]),O=ot((G,j)=>{x(B=>{let $=new Map(B);return $.set(G,j),$})},[]),Y=ot(G=>{x(j=>{let B=new Map(j);return B.delete(G),B})},[]),q=ot(()=>{x(new Map)},[]),U=Xt(()=>Array.from(w.keys()),[w]),Q=Xt(()=>({registerToolbar:k,insetTop:r.top??0,insetBottom:r.bottom??0}),[k,r]),ge=Xt(()=>({managedWindowIds:U,openManaged:O,closeManaged:Y,closeAllManaged:q}),[U,O,Y,q]),ee=Xt(()=>({topId:A,zOrders:s,focusWindow:F,containerRef:b,stacks:h,dockedSizes:P,dockWindow:z,undockWindow:u,reportDockedSize:N,draggingId:d,setDraggingId:R,hoveredZone:T,setHoveredZone:D,insetTop:r.top??0,insetBottom:r.bottom??0,insetInlineStart:r.left??0,insetInlineEnd:r.right??0}),[A,s,F,h,P,z,u,N,d,T,r]);return se(sr.Provider,{value:Q,children:se(ar.Provider,{value:ge,children:se(lr.Provider,{value:ee,children:yt("div",{ref:b,className:`rdd-panel-overlay-root${d!==null?" rdd-dragging-active":""}${t?" "+t:""}`,style:o,children:[e,d!==null&&se(Ji,{hoveredZone:T}),Array.from(w.entries()).map(([G,j])=>se(dr,{id:G,title:j.title,icon:j.icon,open:!0,onClose:()=>Y(G),defaultAnchor:j.anchor??"top-right",defaultWidth:j.width??320,defaultHeight:j.height??240,defaultStretch:j.stretch,children:j.content},G))]})})})})}function Ji({hoveredZone:e}){return se(fs,{children:ir.map(t=>se("div",{className:`rdd-panel-float-dropzone rdd-panel-float-dropzone--${t}${e===t?" rdd-panel-float-dropzone--hovered":""}`,"aria-hidden":"true"},t))})}function Qi({position:e,variant:t="transparent",buttonVariant:o="ghost",buttonSize:r,style:c,className:s,children:S}){let h=xn(sr),y=Le(null),P=Le(null);no(()=>{let D=y.current;if(!D||!h)return;let A=()=>{let w=e==="top"||e==="bottom"?D.offsetHeight:D.offsetWidth;P.current?.(),P.current=h.registerToolbar(e,w)};A();let g=new ResizeObserver(A);return g.observe(D),()=>{g.disconnect(),P.current?.(),P.current=null}},[e,h?.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=h?.insetTop??0,C.bottom=h?.insetBottom??0):(C.insetInlineEnd=0,C.top=h?.insetTop??0,C.bottom=h?.insetBottom??0);let R=e==="left"||e==="right"?{...(h?.insetTop??0)>0?{paddingTop:0}:{},...(h?.insetBottom??0)>0?{paddingBottom:0}:{}}:{},T=r!=null?{"--rdd-panel-toolbar-btn-size":`${r}px`}:{};return se("div",{ref:y,className:`rdd-panel-toolbar rdd-panel-toolbar--${e}${s?" "+s:""}`,"data-variant":t,"data-btn-variant":o,style:{...C,...R,...T,...c},children:S})}function es({icon:e,onClick:t,disabled:o,title:r,variant:c}){return se("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:t,disabled:o,title:r,"aria-label":r,...c?{"data-variant":c}:{},children:e})}function ts({icon:e,active:t,onToggle:o,disabled:r,title:c,variant:s}){return se("button",{type:"button",className:`rdd-panel-toolbar-btn${t?" rdd-panel-toolbar-btn--active":""}`,onClick:o,disabled:r,title:c,"aria-label":c,"aria-pressed":t,...s?{"data-variant":s}:{},children:e})}function ns(){return se("span",{className:"rdd-panel-toolbar__sep","aria-hidden":"true"})}function os(){return se("span",{className:"rdd-panel-toolbar__spacer","aria-hidden":"true"})}function rs({children:e}){return se("span",{className:"rdd-panel-toolbar__item",children:e})}function is({children:e}){return se("div",{className:"rdd-panel-toolbar__center",children:e})}function ss({placeholder:e="Search\u2026",onSearch:t,onSelect:o}){let[r,c]=Ne(!1),[s,S]=Ne(""),[h,y]=Ne([]),[P,C]=Ne(null),d=Le(null),R=Le(null),T=Le(null),D=Le(null),A=()=>{c(!0),setTimeout(()=>R.current?.focus({preventScroll:!0}),0)},g=()=>{c(!1),S(""),y([]),C(null),T.current?.abort(),D.current&&clearTimeout(D.current)},w=z=>{let u=z.target.value;if(S(u),T.current?.abort(),D.current&&clearTimeout(D.current),!u.trim()){y([]),C(null);return}D.current=setTimeout(async()=>{let N=new AbortController;T.current=N;try{let O=await t(u,N.signal);if(!N.signal.aborted){y(O);let Y=d.current;if(Y&&O.length>0){let q=Y.getBoundingClientRect(),U=Math.max(q.width,240),Q=q.left;Q+U>window.innerWidth-8&&(Q=window.innerWidth-U-8),C({top:q.bottom+4,left:Q,width:U})}else C(null)}}catch{}},300)},x=z=>{o(z),g()},W=z=>{d.current?.contains(z.relatedTarget)||g()},b=z=>{z.key==="Escape"&&g()},k=Xt(()=>{let z={};for(let u of h){let N=u.group??"";z[N]||(z[N]=[]),z[N].push(u)}return z},[h]),F=yt("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[se("circle",{cx:"6.5",cy:"6.5",r:"4.5"}),se("line",{x1:"10",y1:"10",x2:"14",y2:"14"})]});return r?yt("div",{ref:d,className:"rdd-panel-toolbar-search rdd-panel-toolbar-search--open",onBlur:W,children:[se("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:g,"aria-label":"Close search",title:"Close search",children:F}),se("input",{ref:R,className:"rdd-panel-toolbar-search__input",type:"text",value:s,onChange:w,onKeyDown:b,placeholder:e,autoComplete:"off"}),P&&h.length>0&&Ki(se("div",{className:"rdd-panel-toolbar-search__dropdown",style:{position:"fixed",top:P.top,left:P.left,width:P.width},onMouseDown:z=>z.preventDefault(),children:Object.entries(k).map(([z,u])=>yt(or.Fragment,{children:[z&&se("div",{className:"rdd-panel-toolbar-search__group",children:z}),u.map(N=>yt("button",{type:"button",className:"rdd-panel-toolbar-search__item",onClick:()=>x(N),children:[N.icon&&se("span",{className:"rdd-panel-toolbar-search__item-icon",children:N.icon}),se("span",{className:"rdd-panel-toolbar-search__item-label",children:N.label}),N.description&&se("span",{className:"rdd-panel-toolbar-search__item-desc",children:N.description})]},N.id))]},z||"__default__"))}),document.body)]}):se("div",{ref:d,className:"rdd-panel-toolbar-search",children:se("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:A,title:"Search","aria-label":"Search",children:F})})}function dr(e){let t=xn(lr);return e.open?se(cs,{ctx:t,...e},e.id):null}var as=120,ls=60,Yt=8,ds=8,tr=16,nr=40;function cs({id:e,title:t,icon:o,defaultAnchor:r,defaultWidth:c,defaultHeight:s,defaultStretch:S,stretch:h,onPlacementChange:y,stretchable:P=!0,children:C,ctx:d,onClose:R}){let T=xn(Ft)?.isRtl??!1,D=Ke(),A=Ze(),[g,w]=Ne("docked"),[x,W]=Ne(r),[b,k]=Ne(S??null),F=h!==void 0,z=F?h??null:b,[u,N]=Ne(null),[O,Y]=Ne({w:c,h:s}),q=Le(null),U=Le(g);U.current=g;let Q=Le(u);Q.current=u;let ge=Le(O);ge.current=O;let ee=Le(z);ee.current=z;let G=Le(x);G.current=x;let j=Le(y);j.current=y;let[B,$]=Ne({inline:!1,block:!1}),re=Le(B);re.current=B;let ue=Le(0),ze=ot((V,J)=>{W(V),F||k(J),j.current?.({anchor:V,stretch:J})},[F]),X=Le(null);no(()=>{g==="docked"&&d?.dockWindow(e,x,z)},[g,x,z]),no(()=>()=>{d?.undockWindow(e)},[]);let Ae=Le(!1);Qo(()=>{if(process.env.NODE_ENV!=="development"||Ae.current||g!=="docked"||!lt(z)||!d)return;let V=x.endsWith("-right")?"right":"left",J=[`top-${V}`,`bottom-${V}`].flatMap(ae=>d.stacks[ae]??[]).filter(ae=>ae!==e);J.length!==0&&(Ae.current=!0,console.warn(`[react-dockable-desktop] PanelFloatingWindow "${e}" stretches the block axis (stretch: "${z}") 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.`))},[g,z,x,d?.stacks,e]),Qo(()=>{d?.reportDockedSize(e,O.h)},[O.h]);let Ge=d?.zOrders[e]??101,Ye=!d||d.topId===e,Be=()=>{let V=q.current?.offsetParent;return{cw:V?.clientWidth??9999,ch:V?.clientHeight??9999}},rt=()=>{let V=d?.insetInlineStart??0,J=d?.insetInlineEnd??0;return{left:(T?J:V)+Yt,right:(T?V:J)+Yt,top:d?.insetTop??0,bottom:d?.insetBottom??0}},it=()=>{d?.focusWindow(e)},st=V=>{if(V.button!==0)return;V.preventDefault();let J,ae;if(U.current==="docked"){let fe=q.current,we=d?.containerRef?.current;if(fe&&we){let Re=fe.getBoundingClientRect(),De=we.getBoundingClientRect();J=Re.left-De.left,ae=Re.top-De.top}else J=Yt,ae=d?.insetTop??0}else J=Q.current?.x??0,ae=Q.current?.y??0;X.current={mouseX:V.clientX,mouseY:V.clientY,posX:J,posY:ae,hasDragged:!1},q.current?.setPointerCapture(V.pointerId)},Je=V=>J=>{if(J.button!==0)return;J.preventDefault(),J.stopPropagation();let ae=0,fe=0;if(U.current==="free")ae=Q.current?.x??0,fe=Q.current?.y??0;else{let Te=q.current,ke=Te?.offsetParent;if(Te&&ke){let We=Te.getBoundingClientRect(),Ee=ke.getBoundingClientRect();ae=We.left-Ee.left,fe=We.top-Ee.top}}let we=q.current?.getBoundingClientRect(),Re={x:ae,y:fe,w:ut(ee.current)&&we?we.width:ge.current.w,h:lt(ee.current)&&we?we.height:ge.current.h},De=V.includes("e")||V.includes("w"),Me=V.includes("n")||V.includes("s"),Se=!1,be={inline:!1,block:!1},dt=()=>{if(Se||U.current!=="docked")return;let Te=ee.current,ke=De&&ut(Te),We=Me&<(Te);if(!ke&&!We)return;Se=!0;let Ee=Te,Xe=G.current;if(ke){Ee=Pn(Ee,"inline");let Ie=V.includes("e");Xe=qi(Xe,Ie!==T?"left":"right")}We&&(Ee=Pn(Ee,"block"),Xe=ji(Xe,V.includes("s")?"top":"bottom")),ze(Xe,Ee)};mt({element:J.currentTarget,pointerId:J.pointerId,startClientX:J.clientX,startClientY:J.clientY,captureStart:()=>Re,activeClasses:[{el:document.body,classes:["rdd-resizing-active"]}],onMove:(Te,ke,We)=>{let{cw:Ee,ch:Xe}=Be(),Ie=U.current==="docked"?rt():{left:0,right:0,top:0,bottom:0},{x:Pt,y:Vt,w:Ve,h:pt}=Qt(V,Te,ke,We,{minW:as,minH:ls,maxW:Ee-Ie.right-We.x,maxH:Xe-Ie.bottom-We.y,minX:Ie.left,minY:Ie.top});if(dt(),U.current==="docked"&&P){let f=Ee-Ie.left-Ie.right,p=Xe-Ie.top-Ie.bottom-ue.current,n=ee.current,l={...be};De&&!ut(n)&&(Ve>=f-tr?l.inline=!0:be.inline&&Ve<f-nr&&(l.inline=!1)),Me&&!lt(n)&&(pt>=p-tr?l.block=!0:be.block&&pt<p-nr&&(l.block=!1)),(l.inline!==be.inline||l.block!==be.block)&&(be=l,$(l))}let i=Se?Pn(Pn(ee.current,De?"inline":"block"),Me?"block":"inline"):ee.current;Y(f=>({w:ut(i)?f.w:Ve,h:lt(i)?f.h:pt})),U.current==="free"&&N({x:Pt,y:Vt})},onEnd:Te=>{if(!be.inline&&!be.block){(re.current.inline||re.current.block)&&$({inline:!1,block:!1});return}Y(We=>({w:be.inline?Te.w:We.w,h:be.block?Te.h:We.h}));let ke=ee.current;be.inline&&(ke=er(ke,"inline")),be.block&&(ke=er(ke,"block")),ze(G.current,ke),$({inline:!1,block:!1})}})},Qe=V=>{if(X.current){let J=X.current;if(!J.hasDragged){if(Math.abs(V.clientX-J.mouseX)+Math.abs(V.clientY-J.mouseY)<4)return;if(J.hasDragged=!0,U.current==="docked"){if(ee.current){let Se=q.current?.getBoundingClientRect();Se&&Y({w:Math.round(Se.width),h:Math.round(Se.height)}),ze(G.current,null)}d?.undockWindow(e),w("free")}document.body.classList.add("rdd-dragging-active"),d?.setDraggingId(e)}let{cw:ae,ch:fe}=Be(),we=Math.max(0,Math.min(J.posX+V.clientX-J.mouseX,ae-ge.current.w)),Re=Math.max(0,Math.min(J.posY+V.clientY-J.mouseY,fe-ge.current.h));N({x:we,y:Re});let De=d?.containerRef?.current;if(De){let Me=Zi(De,V.clientX,V.clientY);d?.setHoveredZone(Me&&T?Jt(Me):Me)}}},ye=()=>{if(X.current?.hasDragged){let V=d?.hoveredZone;V&&(d?.dockWindow(e,V,ee.current),w("docked"),N(null),ze(V,ee.current)),d?.setHoveredZone(null),d?.setDraggingId(null)}document.body.classList.remove("rdd-dragging-active"),X.current=null},te=()=>{X.current?.hasDragged&&(d?.setHoveredZone(null),d?.setDraggingId(null)),document.body.classList.remove("rdd-dragging-active"),X.current=null},le;if(g==="docked"&&d){let V=rr(x,z),J=0,ae=V.length===0;for(let we of V){let Re=d.stacks[we]??[],De=Re.indexOf(e);if(De===-1)continue;ae=!0;let Me=0;for(let Se=0;Se<De;Se++)Me+=(d.dockedSizes[Re[Se]]??s)+ds;J=Math.max(J,Me)}ue.current=J;let fe=rt();le={zIndex:Ge,transition:"top 0.2s ease, bottom 0.2s ease",opacity:ae?void 0:0,pointerEvents:ae?void 0:"none"},ut(z)?(le.insetInlineStart=(d.insetInlineStart??0)+Yt,le.insetInlineEnd=(d.insetInlineEnd??0)+Yt):(le[x.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]=Yt,le.width=O.w),lt(z)?(le.top=fe.top,le.bottom=fe.bottom):x.startsWith("top-")?(le.top=fe.top+J,le.height=O.h):(le.bottom=fe.bottom+J,le.height=O.h)}else le={left:u?.x??0,top:u?.y??0,width:O.w,height:O.h,zIndex:Ge};let $e=or.useMemo(()=>{if(g==="free")return["n","ne","e","se","s","sw","w","nw"];let V=x.startsWith("top-")?"s":"n",ae=x.endsWith("-right")!==T?"w":"e",fe=ut(z),we=lt(z),Re=[];return Re.push(...fe?["e","w"]:[ae]),Re.push(...we?["n","s"]:[V]),!fe&&!we&&Re.push(`${V}${ae}`),Re},[g,x,T,z]),Fe=yt("svg",{width:"8",height:"8",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",children:[se("line",{x1:"1",y1:"1",x2:"9",y2:"9"}),se("line",{x1:"9",y1:"1",x2:"1",y2:"9"})]});return yt("div",{ref:q,dir:T?"rtl":"ltr",className:["rdd-panel-float",Ye?"rdd-panel-float--active":"",B.inline||B.block?"rdd-panel-float--snapping":""].filter(Boolean).join(" "),style:le,onPointerDown:it,onPointerMove:Qe,onPointerUp:ye,onPointerCancel:te,children:[yt("div",{className:"rdd-panel-float__header",onPointerDown:st,children:[o&&se("span",{className:"rdd-panel-float__icon",children:o}),se("span",{className:"rdd-panel-float__title",children:ce(t,D)}),se("button",{type:"button",className:"rdd-panel-float__close",onClick:R,onPointerDown:V=>V.stopPropagation(),title:ce(A.closeTooltip,D),"aria-label":ce(A.closeTooltip,D),children:Fe})]}),se("div",{className:"rdd-panel-float__body",children:C}),$e.map(V=>se("div",{className:`rdd-resize-handle rdd-resize-${V}`,onPointerDown:Je(V)},V))]})}function us(){let[e,t]=Ne(!1),o=ot(()=>{t(!0)},[]),r=ot(()=>{t(!1)},[]);return{isOpen:e,open:o,close:r}}var ps=[];function gs(){let e=xn(ar),t=e?.managedWindowIds??ps;return Xt(()=>({open:(o,r)=>e?.openManaged(o,r),close:o=>e?.closeManaged(o),closeAll:()=>e?.closeAllManaged(),isOpen:o=>t.includes(o),openIds:t}),[e,t])}export{Tt as ConfirmationForm,In as ContextMenu,Ln as ContextMenuProvider,Ht as DefaultContextMenuAdapter,ni as DockableDesktopProvider,Rn as FormContainerContext,xt as FormContainerProvider,mi as LeftPanelRenderer,li as ModalStackRenderer,Bn as PanelContributionProvider,dr as PanelFloatingWindow,Ui as PanelOverlayRoot,zn as PanelProvider,sn as PanelRegistry,Dt as PanelRegistryClass,Qi as PanelToolbar,rs as PanelToolbarItem,ns as PanelToolbarSeparator,hi as RightPanelRenderer,Mi as SecondarySidebar,bi as SidePanelRenderer,Ko as Sidebar,Vi as ToastContainer,Wi as Toolbar,es as ToolbarButton,is as ToolbarCenter,gn as ToolbarProvider,ss as ToolbarSearchInput,os as ToolbarSpacer,ts as ToolbarToggle,_r as WindowManager,Tn as WindowManagerProvider,Hn as WorkspaceClient,Qt as computeResizedRect,Kt as defaultPredefinedMessages,ce as formatLabel,Wt as isSerializable,Ao as sidebarSectionToTab,mt as startPointerDrag,Fi as toast,Gn as useActivePanelContribution,Wn as useColorScheme,zt as useFormContainer,Ke as useFormatMessage,Qr as useMergedSidebarTabs,Jr as useMergedToolbarItems,Mt as usePanelActions,Pr as usePanelContext,xr as usePanelContextMenu,Ur as usePanelContribution,us as usePanelFloatingWindow,gs as usePanelFloatingWindowManager,dn as usePanelId,fr as usePanelSize,ft as usePanelState,Ze as usePredefinedMessages,qt as useRegistry,Rr as useShowContextMenu,Si as useSidebar,Ti as useSidebarTab,gt as useStyleClasses,fn as useToolbar,jt as useWindowManagerActions,je as useWindowManagerState};
|
|
24
24
|
//# sourceMappingURL=index.js.map
|