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