react-dockable-desktop 5.0.0 → 5.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/index.cjs +5 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +155 -7
- package/dist/index.d.ts +155 -7
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/styles.css +5 -0
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";var Oo=Object.create;var qt=Object.defineProperty;var Ao=Object.getOwnPropertyDescriptor;var Fo=Object.getOwnPropertyNames;var _o=Object.getPrototypeOf,Ho=Object.prototype.hasOwnProperty;var Bo=(e,t)=>{for(var n in t)qt(e,n,{get:t[n],enumerable:!0})},In=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let p of Fo(t))!Ho.call(e,p)&&p!==n&&qt(e,p,{get:()=>t[p],enumerable:!(o=Ao(t,p))||o.enumerable});return e};var gn=(e,t,n)=>(n=e!=null?Oo(_o(e)):{},In(t||!e||!e.__esModule?qt(n,"default",{value:e,enumerable:!0}):n,e)),$o=e=>In(qt({},"__esModule",{value:!0}),e);var Rr={};Bo(Rr,{ConfirmationForm:()=>Je,ContextMenu:()=>Jt,ContextMenuProvider:()=>Qt,DefaultContextMenuAdapter:()=>ut,DockableDesktopProvider:()=>ro,FormContainerContext:()=>Kt,FormContainerProvider:()=>Ze,LeftPanelRenderer:()=>so,ModalStackRenderer:()=>io,PanelContributionProvider:()=>an,PanelFloatingWindow:()=>kn,PanelOverlayRoot:()=>Mo,PanelProvider:()=>tn,PanelRegistry:()=>Dt,PanelRegistryClass:()=>ct,PanelToolbar:()=>To,PanelToolbarItem:()=>Lo,PanelToolbarSeparator:()=>Io,RightPanelRenderer:()=>ao,SidePanelRenderer:()=>lo,Sidebar:()=>go,ToastContainer:()=>yo,Toolbar:()=>bo,ToolbarButton:()=>So,ToolbarCenter:()=>No,ToolbarProvider:()=>_t,ToolbarSearchInput:()=>zo,ToolbarSpacer:()=>Eo,ToolbarToggle:()=>ko,WindowManager:()=>jn,WindowManagerProvider:()=>jt,WorkspaceClient:()=>sn,computeResizedRect:()=>kt,defaultPredefinedMessages:()=>Ct,formatLabel:()=>he,sidebarSectionToTab:()=>Rn,startPointerDrag:()=>Ve,toast:()=>vo,useActivePanelContribution:()=>ln,useColorScheme:()=>on,useFormContainer:()=>dt,useFormatMessage:()=>Fe,useMergedSidebarTabs:()=>to,useMergedToolbarItems:()=>eo,usePanelActions:()=>Ue,usePanelContext:()=>Fn,usePanelContextMenu:()=>_n,usePanelContribution:()=>Qn,usePanelFloatingWindow:()=>Do,usePanelFloatingWindowManager:()=>Wo,usePanelId:()=>Wt,usePanelSize:()=>En,usePanelState:()=>Xe,usePredefinedMessages:()=>Be,useRegistry:()=>Rt,useShowContextMenu:()=>$n,useSidebar:()=>mo,useSidebarTab:()=>fo,useStyleClasses:()=>Ye,useToolbar:()=>Ht,useWindowManagerActions:()=>Mt,useWindowManagerState:()=>De});module.exports=$o(Rr);var K=gn(require("react"),1),Pn=require("react-dom");var D=require("react");var xt=require("react"),Go={requestClose:()=>{console.warn("FormContainerContract: requestClose called but no container is present")},setDirty:()=>{},onCloseRequested:()=>()=>{},setTitle:()=>{},setIcon:()=>{},containerType:"standalone",instanceId:"standalone",onClose:()=>()=>{},onMinimize:()=>()=>{},onRestore:()=>()=>{},onResize:()=>()=>{},requestMinimize:()=>{},getDimensions:()=>null,onActivate:()=>()=>{},onDeactivate:()=>()=>{},onContainerTypeChange:()=>()=>{}},Kt=(0,xt.createContext)(Go),Ze=Kt.Provider,dt=()=>(0,xt.useContext)(Kt),En=()=>{let{onResize:e,getDimensions:t}=dt();return(0,xt.useSyncExternalStore)(n=>e?e(()=>n()):()=>{},()=>t?t():null)};var ct=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())}},Dt=new ct;var Ct={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"}};var je=require("react/jsx-runtime"),wt=(0,D.createContext)(null),Zt=(0,D.createContext)(null),Nn=(0,D.createContext)(null),zn=(0,D.createContext)(null),Dn=(0,D.createContext)(Ct),Wn=(0,D.createContext)({}),Ye=()=>(0,D.useContext)(Wn),On=(0,D.createContext)(Dt),Rt=()=>(0,D.useContext)(On),mn=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))}},Yo={type:"leaf",id:"group-default",panels:[],activePanelId:null};function An(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:p,stickyBottom:s,...T}=n;return{...T,anchor:o}}return n});return{gridRoot:e.gridRoot,floating:t,minimized:e.minimized,panels:e.panels}}function Xo(e){if(e)try{let t=An(JSON.parse(e));if(t)return{...t,activePanelId:Object.keys(t.panels)[0]??null}}catch{}return{gridRoot:Yo,floating:[],minimized:[],panels:{},activePanelId:null}}var jt=({children:e,client:t,formatMessage:n,predefinedMessages:o,dir:p,modalClass:s,modalBodyClass:T,sidePanelClass:h,sidePanelBodyClass:w,windowClass:y,windowBodyClass:v,zIndexBase:b})=>{let R=(0,D.useRef)(t?.registry??Dt).current,I=t?.config.formatMessage??n,k=t?.config.predefinedMessages??o,L=t?.config.dir??p,d=t?.config.zIndexBase??b??1e3,[E,a]=(0,D.useState)(()=>({...Xo(t?.initialState??null),draggedPanelId:null,dir:L||"ltr",isRtl:L==="rtl",splitRatio:Math.min(.9,Math.max(.1,t?.config.defaultSplitRatio??.5)),edgeSplitRatio:Math.min(.9,Math.max(.1,t?.config.defaultEdgeSplitRatio??.2))})),f=(0,D.useRef)(E);f.current=E;let C=(0,D.useRef)(new Set);(0,D.useEffect)(()=>{C.current.forEach(r=>r())},[E]);let O=(0,D.useCallback)(()=>f.current,[]),$=(0,D.useCallback)(r=>(C.current.add(r),()=>C.current.delete(r)),[]),F=(0,D.useRef)({}),l=(0,D.useMemo)(()=>({...Ct,...k}),[k]),M=(0,D.useRef)(new mn),Y=(0,D.useRef)(d);(0,D.useEffect)(()=>(document.documentElement.style.setProperty("--rdd-z-base",String(d)),()=>{document.documentElement.style.removeProperty("--rdd-z-base")}),[d]);let Q=(0,D.useCallback)((r,P)=>M.current.subscribe(r,P),[]),j=(0,D.useCallback)((r,P)=>{M.current.publish(r,P)},[]),se=(0,D.useCallback)((r,P)=>{let c=typeof r.x=="string"?parseFloat(r.x):r.x,u=typeof r.y=="string"?parseFloat(r.y):r.y,H=typeof r.width=="string"?parseFloat(r.width):r.width,A=typeof r.height=="string"?parseFloat(r.height):r.height;isNaN(c)&&(c=300),isNaN(u)&&(u=150),isNaN(H)&&(H=450),isNaN(A)&&(A=350);let ee=S=>P.some(m=>{let x=typeof m.x=="string"?parseFloat(m.x):m.x,G=typeof m.y=="string"?parseFloat(m.y):m.y;return!m.maximized&&Math.abs(x-S.x)<20&&Math.abs(G-S.y)<20}),oe=0;for(;ee({x:c,y:u})&&oe<10;)c+=30,u+=30,oe++;let te=Math.max(100,window.innerWidth||1024),i=Math.max(100,window.innerHeight||768);return(c+H>te||u+A>i)&&(c=100+oe%5*30,u=100+oe%5*30),c=Math.max(0,Math.min(c,te-100)),u=Math.max(0,Math.min(u,i-40)),{x:c,y:u,width:H,height:A}},[]),re=(0,D.useCallback)(r=>{a(P=>{let c=P.panels[r];if(!c)return P;if(c.state==="floating"){let u=P.floating.find(A=>A.id===r);if(!u)return P;let H=!P.floating.some(A=>A.z>u.z);return H&&P.activePanelId===r?P:(H||(Y.current+=1),{...P,floating:P.floating.map(A=>A.id===r?{...A,z:H?u.z:Y.current}:A),activePanelId:r})}else if(c.state==="docked"){if(P.activePanelId===r)return P;let u=H=>H.type==="leaf"?H.panels.includes(r)?{...H,activePanelId:r}:H:{...H,children:H.children.map(u)};return{...P,gridRoot:u(P.gridRoot),activePanelId:r}}return P.activePanelId===r?P:{...P,activePanelId:r}})},[]),ue=(r,P)=>{if(r.type==="leaf"){let c=r.panels.indexOf(P);if(c===-1)return r;let u=r.panels.filter(ee=>ee!==P),H=r.activePanelId===P?u[c]||u[c-1]||u[0]||null:r.activePanelId,A={...r,panels:u,activePanelId:H};return u.length===0&&!r.keepOnEmpty?null:A}else{let c=r.children.map(A=>ue(A,P)).filter(A=>A!==null);if(c.length===0)return null;if(c.length===1)return c[0];let u=r.sizes.slice(0,c.length),H=u.reduce((A,ee)=>A+ee,0);return{...r,children:c,sizes:u.map(A=>A/H)}}},pe=(r,P,c)=>{if(r.type==="leaf"){if(r.id===P){let u=r.panels.includes(c)?r.panels:[...r.panels,c];return{...r,panels:u,activePanelId:c}}return r}else return{...r,children:r.children.map(u=>pe(u,P,c))}},_=r=>{if(r.type==="leaf")return r.id;for(let P of r.children){let c=_(P);if(c)return c}return null},W=(0,D.useCallback)((r,P,c)=>{let u=!(r in f.current.panels),H=c?.focus!==!1;a(A=>{let ee=A.panels[r],oe=R.get(P),te=c?.title||c?.title||oe?.defaultOptions?.title||r,i=c?.initialTarget||oe?.defaultOptions?.initialTarget||"docked",S=oe?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},m=H?r:A.activePanelId;if(ee)if(ee.state==="minimized"){let q=A.minimized.filter(N=>N.id!==r);if(i==="floating"||!A.gridRoot){Y.current+=1;let N=se(S,A.floating);return{...A,minimized:q,floating:[...A.floating,{...N,id:r,z:Y.current}],panels:{...A.panels,[r]:{...ee,state:"floating"}},activePanelId:m}}else{let N=_(A.gridRoot)||"group-default";return{...A,minimized:q,gridRoot:pe(A.gridRoot,N,r),panels:{...A.panels,[r]:{...ee,state:"docked"}},activePanelId:m}}}else{if(ee.state==="floating")return H&&re(r),A;{let q=N=>N.type==="leaf"?N.panels.includes(r)?{...N,activePanelId:r}:N:{...N,children:N.children.map(q)};return{...A,gridRoot:q(A.gridRoot),activePanelId:m}}}let G={id:r,title:te,component:P,state:i==="tabbed"?"docked":i},V={...A.panels,[r]:G};if(i==="floating"){Y.current+=1;let q=se(S,A.floating),N=c?.anchor??oe?.defaultOptions?.defaultAnchor??null;return{...A,floating:[...A.floating,{...q,id:r,z:Y.current,anchor:N}],panels:V,activePanelId:m}}else{let q=_(A.gridRoot)||"group-default";return{...A,gridRoot:pe(A.gridRoot,q,r),panels:V,activePanelId:m}}}),u&&M.current.publish("panel:opened",{id:r,component:P})},[se,re]),z=(0,D.useCallback)(r=>{let P=r in f.current.panels;a(c=>{let u=c.panels[r];if(!u||R.get(u.component)?.defaultOptions?.canClose===!1)return c;delete F.current[r];let A={...c.panels};delete A[r];let ee=ue(c.gridRoot,r);return{...c,gridRoot:ee||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:c.floating.filter(oe=>oe.id!==r),minimized:c.minimized.filter(oe=>oe.id!==r),panels:A}}),P&&M.current.publish("panel:closed",{id:r})},[]),Z=(0,D.useCallback)((r,P)=>{F.current[r]=P},[]),B=(0,D.useCallback)(r=>{delete F.current[r]},[]),ie=(0,D.useCallback)((r,P,c)=>{a(u=>{let H=u.panels[r];return H?{...u,panels:{...u.panels,[r]:{...H,dirty:P,dirtyOptions:c}}}:u})},[]),ve=(0,D.useCallback)((r,P)=>{a(c=>{let u=c.panels[r];return u?{...c,panels:{...c.panels,[r]:{...u,title:P}}}:c})},[]),Pe=(0,D.useCallback)(async(r,P)=>{if(P?.force){z(r);return}let c=F.current[r];if(c&&!await c())return;let u=f.current.panels[r];if(u?.dirty)if(P?.onConfirm){if(!await P.onConfirm(u.dirtyOptions))return}else return;z(r)},[z]),Oe=(0,D.useCallback)(r=>{let P=f.current.panels[r]?.state!=="minimized"&&r in f.current.panels;a(c=>{let u=c.panels[r];if(!u||u.state==="minimized"||R.get(u.component)?.defaultOptions?.canMinimize===!1)return c;let A,ee;if(u.state==="floating"){let te=c.floating.find(i=>i.id===r);te&&(A={x:Number(te.x),y:Number(te.y),width:Number(te.width),height:Number(te.height),anchor:te.anchor??null})}else if(u.state==="docked"){let te=i=>{if(i.type==="leaf")return i.panels.includes(r)?i.id:null;for(let S of i.children){let m=te(S);if(m)return m}return null};ee=te(c.gridRoot)??void 0}let oe=ue(c.gridRoot,r);return{...c,gridRoot:oe||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:c.floating.filter(te=>te.id!==r),minimized:[...c.minimized,{id:r,title:u.title,component:u.component}],panels:{...c.panels,[r]:{...u,state:"minimized",previousState:u.state,lastFloatingRect:A,lastLeafId:ee}}}}),P&&M.current.publish("panel:minimized",{id:r})},[]),$e=(0,D.useCallback)(r=>{let P=f.current.panels[r]?.state==="minimized";a(c=>{let u=c.panels[r];if(!u||u.state!=="minimized")return c;let H=c.minimized.filter(ee=>ee.id!==r);if((u.previousState||"docked")==="floating"){Y.current+=1;let ee=R.get(u.component),oe=u.lastFloatingRect||ee?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},te=se(oe,c.floating);return{...c,minimized:H,floating:[...c.floating,{...te,id:r,z:Y.current,anchor:u.lastFloatingRect?.anchor??null}],panels:{...c.panels,[r]:{...u,state:"floating"}}}}else{let ee=(S,m)=>S.type==="leaf"?S.id===m:S.children.some(x=>ee(x,m)),oe=u.lastLeafId&&ee(c.gridRoot,u.lastLeafId),te=R.get(u.component),i=te?.defaultOptions?.canDrag!==!1;if(oe)return{...c,minimized:H,gridRoot:pe(c.gridRoot,u.lastLeafId,r),panels:{...c.panels,[r]:{...u,state:"docked"}}};if(i){Y.current+=1;let S=u.lastFloatingRect||te?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},m=se(S,c.floating);return{...c,minimized:H,floating:[...c.floating,{...m,id:r,z:Y.current,anchor:u.lastFloatingRect?.anchor??null}],panels:{...c.panels,[r]:{...u,state:"floating"}}}}else{let S=_(c.gridRoot)||"group-default";return{...c,minimized:H,gridRoot:pe(c.gridRoot,S,r),panels:{...c.panels,[r]:{...u,state:"docked"}}}}}}),P&&M.current.publish("panel:restored",{id:r})},[se]),Ae=(0,D.useCallback)((r,P,c)=>{a(u=>{let H=u.panels[r];if(!H||R.get(H.component)?.defaultOptions?.canDrag===!1)return u;let ee=R.get(H.component),oe=P||ee?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},te=ue(u.gridRoot,r);Y.current+=1;let i=se(oe,u.floating);return{...u,gridRoot:te||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:[...u.floating,{...i,id:r,z:Y.current,anchor:c??null}],panels:{...u.panels,[r]:{...H,state:"floating"}}}})},[se]),He=(0,D.useCallback)((r,P)=>{a(c=>{let u=c.panels[r];if(!u)return c;let H=c.floating.filter(oe=>oe.id!==r),A=ue(c.gridRoot,r),ee=P||_(A||c.gridRoot)||"group-default";return{...c,gridRoot:pe(A||c.gridRoot,ee,r),floating:H,panels:{...c.panels,[r]:{...u,state:"docked"}}}})},[]),tt=(r,P,c,u,H)=>{if(r.type==="leaf"){if(r.id===P){let A={type:"leaf",id:`group-split-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[c],activePanelId:c},ee=u==="left"||u==="right"?"horizontal":"vertical",oe=u==="left"||u==="top"?[A,r]:[r,A],te=u==="left"||u==="top"?[H,1-H]:[1-H,H];return{type:"branch",orientation:ee,sizes:te,children:oe}}return r}else return{...r,children:r.children.map(A=>tt(A,P,c,u,H))}},nt=(0,D.useCallback)(r=>{a(P=>({...P,draggedPanelId:r}))},[]),Lt=(0,D.useCallback)((r,P,c)=>{a(u=>{let H=u.panels[r];if(!H)return u;let A=u.floating.filter(te=>te.id!==r),ee=ue(u.gridRoot,r),oe;return c==="center"?oe=pe(ee||u.gridRoot,P,r):oe=tt(ee||u.gridRoot,P,r,c,u.splitRatio),{...u,gridRoot:oe,floating:A,panels:{...u.panels,[r]:{...H,state:"docked"}},draggedPanelId:null}})},[]),Bt=(0,D.useCallback)((r,P)=>{a(c=>{let u=c.panels[r];if(!u)return c;let H=c.floating.filter(m=>m.id!==r),A=ue(c.gridRoot,r),ee={type:"leaf",id:`group-edge-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[r],activePanelId:r},oe=P==="left"||P==="right"?"horizontal":"vertical",te=P==="left"||P==="top"?[ee,A||c.gridRoot]:[A||c.gridRoot,ee],i=c.edgeSplitRatio,S={type:"branch",orientation:oe,sizes:P==="left"||P==="top"?[i,1-i]:[1-i,i],children:te};return{...c,gridRoot:S,floating:H,panels:{...c.panels,[r]:{...u,state:"docked"}},draggedPanelId:null}})},[]),gt=(0,D.useCallback)((r,P,c)=>{a(u=>{let H=u.panels[r];if(!H)return u;let A=ue(u.gridRoot,r),ee=i=>{if(i.type==="leaf"){if(i.id===P){let S=i.panels.filter(G=>G!==r),m=Math.max(0,Math.min(c,S.length)),x=[...S];return x.splice(m,0,r),{...i,panels:x,activePanelId:r}}return i}else return{...i,children:i.children.map(ee)}},oe=ee(A||u.gridRoot),te=u.floating.filter(i=>i.id!==r);return{...u,gridRoot:oe,floating:te,panels:{...u.panels,[r]:{...H,state:"docked"}},draggedPanelId:null}})},[]),Ie=(0,D.useCallback)(r=>{a(P=>{let c=H=>{if(H.type==="leaf")return H.id===r&&H.canClose!==!1?null:H;{let A=H.children.map(te=>c(te)).filter(te=>te!==null);if(A.length===0)return null;if(A.length===1)return A[0];let ee=H.sizes.slice(0,A.length),oe=ee.reduce((te,i)=>te+i,0);return{...H,children:A,sizes:ee.map(te=>te/oe)}}},u=c(P.gridRoot);return{...P,gridRoot:u||{type:"leaf",id:"group-default",panels:[],activePanelId:null}}})},[]),$t=(0,D.useCallback)(r=>{a(P=>({...P,floating:P.floating.map(c=>c.id===r?{...c,maximized:!c.maximized}:c)}))},[]),Gt=(0,D.useCallback)((r,P)=>{let c=(u,H)=>{if(u.type==="leaf")return u;if(H===r.length)return{...u,sizes:P};let A=r[H],ee=u.children.map((oe,te)=>te===A?c(oe,H+1):oe);return{...u,children:ee}};a(u=>({...u,gridRoot:c(u.gridRoot,0)}))},[]),mt=(0,D.useCallback)((r,P)=>{a(c=>({...c,floating:c.floating.map(u=>u.id===r?{...u,...P}:u)}))},[]),ot=(0,D.useCallback)(()=>{let r={version:1,gridRoot:f.current.gridRoot,floating:f.current.floating,minimized:f.current.minimized,panels:f.current.panels};return JSON.stringify(r)},[]),Nt=(0,D.useCallback)(r=>{try{let P=An(JSON.parse(r));if(!P)return!1;let c=Object.keys(P.panels)[0]||null;return a(u=>({...u,gridRoot:P.gridRoot,floating:P.floating,minimized:P.minimized,panels:P.panels,draggedPanelId:null,activePanelId:c})),!0}catch(P){return console.error("Failed to parse layout configuration:",P),!1}},[]),Yt=(0,D.useCallback)(r=>{a(P=>P.activePanelId===r?P:{...P,activePanelId:r})},[]),Ke=(0,D.useCallback)(r=>{a(P=>P.dir===r?P:{...P,dir:r,isRtl:r==="rtl"})},[]),Ge=(0,D.useCallback)(r=>r in f.current.panels,[]),Xt=(0,D.useCallback)(()=>Object.keys(f.current.panels),[]);(0,D.useEffect)(()=>{L&&a(r=>r.dir===L?r:{...r,dir:L,isRtl:L==="rtl"})},[L]);let zt=(0,D.useRef)(new Map),ft=(0,D.useRef)(null),rt=(0,D.useCallback)(r=>(ft.current=r,()=>{ft.current=null}),[]),it=(0,D.useCallback)(r=>{ft.current?.(r)},[]),st=(0,D.useCallback)((r,P)=>(zt.current.set(r,P),()=>{zt.current.delete(r)}),[]),at=(0,D.useCallback)(r=>zt.current.get(r)?.()??[],[]),ht=(0,D.useMemo)(()=>({openPanel:W,closePanel:z,minimizePanel:Oe,restorePanel:$e,floatPanel:Ae,dockPanel:He,maximizePanel:$t,updateSplitSizes:Gt,updateFloatingPosition:mt,focusPanel:re,isOpen:Ge,getOpenPanelIds:Xt,saveLayout:ot,loadLayout:Nt,publish:j,subscribe:Q,setDraggedPanelId:nt,dockPanelToGroup:Lt,movePanelOrder:gt,closeLeafGroup:Ie,registerCloseGuard:Z,unregisterCloseGuard:B,setPanelDirty:ie,updatePanelTitle:ve,requestClosePanel:Pe,dockPanelToWorkspaceEdge:Bt,setActivePanel:Yt,setDirection:Ke,registerPanelContextMenu:st,getPanelContextMenuItems:at,showContextMenu:it,registerContextMenuFn:rt}),[W,z,Oe,$e,Ae,He,$t,Gt,mt,re,Ge,Xt,ot,Nt,j,Q,nt,Lt,gt,Ie,Z,B,ie,ve,Pe,Bt,Yt,Ke,st,at,it,rt]),cn=r=>{let P=r.defaultMessage||r.id;return r.values&&Object.entries(r.values).forEach(([c,u])=>{P=P.replace(`{${c}}`,String(u))}),P},Vt=(0,D.useMemo)(()=>({modalClass:s,modalBodyClass:T,sidePanelClass:h,sidePanelBodyClass:w,windowClass:y,windowBodyClass:v}),[s,T,h,w,y,v]);(0,D.useEffect)(()=>{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
|
+
"use strict";var Fo=Object.create;var Kt=Object.defineProperty;var _o=Object.getOwnPropertyDescriptor;var Ho=Object.getOwnPropertyNames;var Bo=Object.getPrototypeOf,$o=Object.prototype.hasOwnProperty;var Go=(e,t)=>{for(var n in t)Kt(e,n,{get:t[n],enumerable:!0})},En=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let m of Ho(t))!$o.call(e,m)&&m!==n&&Kt(e,m,{get:()=>t[m],enumerable:!(o=_o(t,m))||o.enumerable});return e};var mn=(e,t,n)=>(n=e!=null?Fo(Bo(e)):{},En(t||!e||!e.__esModule?Kt(n,"default",{value:e,enumerable:!0}):n,e)),Yo=e=>En(Kt({},"__esModule",{value:!0}),e);var Tr={};Go(Tr,{ConfirmationForm:()=>je,ContextMenu:()=>Jt,ContextMenuProvider:()=>Qt,DefaultContextMenuAdapter:()=>ut,DockableDesktopProvider:()=>so,FormContainerContext:()=>qt,FormContainerProvider:()=>Ke,LeftPanelRenderer:()=>lo,ModalStackRenderer:()=>ao,PanelContributionProvider:()=>an,PanelFloatingWindow:()=>In,PanelOverlayRoot:()=>So,PanelProvider:()=>tn,PanelRegistry:()=>Nt,PanelRegistryClass:()=>dt,PanelToolbar:()=>ko,PanelToolbarItem:()=>No,PanelToolbarSeparator:()=>Lo,RightPanelRenderer:()=>co,SidePanelRenderer:()=>uo,Sidebar:()=>fo,ToastContainer:()=>xo,Toolbar:()=>yo,ToolbarButton:()=>Io,ToolbarCenter:()=>Do,ToolbarProvider:()=>Ft,ToolbarSearchInput:()=>Wo,ToolbarSpacer:()=>zo,ToolbarToggle:()=>Eo,WindowManager:()=>Jn,WindowManagerProvider:()=>jt,WorkspaceClient:()=>sn,computeResizedRect:()=>Tt,defaultPredefinedMessages:()=>Pt,formatLabel:()=>ge,isSerializable:()=>ct,sidebarSectionToTab:()=>Mn,startPointerDrag:()=>Ge,toast:()=>Po,useActivePanelContribution:()=>ln,useColorScheme:()=>on,useFormContainer:()=>lt,useFormatMessage:()=>We,useMergedSidebarTabs:()=>oo,useMergedToolbarItems:()=>no,usePanelActions:()=>Ze,usePanelContext:()=>Hn,usePanelContextMenu:()=>Bn,usePanelContribution:()=>to,usePanelFloatingWindow:()=>Oo,usePanelFloatingWindowManager:()=>Ao,usePanelId:()=>Dt,usePanelSize:()=>Ln,usePanelState:()=>$e,usePredefinedMessages:()=>Fe,useRegistry:()=>Ct,useShowContextMenu:()=>Yn,useSidebar:()=>ho,useSidebarTab:()=>bo,useStyleClasses:()=>Be,useToolbar:()=>_t,useWindowManagerActions:()=>wt,useWindowManagerState:()=>ze});module.exports=Yo(Tr);var K=mn(require("react"),1),xn=require("react-dom");var O=require("react");var yt=require("react"),Xo={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:()=>()=>{}},qt=(0,yt.createContext)(Xo),Ke=qt.Provider,lt=()=>(0,yt.useContext)(qt),Ln=()=>{let{onResize:e,getDimensions:t}=lt();return(0,yt.useSyncExternalStore)(n=>e?e(()=>n()):()=>{},()=>t?t():null)};var dt=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())}},Nt=new dt;var Pt={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"}};var zn=require("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((0,zn.isValidElement)(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)}var qe=require("react/jsx-runtime"),xt=(0,O.createContext)(null),Zt=(0,O.createContext)(null),Dn=(0,O.createContext)(null),Wn=(0,O.createContext)(null),On=(0,O.createContext)(Pt),An=(0,O.createContext)({}),Be=()=>(0,O.useContext)(An),Fn=(0,O.createContext)(Nt),Ct=()=>(0,O.useContext)(Fn),fn=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))}},Vo={type:"leaf",id:"group-default",panels:[],activePanelId:null};function _n(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:s,...I}=n;return{...I,anchor:o}}return n});return{gridRoot:e.gridRoot,floating:t,minimized:e.minimized,panels:e.panels}}function Ko(e){if(e)try{let t=_n(JSON.parse(e));if(t)return{...t,activePanelId:Object.keys(t.panels)[0]??null}}catch{}return{gridRoot:Vo,floating:[],minimized:[],panels:{},activePanelId:null}}var jt=({children:e,client:t,formatMessage:n,predefinedMessages:o,dir:m,modalClass:s,modalBodyClass:I,sidePanelClass:b,sidePanelBodyClass:T,windowClass:w,windowBodyClass:x,zIndexBase:v})=>{let S=(0,O.useRef)(t?.registry??Nt).current,E=t?.config.formatMessage??n,D=t?.config.predefinedMessages??o,N=t?.config.dir??m,d=t?.config.zIndexBase??v??1e3,[L,R]=(0,O.useState)(()=>({...Ko(t?.initialState??null),draggedPanelId:null,dir:N||"ltr",isRtl:N==="rtl",splitRatio:Math.min(.9,Math.max(.1,t?.config.defaultSplitRatio??.5)),edgeSplitRatio:Math.min(.9,Math.max(.1,t?.config.defaultEdgeSplitRatio??.2))})),z=(0,O.useRef)(L);z.current=L;let g=(0,O.useRef)(new Set);(0,O.useEffect)(()=>{g.current.forEach(i=>i())},[L]);let P=(0,O.useCallback)(()=>z.current,[]),H=(0,O.useCallback)(i=>(g.current.add(i),()=>g.current.delete(i)),[]),$=(0,O.useRef)({}),l=(0,O.useRef)({}),W=(0,O.useMemo)(()=>({...Pt,...D}),[D]),Y=(0,O.useRef)(new fn),q=(0,O.useRef)(d);(0,O.useEffect)(()=>(document.documentElement.style.setProperty("--rdd-z-base",String(d)),()=>{document.documentElement.style.removeProperty("--rdd-z-base")}),[d]);let j=(0,O.useCallback)((i,y)=>Y.current.subscribe(i,y),[]),pe=(0,O.useCallback)((i,y)=>{Y.current.publish(i,y)},[]),ee=(0,O.useCallback)((i,y)=>{let c=typeof i.x=="string"?parseFloat(i.x):i.x,a=typeof i.y=="string"?parseFloat(i.y):i.y,G=typeof i.width=="string"?parseFloat(i.width):i.width,r=typeof i.height=="string"?parseFloat(i.height):i.height;isNaN(c)&&(c=300),isNaN(a)&&(a=150),isNaN(G)&&(G=450),isNaN(r)&&(r=350);let C=M=>y.some(A=>{let _=typeof A.x=="string"?parseFloat(A.x):A.x,Q=typeof A.y=="string"?parseFloat(A.y):A.y;return!A.maximized&&Math.abs(_-M.x)<20&&Math.abs(Q-M.y)<20}),p=0;for(;C({x:c,y:a})&&p<10;)c+=30,a+=30,p++;let u=Math.max(100,window.innerWidth||1024),h=Math.max(100,window.innerHeight||768);return(c+G>u||a+r>h)&&(c=100+p%5*30,a=100+p%5*30),c=Math.max(0,Math.min(c,u-100)),a=Math.max(0,Math.min(a,h-40)),{x:c,y:a,width:G,height:r}},[]),Pe=(0,O.useCallback)(i=>{R(y=>{let c=y.panels[i];if(!c)return y;if(c.state==="floating"){let a=y.floating.find(r=>r.id===i);if(!a)return y;let G=!y.floating.some(r=>r.z>a.z);return G&&y.activePanelId===i?y:(G||(q.current+=1),{...y,floating:y.floating.map(r=>r.id===i?{...r,z:G?a.z:q.current}:r),activePanelId:i})}else if(c.state==="docked"){if(y.activePanelId===i)return y;let a=G=>G.type==="leaf"?G.panels.includes(i)?{...G,activePanelId:i}:G:{...G,children:G.children.map(a)};return{...y,gridRoot:a(y.gridRoot),activePanelId:i}}return y.activePanelId===i?y:{...y,activePanelId:i}})},[]),ne=(i,y)=>{if(i.type==="leaf"){let c=i.panels.indexOf(y);if(c===-1)return i;let a=i.panels.filter(C=>C!==y),G=i.activePanelId===y?a[c]||a[c-1]||a[0]||null:i.activePanelId,r={...i,panels:a,activePanelId:G};return a.length===0&&!i.keepOnEmpty?null:r}else{let c=i.children.map(r=>ne(r,y)).filter(r=>r!==null);if(c.length===0)return null;if(c.length===1)return c[0];let a=i.sizes.slice(0,c.length),G=a.reduce((r,C)=>r+C,0);return{...i,children:c,sizes:a.map(r=>r/G)}}},J=(i,y,c)=>{if(i.type==="leaf"){if(i.id===y){let a=i.panels.includes(c)?i.panels:[...i.panels,c];return{...i,panels:a,activePanelId:c}}return i}else return{...i,children:i.children.map(a=>J(a,y,c))}},F=i=>{if(i.type==="leaf")return i.id;for(let y of i.children){let c=F(y);if(c)return c}return null},k=(0,O.useCallback)((i,y,c)=>{let a=i;if(c?.dedupeKey!==void 0){let h=Object.values(z.current.panels).find(M=>M.component===y&&M.dedupeKey===c.dedupeKey);h&&(a=h.id)}let G=!(a in z.current.panels),r=a!==i,C=c?.focus!==!1,u=c?.props!==void 0?ct(c.props):!0;R(h=>{let M=h.panels[a],A=S.get(y),_=c?.title||c?.title||A?.defaultOptions?.title||a,Q=c?.initialTarget||A?.defaultOptions?.initialTarget||"docked",oe=A?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},Z=C?a:h.activePanelId;if(M)if(M.state==="minimized"){let ae=h.minimized.filter(ce=>ce.id!==a);if(Q==="floating"||!h.gridRoot){q.current+=1;let ce=ee(oe,h.floating);return{...h,minimized:ae,floating:[...h.floating,{...ce,id:a,z:q.current}],panels:{...h.panels,[a]:{...M,state:"floating"}},activePanelId:Z}}else{let ce=F(h.gridRoot)||"group-default";return{...h,minimized:ae,gridRoot:J(h.gridRoot,ce,a),panels:{...h.panels,[a]:{...M,state:"docked"}},activePanelId:Z}}}else{if(M.state==="floating")return C&&Pe(a),h;{let ae=ce=>ce.type==="leaf"?ce.panels.includes(a)?{...ce,activePanelId:a}:ce:{...ce,children:ce.children.map(ae)};return{...h,gridRoot:ae(h.gridRoot),activePanelId:Z}}}let de={id:a,title:_,component:y,state:Q==="tabbed"?"docked":Q,props:c?.props,serializable:u,dedupeKey:c?.dedupeKey},re={...h.panels,[a]:de};if(Q==="floating"){q.current+=1;let ae=ee(oe,h.floating),ce=c?.anchor??A?.defaultOptions?.defaultAnchor??null;return{...h,floating:[...h.floating,{...ae,id:a,z:q.current,anchor:ce}],panels:re,activePanelId:Z}}else{let ae=F(h.gridRoot)||"group-default";return{...h,gridRoot:J(h.gridRoot,ae,a),panels:re,activePanelId:Z}}}),G&&Y.current.publish("panel:opened",{id:a,component:y}),(G||r)&&Y.current.publish("layout:changed",{})},[ee,Pe]),V=(0,O.useCallback)(i=>{let y=i in z.current.panels;R(c=>{let a=c.panels[i];if(!a||S.get(a.component)?.defaultOptions?.canClose===!1)return c;delete $.current[i],delete l.current[i];let r={...c.panels};delete r[i];let C=ne(c.gridRoot,i);return{...c,gridRoot:C||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:c.floating.filter(p=>p.id!==i),minimized:c.minimized.filter(p=>p.id!==i),panels:r}}),y&&(Y.current.publish("panel:closed",{id:i}),Y.current.publish("layout:changed",{}))},[]),B=(0,O.useCallback)((i,y)=>{$.current[i]=y},[]),le=(0,O.useCallback)(i=>{delete $.current[i]},[]),fe=(0,O.useCallback)((i,y)=>{l.current[i]=y},[]),ve=(0,O.useCallback)(i=>{delete l.current[i]},[]),xe=(0,O.useCallback)((i,y,c)=>{R(a=>{let G=a.panels[i];return G?{...a,panels:{...a.panels,[i]:{...G,dirty:y,dirtyOptions:c}}}:a})},[]),Le=(0,O.useCallback)((i,y)=>{R(c=>{let a=c.panels[i];return a?{...c,panels:{...c.panels,[i]:{...a,title:y}}}:c})},[]),De=(0,O.useCallback)(async(i,y)=>{if(y?.force){V(i);return}let c=$.current[i];if(c&&!await c())return;let a=z.current.panels[i];if(a?.dirty)if(y?.onConfirm){if(!await y.onConfirm(a.dirtyOptions))return}else return;V(i)},[V]),Ae=(0,O.useCallback)(i=>{let y=z.current.panels[i]?.state!=="minimized"&&i in z.current.panels;R(c=>{let a=c.panels[i];if(!a||a.state==="minimized"||S.get(a.component)?.defaultOptions?.canMinimize===!1)return c;let r,C;if(a.state==="floating"){let u=c.floating.find(h=>h.id===i);u&&(r={x:Number(u.x),y:Number(u.y),width:Number(u.width),height:Number(u.height),anchor:u.anchor??null})}else if(a.state==="docked"){let u=h=>{if(h.type==="leaf")return h.panels.includes(i)?h.id:null;for(let M of h.children){let A=u(M);if(A)return A}return null};C=u(c.gridRoot)??void 0}let p=ne(c.gridRoot,i);return{...c,gridRoot:p||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:c.floating.filter(u=>u.id!==i),minimized:[...c.minimized,{id:i,title:a.title,component:a.component}],panels:{...c.panels,[i]:{...a,state:"minimized",previousState:a.state,lastFloatingRect:r,lastLeafId:C}}}}),y&&(Y.current.publish("panel:minimized",{id:i}),Y.current.publish("layout:changed",{}))},[]),Qe=(0,O.useCallback)(i=>{let y=z.current.panels[i]?.state==="minimized";R(c=>{let a=c.panels[i];if(!a||a.state!=="minimized")return c;let G=c.minimized.filter(C=>C.id!==i);if((a.previousState||"docked")==="floating"){q.current+=1;let C=S.get(a.component),p=a.lastFloatingRect||C?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},u=ee(p,c.floating);return{...c,minimized:G,floating:[...c.floating,{...u,id:i,z:q.current,anchor:a.lastFloatingRect?.anchor??null}],panels:{...c.panels,[i]:{...a,state:"floating"}}}}else{let C=(M,A)=>M.type==="leaf"?M.id===A:M.children.some(_=>C(_,A)),p=a.lastLeafId&&C(c.gridRoot,a.lastLeafId),u=S.get(a.component),h=u?.defaultOptions?.canDrag!==!1;if(p)return{...c,minimized:G,gridRoot:J(c.gridRoot,a.lastLeafId,i),panels:{...c.panels,[i]:{...a,state:"docked"}}};if(h){q.current+=1;let M=a.lastFloatingRect||u?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},A=ee(M,c.floating);return{...c,minimized:G,floating:[...c.floating,{...A,id:i,z:q.current,anchor:a.lastFloatingRect?.anchor??null}],panels:{...c.panels,[i]:{...a,state:"floating"}}}}else{let M=F(c.gridRoot)||"group-default";return{...c,minimized:G,gridRoot:J(c.gridRoot,M,i),panels:{...c.panels,[i]:{...a,state:"docked"}}}}}}),y&&(Y.current.publish("panel:restored",{id:i}),Y.current.publish("layout:changed",{}))},[ee]),et=(0,O.useCallback)((i,y,c)=>{R(a=>{let G=a.panels[i];if(!G||S.get(G.component)?.defaultOptions?.canDrag===!1)return a;let C=S.get(G.component),p=y||C?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},u=ne(a.gridRoot,i);q.current+=1;let h=ee(p,a.floating);return{...a,gridRoot:u||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:[...a.floating,{...h,id:i,z:q.current,anchor:c??null}],panels:{...a.panels,[i]:{...G,state:"floating"}}}})},[ee]),tt=(0,O.useCallback)((i,y)=>{R(c=>{let a=c.panels[i];if(!a)return c;let G=c.floating.filter(p=>p.id!==i),r=ne(c.gridRoot,i),C=y||F(r||c.gridRoot)||"group-default";return{...c,gridRoot:J(r||c.gridRoot,C,i),floating:G,panels:{...c.panels,[i]:{...a,state:"docked"}}}})},[]),Ht=(i,y,c,a,G)=>{if(i.type==="leaf"){if(i.id===y){let r={type:"leaf",id:`group-split-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[c],activePanelId:c},C=a==="left"||a==="right"?"horizontal":"vertical",p=a==="left"||a==="top"?[r,i]:[i,r],u=a==="left"||a==="top"?[G,1-G]:[1-G,G];return{type:"branch",orientation:C,sizes:u,children:p}}return i}else return{...i,children:i.children.map(r=>Ht(r,y,c,a,G))}},gt=(0,O.useCallback)(i=>{R(y=>({...y,draggedPanelId:i}))},[]),Se=(0,O.useCallback)((i,y,c)=>{R(a=>{let G=a.panels[i];if(!G)return a;let r=a.floating.filter(u=>u.id!==i),C=ne(a.gridRoot,i),p;return c==="center"?p=J(C||a.gridRoot,y,i):p=Ht(C||a.gridRoot,y,i,c,a.splitRatio),{...a,gridRoot:p,floating:r,panels:{...a.panels,[i]:{...G,state:"docked"}},draggedPanelId:null}})},[]),Bt=(0,O.useCallback)((i,y)=>{R(c=>{let a=c.panels[i];if(!a)return c;let G=c.floating.filter(A=>A.id!==i),r=ne(c.gridRoot,i),C={type:"leaf",id:`group-edge-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[i],activePanelId:i},p=y==="left"||y==="right"?"horizontal":"vertical",u=y==="left"||y==="top"?[C,r||c.gridRoot]:[r||c.gridRoot,C],h=c.edgeSplitRatio,M={type:"branch",orientation:p,sizes:y==="left"||y==="top"?[h,1-h]:[1-h,h],children:u};return{...c,gridRoot:M,floating:G,panels:{...c.panels,[i]:{...a,state:"docked"}},draggedPanelId:null}})},[]),$t=(0,O.useCallback)((i,y,c)=>{R(a=>{let G=a.panels[i];if(!G)return a;let r=ne(a.gridRoot,i),C=h=>{if(h.type==="leaf"){if(h.id===y){let M=h.panels.filter(Q=>Q!==i),A=Math.max(0,Math.min(c,M.length)),_=[...M];return _.splice(A,0,i),{...h,panels:_,activePanelId:i}}return h}else return{...h,children:h.children.map(C)}},p=C(r||a.gridRoot),u=a.floating.filter(h=>h.id!==i);return{...a,gridRoot:p,floating:u,panels:{...a.panels,[i]:{...G,state:"docked"}},draggedPanelId:null}})},[]),mt=(0,O.useCallback)(i=>{R(y=>{let c=G=>{if(G.type==="leaf")return G.id===i&&G.canClose!==!1?null:G;{let r=G.children.map(u=>c(u)).filter(u=>u!==null);if(r.length===0)return null;if(r.length===1)return r[0];let C=G.sizes.slice(0,r.length),p=C.reduce((u,h)=>u+h,0);return{...G,children:r,sizes:C.map(u=>u/p)}}},a=c(y.gridRoot);return{...y,gridRoot:a||{type:"leaf",id:"group-default",panels:[],activePanelId:null}}})},[]),nt=(0,O.useCallback)(i=>{R(y=>({...y,floating:y.floating.map(c=>c.id===i?{...c,maximized:!c.maximized}:c)}))},[]),It=(0,O.useCallback)((i,y)=>{let c=(a,G)=>{if(a.type==="leaf")return a;if(G===i.length)return{...a,sizes:y};let r=i[G],C=a.children.map((p,u)=>u===r?c(p,G+1):p);return{...a,children:C}};R(a=>({...a,gridRoot:c(a.gridRoot,0)}))},[]),Gt=(0,O.useCallback)((i,y)=>{R(c=>({...c,floating:c.floating.map(a=>a.id===i?{...a,...y}:a)}))},[]),Xe=(0,O.useCallback)(()=>{let i=z.current.panels,y=[],c={};for(let[p,u]of Object.entries(i)){let h=l.current[p],M=h?.(),A=h!==void 0&&M!==void 0,_=A?M:u.props,Q=A?ct(M):u.serializable;Q?c[p]=A?{...u,props:_,serializable:Q}:u:y.push(p)}let a=z.current.gridRoot,G=z.current.floating,r=z.current.minimized;for(let p of y)a=ne(a,p)||{type:"leaf",id:"group-default",panels:[],activePanelId:null},G=G.filter(u=>u.id!==p),r=r.filter(u=>u.id!==p);return y.length>0&&Y.current.publish("layout:panels-excluded",{panels:y.map(p=>({id:p,component:i[p].component}))}),JSON.stringify({version:2,gridRoot:a,floating:G,minimized:r,panels:c})},[]),He=(0,O.useCallback)(i=>{try{let y=_n(JSON.parse(i));if(!y)return!1;let c=Object.keys(y.panels)[0]||null;return R(a=>({...a,gridRoot:y.gridRoot,floating:y.floating,minimized:y.minimized,panels:y.panels,draggedPanelId:null,activePanelId:c})),!0}catch(y){return console.error("Failed to parse layout configuration:",y),!1}},[]),Yt=(0,O.useCallback)(i=>{R(y=>y.activePanelId===i?y:{...y,activePanelId:i})},[]),Xt=(0,O.useCallback)(i=>{R(y=>y.dir===i?y:{...y,dir:i,isRtl:i==="rtl"})},[]),Et=(0,O.useCallback)(i=>i in z.current.panels,[]),ot=(0,O.useCallback)(()=>Object.keys(z.current.panels),[]),rt=(0,O.useCallback)((i,y)=>Object.values(z.current.panels).find(a=>a.component===i&&a.dedupeKey===y)?.id??null,[]);(0,O.useEffect)(()=>{N&&R(i=>i.dir===N?i:{...i,dir:N,isRtl:N==="rtl"})},[N]);let _e=(0,O.useRef)(new Map),Ve=(0,O.useRef)(null),Lt=(0,O.useCallback)(i=>(Ve.current=i,()=>{Ve.current=null}),[]),Vt=(0,O.useCallback)(i=>{Ve.current?.(i)},[]),zt=(0,O.useCallback)((i,y)=>(_e.current.set(i,y),()=>{_e.current.delete(i)}),[]),it=(0,O.useCallback)(i=>_e.current.get(i)?.()??[],[]),ft=(0,O.useMemo)(()=>({openPanel:k,closePanel:V,minimizePanel:Ae,restorePanel:Qe,floatPanel:et,dockPanel:tt,maximizePanel:nt,updateSplitSizes:It,updateFloatingPosition:Gt,focusPanel:Pe,isOpen:Et,getOpenPanelIds:ot,findPanelId:rt,saveLayout:Xe,loadLayout:He,publish:pe,subscribe:j,setDraggedPanelId:gt,dockPanelToGroup:Se,movePanelOrder:$t,closeLeafGroup:mt,registerCloseGuard:B,unregisterCloseGuard:le,registerStateProvider:fe,unregisterStateProvider:ve,setPanelDirty:xe,updatePanelTitle:Le,requestClosePanel:De,dockPanelToWorkspaceEdge:Bt,setActivePanel:Yt,setDirection:Xt,registerPanelContextMenu:zt,getPanelContextMenuItems:it,showContextMenu:Vt,registerContextMenuFn:Lt}),[k,V,Ae,Qe,et,tt,nt,It,Gt,Pe,Et,ot,rt,Xe,He,pe,j,gt,Se,$t,mt,B,le,fe,ve,xe,Le,De,Bt,Yt,Xt,zt,it,Vt,Lt]),st=i=>{let y=i.defaultMessage||i.id;return i.values&&Object.entries(i.values).forEach(([c,a])=>{y=y.replace(`{${c}}`,String(a))}),y},cn=(0,O.useMemo)(()=>({modalClass:s,modalBodyClass:I,sidePanelClass:b,sidePanelBodyClass:T,windowClass:w,windowBodyClass:x}),[s,I,b,T,w,x]);(0,O.useEffect)(()=>{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{}},[]),(0,D.useEffect)(()=>{if(t)return t._connect(ht),()=>{t._disconnect()}},[t,ht]);let bt=(0,D.useMemo)(()=>({getSnapshot:O,subscribeToState:$}),[O,$]);return(0,je.jsx)(Wn.Provider,{value:Vt,children:(0,je.jsx)(On.Provider,{value:R,children:(0,je.jsx)(zn.Provider,{value:bt,children:(0,je.jsx)(wt.Provider,{value:E,children:(0,je.jsx)(Zt.Provider,{value:ht,children:(0,je.jsx)(Nn.Provider,{value:I||cn,children:(0,je.jsx)(Dn.Provider,{value:l,children:e})})})})})})})},Ln=e=>()=>{};function De(e){let t=(0,D.useContext)(wt),n=(0,D.useContext)(zn),o=(0,D.useRef)(e);o.current=e;let p=(0,D.useSyncExternalStore)(e?n?.subscribeToState??Ln:Ln,()=>{let s=n?.getSnapshot()??t;return o.current?o.current(s):s},()=>{let s=n?.getSnapshot()??t;return o.current?o.current(s):s});if(!t)throw new Error("useWindowManagerState must be used within WindowManagerProvider");return e?p:t}var Mt=()=>{let e=(0,D.useContext)(Zt);if(!e)throw new Error("useWindowManagerActions must be used within WindowManagerProvider");return e},fn=()=>{let e=(0,D.useContext)(Zt);if(!e)throw new Error("useWindowManagerActionsInternal must be used within WindowManagerProvider");return e},Fe=()=>(0,D.useContext)(Nn)||(t=>{let n=t.defaultMessage||t.id;return t.values&&Object.entries(t.values).forEach(([o,p])=>{n=n.replace(`{${o}}`,String(p))}),n}),he=(e,t)=>e?typeof e=="string"?e:t(e):"",Fn=()=>{let{publish:e,subscribe:t}=Mt();return{publish:e,subscribe:t}},Be=()=>(0,D.useContext)(Dn),Wt=()=>dt().instanceId;function _n(e){let t=(0,D.useContext)(Zt),n=Wt(),o=(0,D.useRef)(e);o.current=e,(0,D.useEffect)(()=>{if(!(!t?.registerPanelContextMenu||!n))return t.registerPanelContextMenu(n,()=>o.current)},[n,t?.registerPanelContextMenu])}var be=gn(require("react"),1),hn=require("react-dom"),de=require("react/jsx-runtime");function Vo(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 Tt(e,t){return typeof e=="string"?e:t?t(e):e.defaultMessage??e.id}function bn(e){return"separator"in e}function Ut(e){return!bn(e)&&"items"in e}var Bn=(0,be.forwardRef)(({items:e,x:t,y:n,theme:o,fmt:p,onClose:s,onMouseEnter:T,onMouseLeave:h},w)=>((0,be.useLayoutEffect)(()=>{let y=w?.current;if(!y)return;let v=y.getBoundingClientRect(),b=8;v.right>window.innerWidth-b&&(y.style.left=`${Math.max(b,window.innerWidth-v.width-b)}px`,y.style.right="auto"),v.bottom>window.innerHeight-b&&(y.style.top=`${Math.max(b,window.innerHeight-v.height-b)}px`),v.left<b&&(y.style.left=`${b}px`,y.style.right="auto"),v.top<b&&(y.style.top=`${b}px`)}),(0,hn.createPortal)((0,de.jsx)("div",{ref:w,className:`rdd-context-menu rdd-context-menu--${o} rdd-context-menu--submenu`,style:{position:"fixed",left:t,top:n,zIndex:9501},role:"menu",onMouseEnter:T,onMouseLeave:h,children:e.map((y,v)=>{if(bn(y))return(0,de.jsx)("hr",{className:"rdd-context-menu__separator",role:"separator"},v);let b=y,R=b.checkbox&&b.checkbox.active!==!1,I=R&&b.checkbox.value,k=b.disabled===!0||(R?b.checkbox.enabled===!1:!1);return(0,de.jsxs)("button",{type:"button",className:`rdd-context-menu__item${k?" rdd-context-menu__item--disabled":""}`,title:b.title?Tt(b.title,p):void 0,disabled:k,"data-cy-action":b.cyAction,onClick:()=>{k||(b.action?.(),s())},role:"menuitem","aria-checked":R?I:void 0,children:[b.icon?(0,de.jsx)("span",{className:"rdd-context-menu__icon",children:b.icon}):(0,de.jsx)("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),(0,de.jsx)("span",{className:"rdd-context-menu__label",children:Tt(b.label,p)}),R&&(0,de.jsx)("span",{className:`rdd-context-menu__checkbox${I?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:(0,de.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,de.jsx)("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:"none",stroke:"currentColor",strokeWidth:"1.5"}),I&&(0,de.jsx)("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},v)})}),document.body)));Bn.displayName="ContextMenuSubMenuPanel";var Hn={visible:!1,x:0,y:0,items:[]},Jt=(0,be.forwardRef)(({theme:e="dark",formatMessageProvider:t,onShow:n,onHide:o,onOpenChange:p,className:s,style:T},h)=>{let[w,y]=(0,be.useState)(Hn),[v,b]=(0,be.useState)(null),R=(0,be.useRef)(null),I=(0,be.useRef)(null),k=(0,be.useRef)(new Map),L=(0,be.useRef)({open:null,close:null}),d=be.default.useCallback(()=>{y(Hn),b(null),L.current.open&&clearTimeout(L.current.open),L.current.close&&clearTimeout(L.current.close),L.current.open=null,L.current.close=null,o?.(),p?.(!1)},[o,p]);if((0,be.useImperativeHandle)(h,()=>({show({event:l,x:M,y:Y,items:Q}){let j=l?Vo(l):{x:M??0,y:Y??0};k.current.clear(),y({visible:!0,x:j.x,y:j.y,items:Q}),b(null),n?.(),p?.(!0)}}),[n,p]),(0,be.useEffect)(()=>{if(!w.visible)return;let l=M=>{R.current?.contains(M.target)||I.current?.contains(M.target)||d()};return document.addEventListener("pointerdown",l,{capture:!0}),window.addEventListener("click",l),()=>{document.removeEventListener("pointerdown",l,{capture:!0}),window.removeEventListener("click",l)}},[w.visible,d]),(0,be.useEffect)(()=>{if(!w.visible)return;let l=M=>{M.key==="Escape"&&d()};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[w.visible,d]),(0,be.useLayoutEffect)(()=>{if(!w.visible||!R.current)return;let l=R.current,M=l.getBoundingClientRect(),Y=8;M.right>window.innerWidth-Y&&(l.style.left=`${Math.max(Y,window.innerWidth-M.width-Y)}px`),M.bottom>window.innerHeight-Y&&(l.style.top=`${Math.max(Y,window.innerHeight-M.height-Y)}px`),M.left<Y&&(l.style.left=`${Y}px`),M.top<Y&&(l.style.top=`${Y}px`)},[w.visible]),!w.visible)return null;let E=t,a=0,f=0;if(v!==null){let l=k.current.get(v);if(l){let M=l.getBoundingClientRect();a=document.documentElement.dir==="rtl"?window.innerWidth-M.left+2:M.right+2,f=M.top}}function C(){L.current.open&&(clearTimeout(L.current.open),L.current.open=null)}function O(){L.current.close&&(clearTimeout(L.current.close),L.current.close=null)}function $(l,M){O(),v!==null&&v!==l&&(C(),b(null)),Ut(M)&&M.items?.length?(C(),L.current.open=setTimeout(()=>{b(l)},150)):Ut(M)||(C(),v!==null&&(L.current.close=setTimeout(()=>b(null),200)))}function F(l){C(),Ut(l)&&l.items?.length&&(L.current.close=setTimeout(()=>b(null),200))}return(0,hn.createPortal)((0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)("div",{ref:R,className:`rdd-context-menu rdd-context-menu--${e}${s?` ${s}`:""}`,style:{position:"fixed",left:w.x,top:w.y,zIndex:9500,...T},role:"menu","aria-orientation":"vertical",children:w.items.map((l,M)=>{if(bn(l))return(0,de.jsx)("hr",{className:"rdd-context-menu__separator",role:"separator"},M);if(Ut(l))return(0,de.jsxs)("button",{ref:re=>{k.current.set(M,re)},type:"button",className:`rdd-context-menu__item rdd-context-menu__item--has-submenu${v===M?" rdd-context-menu__item--submenu-open":""}`,title:l.title?Tt(l.title,E):void 0,onMouseEnter:()=>$(M,l),onMouseLeave:()=>F(l),role:"menuitem","aria-haspopup":"true","aria-expanded":v===M,children:[(0,de.jsx)("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),(0,de.jsx)("span",{className:"rdd-context-menu__label",children:Tt(l.label,E)}),(0,de.jsx)("span",{className:"rdd-context-menu__chevron","aria-hidden":"true",children:"\u203A"})]},M);let Y=l,Q=Y.checkbox&&Y.checkbox.active!==!1,j=Q&&Y.checkbox.value,se=Y.disabled===!0||(Q?Y.checkbox.enabled===!1:!1);return(0,de.jsxs)("button",{ref:re=>{k.current.set(M,re)},type:"button",className:`rdd-context-menu__item${se?" rdd-context-menu__item--disabled":""}`,title:Y.title?Tt(Y.title,E):void 0,disabled:se,"data-cy-action":Y.cyAction,onClick:()=>{se||(Y.action?.(),d())},onMouseEnter:()=>$(M,l),onMouseLeave:()=>F(l),role:"menuitem","aria-checked":Q?j:void 0,children:[Y.icon?(0,de.jsx)("span",{className:"rdd-context-menu__icon",children:Y.icon}):(0,de.jsx)("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),(0,de.jsx)("span",{className:"rdd-context-menu__label",children:Tt(Y.label,E)}),Q&&(0,de.jsx)("span",{className:`rdd-context-menu__checkbox${j?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:(0,de.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,de.jsx)("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&&(0,de.jsx)("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},M)})}),v!==null&&(()=>{let l=w.items[v];return(0,de.jsx)(Bn,{ref:I,items:l.items??[],x:a,y:f,theme:e,fmt:E,onClose:d,onMouseEnter:()=>O(),onMouseLeave:()=>{L.current.close=setTimeout(()=>b(null),200)}})})()]}),document.body)});Jt.displayName="ContextMenu";var ut={Component:Jt},St=be.default.createContext(null),Qt=({adapter:e=ut,children:t,...n})=>{let o=(0,be.useRef)(null),[p,s]=be.default.useState(!1),T=be.default.useCallback(h=>{o.current?.show(h)},[]);return(0,de.jsxs)(St.Provider,{value:{show:T,isOpen:p},children:[t,(0,de.jsx)(e.Component,{ref:o,...n,onShow:()=>{s(!0),n.onShow?.()},onHide:()=>{s(!1),n.onHide?.()}})]})};function $n(){let e=be.default.useContext(St);if(!e)throw new Error("useShowContextMenu must be used within a ContextMenuProvider");return e.show}var ye=require("react"),yn=require("react/jsx-runtime"),qo=0,vn=()=>`panel-${++qo}-${Date.now()}`,en=new Map,Gn={leftPanel:null,rightPanel:null,modals:[]},Yn=(0,ye.createContext)(null),Xn=(0,ye.createContext)(null),tn=({children:e})=>{let[t,n]=(0,ye.useState)(Gn),o=(0,ye.useRef)(t);o.current=t;let p=(0,ye.useCallback)((d,E)=>{en.set(d,E)},[]),s=(0,ye.useCallback)(d=>{en.delete(d)},[]),T=(0,ye.useCallback)(async(d,E,a={})=>{let f=o.current.leftPanel;if(f){let $=en.get(f.id);if($&&!await $())return null}let C=vn(),O={id:C,Component:d,props:E,containerType:"left-panel",options:a};return n($=>({...$,leftPanel:O})),C},[]),h=(0,ye.useCallback)(async(d,E,a={})=>{let f=o.current.rightPanel;if(f){let $=en.get(f.id);if($&&!await $())return null}let C=vn(),O={id:C,Component:d,props:E,containerType:"right-panel",options:a};return n($=>({...$,rightPanel:O})),C},[]),w=(0,ye.useCallback)((d,E,a={})=>{let f=vn(),C=E.title,O={...a,title:a.title||C||"Confirmation"},$={id:f,Component:d,props:E,containerType:"modal",options:O};return n(F=>({...F,modals:[...F.modals,$]})),f},[]),y=(0,ye.useCallback)(d=>{n(E=>({leftPanel:E.leftPanel?.id===d?null:E.leftPanel,rightPanel:E.rightPanel?.id===d?null:E.rightPanel,modals:E.modals.filter(a=>a.id!==d)}))},[]),v=(0,ye.useCallback)(()=>{n(Gn)},[]),b=(0,ye.useCallback)(()=>{n(d=>({...d,modals:[]}))},[]),R=(0,ye.useCallback)(d=>t.leftPanel?.id===d?t.leftPanel:t.rightPanel?.id===d?t.rightPanel:t.modals.find(E=>E.id===d),[t]),I=(0,ye.useCallback)((d,E)=>{n(a=>({leftPanel:a.leftPanel?.id===d?{...a.leftPanel,...E}:a.leftPanel,rightPanel:a.rightPanel?.id===d?{...a.rightPanel,...E}:a.rightPanel,modals:a.modals.map(f=>f.id===d?{...f,...E}:f)}))},[]),k=(0,ye.useCallback)((d,E,a)=>{I(d,{dirty:E,dirtyOptions:a})},[I]),L=(0,ye.useMemo)(()=>({openLeftPanel:T,openRightPanel:h,openModal:w,close:y,closeAll:v,closeAllModals:b,getInstance:R,updateInstance:I,setDirty:k,registerCloseHandler:p,unregisterCloseHandler:s}),[T,h,w,y,v,b,R,I,k,p,s]);return(0,yn.jsx)(Yn.Provider,{value:t,children:(0,yn.jsx)(Xn.Provider,{value:L,children:e})})},Xe=()=>{let e=(0,ye.useContext)(Yn);if(!e)throw new Error("usePanelState must be used within PanelProvider");return e},Ue=()=>{let e=(0,ye.useContext)(Xn);if(!e)throw new Error("usePanelActions must be used within PanelProvider");return e};var Ot=require("react");var _e=require("react/jsx-runtime"),Ko=({title:e,message:t,alert:n,alertType:o="info",useYesNoTitles:p=!1,onOK:s,onCancel:T})=>{let{requestClose:h,setIcon:w,setTitle:y}=dt(),v=Fe(),b=Be(),R=(0,Ot.useRef)(null);(0,Ot.useEffect)(()=>{if(e){let a=typeof e=="string"?e:v(e);y(a)}w&&w((0,_e.jsx)("span",{children:"\u2753"}))},[e,y,w,v]),(0,Ot.useEffect)(()=>{R.current?.focus()},[]);let I=typeof t=="string"?t:v(t),k=v(p?b.no:b.cancel),L=v(p?b.yes:b.ok),d=a=>{a.preventDefault(),s?.(),h()},E=()=>{T?.(),h()};return(0,_e.jsxs)("form",{onSubmit:d,className:"rdd-confirmation-form-body",children:[n&&(0,_e.jsxs)("div",{className:`rdd-confirmation-alert confirmation-alert-${o}`,children:[(0,_e.jsx)("span",{children:"\u2139\uFE0F"}),(0,_e.jsx)("span",{children:n})]}),(0,_e.jsx)("div",{style:{fontSize:"0.9rem",color:"inherit",lineHeight:1.5},children:I}),(0,_e.jsx)("hr",{style:{marginTop:"0.5rem",marginBottom:"0.5rem",opacity:.1}}),(0,_e.jsxs)("div",{className:"rdd-confirmation-actions",children:[(0,_e.jsx)("button",{type:"button",className:"rdd-btn rdd-btn-sm rdd-btn-outline",onClick:E,children:k}),(0,_e.jsx)("button",{type:"submit",className:"rdd-btn rdd-btn-sm rdd-btn-primary",ref:R,children:L})]})]})},Je=Ko;function At(e){return e==="top-left"?"top-right":e==="top-right"?"top-left":e==="bottom-left"?"bottom-right":"bottom-left"}function Ve(e){let{element:t,pointerId:n,startClientX:o,startClientY:p,captureStart:s,onMove:T,onEnd:h,activeClasses:w}=e;t.setPointerCapture(n),w?.forEach(({el:R,classes:I})=>R.classList.add(...I));let y=s(),v=R=>{T(R.clientX-o,R.clientY-p,y)},b=()=>{w?.forEach(({el:R,classes:I})=>R.classList.remove(...I)),t.removeEventListener("pointermove",v),t.removeEventListener("pointerup",b),t.removeEventListener("pointercancel",b),h?.(y)};t.addEventListener("pointermove",v),t.addEventListener("pointerup",b),t.addEventListener("pointercancel",b)}function kt(e,t,n,o,p){let{minW:s,minH:T,maxW:h,maxH:w,minX:y,minY:v}=p,{x:b,y:R,w:I,h:k}=o;if(e.includes("e")&&(I=Math.max(s,Math.min(o.w+t,h??1/0))),e.includes("w")){let L=o.w-s,d=y!=null?-(o.x-y):-1/0,E=Math.max(d,Math.min(t,L));I=o.w-E,b=o.x+E}if(e.includes("s")&&(k=Math.max(T,Math.min(o.h+n,w??1/0))),e.includes("n")){let L=o.h-T,d=v!=null?-(o.y-v):-1/0,E=Math.max(d,Math.min(n,L));k=o.h-E,R=o.y+E}return{x:b,y:R,w:I,h:k}}var nn=require("react");function on(){let[e,t]=(0,nn.useState)(()=>document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark");return(0,nn.useEffect)(()=>{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}var g=require("react/jsx-runtime"),Vn=(e,t)=>{if(!e)return null;if(e.type==="leaf")return e.id===t?e:null;for(let n of e.children){let o=Vn(n,t);if(o)return o}return null},Ft=new Map,rn="preserved-dom-container",xn=(0,g.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[(0,g.jsx)("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),(0,g.jsx)("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),(0,g.jsx)("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),(0,g.jsx)("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]}),It={float:(0,g.jsx)("span",{className:"rdd-menu-icon",children:(0,g.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[(0,g.jsx)("rect",{x:"2",y:"8",width:"14",height:"14",rx:"1"}),(0,g.jsx)("rect",{x:"8",y:"2",width:"14",height:"14",rx:"1"})]})}),minimize:(0,g.jsx)("span",{className:"rdd-menu-icon",children:(0,g.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",style:{display:"block"},children:(0,g.jsx)("line",{x1:"4",y1:"18",x2:"20",y2:"18"})})}),restore:(0,g.jsx)("span",{className:"rdd-menu-icon",children:(0,g.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,g.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1"})})}),maximize:(0,g.jsx)("span",{className:"rdd-menu-icon",children:(0,g.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,g.jsx)("rect",{x:"2",y:"2",width:"20",height:"20",rx:"1"})})}),close:(0,g.jsx)("span",{className:"rdd-menu-icon",children:(0,g.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,g.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})},qn=e=>{let t=Ft.get(e);return t||(t=document.createElement("div"),t.style.width="100%",t.style.height="100%",Ft.set(e,t)),t},Zo=(e,t,n)=>{let o=n.get(t);if(!o)return console.warn(`[react-dockable-desktop] Panel "${e}" references component key "${t}" which is not registered. Add it to the WorkspaceClient panels config:
|
|
5
|
-
new WorkspaceClient({ panels: { "${t}": { component: YourComponent } } })`),(0,g.jsxs)("div",{className:"rdd-unregistered-panel",style:{border:"2px dashed #dc3545"},children:[(0,g.jsx)("h6",{style:{fontWeight:700,marginBottom:"0.25rem"},children:"\u26A0\uFE0F Component Unregistered"}),(0,g.jsxs)("span",{style:{fontSize:"0.875rem",color:"var(--rdd-text-secondary, #94a3b8)"},children:["Key: ",t]})]});let p=o.Component;return(0,g.jsx)(p,{panelId:e})},Cn=new Map,Qe=new Map,pt=e=>{let t=Qe.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},Qe.set(e,t)),t},Kn=({panelId:e})=>{let t=(0,K.useRef)(null);return(0,K.useEffect)(()=>{let n=t.current;if(!n)return;let o=qn(e);n.appendChild(o);let p=new ResizeObserver(s=>{for(let T of s){let{width:h,height:w}=T.contentRect;if(h>0&&w>0){Cn.set(e,{width:h,height:w});let y=Qe.get(e);y&&y.onResize.forEach(v=>v(h,w))}}});return p.observe(n),()=>{p.disconnect();let s=document.getElementById(rn);s||(s=document.createElement("div"),s.id=rn,s.style.display="none",document.body.appendChild(s)),s.appendChild(o)}},[e]),(0,g.jsx)("div",{ref:t,style:{width:"100%",height:"100%"}})},jo=({panelId:e})=>{let t=De(),n=Rt(),o=Fe(),p=(0,K.useRef)(null),s=t.panels[e],T=s?n.get(s.component):null,h=T?.defaultOptions?.disableLivePreview||!1,w=Cn.get(e)||{width:800,height:500},y=w.width,v=w.height,I=Math.min(220/y,140/v);if((0,K.useEffect)(()=>{if(h)return;let k=p.current;if(!k)return;let L=Ft.get(e);if(L)return k.appendChild(L),()=>{let d=document.getElementById(rn);d||(d=document.createElement("div"),d.id=rn,d.style.display="none",document.body.appendChild(d)),d.appendChild(L)}},[e,h]),h){let k=y*I,L=v*I,d=s?.title||T?.defaultOptions?.title||"Panel",E=he(d,o),a=(Array.from(E)[0]||"P").toUpperCase();return(0,g.jsx)("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${k}px`,height:`${L}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:(0,g.jsx)("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:a})})}return(0,g.jsx)("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${y*I}px`,height:`${v*I}px`},children:(0,g.jsx)("div",{ref:p,className:"rdd-taskbar-item-preview-host",style:{width:`${y}px`,height:`${v}px`,transform:`scale(${I})`,transformOrigin:"top left",position:"absolute",top:0,left:0,"--rdd-preview-scale":I}})})},Uo=({panelId:e,children:t})=>{let n=De(),{requestClosePanel:o,setPanelDirty:p,registerCloseGuard:s,unregisterCloseGuard:T,updatePanelTitle:h,minimizePanel:w}=Mt(),y=n.minimized.some(a=>a.id===e),v=(0,K.useRef)(y);(0,K.useEffect)(()=>{let a=Qe.get(e);a&&(y&&!v.current?a.onMinimize.forEach(f=>f()):!y&&v.current&&a.onRestore.forEach(f=>f()),v.current=y)},[y,e]);let b=n.activePanelId===e,R=(0,K.useRef)(b);(0,K.useEffect)(()=>{let a=R.current;R.current=b;let f=Qe.get(e);f&&(b&&!a?f.onActivate.forEach(C=>C()):!b&&a&&f.onDeactivate.forEach(C=>C()))},[b,e]);let I=n.panels[e]?.state,k=I==="floating"?"floating-window":"dockable-panel",L=(0,K.useRef)(k);(0,K.useEffect)(()=>{if(I==="minimized")return;let a=L.current;L.current=k;let f=Qe.get(e);f&&k!==a&&f.onContainerTypeChange.forEach(C=>C(k))},[k,I,e]),(0,K.useEffect)(()=>()=>{let a=Qe.get(e);a&&(R.current&&a.onDeactivate.forEach(f=>f()),a.onClose.forEach(f=>f()),Qe.delete(e))},[e]);let d=(0,K.useRef)(k),E=K.default.useMemo(()=>({requestClose:a=>o(e,a),setDirty:a=>p(e,a),onCloseRequested:a=>(s(e,a),()=>T(e)),setTitle:a=>h(e,a),instanceId:e,containerType:d.current,onClose:a=>{let f=pt(e);return f.onClose.add(a),()=>f.onClose.delete(a)},onMinimize:a=>{let f=pt(e);return f.onMinimize.add(a),()=>f.onMinimize.delete(a)},onRestore:a=>{let f=pt(e);return f.onRestore.add(a),()=>f.onRestore.delete(a)},onResize:a=>{let f=pt(e);return f.onResize.add(a),()=>f.onResize.delete(a)},requestMinimize:()=>w(e),getDimensions:()=>Cn.get(e)??null,onActivate:a=>{let f=pt(e);return f.onActivate.add(a),()=>f.onActivate.delete(a)},onDeactivate:a=>{let f=pt(e);return f.onDeactivate.add(a),()=>f.onDeactivate.delete(a)},onContainerTypeChange:a=>{let f=pt(e);return f.onContainerTypeChange.add(a),()=>f.onContainerTypeChange.delete(a)}}),[e,o,p,s,T,h,w]);return(0,g.jsx)(Ze,{value:E,children:t})},Zn=({node:e,path:t,onTabRightClick:n,activeDropZone:o,onHoverDropZone:p,onTabDragStart:s,hoveredTab:T,onTabHover:h,defaultPanelIcon:w,onRequestClosePanel:y})=>{let{updateSplitSizes:v}=Mt();if(e.type==="leaf")return(0,g.jsx)(Jo,{leaf:e,onTabRightClick:n,activeDropZone:o,onHoverDropZone:p,onTabDragStart:s,hoveredTab:T,onTabHover:h,defaultPanelIcon:w,onRequestClosePanel:y});let b=e.orientation==="horizontal",R=(I,k)=>{k.preventDefault();let L=k.currentTarget,d=L.parentElement,E=d?b?d.clientWidth:d.clientHeight:b?1e3:800;Ve({element:L,pointerId:k.pointerId,startClientX:k.clientX,startClientY:k.clientY,captureStart:()=>[...e.sizes],activeClasses:[{el:L,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active",b?"rdd-resizing-col-active":"rdd-resizing-row-active"]}],onMove:(a,f,C)=>{let O=(b?a:f)/E,$=[...C];$[I]+=O,$[I+1]-=O,$[I]>.1&&$[I+1]>.1&&v(t,$)}})};return(0,g.jsx)("div",{style:{display:"flex",flexDirection:b?"row":"column",width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:e.children.map((I,k)=>{let L=e.sizes[k]*100;return(0,g.jsxs)(K.default.Fragment,{children:[(0,g.jsx)("div",{style:{flexGrow:e.sizes[k],flexBasis:`${L}%`,overflow:"hidden",position:"relative",minWidth:0,minHeight:0},children:(0,g.jsx)(Zn,{node:I,path:[...t,k],onTabRightClick:n,activeDropZone:o,onHoverDropZone:p,onTabDragStart:s,hoveredTab:T,onTabHover:h,defaultPanelIcon:w,onRequestClosePanel:y})}),k<e.children.length-1&&(0,g.jsx)("div",{onPointerDown:d=>R(k,d),style:{cursor:b?"col-resize":"row-resize",width:b?"1px":"100%",height:b?"100%":"1px",zIndex:20},className:"rdd-resizer-bar"})]},k)})})},Jo=({leaf:e,onTabRightClick:t,activeDropZone:n,onHoverDropZone:o,onTabDragStart:p,hoveredTab:s,onTabHover:T,defaultPanelIcon:h,onRequestClosePanel:w})=>{let y=De(),v=Rt(),{openPanel:b,closeLeafGroup:R,setActivePanel:I}=fn(),k=Fe(),L=Be(),{windowClass:d,windowBodyClass:E}=Ye(),a=(0,K.useRef)(null),[f,C]=(0,K.useState)({left:!1,right:!1}),O=(0,K.useCallback)(()=>{let l=a.current;l&&C({left:l.scrollLeft>0,right:l.scrollLeft<l.scrollWidth-l.clientWidth-1})},[]);(0,K.useEffect)(()=>{let l=a.current;if(!l)return;l.addEventListener("scroll",O,{passive:!0});let M=new ResizeObserver(O);return M.observe(l),O(),()=>{l.removeEventListener("scroll",O),M.disconnect()}},[O]);let $=l=>{a.current?.scrollBy({left:l==="left"?-120:120,behavior:"smooth"})},F=l=>{b(l,y.panels[l].component),I(l)};return(0,g.jsxs)("div",{"data-active-panel-id":e.activePanelId||"",className:`rdd-workspace-panel ${d??""}`,style:{overflow:"hidden",position:"relative"},children:[(0,g.jsxs)("div",{className:"rdd-workspace-tab-bar",style:{minHeight:"38px"},children:[f.left&&(0,g.jsx)("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-left",onPointerDown:l=>l.stopPropagation(),onClick:()=>$("left"),tabIndex:-1,"aria-label":"Scroll tabs left",children:"\u2039"}),(0,g.jsx)("div",{ref:a,className:"rdd-tab-headers-container",style:{scrollbarWidth:"none"},onPointerMove:l=>{y.draggedPanelId&&l.target===l.currentTarget&&T(e.id,"EMPTY",e.panels.length,"right")},onPointerLeave:l=>{y.draggedPanelId&&l.target===l.currentTarget&&T(e.id,"",-1,null)},children:e.panels.map((l,M)=>{let Y=y.panels[l];if(!Y)return null;let Q=e.activePanelId===l,j=y.activePanelId===l,re=v.get(Y.component)?.defaultOptions,ue=s&&s.leafId===e.id&&s.panelId===l,pe=M===e.panels.length-1,_=s&&s.leafId===e.id&&s.panelId==="EMPTY"&&pe,W=ue?s.side==="left"?"rdd-drag-hover-left":"rdd-drag-hover-right":_?"rdd-drag-hover-right":"",z=Q?j?"rdd-active rdd-workspace-tab-active-focused":"rdd-active rdd-workspace-tab-active-unfocused":"rdd-workspace-tab-inactive";return(0,g.jsxs)("div",{"data-tab-id":l,"data-leaf-id":e.id,"data-tab-index":String(M),onClick:()=>F(l),onPointerDown:Z=>{re?.canDrag!==!1&&p(l,Z)},onContextMenu:Z=>t(l,Z),onPointerMove:Z=>{if(y.draggedPanelId&&Z.pointerType!=="touch"){let B=Z.currentTarget.getBoundingClientRect(),ve=Z.clientX-B.left<B.width/2?"left":"right";T(e.id,l,M,ve)}},onPointerLeave:()=>{y.draggedPanelId&&T(e.id,"",-1,null)},className:`rdd-workspace-tab ${z} ${W}`,style:{cursor:re?.canDrag===!1?"default":"pointer"},children:[(0,g.jsxs)("span",{className:"rdd-text-truncate",style:{maxWidth:"120px",display:"flex",alignItems:"center"},children:[(0,g.jsx)("span",{className:"rdd-workspace-tab-icon",children:re?.icon||h||xn}),(0,g.jsxs)("span",{children:[he(Y.title,k),Y.dirty?" *":""]})]}),re?.renderHeaderActions&&(0,g.jsx)("span",{className:"rdd-tab-header-actions",onClick:Z=>Z.stopPropagation(),onPointerDown:Z=>Z.stopPropagation(),children:re.renderHeaderActions(l)}),re?.canClose!==!1&&(0,g.jsx)("span",{onClick:Z=>{Z.stopPropagation(),w(l)},title:he(L.closeTab,k),className:"rdd-close-tab-x",style:{width:"18px",height:"18px",...re?.renderHeaderActions?{}:{marginInlineStart:"auto"}},children:(0,g.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,g.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]},l)})}),f.right&&(0,g.jsx)("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-right",onPointerDown:l=>l.stopPropagation(),onClick:()=>$("right"),tabIndex:-1,"aria-label":"Scroll tabs right",children:"\u203A"}),e.panels.length===0&&e.keepOnEmpty&&e.canClose!==!1&&(0,g.jsx)("span",{onClick:()=>R(e.id),className:"rdd-close-tab-x rdd-header-close-empty-group",style:{width:"18px",height:"18px",cursor:"pointer"},title:he(L.closeEmptyGroup,k),children:(0,g.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,g.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,g.jsxs)("div",{className:`rdd-panel-body ${E??""}`,style:{position:"relative",overflow:"hidden"},children:[e.activePanelId&&y.panels[e.activePanelId]?(0,g.jsx)(Kn,{panelId:e.activePanelId},e.activePanelId):(0,g.jsx)("div",{className:"rdd-empty-leaf-placeholder",children:(0,g.jsx)("span",{children:"Empty Workspace Section"})}),y.draggedPanelId!==null&&(0,g.jsx)("div",{className:"rdd-dock-drop-zone-overlay",children:(0,g.jsxs)("div",{className:"rdd-dock-target-cross",children:[(0,g.jsx)("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",children:"\u25B2"}),(0,g.jsx)("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",children:"\u25BC"}),(0,g.jsx)("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",children:"\u25C0"}),(0,g.jsx)("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",children:"\u25B6"}),(0,g.jsx)("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",children:"\u25A3"})]})}),y.draggedPanelId!==null&&n!==null&&n.leafId===e.id&&(0,g.jsx)("div",{className:"rdd-dock-preview-highlight",style:(()=>{let l=n.position,M=`${y.splitRatio*100}%`,Y=`${(1-y.splitRatio)*100}%`;return{left:l==="right"?Y:"0",top:l==="bottom"?Y:"0",width:l==="left"||l==="right"?M:"100%",height:l==="top"||l==="bottom"?M:"100%"}})()})]})]})},Qo=({skin:e="vscode",defaultPanelIcon:t,taskbarVisibility:n="always",contextMenuAdapter:o=ut,animations:p=!0})=>{let s=De(),T=Rt(),{restorePanel:h,minimizePanel:w,requestClosePanel:y,maximizePanel:v,updateFloatingPosition:b,focusPanel:R,floatPanel:I,setDraggedPanelId:k,dockPanelToGroup:L,movePanelOrder:d,dockPanelToWorkspaceEdge:E,setActivePanel:a,getPanelContextMenuItems:f,showContextMenu:C,registerContextMenuFn:O}=fn(),{openModal:$}=Ue(),F=Fe(),l=Be(),M=K.default.useCallback(i=>{let S=s.panels[i];y(i,{onConfirm:m=>new Promise(x=>{let G=m||S?.dirtyOptions,V=S?he(S.title,F):"Panel";$(Je,{title:G?.title||l.unsavedChangesTitle,message:G?.message||{id:l.unsavedChangesMessage.id,defaultMessage:l.unsavedChangesMessage.defaultMessage,values:{title:V}},alert:G?.alert,alertType:G?.alertType||"danger",useYesNoTitles:!0,onOK:()=>x(!0),onCancel:()=>x(!1)},{size:"small"})})})},[y,s.panels,F,$,l]),{windowClass:Y,windowBodyClass:Q}=Ye(),j=(0,K.useContext)(St),se=(0,K.useRef)(null);(0,K.useEffect)(()=>O(j!==null?i=>j.show(i):i=>se.current?.show(i)),[j,O]);let re=(0,K.useRef)(null),[ue,pe]=(0,K.useState)(!1),_=(0,K.useRef)(null),W=(0,K.useRef)(s.minimized.length),[z,Z]=(0,K.useState)(null),B=(0,K.useRef)(null),ie=(0,K.useRef)("mouse"),[ve,Pe]=(0,K.useState)(!1),Oe=j!==null?j.isOpen:ve;(0,K.useEffect)(()=>()=>{B.current&&clearTimeout(B.current)},[]),(0,K.useEffect)(()=>{z&&(s.minimized.some(S=>S.id===z.id)||Z(null))},[s.minimized,z]),(0,K.useEffect)(()=>{if(!z?.fromTouch)return;let i=S=>{S.pointerType!=="touch"||document.querySelector(".rdd-taskbar-item-tooltip")?.contains(S.target)||Z(null)};return document.addEventListener("pointerdown",i,{capture:!0}),()=>document.removeEventListener("pointerdown",i,{capture:!0})},[z?.fromTouch]);let[$e,Ae]=(0,K.useState)(null),He=(0,K.useRef)(null),[tt,nt]=(0,K.useState)({x:0,y:0}),[Lt,Bt]=(0,K.useState)(null),gt=(0,K.useRef)(null),Ie=i=>{Bt(i),gt.current=i},[$t,Gt]=(0,K.useState)(null),mt=(0,K.useRef)(null),ot=i=>{Gt(i),mt.current=i},Nt=(0,K.useContext)(wt)?.isRtl??!1,[Yt,Ke]=(0,K.useState)(null),Ge=(0,K.useRef)(null),Xt=(i,S,m,x)=>{let G=x?{leafId:i,panelId:S,index:m,side:x}:null;Ke(G),Ge.current=G},zt=(i,S)=>{let m=S?{leafId:i,position:S}:null;Ae(m),He.current=m},ft=(i,S)=>{let m=document.elementsFromPoint(i,S),x=!1,G=!1,V=!1;for(let q of m)if(q instanceof HTMLElement){if(!x&&q.dataset.dropZone){let N=q.dataset.leafId;if(N){let ne=q.dataset.dropZone;Ae({leafId:N,position:ne}),He.current={leafId:N,position:ne},x=!0}}if(!V&&q.dataset.tabId){let N=q.dataset.leafId,ne=parseInt(q.dataset.tabIndex||"0",10);if(N){let ge=q.getBoundingClientRect(),J=i-ge.left<ge.width/2?"left":"right";Ke({leafId:N,panelId:q.dataset.tabId,index:ne,side:J}),Ge.current={leafId:N,panelId:q.dataset.tabId,index:ne,side:J},V=!0}}if(!G&&q.dataset.edgeTrigger&&(Ie(q.dataset.edgeTrigger),G=!0),x&&G&&V)break}x||(Ae(null),He.current=null),G||Ie(null),V||(Ke(null),Ge.current=null)},rt=300,it=8,st=()=>{k(null),Ae(null),He.current=null,Ke(null),Ge.current=null,Ie(null)},at=i=>s.isRtl?i==="left"?"right":i==="right"?"left":i:i,ht=(i,S)=>{let m=He.current,x=Ge.current,G=gt.current,V=mt.current;if(G)E(i,at(G));else if(x){let q=x.index;x.side==="right"&&(q+=1);let N=Vn(s.gridRoot,x.leafId);if(N){let ne=N.panels.indexOf(i);ne!==-1&&ne<q&&(q-=1)}d(i,x.leafId,q)}else m?L(i,m.leafId,at(m.position)):V?I(i,void 0,Nt?At(V):V):I(i,{x:S.clientX-150,y:S.clientY-15,width:450,height:350});ot(null),st()},cn=(i,S)=>{if(S.pointerType==="mouse"&&S.button!==0)return;let m=S.currentTarget,x=S.clientX,G=S.clientY;if(S.pointerType==="touch"){let V=S.pointerId,q=!1,N=()=>{q=!0,clearTimeout(ge),m.removeEventListener("pointermove",ne),m.removeEventListener("pointerup",N),m.removeEventListener("pointercancel",N)},ne=J=>{Math.hypot(J.clientX-x,J.clientY-G)>it&&N()},ge=setTimeout(()=>{if(q)return;m.removeEventListener("pointermove",ne),m.removeEventListener("pointerup",N),m.removeEventListener("pointercancel",N);try{m.setPointerCapture(V)}catch{return}m.classList.add("rdd-long-press-active"),navigator.vibrate&&navigator.vibrate(10);let J=!1,ae=Ce=>{J||(J=!0,k(i)),nt({x:Ce.clientX,y:Ce.clientY}),ft(Ce.clientX,Ce.clientY)},fe=Ce=>{m.classList.remove("rdd-long-press-active"),m.removeEventListener("pointermove",ae),m.removeEventListener("pointerup",fe),m.removeEventListener("pointercancel",le),J?ht(i,Ce):Vt(i,Ce)},le=()=>{m.classList.remove("rdd-long-press-active"),m.removeEventListener("pointermove",ae),m.removeEventListener("pointerup",fe),m.removeEventListener("pointercancel",le),J&&st()};m.addEventListener("pointermove",ae),m.addEventListener("pointerup",fe),m.addEventListener("pointercancel",le)},rt);m.addEventListener("pointermove",ne),m.addEventListener("pointerup",N),m.addEventListener("pointercancel",N)}else{let V=!1,q=ne=>{let ge=ne.clientX-x,J=ne.clientY-G;!V&&(Math.abs(ge)>5||Math.abs(J)>5)&&(V=!0,k(i)),V&&nt({x:ne.clientX,y:ne.clientY})},N=ne=>{window.removeEventListener("pointermove",q),window.removeEventListener("pointerup",N),V&&ht(i,ne)};window.addEventListener("pointermove",q),window.addEventListener("pointerup",N)}},Vt=(i,S)=>{S.preventDefault();let m=s.panels[i];if(!m)return;let G=T.get(m.component)?.defaultOptions,V=[];if(G?.canDrag!==!1&&V.push({label:he(l.floatWindow,F),icon:It.float,action:()=>I(i)}),G?.canMinimize!==!1&&V.push({label:he(l.minimizePanel,F),icon:It.minimize,action:()=>w(i)}),V.length>0&&G?.canClose!==!1&&V.push({separator:!0}),G?.canClose!==!1&&V.push({label:he(l.closeTab,F),icon:It.close,action:()=>M(i)}),V.length===0)return;let q=f(i),N=q.length>0?[...V,{separator:!0},...q]:V;C({event:S,items:N})},bt=(i,S)=>{S.preventDefault(),Z(null),C({event:S,items:[{label:he(l.restorePanel,F),icon:It.restore,action:()=>h(i)},{label:he(l.maximizePanel,F),icon:It.maximize,action:()=>v(i)},{separator:!0},{label:he(l.closePanel,F),icon:It.close,action:()=>M(i)}]})};(0,K.useEffect)(()=>{let i=Object.keys(s.panels);for(let S of Array.from(Ft.keys()))i.includes(S)||Ft.delete(S)},[s.panels]),(0,K.useEffect)(()=>{let i=()=>{s.draggedPanelId!==null&&(k(null),Ae(null),Ke(null))};return window.addEventListener("blur",i),()=>{window.removeEventListener("blur",i)}},[s.draggedPanelId]);let r=(0,K.useRef)(null),[P,c]=(0,K.useState)({width:1024,height:768});(0,K.useEffect)(()=>{let i=r.current;if(!i)return;let S=!1,m=new ResizeObserver(x=>{if(!x||x.length===0)return;let G=x[0].contentRect;if(process.env.NODE_ENV==="development"&&G.height<10&&!S){S=!0;let V=i,q=i.parentElement;for(;q&&q!==document.documentElement&&q.getBoundingClientRect().height<10;){V=q;q=q.parentElement}let N=V.tagName.toLowerCase(),ne=V.id?` id="${V.id}"`:"",ge=V.className?` class="${V.className}"`:"",J=V===i?"the WindowManager container itself":`a wrapper element: <${N}${ne}${ge}>`;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{}},[]),(0,O.useEffect)(()=>{if(t)return t._connect(ft),()=>{t._disconnect()}},[t,ft]);let un=(0,O.useMemo)(()=>({getSnapshot:P,subscribeToState:H}),[P,H]);return(0,qe.jsx)(An.Provider,{value:cn,children:(0,qe.jsx)(Fn.Provider,{value:S,children:(0,qe.jsx)(Wn.Provider,{value:un,children:(0,qe.jsx)(xt.Provider,{value:L,children:(0,qe.jsx)(Zt.Provider,{value:ft,children:(0,qe.jsx)(Dn.Provider,{value:E||st,children:(0,qe.jsx)(On.Provider,{value:W,children:e})})})})})})})},Nn=e=>()=>{};function ze(e){let t=(0,O.useContext)(xt),n=(0,O.useContext)(Wn),o=(0,O.useRef)(e);o.current=e;let m=(0,O.useSyncExternalStore)(e?n?.subscribeToState??Nn:Nn,()=>{let s=n?.getSnapshot()??t;return o.current?o.current(s):s},()=>{let s=n?.getSnapshot()??t;return o.current?o.current(s):s});if(!t)throw new Error("useWindowManagerState must be used within WindowManagerProvider");return e?m:t}var wt=()=>{let e=(0,O.useContext)(Zt);if(!e)throw new Error("useWindowManagerActions must be used within WindowManagerProvider");return e},hn=()=>{let e=(0,O.useContext)(Zt);if(!e)throw new Error("useWindowManagerActionsInternal must be used within WindowManagerProvider");return e},We=()=>(0,O.useContext)(Dn)||(t=>{let n=t.defaultMessage||t.id;return t.values&&Object.entries(t.values).forEach(([o,m])=>{n=n.replace(`{${o}}`,String(m))}),n}),ge=(e,t)=>e?typeof e=="string"?e:t(e):"",Hn=()=>{let{publish:e,subscribe:t}=wt();return{publish:e,subscribe:t}},Fe=()=>(0,O.useContext)(On),Dt=()=>lt().instanceId;function Bn(e){let t=(0,O.useContext)(Zt),n=Dt(),o=(0,O.useRef)(e);o.current=e,(0,O.useEffect)(()=>{if(!(!t?.registerPanelContextMenu||!n))return t.registerPanelContextMenu(n,()=>o.current)},[n,t?.registerPanelContextMenu])}var me=mn(require("react"),1),bn=require("react-dom"),ie=require("react/jsx-runtime");function qo(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 Rt(e,t){return typeof e=="string"?e:t?t(e):e.defaultMessage??e.id}function vn(e){return"separator"in e}function Ut(e){return!vn(e)&&"items"in e}var Gn=(0,me.forwardRef)(({items:e,x:t,y:n,theme:o,fmt:m,onClose:s,onMouseEnter:I,onMouseLeave:b},T)=>((0,me.useLayoutEffect)(()=>{let w=T?.current;if(!w)return;let x=w.getBoundingClientRect(),v=8;x.right>window.innerWidth-v&&(w.style.left=`${Math.max(v,window.innerWidth-x.width-v)}px`,w.style.right="auto"),x.bottom>window.innerHeight-v&&(w.style.top=`${Math.max(v,window.innerHeight-x.height-v)}px`),x.left<v&&(w.style.left=`${v}px`,w.style.right="auto"),x.top<v&&(w.style.top=`${v}px`)}),(0,bn.createPortal)((0,ie.jsx)("div",{ref:T,className:`rdd-context-menu rdd-context-menu--${o} rdd-context-menu--submenu`,style:{position:"fixed",left:t,top:n,zIndex:9501},role:"menu",onMouseEnter:I,onMouseLeave:b,children:e.map((w,x)=>{if(vn(w))return(0,ie.jsx)("hr",{className:"rdd-context-menu__separator",role:"separator"},x);let v=w,S=v.checkbox&&v.checkbox.active!==!1,E=S&&v.checkbox.value,D=v.disabled===!0||(S?v.checkbox.enabled===!1:!1);return(0,ie.jsxs)("button",{type:"button",className:`rdd-context-menu__item${D?" rdd-context-menu__item--disabled":""}`,title:v.title?Rt(v.title,m):void 0,disabled:D,"data-cy-action":v.cyAction,onClick:()=>{D||(v.action?.(),s())},role:"menuitem","aria-checked":S?E:void 0,children:[v.icon?(0,ie.jsx)("span",{className:"rdd-context-menu__icon",children:v.icon}):(0,ie.jsx)("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),(0,ie.jsx)("span",{className:"rdd-context-menu__label",children:Rt(v.label,m)}),S&&(0,ie.jsx)("span",{className:`rdd-context-menu__checkbox${E?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:(0,ie.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,ie.jsx)("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:"none",stroke:"currentColor",strokeWidth:"1.5"}),E&&(0,ie.jsx)("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)));Gn.displayName="ContextMenuSubMenuPanel";var $n={visible:!1,x:0,y:0,items:[]},Jt=(0,me.forwardRef)(({theme:e="dark",formatMessageProvider:t,onShow:n,onHide:o,onOpenChange:m,className:s,style:I},b)=>{let[T,w]=(0,me.useState)($n),[x,v]=(0,me.useState)(null),S=(0,me.useRef)(null),E=(0,me.useRef)(null),D=(0,me.useRef)(new Map),N=(0,me.useRef)({open:null,close:null}),d=me.default.useCallback(()=>{w($n),v(null),N.current.open&&clearTimeout(N.current.open),N.current.close&&clearTimeout(N.current.close),N.current.open=null,N.current.close=null,o?.(),m?.(!1)},[o,m]);if((0,me.useImperativeHandle)(b,()=>({show({event:l,x:W,y:Y,items:q}){let j=l?qo(l):{x:W??0,y:Y??0};D.current.clear(),w({visible:!0,x:j.x,y:j.y,items:q}),v(null),n?.(),m?.(!0)}}),[n,m]),(0,me.useEffect)(()=>{if(!T.visible)return;let l=W=>{S.current?.contains(W.target)||E.current?.contains(W.target)||d()};return document.addEventListener("pointerdown",l,{capture:!0}),window.addEventListener("click",l),()=>{document.removeEventListener("pointerdown",l,{capture:!0}),window.removeEventListener("click",l)}},[T.visible,d]),(0,me.useEffect)(()=>{if(!T.visible)return;let l=W=>{W.key==="Escape"&&d()};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[T.visible,d]),(0,me.useLayoutEffect)(()=>{if(!T.visible||!S.current)return;let l=S.current,W=l.getBoundingClientRect(),Y=8;W.right>window.innerWidth-Y&&(l.style.left=`${Math.max(Y,window.innerWidth-W.width-Y)}px`),W.bottom>window.innerHeight-Y&&(l.style.top=`${Math.max(Y,window.innerHeight-W.height-Y)}px`),W.left<Y&&(l.style.left=`${Y}px`),W.top<Y&&(l.style.top=`${Y}px`)},[T.visible]),!T.visible)return null;let L=t,R=0,z=0;if(x!==null){let l=D.current.get(x);if(l){let W=l.getBoundingClientRect();R=document.documentElement.dir==="rtl"?window.innerWidth-W.left+2:W.right+2,z=W.top}}function g(){N.current.open&&(clearTimeout(N.current.open),N.current.open=null)}function P(){N.current.close&&(clearTimeout(N.current.close),N.current.close=null)}function H(l,W){P(),x!==null&&x!==l&&(g(),v(null)),Ut(W)&&W.items?.length?(g(),N.current.open=setTimeout(()=>{v(l)},150)):Ut(W)||(g(),x!==null&&(N.current.close=setTimeout(()=>v(null),200)))}function $(l){g(),Ut(l)&&l.items?.length&&(N.current.close=setTimeout(()=>v(null),200))}return(0,bn.createPortal)((0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)("div",{ref:S,className:`rdd-context-menu rdd-context-menu--${e}${s?` ${s}`:""}`,style:{position:"fixed",left:T.x,top:T.y,zIndex:9500,...I},role:"menu","aria-orientation":"vertical",children:T.items.map((l,W)=>{if(vn(l))return(0,ie.jsx)("hr",{className:"rdd-context-menu__separator",role:"separator"},W);if(Ut(l))return(0,ie.jsxs)("button",{ref:ee=>{D.current.set(W,ee)},type:"button",className:`rdd-context-menu__item rdd-context-menu__item--has-submenu${x===W?" rdd-context-menu__item--submenu-open":""}`,title:l.title?Rt(l.title,L):void 0,onMouseEnter:()=>H(W,l),onMouseLeave:()=>$(l),role:"menuitem","aria-haspopup":"true","aria-expanded":x===W,children:[(0,ie.jsx)("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),(0,ie.jsx)("span",{className:"rdd-context-menu__label",children:Rt(l.label,L)}),(0,ie.jsx)("span",{className:"rdd-context-menu__chevron","aria-hidden":"true",children:"\u203A"})]},W);let Y=l,q=Y.checkbox&&Y.checkbox.active!==!1,j=q&&Y.checkbox.value,pe=Y.disabled===!0||(q?Y.checkbox.enabled===!1:!1);return(0,ie.jsxs)("button",{ref:ee=>{D.current.set(W,ee)},type:"button",className:`rdd-context-menu__item${pe?" rdd-context-menu__item--disabled":""}`,title:Y.title?Rt(Y.title,L):void 0,disabled:pe,"data-cy-action":Y.cyAction,onClick:()=>{pe||(Y.action?.(),d())},onMouseEnter:()=>H(W,l),onMouseLeave:()=>$(l),role:"menuitem","aria-checked":q?j:void 0,children:[Y.icon?(0,ie.jsx)("span",{className:"rdd-context-menu__icon",children:Y.icon}):(0,ie.jsx)("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),(0,ie.jsx)("span",{className:"rdd-context-menu__label",children:Rt(Y.label,L)}),q&&(0,ie.jsx)("span",{className:`rdd-context-menu__checkbox${j?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:(0,ie.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,ie.jsx)("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&&(0,ie.jsx)("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},W)})}),x!==null&&(()=>{let l=T.items[x];return(0,ie.jsx)(Gn,{ref:E,items:l.items??[],x:R,y:z,theme:e,fmt:L,onClose:d,onMouseEnter:()=>P(),onMouseLeave:()=>{N.current.close=setTimeout(()=>v(null),200)}})})()]}),document.body)});Jt.displayName="ContextMenu";var ut={Component:Jt},Mt=me.default.createContext(null),Qt=({adapter:e=ut,children:t,...n})=>{let o=(0,me.useRef)(null),[m,s]=me.default.useState(!1),I=me.default.useCallback(b=>{o.current?.show(b)},[]);return(0,ie.jsxs)(Mt.Provider,{value:{show:I,isOpen:m},children:[t,(0,ie.jsx)(e.Component,{ref:o,...n,onShow:()=>{s(!0),n.onShow?.()},onHide:()=>{s(!1),n.onHide?.()}})]})};function Yn(){let e=me.default.useContext(Mt);if(!e)throw new Error("useShowContextMenu must be used within a ContextMenuProvider");return e.show}var he=require("react"),Pn=require("react/jsx-runtime"),Zo=0,yn=()=>`panel-${++Zo}-${Date.now()}`,en=new Map,Xn={leftPanel:null,rightPanel:null,modals:[]},Vn=(0,he.createContext)(null),Kn=(0,he.createContext)(null),tn=({children:e})=>{let[t,n]=(0,he.useState)(Xn),o=(0,he.useRef)(t);o.current=t;let m=(0,he.useCallback)((d,L)=>{en.set(d,L)},[]),s=(0,he.useCallback)(d=>{en.delete(d)},[]),I=(0,he.useCallback)(async(d,L,R={})=>{let z=o.current.leftPanel;if(z){let H=en.get(z.id);if(H&&!await H())return null}let g=yn(),P={id:g,Component:d,props:L,containerType:"left-panel",options:R};return n(H=>({...H,leftPanel:P})),g},[]),b=(0,he.useCallback)(async(d,L,R={})=>{let z=o.current.rightPanel;if(z){let H=en.get(z.id);if(H&&!await H())return null}let g=yn(),P={id:g,Component:d,props:L,containerType:"right-panel",options:R};return n(H=>({...H,rightPanel:P})),g},[]),T=(0,he.useCallback)((d,L,R={})=>{let z=yn(),g=L.title,P={...R,title:R.title||g||"Confirmation"},H={id:z,Component:d,props:L,containerType:"modal",options:P};return n($=>({...$,modals:[...$.modals,H]})),z},[]),w=(0,he.useCallback)(d=>{n(L=>({leftPanel:L.leftPanel?.id===d?null:L.leftPanel,rightPanel:L.rightPanel?.id===d?null:L.rightPanel,modals:L.modals.filter(R=>R.id!==d)}))},[]),x=(0,he.useCallback)(()=>{n(Xn)},[]),v=(0,he.useCallback)(()=>{n(d=>({...d,modals:[]}))},[]),S=(0,he.useCallback)(d=>t.leftPanel?.id===d?t.leftPanel:t.rightPanel?.id===d?t.rightPanel:t.modals.find(L=>L.id===d),[t]),E=(0,he.useCallback)((d,L)=>{n(R=>({leftPanel:R.leftPanel?.id===d?{...R.leftPanel,...L}:R.leftPanel,rightPanel:R.rightPanel?.id===d?{...R.rightPanel,...L}:R.rightPanel,modals:R.modals.map(z=>z.id===d?{...z,...L}:z)}))},[]),D=(0,he.useCallback)((d,L,R)=>{E(d,{dirty:L,dirtyOptions:R})},[E]),N=(0,he.useMemo)(()=>({openLeftPanel:I,openRightPanel:b,openModal:T,close:w,closeAll:x,closeAllModals:v,getInstance:S,updateInstance:E,setDirty:D,registerCloseHandler:m,unregisterCloseHandler:s}),[I,b,T,w,x,v,S,E,D,m,s]);return(0,Pn.jsx)(Vn.Provider,{value:t,children:(0,Pn.jsx)(Kn.Provider,{value:N,children:e})})},$e=()=>{let e=(0,he.useContext)(Vn);if(!e)throw new Error("usePanelState must be used within PanelProvider");return e},Ze=()=>{let e=(0,he.useContext)(Kn);if(!e)throw new Error("usePanelActions must be used within PanelProvider");return e};var Wt=require("react");var Oe=require("react/jsx-runtime"),jo=({title:e,message:t,alert:n,alertType:o="info",useYesNoTitles:m=!1,onOK:s,onCancel:I})=>{let{requestClose:b,setIcon:T,setTitle:w}=lt(),x=We(),v=Fe(),S=(0,Wt.useRef)(null);(0,Wt.useEffect)(()=>{if(e){let R=typeof e=="string"?e:x(e);w(R)}T&&T((0,Oe.jsx)("span",{children:"\u2753"}))},[e,w,T,x]),(0,Wt.useEffect)(()=>{S.current?.focus()},[]);let E=typeof t=="string"?t:x(t),D=x(m?v.no:v.cancel),N=x(m?v.yes:v.ok),d=R=>{R.preventDefault(),s?.(),b()},L=()=>{I?.(),b()};return(0,Oe.jsxs)("form",{onSubmit:d,className:"rdd-confirmation-form-body",children:[n&&(0,Oe.jsxs)("div",{className:`rdd-confirmation-alert confirmation-alert-${o}`,children:[(0,Oe.jsx)("span",{children:"\u2139\uFE0F"}),(0,Oe.jsx)("span",{children:n})]}),(0,Oe.jsx)("div",{style:{fontSize:"0.9rem",color:"inherit",lineHeight:1.5},children:E}),(0,Oe.jsx)("hr",{style:{marginTop:"0.5rem",marginBottom:"0.5rem",opacity:.1}}),(0,Oe.jsxs)("div",{className:"rdd-confirmation-actions",children:[(0,Oe.jsx)("button",{type:"button",className:"rdd-btn rdd-btn-sm rdd-btn-outline",onClick:L,children:D}),(0,Oe.jsx)("button",{type:"submit",className:"rdd-btn rdd-btn-sm rdd-btn-primary",ref:S,children:N})]})]})},je=jo;function Ot(e){return e==="top-left"?"top-right":e==="top-right"?"top-left":e==="bottom-left"?"bottom-right":"bottom-left"}function Ge(e){let{element:t,pointerId:n,startClientX:o,startClientY:m,captureStart:s,onMove:I,onEnd:b,activeClasses:T}=e;t.setPointerCapture(n),T?.forEach(({el:S,classes:E})=>S.classList.add(...E));let w=s(),x=S=>{I(S.clientX-o,S.clientY-m,w)},v=()=>{T?.forEach(({el:S,classes:E})=>S.classList.remove(...E)),t.removeEventListener("pointermove",x),t.removeEventListener("pointerup",v),t.removeEventListener("pointercancel",v),b?.(w)};t.addEventListener("pointermove",x),t.addEventListener("pointerup",v),t.addEventListener("pointercancel",v)}function Tt(e,t,n,o,m){let{minW:s,minH:I,maxW:b,maxH:T,minX:w,minY:x}=m,{x:v,y:S,w:E,h:D}=o;if(e.includes("e")&&(E=Math.max(s,Math.min(o.w+t,b??1/0))),e.includes("w")){let N=o.w-s,d=w!=null?-(o.x-w):-1/0,L=Math.max(d,Math.min(t,N));E=o.w-L,v=o.x+L}if(e.includes("s")&&(D=Math.max(I,Math.min(o.h+n,T??1/0))),e.includes("n")){let N=o.h-I,d=x!=null?-(o.y-x):-1/0,L=Math.max(d,Math.min(n,N));D=o.h-L,S=o.y+L}return{x:v,y:S,w:E,h:D}}var nn=require("react");function on(){let[e,t]=(0,nn.useState)(()=>document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark");return(0,nn.useEffect)(()=>{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}var f=require("react/jsx-runtime"),qn=(e,t)=>{if(!e)return null;if(e.type==="leaf")return e.id===t?e:null;for(let n of e.children){let o=qn(n,t);if(o)return o}return null},At=new Map,rn="preserved-dom-container",Cn=(0,f.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[(0,f.jsx)("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),(0,f.jsx)("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),(0,f.jsx)("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),(0,f.jsx)("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]}),St={float:(0,f.jsx)("span",{className:"rdd-menu-icon",children:(0,f.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[(0,f.jsx)("rect",{x:"2",y:"8",width:"14",height:"14",rx:"1"}),(0,f.jsx)("rect",{x:"8",y:"2",width:"14",height:"14",rx:"1"})]})}),minimize:(0,f.jsx)("span",{className:"rdd-menu-icon",children:(0,f.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",style:{display:"block"},children:(0,f.jsx)("line",{x1:"4",y1:"18",x2:"20",y2:"18"})})}),restore:(0,f.jsx)("span",{className:"rdd-menu-icon",children:(0,f.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,f.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1"})})}),maximize:(0,f.jsx)("span",{className:"rdd-menu-icon",children:(0,f.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,f.jsx)("rect",{x:"2",y:"2",width:"20",height:"20",rx:"1"})})}),close:(0,f.jsx)("span",{className:"rdd-menu-icon",children:(0,f.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,f.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})},Zn=e=>{let t=At.get(e);return t||(t=document.createElement("div"),t.style.width="100%",t.style.height="100%",At.set(e,t)),t},Uo=(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 } } })`),(0,f.jsxs)("div",{className:"rdd-unregistered-panel",style:{border:"2px dashed #dc3545"},children:[(0,f.jsx)("h6",{style:{fontWeight:700,marginBottom:"0.25rem"},children:"\u26A0\uFE0F Component Unregistered"}),(0,f.jsxs)("span",{style:{fontSize:"0.875rem",color:"var(--rdd-text-secondary, #94a3b8)"},children:["Key: ",o]})]});let s=m.Component;return(0,f.jsx)(s,{...t.props??{},panelId:e})},wn=new Map,Ue=new Map,pt=e=>{let t=Ue.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},Ue.set(e,t)),t},jn=({panelId:e})=>{let t=(0,K.useRef)(null);return(0,K.useEffect)(()=>{let n=t.current;if(!n)return;let o=Zn(e);n.appendChild(o);let m=new ResizeObserver(s=>{for(let I of s){let{width:b,height:T}=I.contentRect;if(b>0&&T>0){wn.set(e,{width:b,height:T});let w=Ue.get(e);w&&w.onResize.forEach(x=>x(b,T))}}});return m.observe(n),()=>{m.disconnect();let s=document.getElementById(rn);s||(s=document.createElement("div"),s.id=rn,s.style.display="none",document.body.appendChild(s)),s.appendChild(o)}},[e]),(0,f.jsx)("div",{ref:t,style:{width:"100%",height:"100%"}})},Jo=({panelId:e})=>{let t=ze(),n=Ct(),o=We(),m=(0,K.useRef)(null),s=t.panels[e],I=s?n.get(s.component):null,b=I?.defaultOptions?.disableLivePreview||!1,T=wn.get(e)||{width:800,height:500},w=T.width,x=T.height,E=Math.min(220/w,140/x);if((0,K.useEffect)(()=>{if(b)return;let D=m.current;if(!D)return;let N=At.get(e);if(N)return D.appendChild(N),()=>{let d=document.getElementById(rn);d||(d=document.createElement("div"),d.id=rn,d.style.display="none",document.body.appendChild(d)),d.appendChild(N)}},[e,b]),b){let D=w*E,N=x*E,d=s?.title||I?.defaultOptions?.title||"Panel",L=ge(d,o),R=(Array.from(L)[0]||"P").toUpperCase();return(0,f.jsx)("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${D}px`,height:`${N}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:(0,f.jsx)("div",{style:{fontSize:"2rem",fontWeight:600,color:"var(--rdd-panel-title-color, var(--rdd-panel-text, rgba(255, 255, 255, 0.85)))",userSelect:"none"},children:R})})}return(0,f.jsx)("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${w*E}px`,height:`${x*E}px`},children:(0,f.jsx)("div",{ref:m,className:"rdd-taskbar-item-preview-host",style:{width:`${w}px`,height:`${x}px`,transform:`scale(${E})`,transformOrigin:"top left",position:"absolute",top:0,left:0,"--rdd-preview-scale":E}})})},Qo=({panelId:e,children:t})=>{let n=ze(),{requestClosePanel:o,setPanelDirty:m,registerCloseGuard:s,unregisterCloseGuard:I,registerStateProvider:b,unregisterStateProvider:T,updatePanelTitle:w,minimizePanel:x}=wt(),v=n.minimized.some(g=>g.id===e),S=(0,K.useRef)(v);(0,K.useEffect)(()=>{let g=Ue.get(e);g&&(v&&!S.current?g.onMinimize.forEach(P=>P()):!v&&S.current&&g.onRestore.forEach(P=>P()),S.current=v)},[v,e]);let E=n.activePanelId===e,D=(0,K.useRef)(E);(0,K.useEffect)(()=>{let g=D.current;D.current=E;let P=Ue.get(e);P&&(E&&!g?P.onActivate.forEach(H=>H()):!E&&g&&P.onDeactivate.forEach(H=>H()))},[E,e]);let N=n.panels[e]?.state,d=N==="floating"?"floating-window":"dockable-panel",L=(0,K.useRef)(d);(0,K.useEffect)(()=>{if(N==="minimized")return;let g=L.current;L.current=d;let P=Ue.get(e);P&&d!==g&&P.onContainerTypeChange.forEach(H=>H(d))},[d,N,e]),(0,K.useEffect)(()=>()=>{let g=Ue.get(e);g&&(D.current&&g.onDeactivate.forEach(P=>P()),g.onClose.forEach(P=>P()),Ue.delete(e))},[e]);let R=(0,K.useRef)(d),z=K.default.useMemo(()=>({requestClose:g=>o(e,g),setDirty:g=>m(e,g),onCloseRequested:g=>(s(e,g),()=>I(e)),registerStateProvider:g=>(b(e,g),()=>T(e)),setTitle:g=>w(e,g),instanceId:e,containerType:R.current,onClose:g=>{let P=pt(e);return P.onClose.add(g),()=>P.onClose.delete(g)},onMinimize:g=>{let P=pt(e);return P.onMinimize.add(g),()=>P.onMinimize.delete(g)},onRestore:g=>{let P=pt(e);return P.onRestore.add(g),()=>P.onRestore.delete(g)},onResize:g=>{let P=pt(e);return P.onResize.add(g),()=>P.onResize.delete(g)},requestMinimize:()=>x(e),getDimensions:()=>wn.get(e)??null,onActivate:g=>{let P=pt(e);return P.onActivate.add(g),()=>P.onActivate.delete(g)},onDeactivate:g=>{let P=pt(e);return P.onDeactivate.add(g),()=>P.onDeactivate.delete(g)},onContainerTypeChange:g=>{let P=pt(e);return P.onContainerTypeChange.add(g),()=>P.onContainerTypeChange.delete(g)}}),[e,o,m,s,I,b,T,w,x]);return(0,f.jsx)(Ke,{value:z,children:t})},Un=({node:e,path:t,onTabRightClick:n,activeDropZone:o,onHoverDropZone:m,onTabDragStart:s,hoveredTab:I,onTabHover:b,defaultPanelIcon:T,onRequestClosePanel:w})=>{let{updateSplitSizes:x}=wt();if(e.type==="leaf")return(0,f.jsx)(er,{leaf:e,onTabRightClick:n,activeDropZone:o,onHoverDropZone:m,onTabDragStart:s,hoveredTab:I,onTabHover:b,defaultPanelIcon:T,onRequestClosePanel:w});let v=e.orientation==="horizontal",S=(E,D)=>{D.preventDefault();let N=D.currentTarget,d=N.parentElement,L=d?v?d.clientWidth:d.clientHeight:v?1e3:800;Ge({element:N,pointerId:D.pointerId,startClientX:D.clientX,startClientY:D.clientY,captureStart:()=>[...e.sizes],activeClasses:[{el:N,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active",v?"rdd-resizing-col-active":"rdd-resizing-row-active"]}],onMove:(R,z,g)=>{let P=(v?R:z)/L,H=[...g];H[E]+=P,H[E+1]-=P,H[E]>.1&&H[E+1]>.1&&x(t,H)}})};return(0,f.jsx)("div",{style:{display:"flex",flexDirection:v?"row":"column",width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:e.children.map((E,D)=>{let N=e.sizes[D]*100;return(0,f.jsxs)(K.default.Fragment,{children:[(0,f.jsx)("div",{style:{flexGrow:e.sizes[D],flexBasis:`${N}%`,overflow:"hidden",position:"relative",minWidth:0,minHeight:0},children:(0,f.jsx)(Un,{node:E,path:[...t,D],onTabRightClick:n,activeDropZone:o,onHoverDropZone:m,onTabDragStart:s,hoveredTab:I,onTabHover:b,defaultPanelIcon:T,onRequestClosePanel:w})}),D<e.children.length-1&&(0,f.jsx)("div",{onPointerDown:d=>S(D,d),style:{cursor:v?"col-resize":"row-resize",width:v?"1px":"100%",height:v?"100%":"1px",zIndex:20},className:"rdd-resizer-bar"})]},D)})})},er=({leaf:e,onTabRightClick:t,activeDropZone:n,onHoverDropZone:o,onTabDragStart:m,hoveredTab:s,onTabHover:I,defaultPanelIcon:b,onRequestClosePanel:T})=>{let w=ze(),x=Ct(),{openPanel:v,closeLeafGroup:S,setActivePanel:E}=hn(),D=We(),N=Fe(),{windowClass:d,windowBodyClass:L}=Be(),R=(0,K.useRef)(null),[z,g]=(0,K.useState)({left:!1,right:!1}),P=(0,K.useCallback)(()=>{let l=R.current;l&&g({left:l.scrollLeft>0,right:l.scrollLeft<l.scrollWidth-l.clientWidth-1})},[]);(0,K.useEffect)(()=>{let l=R.current;if(!l)return;l.addEventListener("scroll",P,{passive:!0});let W=new ResizeObserver(P);return W.observe(l),P(),()=>{l.removeEventListener("scroll",P),W.disconnect()}},[P]);let H=l=>{R.current?.scrollBy({left:l==="left"?-120:120,behavior:"smooth"})},$=l=>{v(l,w.panels[l].component),E(l)};return(0,f.jsxs)("div",{"data-active-panel-id":e.activePanelId||"",className:`rdd-workspace-panel ${d??""}`,style:{overflow:"hidden",position:"relative"},children:[(0,f.jsxs)("div",{className:"rdd-workspace-tab-bar",style:{minHeight:"38px"},children:[z.left&&(0,f.jsx)("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-left",onPointerDown:l=>l.stopPropagation(),onClick:()=>H("left"),tabIndex:-1,"aria-label":"Scroll tabs left",children:"\u2039"}),(0,f.jsx)("div",{ref:R,className:"rdd-tab-headers-container",style:{scrollbarWidth:"none"},onPointerMove:l=>{w.draggedPanelId&&l.target===l.currentTarget&&I(e.id,"EMPTY",e.panels.length,"right")},onPointerLeave:l=>{w.draggedPanelId&&l.target===l.currentTarget&&I(e.id,"",-1,null)},children:e.panels.map((l,W)=>{let Y=w.panels[l];if(!Y)return null;let q=e.activePanelId===l,j=w.activePanelId===l,ee=x.get(Y.component)?.defaultOptions,Pe=s&&s.leafId===e.id&&s.panelId===l,ne=W===e.panels.length-1,J=s&&s.leafId===e.id&&s.panelId==="EMPTY"&&ne,F=Pe?s.side==="left"?"rdd-drag-hover-left":"rdd-drag-hover-right":J?"rdd-drag-hover-right":"",k=q?j?"rdd-active rdd-workspace-tab-active-focused":"rdd-active rdd-workspace-tab-active-unfocused":"rdd-workspace-tab-inactive";return(0,f.jsxs)("div",{"data-tab-id":l,"data-leaf-id":e.id,"data-tab-index":String(W),onClick:()=>$(l),onPointerDown:V=>{ee?.canDrag!==!1&&m(l,V)},onContextMenu:V=>t(l,V),onPointerMove:V=>{if(w.draggedPanelId&&V.pointerType!=="touch"){let B=V.currentTarget.getBoundingClientRect(),fe=V.clientX-B.left<B.width/2?"left":"right";I(e.id,l,W,fe)}},onPointerLeave:()=>{w.draggedPanelId&&I(e.id,"",-1,null)},className:`rdd-workspace-tab ${k} ${F}`,style:{cursor:ee?.canDrag===!1?"default":"pointer"},children:[(0,f.jsxs)("span",{className:"rdd-text-truncate",style:{maxWidth:"120px",display:"flex",alignItems:"center"},children:[(0,f.jsx)("span",{className:"rdd-workspace-tab-icon",children:ee?.icon||b||Cn}),(0,f.jsxs)("span",{children:[ge(Y.title,D),Y.dirty?" *":""]})]}),ee?.renderHeaderActions&&(0,f.jsx)("span",{className:"rdd-tab-header-actions",onClick:V=>V.stopPropagation(),onPointerDown:V=>V.stopPropagation(),children:ee.renderHeaderActions(l)}),ee?.canClose!==!1&&(0,f.jsx)("span",{onClick:V=>{V.stopPropagation(),T(l)},title:ge(N.closeTab,D),className:"rdd-close-tab-x",style:{width:"18px",height:"18px",...ee?.renderHeaderActions?{}:{marginInlineStart:"auto"}},children:(0,f.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,f.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]},l)})}),z.right&&(0,f.jsx)("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-right",onPointerDown:l=>l.stopPropagation(),onClick:()=>H("right"),tabIndex:-1,"aria-label":"Scroll tabs right",children:"\u203A"}),e.panels.length===0&&e.keepOnEmpty&&e.canClose!==!1&&(0,f.jsx)("span",{onClick:()=>S(e.id),className:"rdd-close-tab-x rdd-header-close-empty-group",style:{width:"18px",height:"18px",cursor:"pointer"},title:ge(N.closeEmptyGroup,D),children:(0,f.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,f.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,f.jsxs)("div",{className:`rdd-panel-body ${L??""}`,style:{position:"relative",overflow:"hidden"},children:[e.activePanelId&&w.panels[e.activePanelId]?(0,f.jsx)(jn,{panelId:e.activePanelId},e.activePanelId):(0,f.jsx)("div",{className:"rdd-empty-leaf-placeholder",children:(0,f.jsx)("span",{children:"Empty Workspace Section"})}),w.draggedPanelId!==null&&(0,f.jsx)("div",{className:"rdd-dock-drop-zone-overlay",children:(0,f.jsxs)("div",{className:"rdd-dock-target-cross",children:[(0,f.jsx)("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",children:"\u25B2"}),(0,f.jsx)("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",children:"\u25BC"}),(0,f.jsx)("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",children:"\u25C0"}),(0,f.jsx)("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",children:"\u25B6"}),(0,f.jsx)("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",children:"\u25A3"})]})}),w.draggedPanelId!==null&&n!==null&&n.leafId===e.id&&(0,f.jsx)("div",{className:"rdd-dock-preview-highlight",style:(()=>{let l=n.position,W=`${w.splitRatio*100}%`,Y=`${(1-w.splitRatio)*100}%`;return{left:l==="right"?Y:"0",top:l==="bottom"?Y:"0",width:l==="left"||l==="right"?W:"100%",height:l==="top"||l==="bottom"?W:"100%"}})()})]})]})},tr=({skin:e="vscode",defaultPanelIcon:t,taskbarVisibility:n="always",contextMenuAdapter:o=ut,animations:m=!0})=>{let s=ze(),I=Ct(),{restorePanel:b,minimizePanel:T,requestClosePanel:w,maximizePanel:x,updateFloatingPosition:v,focusPanel:S,floatPanel:E,setDraggedPanelId:D,dockPanelToGroup:N,movePanelOrder:d,dockPanelToWorkspaceEdge:L,setActivePanel:R,getPanelContextMenuItems:z,showContextMenu:g,registerContextMenuFn:P}=hn(),{openModal:H}=Ze(),$=We(),l=Fe(),W=K.default.useCallback(r=>{let C=s.panels[r];w(r,{onConfirm:p=>new Promise(u=>{let h=p||C?.dirtyOptions,M=C?ge(C.title,$):"Panel";H(je,{title:h?.title||l.unsavedChangesTitle,message:h?.message||{id:l.unsavedChangesMessage.id,defaultMessage:l.unsavedChangesMessage.defaultMessage,values:{title:M}},alert:h?.alert,alertType:h?.alertType||"danger",useYesNoTitles:!0,onOK:()=>u(!0),onCancel:()=>u(!1)},{size:"small"})})})},[w,s.panels,$,H,l]),{windowClass:Y,windowBodyClass:q}=Be(),j=(0,K.useContext)(Mt),pe=(0,K.useRef)(null);(0,K.useEffect)(()=>P(j!==null?r=>j.show(r):r=>pe.current?.show(r)),[j,P]);let ee=(0,K.useRef)(null),[Pe,ne]=(0,K.useState)(!1),J=(0,K.useRef)(null),F=(0,K.useRef)(s.minimized.length),[k,V]=(0,K.useState)(null),B=(0,K.useRef)(null),le=(0,K.useRef)("mouse"),[fe,ve]=(0,K.useState)(!1),xe=j!==null?j.isOpen:fe;(0,K.useEffect)(()=>()=>{B.current&&clearTimeout(B.current)},[]),(0,K.useEffect)(()=>{k&&(s.minimized.some(C=>C.id===k.id)||V(null))},[s.minimized,k]),(0,K.useEffect)(()=>{if(!k?.fromTouch)return;let r=C=>{C.pointerType!=="touch"||document.querySelector(".rdd-taskbar-item-tooltip")?.contains(C.target)||V(null)};return document.addEventListener("pointerdown",r,{capture:!0}),()=>document.removeEventListener("pointerdown",r,{capture:!0})},[k?.fromTouch]);let[Le,De]=(0,K.useState)(null),Ae=(0,K.useRef)(null),[Qe,et]=(0,K.useState)({x:0,y:0}),[tt,Ht]=(0,K.useState)(null),gt=(0,K.useRef)(null),Se=r=>{Ht(r),gt.current=r},[Bt,$t]=(0,K.useState)(null),mt=(0,K.useRef)(null),nt=r=>{$t(r),mt.current=r},It=(0,K.useContext)(xt)?.isRtl??!1,[Gt,Xe]=(0,K.useState)(null),He=(0,K.useRef)(null),Yt=(r,C,p,u)=>{let h=u?{leafId:r,panelId:C,index:p,side:u}:null;Xe(h),He.current=h},Xt=(r,C)=>{let p=C?{leafId:r,position:C}:null;De(p),Ae.current=p},Et=(r,C)=>{let p=document.elementsFromPoint(r,C),u=!1,h=!1,M=!1;for(let A of p)if(A instanceof HTMLElement){if(!u&&A.dataset.dropZone){let _=A.dataset.leafId;if(_){let Q=A.dataset.dropZone;De({leafId:_,position:Q}),Ae.current={leafId:_,position:Q},u=!0}}if(!M&&A.dataset.tabId){let _=A.dataset.leafId,Q=parseInt(A.dataset.tabIndex||"0",10);if(_){let oe=A.getBoundingClientRect(),Z=r-oe.left<oe.width/2?"left":"right";Xe({leafId:_,panelId:A.dataset.tabId,index:Q,side:Z}),He.current={leafId:_,panelId:A.dataset.tabId,index:Q,side:Z},M=!0}}if(!h&&A.dataset.edgeTrigger&&(Se(A.dataset.edgeTrigger),h=!0),u&&h&&M)break}u||(De(null),Ae.current=null),h||Se(null),M||(Xe(null),He.current=null)},ot=300,rt=8,_e=()=>{D(null),De(null),Ae.current=null,Xe(null),He.current=null,Se(null)},Ve=r=>s.isRtl?r==="left"?"right":r==="right"?"left":r:r,Lt=(r,C)=>{let p=Ae.current,u=He.current,h=gt.current,M=mt.current;if(h)L(r,Ve(h));else if(u){let A=u.index;u.side==="right"&&(A+=1);let _=qn(s.gridRoot,u.leafId);if(_){let Q=_.panels.indexOf(r);Q!==-1&&Q<A&&(A-=1)}d(r,u.leafId,A)}else p?N(r,p.leafId,Ve(p.position)):M?E(r,void 0,It?Ot(M):M):E(r,{x:C.clientX-150,y:C.clientY-15,width:450,height:350});nt(null),_e()},Vt=(r,C)=>{if(C.pointerType==="mouse"&&C.button!==0)return;C.preventDefault();let p=C.currentTarget,u=C.clientX,h=C.clientY;if(C.pointerType==="touch"){let M=C.pointerId,A=!1,_=()=>{A=!0,clearTimeout(oe),p.removeEventListener("pointermove",Q),p.removeEventListener("pointerup",_),p.removeEventListener("pointercancel",_)},Q=Z=>{Math.hypot(Z.clientX-u,Z.clientY-h)>rt&&_()},oe=setTimeout(()=>{if(A)return;p.removeEventListener("pointermove",Q),p.removeEventListener("pointerup",_),p.removeEventListener("pointercancel",_);try{p.setPointerCapture(M)}catch{return}p.classList.add("rdd-long-press-active"),document.body.classList.add("rdd-dragging-active"),navigator.vibrate&&navigator.vibrate(10);let Z=!1,te=ae=>{Z||(Z=!0,D(r)),et({x:ae.clientX,y:ae.clientY}),Et(ae.clientX,ae.clientY)},de=ae=>{p.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),p.removeEventListener("pointermove",te),p.removeEventListener("pointerup",de),p.removeEventListener("pointercancel",re),Z?Lt(r,ae):zt(r,ae)},re=()=>{p.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),p.removeEventListener("pointermove",te),p.removeEventListener("pointerup",de),p.removeEventListener("pointercancel",re),Z&&_e()};p.addEventListener("pointermove",te),p.addEventListener("pointerup",de),p.addEventListener("pointercancel",re)},ot);p.addEventListener("pointermove",Q),p.addEventListener("pointerup",_),p.addEventListener("pointercancel",_)}else{let M=!1,A=oe=>{let Z=oe.clientX-u,te=oe.clientY-h;!M&&(Math.abs(Z)>5||Math.abs(te)>5)&&(M=!0,D(r)),M&&et({x:oe.clientX,y:oe.clientY})},_=oe=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",A),window.removeEventListener("pointerup",_),window.removeEventListener("pointercancel",Q),M&&Lt(r,oe)},Q=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",A),window.removeEventListener("pointerup",_),window.removeEventListener("pointercancel",Q),M&&_e()};document.body.classList.add("rdd-dragging-active"),window.addEventListener("pointermove",A),window.addEventListener("pointerup",_),window.addEventListener("pointercancel",Q)}},zt=(r,C)=>{C.preventDefault();let p=s.panels[r];if(!p)return;let h=I.get(p.component)?.defaultOptions,M=[];if(h?.canDrag!==!1&&M.push({label:ge(l.floatWindow,$),icon:St.float,action:()=>E(r)}),h?.canMinimize!==!1&&M.push({label:ge(l.minimizePanel,$),icon:St.minimize,action:()=>T(r)}),M.length>0&&h?.canClose!==!1&&M.push({separator:!0}),h?.canClose!==!1&&M.push({label:ge(l.closeTab,$),icon:St.close,action:()=>W(r)}),M.length===0)return;let A=z(r),_=A.length>0?[...M,{separator:!0},...A]:M;g({event:C,items:_})},it=(r,C)=>{C.preventDefault(),V(null),g({event:C,items:[{label:ge(l.restorePanel,$),icon:St.restore,action:()=>b(r)},{label:ge(l.maximizePanel,$),icon:St.maximize,action:()=>x(r)},{separator:!0},{label:ge(l.closePanel,$),icon:St.close,action:()=>W(r)}]})};(0,K.useEffect)(()=>{let r=Object.keys(s.panels);for(let C of Array.from(At.keys()))r.includes(C)||At.delete(C)},[s.panels]),(0,K.useEffect)(()=>{let r=()=>{s.draggedPanelId!==null&&(D(null),De(null),Xe(null))};return window.addEventListener("blur",r),()=>{window.removeEventListener("blur",r)}},[s.draggedPanelId]);let ft=(0,K.useRef)(null),[st,cn]=(0,K.useState)({width:1024,height:768});(0,K.useEffect)(()=>{let r=ft.current;if(!r)return;let C=!1,p=new ResizeObserver(u=>{if(!u||u.length===0)return;let h=u[0].contentRect;if(process.env.NODE_ENV==="development"&&h.height<10&&!C){C=!0;let M=r,A=r.parentElement;for(;A&&A!==document.documentElement&&A.getBoundingClientRect().height<10;){M=A;A=A.parentElement}let _=M.tagName.toLowerCase(),Q=M.id?` id="${M.id}"`:"",oe=M.className?` class="${M.className}"`:"",Z=M===r?"the WindowManager container itself":`a wrapper element: <${_}${Q}${oe}>`;console.warn(`[react-dockable-desktop] Workspace height is 0px \u2014 the workspace will be invisible.
|
|
6
6
|
|
|
7
|
-
Zero height found at: ${
|
|
7
|
+
Zero height found at: ${Z}
|
|
8
8
|
|
|
9
9
|
Root cause: in CSS, "height: 100%" only works when the parent has an explicit height.
|
|
10
10
|
If any ancestor has height: auto (the default for <div>), the chain breaks and
|
|
@@ -20,5 +20,5 @@ Fix options:
|
|
|
20
20
|
.layout { display: flex; flex-direction: column; height: 100vh; }
|
|
21
21
|
.workspace { flex: 1; min-height: 0; }
|
|
22
22
|
|
|
23
|
-
3. Verify styles.css is imported \u2014 it anchors html, body, #root to 100% height.`)}c({width:Math.max(100,G.width),height:Math.max(100,G.height)})});return m.observe(i),()=>{m.disconnect()}},[]),(0,K.useEffect)(()=>{let i=P.width,S=P.height;s.floating.forEach(m=>{let x=typeof m.width=="string"?parseFloat(m.width):m.width,G=typeof m.height=="string"?parseFloat(m.height):m.height,V=typeof m.x=="string"?parseFloat(m.x):m.x,q=typeof m.y=="string"?parseFloat(m.y):m.y,N=x,ne=G,ge=V,J=q,ae=!1;if(N>i&&(N=Math.max(200,i-20),ae=!0),ne>S&&(ne=Math.max(150,S-40),ae=!0),!m.anchor){let fe=i-100;ge>fe&&(ge=Math.max(0,fe),ae=!0);let le=S-40;J>le&&(J=Math.max(0,le),ae=!0)}ae&&b(m.id,{x:ge,y:J,width:N,height:ne})})},[P,s.floating,b]),(0,K.useEffect)(()=>{let i=S=>{if(S.button!==0)return;let m=S.target;if(!m||typeof m.closest!="function")return;let x=m.closest(".rdd-floating-window");if(x){let V=x.getAttribute("data-window-id");V&&(a(V),R(V));return}let G=m.closest(".rdd-workspace-panel");if(G){let V=G.getAttribute("data-active-panel-id");V&&a(V)}};return document.addEventListener("pointerdown",i),()=>{document.removeEventListener("pointerdown",i)}},[R,a]);let u=(i,S)=>{let m=s.floating.find(J=>J.id===i);if(!m||m.maximized)return;R(i);let x=S.currentTarget,G=x.closest(".rdd-floating-window"),V=S.clientX,q=S.clientY,N=G?G.offsetLeft:0,ne=G?G.offsetTop:0,ge=()=>{let J=He.current,ae=Ge.current,fe=gt.current,le=mt.current;if(le)b(i,{anchor:Nt?At(le):le});else if(fe)E(i,at(fe));else if(ae){let Ce=ae.index;ae.side==="right"&&(Ce+=1),d(i,ae.leafId,Ce)}else J&&L(i,J.leafId,at(J.position));ot(null),st()};if(S.pointerType==="touch"){let J=S.pointerId,ae=!1,fe=()=>{ae=!0,clearTimeout(Ce),x.removeEventListener("pointermove",le),x.removeEventListener("pointerup",fe),x.removeEventListener("pointercancel",fe)},le=ze=>{Math.hypot(ze.clientX-V,ze.clientY-q)>it&&fe()},Ce=setTimeout(()=>{if(ae)return;x.removeEventListener("pointermove",le),x.removeEventListener("pointerup",fe),x.removeEventListener("pointercancel",fe);try{x.setPointerCapture(J)}catch{return}x.classList.add("rdd-long-press-active"),k(i);let ze=vt=>{let yt=vt.clientX-V,Pt=vt.clientY-q;b(i,{x:N+yt,y:ne+Pt,anchor:null}),ft(vt.clientX,vt.clientY)},ke=()=>{x.classList.remove("rdd-long-press-active"),x.removeEventListener("pointermove",ze),x.removeEventListener("pointerup",ke),x.removeEventListener("pointercancel",lt),ge()},lt=()=>{x.classList.remove("rdd-long-press-active"),x.removeEventListener("pointermove",ze),x.removeEventListener("pointerup",ke),x.removeEventListener("pointercancel",lt),st()};x.addEventListener("pointermove",ze),x.addEventListener("pointerup",ke),x.addEventListener("pointercancel",lt)},rt);x.addEventListener("pointermove",le),x.addEventListener("pointerup",fe),x.addEventListener("pointercancel",fe)}else{let J=!1,ae=le=>{let Ce=le.clientX-V,ze=le.clientY-q;!J&&(Math.abs(Ce)>5||Math.abs(ze)>5)&&(J=!0,k(i)),J&&b(i,{x:N+Ce,y:ne+ze,anchor:null})},fe=()=>{window.removeEventListener("pointermove",ae),window.removeEventListener("pointerup",fe),J&&ge()};window.addEventListener("pointermove",ae),window.addEventListener("pointerup",fe)}},H=(i,S,m)=>{m.stopPropagation();let x=s.floating.find(ze=>ze.id===i);if(!x||x.maximized)return;R(i);let G=m.currentTarget,V=G.closest(".rdd-floating-window"),q={x:V?V.offsetLeft:0,y:V?V.offsetTop:0,w:V?V.offsetWidth:400,h:V?V.offsetHeight:300},N=P.width,ne=P.height,ge=typeof x.x=="string"?parseFloat(x.x):x.x,J=typeof x.y=="string"?parseFloat(x.y):x.y,ae=typeof x.width=="string"?parseFloat(x.width):x.width,fe=typeof x.height=="string"?parseFloat(x.height):x.height,le=S==="se"&&Math.abs(ge+ae-N)<4,Ce=S==="se"&&Math.abs(J+fe-ne)<4;Ve({element:G,pointerId:m.pointerId,startClientX:m.clientX,startClientY:m.clientY,captureStart:()=>q,onMove:(ze,ke,lt)=>{let vt=kt(S,ze,ke,lt,{minW:200,minH:150}),{x:yt,y:Pt,w:un,h:pn}=vt;le&&(yt=N-un,yt<0&&(yt=0,un=N)),Ce&&(Pt=ne-pn,Pt<0&&(Pt=0,pn=ne)),b(i,{x:yt,y:Pt,width:un,height:pn})}})},A=i=>{if(re.current){let S=i==="left"?-150:150;re.current.scrollBy({left:S,behavior:"smooth"})}},ee=(0,K.useCallback)(()=>{_.current&&clearTimeout(_.current),pe(!0)},[]),oe=(0,K.useCallback)(()=>{_.current=setTimeout(()=>pe(!1),400)},[]);(0,K.useEffect)(()=>{n==="autohide"&&s.minimized.length>W.current&&(_.current&&clearTimeout(_.current),pe(!0),_.current=setTimeout(()=>pe(!1),2e3)),W.current=s.minimized.length},[s.minimized.length,n]);let te=on();return(0,K.useEffect)(()=>(e?document.documentElement.setAttribute("data-workspace-skin",e):document.documentElement.removeAttribute("data-workspace-skin"),()=>{document.documentElement.removeAttribute("data-workspace-skin")}),[e]),(0,K.useEffect)(()=>(te==="light"?document.documentElement.setAttribute("data-color-scheme","light"):document.documentElement.removeAttribute("data-color-scheme"),()=>{document.documentElement.removeAttribute("data-color-scheme")}),[te]),(0,K.useEffect)(()=>(p?document.documentElement.classList.remove("rdd-no-animations"):document.documentElement.classList.add("rdd-no-animations"),()=>{document.documentElement.classList.remove("rdd-no-animations")}),[p]),(0,g.jsxs)("div",{className:`rdd-workspace${p?"":" rdd-no-animations"}`,"data-workspace-skin":e,"data-color-scheme":te,style:{display:"flex",flexDirection:"column",position:"relative",width:"100%",height:"100%",overflow:"hidden",userSelect:"none"},dir:s.dir,children:[(0,g.jsxs)("div",{ref:r,className:s.draggedPanelId?"rdd-dragging-active":void 0,style:{flexGrow:1,width:"100%",position:"relative",overflow:"hidden"},children:[s.draggedPanelId!==null&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{"data-edge-trigger":"left",className:"rdd-workspace-edge-trigger rdd-edge-trigger-left",onPointerEnter:()=>Ie("left"),onPointerLeave:()=>Ie(null)}),(0,g.jsx)("div",{"data-edge-trigger":"right",className:"rdd-workspace-edge-trigger rdd-edge-trigger-right",onPointerEnter:()=>Ie("right"),onPointerLeave:()=>Ie(null)}),(0,g.jsx)("div",{"data-edge-trigger":"top",className:"rdd-workspace-edge-trigger rdd-edge-trigger-top",onPointerEnter:()=>Ie("top"),onPointerLeave:()=>Ie(null)}),(0,g.jsx)("div",{"data-edge-trigger":"bottom",className:"rdd-workspace-edge-trigger rdd-edge-trigger-bottom",onPointerEnter:()=>Ie("bottom"),onPointerLeave:()=>Ie(null)})]}),s.draggedPanelId!==null&&["top-left","top-right","bottom-left","bottom-right"].map(i=>(0,g.jsx)("div",{className:`rdd-corner-zone rdd-corner-zone--${i}${$t===i?" rdd-corner-zone--hovered":""}`,onPointerEnter:()=>{ot(i),Ie(null)},onPointerLeave:()=>ot(null),"aria-hidden":"true"},i)),s.draggedPanelId!==null&&Lt!==null&&(0,g.jsx)("div",{className:"rdd-workspace-edge-preview",style:(()=>{let i=`${s.edgeSplitRatio*100}%`;switch(Lt){case"left":return{left:0,top:0,bottom:0,width:i};case"right":return{right:0,top:0,bottom:0,width:i};case"top":return{top:0,left:0,right:0,height:i};case"bottom":return{bottom:0,left:0,right:0,height:i}}})()}),(0,g.jsx)("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:s.gridRoot?(0,g.jsx)(Zn,{node:s.gridRoot,path:[],onTabRightClick:Vt,activeDropZone:$e,onHoverDropZone:zt,onTabDragStart:cn,hoveredTab:Yt,onTabHover:Xt,defaultPanelIcon:t,onRequestClosePanel:M}):(0,g.jsx)("div",{className:"rdd-empty-workspace-grid",children:"Grid Empty"})}),s.floating.map(i=>{let S=s.panels[i.id];if(!S)return null;let m=i.maximized,x=s.draggedPanelId===i.id,G=s.activePanelId===i.id,q=T.get(S.component)?.defaultOptions;return(0,g.jsxs)("div",{"data-window-id":i.id,dir:s.dir,onPointerDownCapture:()=>{a(i.id),R(i.id)},className:`rdd-floating-window ${m?"rdd-maximized":""} ${G?"rdd-window-focused":""} ${Y??""}`,style:(()=>{let ge=typeof i.width=="number"?`${i.width}px`:i.width,J=typeof i.height=="number"?`${i.height}px`:i.height;if(m)return{position:"absolute",left:0,top:0,width:"100%",height:"100%",zIndex:i.z,pointerEvents:x?"none":"auto"};if(i.anchor){let ae=s.floating.filter(ke=>ke.anchor===i.anchor&&!ke.maximized),fe=ae.findIndex(ke=>ke.id===i.id),le=8;for(let ke=0;ke<fe;ke++){let lt=typeof ae[ke].height=="number"?ae[ke].height:parseFloat(ae[ke].height);le+=lt+8}let Ce=i.anchor.startsWith("top");return{position:"absolute",[i.anchor.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]:8,[Ce?"top":"bottom"]:le,width:ge,height:J,zIndex:i.z,transition:x?"none":"top 0.2s ease, bottom 0.2s ease",pointerEvents:x?"none":"auto"}}return{position:"absolute",left:typeof i.x=="number"?`${i.x}px`:i.x,top:typeof i.y=="number"?`${i.y}px`:i.y,width:ge,height:J,zIndex:i.z,pointerEvents:x?"none":"auto"}})(),children:[(0,g.jsxs)("div",{onDoubleClick:()=>v(i.id),onPointerDown:N=>{q?.canDrag!==!1&&u(i.id,N)},className:"rdd-floating-window-titlebar rdd-cursor-move",style:{cursor:m||q?.canDrag===!1?"default":"move"},children:[(0,g.jsxs)("span",{className:"rdd-floating-window-title",children:[(0,g.jsx)("span",{className:"rdd-window-title-icon",children:q?.icon||t||xn}),(0,g.jsxs)("span",{children:[he(S.title,F),S.dirty?" *":""]})]}),(0,g.jsxs)("div",{className:"rdd-titlebar-actions",style:{gap:"var(--rdd-header-button-gap, 4px)"},onPointerDown:N=>N.stopPropagation(),children:[q?.renderHeaderActions&&(0,g.jsx)("div",{className:"rdd-window-header-actions",children:q.renderHeaderActions(i.id)}),f(i.id).length>0&&(0,g.jsx)("button",{type:"button",className:"rdd-custom-tab-btn rdd-btn-more-actions",title:"More actions",onClick:N=>{N.stopPropagation();let ne=f(i.id);ne.length!==0&&C({event:N,items:ne})},children:(0,g.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",style:{display:"block"},children:[(0,g.jsx)("circle",{cx:"12",cy:"5",r:"2"}),(0,g.jsx)("circle",{cx:"12",cy:"12",r:"2"}),(0,g.jsx)("circle",{cx:"12",cy:"19",r:"2"})]})}),(0,g.jsx)("button",{type:"button",title:m?he(l.restoreSize,F):he(l.maximize,F),onClick:()=>v(i.id),className:"rdd-custom-tab-btn rdd-btn-maximize-tab",children:(0,g.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,g.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1.5"})})}),q?.canMinimize!==!1&&(0,g.jsx)("button",{type:"button",title:he(l.minimize,F),onClick:()=>w(i.id),className:"rdd-custom-tab-btn rdd-btn-minimize-tab",children:(0,g.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:(0,g.jsx)("path",{d:"M5 12h14"})})}),q?.canClose!==!1&&(0,g.jsx)("button",{type:"button",title:he(l.close,F),onClick:()=>M(i.id),className:"rdd-custom-tab-btn rdd-btn-close-tab",children:(0,g.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:(0,g.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]})]}),(0,g.jsx)("div",{className:Q??void 0,style:{flexGrow:1,width:"100%",overflow:"hidden",position:"relative",isolation:"isolate"},children:(0,g.jsx)(Kn,{panelId:i.id},i.id)}),!m&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"n",N),className:"rdd-resize-handle rdd-resize-n"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"ne",N),className:"rdd-resize-handle rdd-resize-ne"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"e",N),className:"rdd-resize-handle rdd-resize-e"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"se",N),className:"rdd-resize-handle rdd-resize-se"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"s",N),className:"rdd-resize-handle rdd-resize-s"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"sw",N),className:"rdd-resize-handle rdd-resize-sw"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"w",N),className:"rdd-resize-handle rdd-resize-w"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"nw",N),className:"rdd-resize-handle rdd-resize-nw"})]})]},i.id)})]}),(n==="always"||s.minimized.length>0)&&(0,g.jsxs)("div",{className:["rdd-taskbar-footer-container",`taskbar-mode-${n}`,n==="autohide"&&ue?"rdd-taskbar-expanded":""].filter(Boolean).join(" "),style:{height:"48px",zIndex:100},onPointerEnter:n==="autohide"?ee:void 0,onPointerLeave:n==="autohide"?oe:void 0,children:[n==="autohide"&&(0,g.jsx)("div",{className:"rdd-taskbar-peek-handle"}),(0,g.jsx)("button",{type:"button",onClick:()=>A("left"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25C0"}),(0,g.jsx)("div",{ref:re,className:"rdd-taskbar-items-container",style:{scrollSnapType:"x mandatory"},children:s.minimized.map(i=>{let m=T.get(i.component)?.defaultOptions?.icon||t||xn;return(0,g.jsx)("div",{onClick:()=>{ie.current!=="touch"&&(Z(null),h(i.id))},onContextMenu:x=>bt(i.id,x),onPointerDown:x=>{if(ie.current=x.pointerType,x.pointerType!=="touch")return;let G=x.currentTarget,V=x.clientX,q=x.clientY,N=x.pointerId,ne=!1,ge=()=>{ne=!0,clearTimeout(fe),G.removeEventListener("pointermove",ae),G.removeEventListener("pointerup",J),G.removeEventListener("pointercancel",ge)},J=()=>{ge();let le=G.getBoundingClientRect();z?.id===i.id?(h(i.id),Z(null)):Z({id:i.id,rect:le,title:i.title,component:i.component,fromTouch:!0})},ae=le=>{Math.hypot(le.clientX-V,le.clientY-q)>it&&ge()},fe=setTimeout(()=>{if(ne)return;G.removeEventListener("pointermove",ae),G.removeEventListener("pointerup",J),G.removeEventListener("pointercancel",ge);try{G.setPointerCapture(N)}catch{return}navigator.vibrate&&navigator.vibrate(10);let le=Ce=>{G.removeEventListener("pointerup",le),G.removeEventListener("pointercancel",le),bt(i.id,Ce)};G.addEventListener("pointerup",le),G.addEventListener("pointercancel",le)},rt);G.addEventListener("pointermove",ae),G.addEventListener("pointerup",J),G.addEventListener("pointercancel",ge)},onPointerEnter:x=>{if(x.pointerType==="touch"||Oe)return;B.current&&clearTimeout(B.current);let G=x.currentTarget.getBoundingClientRect();x.clientX>=G.left&&x.clientX<=G.right&&x.clientY>=G.top&&x.clientY<=G.bottom&&Z({id:i.id,rect:G,title:i.title,component:i.component})},onPointerLeave:x=>{x.pointerType!=="touch"&&(B.current=setTimeout(()=>{Z(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:(0,g.jsx)("span",{className:"rdd-taskbar-item-icon",children:m})},i.id)})}),z&&(0,Pn.createPortal)((0,g.jsxs)("div",{className:"rdd-taskbar-item-tooltip",dir:s.dir,style:{position:"fixed",left:`${z.rect.left+z.rect.width/2}px`,top:`${z.rect.top-8}px`,transform:"translateX(-50%) translateY(-100%)",opacity:1,pointerEvents:"auto",zIndex:999999},onPointerEnter:()=>{B.current&&clearTimeout(B.current)},onPointerLeave:i=>{i.pointerType!=="touch"&&Z(null)},onClick:()=>{h(z.id),Z(null)},onContextMenu:i=>bt(z.id,i),onPointerDown:i=>{if(i.pointerType!=="touch")return;let S=z.id,m=i.currentTarget,x=i.clientX,G=i.clientY,V=i.pointerId,q=!1,N=()=>{q=!0,clearTimeout(ge),m.removeEventListener("pointermove",ne),m.removeEventListener("pointerup",N),m.removeEventListener("pointercancel",N)},ne=J=>{Math.hypot(J.clientX-x,J.clientY-G)>it&&N()},ge=setTimeout(()=>{if(q)return;m.removeEventListener("pointermove",ne),m.removeEventListener("pointerup",N),m.removeEventListener("pointercancel",N);try{m.setPointerCapture(V)}catch{return}navigator.vibrate&&navigator.vibrate(10);let J=ae=>{m.removeEventListener("pointerup",J),m.removeEventListener("pointercancel",J),bt(S,ae)};m.addEventListener("pointerup",J),m.addEventListener("pointercancel",J)},rt);m.addEventListener("pointermove",ne),m.addEventListener("pointerup",N),m.addEventListener("pointercancel",N)},children:[(0,g.jsxs)("div",{className:"rdd-tooltip-header-row",children:[(0,g.jsxs)("span",{className:"rdd-tooltip-title-text rdd-text-truncate",style:{maxWidth:"140px"},children:[he(z.title,F),s.panels[z.id]?.dirty?" *":""]}),(0,g.jsx)("span",{onClick:i=>{i.stopPropagation(),M(z.id),Z(null)},title:he(l.closePanel,F),className:"rdd-tooltip-close-x",children:(0,g.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,g.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,g.jsx)(jo,{panelId:z.id})]}),document.body),(0,g.jsx)("button",{type:"button",onClick:()=>A("right"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25B6"})]}),Object.keys(s.panels).map(i=>{let S=s.panels[i];if(!S)return null;let m=qn(i);return(0,Pn.createPortal)((0,g.jsx)(Uo,{panelId:i,children:(0,g.jsx)("div",{style:{width:"100%",height:"100%"},dir:s.dir,children:Zo(i,S.component,T)})}),m,i)}),j===null&&(0,g.jsx)(o.Component,{ref:se,theme:"dark",formatMessageProvider:F,onShow:()=>Pe(!0),onHide:()=>Pe(!1)}),s.draggedPanelId!==null&&!s.floating.some(i=>i.id===s.draggedPanelId)&&(0,g.jsxs)("div",{className:"rdd-drag-ghost-tab",style:{left:tt.x+12,top:tt.y+12,zIndex:1e5},children:["\u{1F4C4} ",he(s.panels[s.draggedPanelId]?.title,F)||"Tab"]})]})},jn=Qo;var sn=class{registry;initialState;config;_actions=null;_initialized=!1;_pendingCalls=[];_pendingOpenPanelIds=new Set;_pendingSubscriptions=[];_disconnectedWarnTimer=null;constructor(t={}){if(this.registry=new ct,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 p=this._pendingSubscriptions.indexOf(o);p!==-1&&this._pendingSubscriptions.splice(p,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()??[]}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(p=>p.dockPanelToGroup(t,n,o))}movePanelOrder(t,n,o){this._dispatch(p=>p.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))}setPanelDirty(t,n,o){this._dispatch(p=>p.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)})}};var oo=require("react");var qe=require("react"),Jn=require("react/jsx-runtime"),Un=(0,qe.createContext)(null),_t=({children:e})=>{let[t,n]=(0,qe.useState)({}),[o,p]=(0,qe.useState)({}),s=(0,qe.useMemo)(()=>({getActiveInGroup:T=>t[T]??null,setActiveInGroup:(T,h)=>n(w=>({...w,[T]:h})),isModifierActive:T=>o[T]??!1,setModifierActive:(T,h)=>p(w=>({...w,[T]:h})),toggleModifier:T=>p(h=>({...h,[T]:!h[T]}))}),[t,o]);return(0,Jn.jsx)(Un.Provider,{value:s,children:e})};function Ht(){let e=(0,qe.useContext)(Un);if(!e)throw new Error("useToolbar must be used within DockableDesktopProvider");return e}var Ee=require("react");var no=require("react/jsx-runtime");function er(){let e=new Map,t=new Set,n=()=>t.forEach(o=>o());return{publish(o,p){return e.set(o,p),n(),()=>{e.get(o)===p&&(e.delete(o),n())}},get(o){return e.get(o)??null},subscribe(o){return t.add(o),()=>t.delete(o)}}}var wn=(0,Ee.createContext)(null),an=({children:e})=>{let t=(0,Ee.useMemo)(()=>er(),[]);return(0,no.jsx)(wn.Provider,{value:t,children:e})};function Qn(e){let t=Wt(),n=(0,Ee.useContext)(wn),o=(0,Ee.useRef)(null);if(!n)throw new Error("usePanelContribution must be used within PanelContributionProvider");(0,Ee.useLayoutEffect)(()=>{if(n)return o.current?.(),o.current=n.publish(t,e),()=>{o.current?.(),o.current=null}},[n,t,e])}function ln(){let e=De(p=>p.activePanelId),t=(0,Ee.useContext)(wn);if(!t)throw new Error("useActivePanelContribution must be used within PanelContributionProvider");let n=(0,Ee.useCallback)(p=>t?t.subscribe(p):()=>{},[t]),o=()=>t&&e?t.get(e):null;return(0,Ee.useSyncExternalStore)(n,o,o)}function Rn(e,t=null){return{id:e.id,label:e.label,icon:e.icon??t,renderContent:()=>e.content}}function eo(e){let t=ln();return t?.toolbarItems?.length?[...e,{type:"separator"},...t.toolbarItems]:e}function to(e,t=null){let n=ln();return n?.sidebarSections?.length?[...e,...n.sidebarSections.map(o=>Rn(o,t))]:e}var Et=require("react/jsx-runtime"),ro=({contextMenuAdapter:e=ut,...t})=>{let n=(0,oo.useContext)(St),o=(0,Et.jsx)(_t,{children:(0,Et.jsx)(jt,{...t,children:(0,Et.jsx)(an,{children:(0,Et.jsx)(tn,{children:t.children})})})});return n!==null?o:(0,Et.jsx)(Qt,{adapter:e,formatMessageProvider:t.formatMessage,children:o})};var Le=require("react");var Me=require("react/jsx-runtime"),tr=({modal:e,index:t,isTopmost:n})=>{let{close:o,openModal:p,updateInstance:s,setDirty:T}=Ue(),h=Fe(),w=Be(),{dir:y}=De(),{modalClass:v,modalBodyClass:b}=Ye(),R=(0,Le.useRef)(null),{id:I,Component:k,props:L,options:d,dirty:E,dirtyOptions:a}=e,f=d,[C,O]=(0,Le.useState)(f.icon||null),$=(0,Le.useRef)(f);$.current=f;let F=he(f.title,h),l=(0,Le.useCallback)(async W=>{if(W?.force){o(I);return}if(R.current){if(!await R.current())return;o(I);return}if(E){p(Je,{title:a?.title||w.unsavedChangesTitle,message:a?.message||{id:w.unsavedChangesMessage.id,defaultMessage:w.unsavedChangesMessage.defaultMessage,values:{title:F}},alert:a?.alert,alertType:a?.alertType||"danger",useYesNoTitles:!0,onOK:()=>o(I)},{size:"small"});return}o(I)},[o,p,I,E,a,F,w]),M=(0,Le.useCallback)((W,z)=>T(I,W,z),[T,I]),Y=(0,Le.useCallback)(W=>s(I,{options:{...$.current,title:W}}),[s,I]),Q=(0,Le.useCallback)(W=>O(W),[]),j=(0,Le.useCallback)(W=>(R.current=W,()=>{R.current=null}),[]),se=(0,Le.useMemo)(()=>({requestClose:l,setDirty:M,setTitle:Y,setIcon:Q,onCloseRequested:j,containerType:"modal",instanceId:I}),[l,M,Y,Q,j,I]),re=E?`${F} *`:F,ue=f.size?`rdd-modal-size-${f.size}`:"rdd-modal-size-auto",pe=f.closable!==!1;(0,Le.useEffect)(()=>{if(!n||!pe)return;let W=z=>{z.key==="Escape"&&(z.stopPropagation(),l())};return document.addEventListener("keydown",W),()=>document.removeEventListener("keydown",W)},[l,pe,n]);let _=`calc(var(--rdd-z-base, 1000) + 9000 + ${t*10})`;return(0,Me.jsxs)("div",{className:"rdd-modal-overlay",style:{zIndex:_},dir:y,children:[(0,Me.jsx)("div",{className:"rdd-modal-curtain",onClick:pe?()=>l():void 0}),(0,Me.jsxs)("div",{className:`rdd-modal-window ${ue} ${v??""}`,children:[(0,Me.jsxs)("div",{className:"rdd-modal-header",children:[C&&(0,Me.jsx)("div",{className:"rdd-modal-icon",children:C}),(0,Me.jsx)("h4",{className:"rdd-modal-title",children:re}),pe&&(0,Me.jsx)("button",{className:"rdd-modal-close-button",onClick:()=>l(),title:h(w.closeTooltip),type:"button",children:(0,Me.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,Me.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,Me.jsx)("div",{className:`rdd-modal-body ${b??""}`,children:(0,Me.jsx)(Ze,{value:se,children:(0,Me.jsx)(k,{...L,panelId:I})})})]})]})},nr=()=>{let{modals:e}=Xe();return e.length===0?null:(0,Me.jsx)(Me.Fragment,{children:e.map((t,n)=>(0,Me.jsx)(tr,{modal:t,index:n,isTopmost:n===e.length-1},t.id))})},io=nr;var Se=require("react");var we=require("react/jsx-runtime"),dn=({panel:e,position:t,defaultWidth:n})=>{let{close:o,openModal:p,updateInstance:s,setDirty:T,registerCloseHandler:h,unregisterCloseHandler:w}=Ue(),{modals:y}=Xe(),v=Fe(),b=Be(),{dir:R}=De(),{sidePanelClass:I,sidePanelBodyClass:k}=Ye(),L=(0,Se.useRef)(null),{id:d,Component:E,props:a,options:f,dirty:C,dirtyOptions:O}=e,$=f,[F,l]=(0,Se.useState)($.icon||null),M=(0,Se.useRef)($);M.current=$;let Y=he($.title,v),Q=(0,Se.useCallback)(async B=>{if(B?.force){o(d);return}if(L.current){if(!await L.current())return;o(d);return}if(C){p(Je,{title:O?.title||b.unsavedChangesTitle,message:O?.message||{id:b.unsavedChangesMessage.id,defaultMessage:b.unsavedChangesMessage.defaultMessage,values:{title:Y}},alert:O?.alert,alertType:O?.alertType||"danger",useYesNoTitles:!0,onOK:()=>o(d)},{size:"small"});return}o(d)},[o,p,d,C,O,Y,b]),j=(0,Se.useCallback)(async()=>L.current?await L.current():!C,[C]);(0,Se.useEffect)(()=>(h(d,j),()=>w(d)),[d,j,h,w]);let se=(0,Se.useCallback)((B,ie)=>T(d,B,ie),[T,d]),re=(0,Se.useCallback)(B=>s(d,{options:{...M.current,title:B}}),[s,d]),ue=(0,Se.useCallback)(B=>l(B),[]),pe=(0,Se.useCallback)(B=>(L.current=B,()=>{L.current=null}),[]),_=(0,Se.useMemo)(()=>({requestClose:Q,setDirty:se,setTitle:re,setIcon:ue,onCloseRequested:pe,containerType:t==="left"?"left-panel":"right-panel",instanceId:d}),[Q,se,re,ue,pe,t,d]),W=C?`${Y} *`:Y;(0,Se.useEffect)(()=>{let B=ie=>{ie.key==="Escape"&&y.length===0&&Q()};return document.addEventListener("keydown",B),()=>document.removeEventListener("keydown",B)},[Q,y.length]);let z=$.width||n||400,Z=typeof z=="number"?`${z}px`:z;return(0,we.jsx)("div",{className:`rdd-side-panel rdd-side-panel-${t} rdd-side-panel-visible ${I??""}`,style:{width:Z},dir:R,children:(0,we.jsxs)("div",{className:"rdd-side-panel-window",children:[(0,we.jsxs)("div",{className:"rdd-side-panel-header",children:[F&&(0,we.jsx)("div",{className:"rdd-side-panel-icon",children:F}),(0,we.jsx)("h4",{className:"rdd-side-panel-title",children:W}),(0,we.jsx)("button",{className:"rdd-side-panel-close-button",onClick:()=>Q(),title:v(b.closeTooltip),type:"button",children:(0,we.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,we.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,we.jsx)("div",{className:`rdd-side-panel-body ${k??""}`,children:(0,we.jsx)(Ze,{value:_,children:(0,we.jsx)(E,{...a,panelId:d})})})]})})},or=({defaultWidth:e})=>{let{leftPanel:t,rightPanel:n}=Xe();return(0,we.jsxs)(we.Fragment,{children:[t&&(0,we.jsx)(dn,{panel:t,position:"left",defaultWidth:e},t.id),n&&(0,we.jsx)(dn,{panel:n,position:"right",defaultWidth:e},n.id)]})},so=({defaultWidth:e})=>{let{leftPanel:t}=Xe();return t?(0,we.jsx)(dn,{panel:t,position:"left",defaultWidth:e},t.id):null},ao=({defaultWidth:e})=>{let{rightPanel:t}=Xe();return t?(0,we.jsx)(dn,{panel:t,position:"right",defaultWidth:e},t.id):null},lo=or;var ce=require("react");var Re=require("react/jsx-runtime"),uo=(0,ce.createContext)(null),po=(0,ce.createContext)(null);function rr({tabId:e,onClose:t,onOpen:n,setActiveTabId:o,children:p}){let s=(0,ce.useMemo)(()=>({tabId:e,onClose:t,onOpen:n,openTab:T=>o(T)}),[e,t,n,o]);return(0,Re.jsx)(po.Provider,{value:s,children:p})}var co=(0,ce.memo)(function({tabs:t,activeTabId:n,isVisible:o,position:p,onTabClick:s}){return(0,Re.jsx)("div",{style:{width:o?"56px":"0px",height:"100%",overflow:"hidden",transition:"width 0.25s cubic-bezier(0.4, 0, 0.2, 1)",flexShrink:0},children:(0,Re.jsx)("div",{className:`rdd-sidebar-tabs-strip rdd-${p}`,style:{width:"56px",height:"100%"},children:t.map(T=>{let h=n===T.id;return(0,Re.jsx)("button",{type:"button",onClick:()=>s(T.id),className:`rdd-sidebar-tab-btn${h?" rdd-active":""}`,title:T.label,"aria-pressed":h,children:T.icon},T.id)})})})});function ir({position:e,currentWidth:t,minWidth:n,maxWidth:o,onWidthChange:p,rootRef:s}){return(0,Re.jsx)("div",{className:"rdd-resizer-bar",style:{cursor:"col-resize",width:"1px",height:"100%",flexShrink:0,zIndex:20},onPointerDown:h=>{h.preventDefault();let w=h.currentTarget,y=[{el:w,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active","rdd-resizing-col-active"]}];s.current&&y.push({el:s.current,classes:["rdd-sidebar-resizing"]}),Ve({element:w,pointerId:h.pointerId,startClientX:h.clientX,startClientY:h.clientY,captureStart:()=>t,activeClasses:y,onMove:(v,b,R)=>{let I=e==="right"?R-v:R+v;p(Math.max(n,Math.min(o,I)))}})}})}var go=(0,ce.forwardRef)(function({position:t="right",tabs:n,defaultWidth:o,minWidth:p=150,maxWidth:s=600,onWidthChange:T,activeTabId:h,onActiveTabChange:w,visible:y,onVisibilityChange:v,stripVisible:b,onStripVisibilityChange:R,children:I},k){let L=h!==void 0,[d,E]=(0,ce.useState)(()=>o??280),a=(0,ce.useCallback)(B=>{E(B),T?.(B)},[T]),[f,C]=(0,ce.useState)(null),O=L?h:f,[$,F]=(0,ce.useState)(()=>new Set),l=(0,ce.useMemo)(()=>{let B=new Set($);O&&B.add(O);for(let ie of n)ie.eagerMount&&B.add(ie.id);return B},[$,O,n]),M=(0,ce.useRef)(O??null);(0,ce.useEffect)(()=>{M.current=O??null},[O]);let Y=(0,ce.useRef)(d);(0,ce.useEffect)(()=>{Y.current=d},[d]);let Q=(0,ce.useRef)(null),j=(0,ce.useCallback)(B=>{F(B!==null?ie=>{if(ie.has(B))return ie;let ve=new Set(ie);return ve.add(B),ve}:ie=>{let ve=!1,Pe=new Set(ie);for(let Oe of ie){let $e=n.find(Ae=>Ae.id===Oe);$e&&!$e.eagerMount&&!$e.preserveState&&(Pe.delete(Oe),ve=!0)}return ve?Pe:ie}),L||C(B),w?.(B)},[L,w,n]);(0,ce.useImperativeHandle)(k,()=>({openTab:B=>j(B),closeDrawer:()=>j(null),getActiveTab:()=>M.current,show:()=>v?.(!0),hide:()=>v?.(!1),toggle:()=>v?.(y===!1),showStrip:()=>R?.(!0),hideStrip:()=>R?.(!1),setWidth:B=>a(Math.max(p,Math.min(s,B))),getWidth:()=>Y.current}),[j,y,v,R,a,p,s]);let se=(0,ce.useCallback)(B=>{j(O===B?null:B)},[O,j]),re=(0,ce.useCallback)(()=>j(null),[j]),ue=(0,ce.useMemo)(()=>({openTab:B=>j(B),closeDrawer:()=>j(null),getActiveTab:()=>M.current}),[j]),pe=y!==!1,_=pe&&b!==!1,W=pe&&O!=null,z=(0,Re.jsx)("div",{className:`rdd-sidebar-content-drawer rdd-${t}`,style:{flexBasis:W?`${d}px`:"0px",flexShrink:1,flexGrow:0,minWidth:W?`${p}px`:"0px",maxWidth:W?`${s}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:n.map(B=>{if(!l.has(B.id))return null;let ve=O===B.id,Pe=()=>j(B.id);return(0,Re.jsxs)("div",{style:{display:ve?"flex":"none",flexDirection:"column",height:"100%",width:"100%"},children:[(0,Re.jsx)("div",{className:"rdd-sidebar-drawer-header",children:(0,Re.jsx)("span",{className:"rdd-sidebar-header-title",children:B.label})}),(0,Re.jsx)("div",{className:"rdd-sidebar-drawer-body",children:(0,Re.jsx)(rr,{tabId:B.id,onClose:re,onOpen:Pe,setActiveTabId:j,children:B.renderContent(B.id,re,Pe)})})]},B.id)})}),Z=W?(0,Re.jsx)(ir,{position:t,currentWidth:d,minWidth:p,maxWidth:s,onWidthChange:a,rootRef:Q}):null;return(0,Re.jsx)(uo.Provider,{value:ue,children:(0,Re.jsxs)("div",{ref:Q,style:{display:"flex",flexDirection:"row",width:"100%",height:"100%",overflow:"hidden"},children:[t==="left"&&(0,Re.jsx)(co,{tabs:n,activeTabId:O,isVisible:_,position:t,onTabClick:se}),t==="left"&&z,t==="left"&&Z,(0,Re.jsx)("div",{style:{flex:"1 1 0%",minWidth:0,overflow:"hidden"},children:I}),t==="right"&&Z,t==="right"&&z,t==="right"&&(0,Re.jsx)(co,{tabs:n,activeTabId:O,isVisible:_,position:t,onTabClick:se})]})})});function mo(){let e=(0,ce.useContext)(uo);if(!e)throw new Error("useSidebar must be used within Sidebar");return e}function fo(){let e=(0,ce.useContext)(po);if(!e)throw new Error("useSidebarTab must be used within a Sidebar tab renderContent tree");return e}var Ne=require("react"),ho=require("react-dom");var Te=require("react/jsx-runtime");function sr(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 ar({item:e,position:t,toolbar:n}){let[o,p]=(0,Ne.useState)(!1),[s,T]=(0,Ne.useState)(null),h=(0,Ne.useRef)(null),w=(0,Ne.useRef)(null),y=e.activeItemId!==void 0,v=y?e.activeItemId:n.getActiveInGroup(e.id),b=e.items.find(d=>!("type"in d)&&d.id===v),R=v!==null,I=b?.icon??e.defaultIcon,k=b?.label??e.label,L=()=>{e.disabled||(!o&&h.current&&T(h.current.getBoundingClientRect()),p(d=>!d))};return(0,Ne.useLayoutEffect)(()=>{if(!o||!w.current)return;let d=w.current,E=d.getBoundingClientRect(),a=8;E.right>window.innerWidth-a&&(d.style.left=`${Math.max(a,window.innerWidth-E.width-a)}px`,d.style.right="auto"),E.left<a&&(d.style.left=`${a}px`,d.style.right="auto"),E.bottom>window.innerHeight-a&&(d.style.top=`${Math.max(a,window.innerHeight-E.height-a)}px`,d.style.bottom="auto"),E.top<a&&(d.style.top=`${a}px`,d.style.bottom="auto")},[o]),(0,Ne.useEffect)(()=>{if(!o)return;let d=E=>{let a=E.target;h.current?.contains(a)||w.current?.contains(a)||p(!1)};return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[o]),(0,Ne.useEffect)(()=>{if(!o)return;let d=E=>{E.key==="Escape"&&p(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[o]),(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsx)("button",{ref:h,type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-group${R?" rdd-active":""}`,title:k,"aria-label":k,"aria-expanded":o,"aria-haspopup":"menu",disabled:e.disabled,onClick:L,children:I}),o&&s&&(0,ho.createPortal)((0,Te.jsx)("div",{ref:w,className:`rdd-toolbar-group-flyout rdd-${t}`,style:sr(s,t,document.documentElement.dir==="rtl"),role:"menu",children:e.items.map((d,E)=>{if("type"in d)return(0,Te.jsx)("div",{className:"rdd-toolbar-group-flyout-sep",role:"separator"},`sep-${E}`);let a=v===d.id;return(0,Te.jsxs)("button",{type:"button",className:`rdd-toolbar-group-flyout-item${a?" rdd-active":""}`,disabled:d.disabled,role:"menuitem","aria-pressed":a,onClick:()=>{y?e.onActiveItemChange?.(d.id):n.setActiveInGroup(e.id,d.id),d.onActivate?.(d.id),p(!1)},children:[(0,Te.jsx)("span",{className:"rdd-toolbar-group-flyout-icon",children:d.icon}),(0,Te.jsx)("span",{className:"rdd-toolbar-group-flyout-label",children:d.label}),d.shortcut&&(0,Te.jsx)("span",{className:"rdd-toolbar-group-flyout-shortcut",children:d.shortcut})]},d.id)})}),document.body)]})}function lr(e,t,n,o){switch(e.type){case"separator":return(0,Te.jsx)("div",{className:"rdd-toolbar-separator",role:"separator"},`sep-${t}`);case"action":return(0,Te.jsx)("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 p=n.getActiveInGroup(e.group)===e.id;return(0,Te.jsx)("button",{type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-radio${p?" rdd-active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":p,disabled:e.disabled,onClick:()=>{n.setActiveInGroup(e.group,e.id),e.onActivate?.(e.id)},children:e.icon},e.id)}case"toggle":{let p=e.active!==void 0,s=p?e.active:n.isModifierActive(e.id);return(0,Te.jsx)("button",{type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-toggle${s?" rdd-active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":s,disabled:e.disabled,onClick:()=>{p||n.toggleModifier(e.id),e.onToggle?.(!s)},children:e.icon},e.id)}case"group":return(0,Te.jsx)(ar,{item:e,position:o,toolbar:n},e.id)}}var bo=(0,Ne.forwardRef)(function({position:t="left",items:n,visible:o,onVisibilityChange:p,className:s,style:T},h){let w=Ht(),y=t==="left"||t==="right";(0,Ne.useImperativeHandle)(h,()=>({show:()=>p?.(!0),hide:()=>p?.(!1),toggle:()=>p?.(o===!1)}),[o,p]);let v=o!==!1?{}:y?{width:"0px"}:{height:"0px"};return(0,Te.jsx)("div",{className:`rdd-toolbar-strip rdd-${t}${s?` ${s}`:""}`,role:"toolbar","aria-orientation":y?"vertical":"horizontal",style:{...v,...T},children:n.map((b,R)=>lr(b,R,w,t))})});var xe=require("react"),Tn=require("react-dom"),me=require("react/jsx-runtime"),Sn=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))}},We=new Sn,vo=Object.assign((e,t)=>We.show(e,t),{info:(e,t)=>We.show(e,{...t,type:"info"}),success:(e,t)=>We.show(e,{...t,type:"success"}),warning:(e,t)=>We.show(e,{...t,type:"warning"}),error:(e,t)=>We.show(e,{...t,type:"error"}),dismiss:e=>We.dismiss(e),promise:(e,t,n)=>{let o=We.show(t.pending,{...n,type:"info",duration:0});return e.then(p=>{let s=typeof t.success=="function"?t.success(p):t.success;We.update(o,s,{type:"success",duration:n?.duration??5e3})},p=>{let s=typeof t.error=="function"?t.error(p):t.error;We.update(o,s,{type:"error",duration:n?.duration??5e3})}),e}}),dr=()=>(0,me.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,me.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,me.jsx)("path",{d:"M8 5v.01M8 7.5v3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),cr=()=>(0,me.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,me.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,me.jsx)("path",{d:"M5 8l2 2 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),ur=()=>(0,me.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,me.jsx)("path",{d:"M8 2.5L14 13.5H2L8 2.5z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),(0,me.jsx)("path",{d:"M8 7v2.5M8 11.5v.01",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),pr=()=>(0,me.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,me.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,me.jsx)("path",{d:"M5.5 5.5l5 5M10.5 5.5l-5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),gr=()=>(0,me.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:(0,me.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),mr={info:(0,me.jsx)(dr,{}),success:(0,me.jsx)(cr,{}),warning:(0,me.jsx)(ur,{}),error:(0,me.jsx)(pr,{})};function fr({id:e,message:t,options:n,exiting:o,isLeft:p,showProgress:s,pauseOnHover:T,animation:h,onDismiss:w,onExited:y}){let v=(0,xe.useRef)(null),b=(0,xe.useRef)(null),R=(0,xe.useRef)(n.duration),I=(0,xe.useRef)(0),[k,L]=(0,xe.useState)(!1),d=h==="none"?"rdd-toast--visible":h==="fade"?"rdd-toast--fade-entering":p?"rdd-toast--entering-left":"rdd-toast--entering",[E,a]=(0,xe.useState)(d);(0,xe.useLayoutEffect)(()=>{v.current&&(v.current.style.maxHeight=`${v.current.offsetHeight}px`)},[]),(0,xe.useEffect)(()=>{if(h==="none")return;let l=requestAnimationFrame(()=>a("rdd-toast--visible"));return()=>cancelAnimationFrame(l)},[]);let f=(0,xe.useCallback)(l=>{l<=0||(I.current=Date.now(),b.current=setTimeout(()=>w(e),l))},[e,w]);(0,xe.useEffect)(()=>(b.current&&clearTimeout(b.current),R.current=n.duration,f(n.duration),()=>{b.current&&clearTimeout(b.current)}),[n.duration,f]),(0,xe.useEffect)(()=>{if(!o)return;let l=v.current;if(!l||h==="none"){y(e);return}let M=Q=>{Q.propertyName==="max-height"&&y(e)};l.addEventListener("transitionend",M);let Y=setTimeout(()=>y(e),520);return()=>{l.removeEventListener("transitionend",M),clearTimeout(Y)}},[o,e,y,h]);let C=()=>{!T||n.duration===0||(b.current&&(clearTimeout(b.current),b.current=null,R.current=Math.max(0,R.current-(Date.now()-I.current))),L(!0))},O=()=>{!T||n.duration===0||(L(!1),f(R.current))},$=["rdd-toast",n.type&&`rdd-toast--${n.type}`,E,o&&"rdd-toast--exiting",k&&"rdd-toast--paused"].filter(Boolean).join(" "),F=n.icon!==void 0?n.icon:n.type?mr[n.type]:null;return(0,me.jsxs)("div",{ref:v,role:"status","aria-live":"polite",className:$,onMouseEnter:C,onMouseLeave:O,children:[F&&F,(0,me.jsx)("div",{className:"rdd-toast__body",children:n.content!==void 0?n.content:t}),n.closable&&(0,me.jsx)("button",{type:"button",className:"rdd-toast__close",onClick:()=>w(e),"aria-label":"Close notification",children:(0,me.jsx)(gr,{})}),s&&n.duration>0&&(0,me.jsx)("div",{className:"rdd-toast__progress",style:{animationDuration:`${n.duration}ms`}})]})}function Mn(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 yo({position:e="top-right",maxVisible:t=3,defaultDuration:n=5e3,defaultClosable:o=!0,pauseOnHover:p=!0,animation:s="slide",newestOnTop:T=!1,progressBar:h=!1,width:w=320,adapter:y}){let[v,b]=(0,xe.useState)([]),R=(0,xe.useRef)([]),I=(0,xe.useRef)(v);I.current=v;let k=(0,xe.useCallback)(f=>{b(C=>C.map(O=>O.id===f?{...O,exiting:!0}:O)),I.current.find(C=>C.id===f)?.options.onClose?.()},[]),L=(0,xe.useCallback)(f=>{let C=R.current.shift()??null;b(O=>{let $=O.filter(l=>l.id!==f);if(!C)return $;let F=Mn(C.rawOpts,n,o);return[...$,{id:C.id,message:C.message,options:F,exiting:!1}]})},[n,o]);if((0,xe.useEffect)(()=>{if(y)return;let f=C=>{if(C.kind==="show"){let O=Mn(C.rawOpts,n,o),$={id:C.id,message:C.message,options:O,exiting:!1},F={id:C.id,message:C.message,rawOpts:C.rawOpts};b(l=>l.find(Q=>Q.id===C.id)?l.map(Q=>Q.id===C.id?{...Q,message:C.message,options:O}:Q):l.filter(Q=>!Q.exiting).length<t?[...l,$]:(R.current.some(Q=>Q.id===F.id)||R.current.push(F),l))}else C.kind==="update"?(b(O=>O.map($=>{if($.id!==C.id)return $;let F={...$.options,...C.patch,id:$.id};return{...$,message:C.message,options:F}})),R.current=R.current.map(O=>O.id!==C.id?O:{...O,message:C.message,rawOpts:{...O.rawOpts,...C.patch}})):C.kind==="dismiss"&&(C.id===void 0?(b(O=>O.map($=>({...$,exiting:!0}))),R.current=[]):I.current.some($=>$.id===C.id)?k(C.id):R.current=R.current.filter($=>$.id!==C.id))};return We.subscribe(f),()=>We.unsubscribe(f)},[y,t,n,o,k]),(0,xe.useEffect)(()=>{if(!y)return;let f=C=>{if(C.kind==="show"){let O=Mn(C.rawOpts,n,o);y.show(C.id,C.message,O)}else C.kind==="update"?y.update(C.id,C.message,C.patch):C.kind==="dismiss"&&y.dismiss(C.id)};return We.subscribe(f),()=>We.unsubscribe(f)},[y,n,o]),y){if(!y.Container)return null;let f=y.Container;return(0,Tn.createPortal)((0,me.jsx)(f,{position:e}),document.body)}let d=e.endsWith("left"),E="";T===!0&&(E="rdd-toast-container--newest-top"),T===!1&&(E="rdd-toast-container--newest-bottom");let a=["rdd-toast-container",`rdd-toast-container--${e}`,E].filter(Boolean).join(" ");return(0,Tn.createPortal)((0,me.jsx)("div",{className:a,style:{width:w},"aria-label":"Notifications","aria-live":"polite",children:v.map(f=>(0,me.jsx)(fr,{id:f.id,message:f.message,options:f.options,exiting:f.exiting,isLeft:d,showProgress:h,pauseOnHover:p,animation:s,onDismiss:k,onExited:L},f.id))}),document.body)}var X=gn(require("react"),1),xo=require("react-dom");var U=require("react/jsx-runtime"),hr=["top-left","top-right","bottom-left","bottom-right"],Co=(0,X.createContext)(null),wo=(0,X.createContext)(null),Ro=(0,X.createContext)(null),et=80;function br(e,t,n){let o=e.getBoundingClientRect(),p=t-o.left,s=n-o.top;return p<et&&s<et?"top-left":p>o.width-et&&s<et?"top-right":p<et&&s>o.height-et?"bottom-left":p>o.width-et&&s>o.height-et?"bottom-right":null}function Mo({children:e,className:t,style:n}){let[o,p]=(0,X.useState)({}),[s,T]=(0,X.useState)({}),[h,w]=(0,X.useState)({"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]}),[y,v]=(0,X.useState)({}),[b,R]=(0,X.useState)(null),[I,k]=(0,X.useState)(null),[L,d]=(0,X.useState)(null),[E,a]=(0,X.useState)(()=>new Map),f=(0,X.useRef)(100),C=(0,X.useRef)(null),O=(0,X.useCallback)((_,W)=>(p(z=>({...z,[_]:W})),()=>p(z=>{let Z={...z};return delete Z[_],Z})),[]),$=(0,X.useCallback)(_=>{f.current+=1;let W=f.current;T(z=>({...z,[_]:W})),d(_)},[]),F=(0,X.useCallback)((_,W)=>{w(z=>{let Z={"top-left":z["top-left"].filter(B=>B!==_),"top-right":z["top-right"].filter(B=>B!==_),"bottom-left":z["bottom-left"].filter(B=>B!==_),"bottom-right":z["bottom-right"].filter(B=>B!==_)};return Z[W]=[...Z[W],_],Z})},[]),l=(0,X.useCallback)(_=>{w(W=>({"top-left":W["top-left"].filter(z=>z!==_),"top-right":W["top-right"].filter(z=>z!==_),"bottom-left":W["bottom-left"].filter(z=>z!==_),"bottom-right":W["bottom-right"].filter(z=>z!==_)}))},[]),M=(0,X.useCallback)((_,W)=>{v(z=>z[_]===W?z:{...z,[_]:W})},[]),Y=(0,X.useCallback)((_,W)=>{a(z=>{let Z=new Map(z);return Z.set(_,W),Z})},[]),Q=(0,X.useCallback)(_=>{a(W=>{let z=new Map(W);return z.delete(_),z})},[]),j=(0,X.useCallback)(()=>{a(new Map)},[]),se=(0,X.useMemo)(()=>Array.from(E.keys()),[E]),re=(0,X.useMemo)(()=>({registerToolbar:O,insetTop:o.top??0,insetBottom:o.bottom??0}),[O,o]),ue=(0,X.useMemo)(()=>({managedWindowIds:se,openManaged:Y,closeManaged:Q,closeAllManaged:j}),[se,Y,Q,j]),pe=(0,X.useMemo)(()=>({topId:L,zOrders:s,focusWindow:$,containerRef:C,stacks:h,dockedSizes:y,dockWindow:F,undockWindow:l,reportDockedSize:M,draggingId:b,setDraggingId:R,hoveredZone:I,setHoveredZone:k,insetTop:o.top??0,insetBottom:o.bottom??0}),[L,s,$,h,y,F,l,M,b,I,o]);return(0,U.jsx)(Co.Provider,{value:re,children:(0,U.jsx)(wo.Provider,{value:ue,children:(0,U.jsx)(Ro.Provider,{value:pe,children:(0,U.jsxs)("div",{ref:C,className:`rdd-panel-overlay-root${b!==null?" rdd-dragging-active":""}${t?" "+t:""}`,style:n,children:[e,b!==null&&(0,U.jsx)(vr,{hoveredZone:I}),Array.from(E.entries()).map(([_,W])=>(0,U.jsx)(kn,{id:_,title:W.title,icon:W.icon,open:!0,onClose:()=>Q(_),defaultAnchor:W.anchor??"top-right",defaultWidth:W.width??320,defaultHeight:W.height??240,children:W.content},_))]})})})})}function vr({hoveredZone:e}){return(0,U.jsx)(U.Fragment,{children:hr.map(t=>(0,U.jsx)("div",{className:`rdd-panel-float-dropzone rdd-panel-float-dropzone--${t}${e===t?" rdd-panel-float-dropzone--hovered":""}`,"aria-hidden":"true"},t))})}function To({position:e,variant:t="transparent",buttonVariant:n="ghost",buttonSize:o,style:p,className:s,children:T}){let h=(0,X.useContext)(Co),w=(0,X.useRef)(null),y=(0,X.useRef)(null);(0,X.useLayoutEffect)(()=>{let k=w.current;if(!k||!h)return;let L=e==="top"||e==="bottom"?k.offsetHeight:k.offsetWidth;return y.current?.(),y.current=h.registerToolbar(e,L),()=>{y.current?.(),y.current=null}},[e,h?.registerToolbar]);let v={position:"absolute",zIndex:5,pointerEvents:"none",boxSizing:"border-box"};e==="top"?(v.top=0,v.left=0,v.right=0):e==="bottom"?(v.bottom=0,v.left=0,v.right=0):e==="left"?(v.insetInlineStart=0,v.top=h?.insetTop??0,v.bottom=h?.insetBottom??0):(v.insetInlineEnd=0,v.top=h?.insetTop??0,v.bottom=h?.insetBottom??0);let R=e==="left"||e==="right"?{...(h?.insetTop??0)>0?{paddingTop:0}:{},...(h?.insetBottom??0)>0?{paddingBottom:0}:{}}:{},I=o!=null?{"--rdd-panel-toolbar-btn-size":`${o}px`}:{};return(0,U.jsx)("div",{ref:w,className:`rdd-panel-toolbar rdd-panel-toolbar--${e}${s?" "+s:""}`,"data-variant":t,"data-btn-variant":n,style:{...v,...R,...I,...p},children:T})}function So({icon:e,onClick:t,disabled:n,title:o,variant:p}){return(0,U.jsx)("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:t,disabled:n,title:o,"aria-label":o,...p?{"data-variant":p}:{},children:e})}function ko({icon:e,active:t,onToggle:n,disabled:o,title:p,variant:s}){return(0,U.jsx)("button",{type:"button",className:`rdd-panel-toolbar-btn${t?" rdd-panel-toolbar-btn--active":""}`,onClick:n,disabled:o,title:p,"aria-label":p,"aria-pressed":t,...s?{"data-variant":s}:{},children:e})}function Io(){return(0,U.jsx)("span",{className:"rdd-panel-toolbar__sep","aria-hidden":"true"})}function Eo(){return(0,U.jsx)("span",{className:"rdd-panel-toolbar__spacer","aria-hidden":"true"})}function Lo({children:e}){return(0,U.jsx)("span",{className:"rdd-panel-toolbar__item",children:e})}function No({children:e}){return(0,U.jsx)("div",{className:"rdd-panel-toolbar__center",children:e})}function zo({placeholder:e="Search\u2026",onSearch:t,onSelect:n}){let[o,p]=(0,X.useState)(!1),[s,T]=(0,X.useState)(""),[h,w]=(0,X.useState)([]),[y,v]=(0,X.useState)(null),b=(0,X.useRef)(null),R=(0,X.useRef)(null),I=(0,X.useRef)(null),k=(0,X.useRef)(null),L=()=>{p(!0),setTimeout(()=>R.current?.focus(),0)},d=()=>{p(!1),T(""),w([]),v(null),I.current?.abort(),k.current&&clearTimeout(k.current)},E=F=>{let l=F.target.value;if(T(l),I.current?.abort(),k.current&&clearTimeout(k.current),!l.trim()){w([]),v(null);return}k.current=setTimeout(async()=>{let M=new AbortController;I.current=M;try{let Y=await t(l,M.signal);if(!M.signal.aborted){w(Y);let Q=b.current;if(Q&&Y.length>0){let j=Q.getBoundingClientRect(),se=Math.max(j.width,240),re=j.left;re+se>window.innerWidth-8&&(re=window.innerWidth-se-8),v({top:j.bottom+4,left:re,width:se})}else v(null)}}catch{}},300)},a=F=>{n(F),d()},f=F=>{b.current?.contains(F.relatedTarget)||d()},C=F=>{F.key==="Escape"&&d()},O=(0,X.useMemo)(()=>{let F={};for(let l of h){let M=l.group??"";F[M]||(F[M]=[]),F[M].push(l)}return F},[h]),$=(0,U.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,U.jsx)("circle",{cx:"6.5",cy:"6.5",r:"4.5"}),(0,U.jsx)("line",{x1:"10",y1:"10",x2:"14",y2:"14"})]});return o?(0,U.jsxs)("div",{ref:b,className:"rdd-panel-toolbar-search rdd-panel-toolbar-search--open",onBlur:f,children:[(0,U.jsx)("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:d,"aria-label":"Close search",title:"Close search",children:$}),(0,U.jsx)("input",{ref:R,className:"rdd-panel-toolbar-search__input",type:"text",value:s,onChange:E,onKeyDown:C,placeholder:e,autoComplete:"off"}),y&&h.length>0&&(0,xo.createPortal)((0,U.jsx)("div",{className:"rdd-panel-toolbar-search__dropdown",style:{position:"fixed",top:y.top,left:y.left,width:y.width,zIndex:9502},onMouseDown:F=>F.preventDefault(),children:Object.entries(O).map(([F,l])=>(0,U.jsxs)(X.default.Fragment,{children:[F&&(0,U.jsx)("div",{className:"rdd-panel-toolbar-search__group",children:F}),l.map(M=>(0,U.jsxs)("button",{type:"button",className:"rdd-panel-toolbar-search__item",onClick:()=>a(M),children:[M.icon&&(0,U.jsx)("span",{className:"rdd-panel-toolbar-search__item-icon",children:M.icon}),(0,U.jsx)("span",{className:"rdd-panel-toolbar-search__item-label",children:M.label}),M.description&&(0,U.jsx)("span",{className:"rdd-panel-toolbar-search__item-desc",children:M.description})]},M.id))]},F||"__default__"))}),document.body)]}):(0,U.jsx)("div",{ref:b,className:"rdd-panel-toolbar-search",children:(0,U.jsx)("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:L,title:"Search","aria-label":"Search",children:$})})}function kn(e){let t=(0,X.useContext)(Ro);return e.open?(0,U.jsx)(Cr,{ctx:t,...e},e.id):null}var yr=120,Pr=60,Po=8,xr=8;function Cr({id:e,title:t,icon:n,defaultAnchor:o,defaultWidth:p,defaultHeight:s,children:T,ctx:h,onClose:w}){let y=(0,X.useContext)(wt)?.isRtl??!1,[v,b]=(0,X.useState)("docked"),[R,I]=(0,X.useState)(o),[k,L]=(0,X.useState)(null),[d,E]=(0,X.useState)({w:p,h:s}),a=(0,X.useRef)(null),f=(0,X.useRef)(v);f.current=v;let C=(0,X.useRef)(k);C.current=k;let O=(0,X.useRef)(d);O.current=d;let $=(0,X.useRef)(null);(0,X.useLayoutEffect)(()=>(h?.dockWindow(e,o),()=>{h?.undockWindow(e)}),[]),(0,X.useEffect)(()=>{h?.reportDockedSize(e,d.h)},[d.h]);let F=h?.zOrders[e]??101,l=!h||h.topId===e,M=()=>{let _=a.current?.offsetParent;return{cw:_?.clientWidth??9999,ch:_?.clientHeight??9999}},Y=()=>{h?.focusWindow(e)},Q=_=>{if(_.button!==0)return;_.preventDefault();let W,z;if(f.current==="docked"){let Z=a.current,B=h?.containerRef?.current;if(Z&&B){let ie=Z.getBoundingClientRect(),ve=B.getBoundingClientRect();W=ie.left-ve.left,z=ie.top-ve.top}else W=Po,z=h?.insetTop??0;h?.undockWindow(e),b("free"),L({x:W,y:z})}else W=C.current?.x??0,z=C.current?.y??0;$.current={mouseX:_.clientX,mouseY:_.clientY,posX:W,posY:z,hasDragged:!1},a.current?.setPointerCapture(_.pointerId)},j=_=>W=>{if(W.button!==0)return;W.preventDefault(),W.stopPropagation();let z=0,Z=0;if(f.current==="free")z=C.current?.x??0,Z=C.current?.y??0;else{let ie=a.current,ve=ie?.offsetParent;if(ie&&ve){let Pe=ie.getBoundingClientRect(),Oe=ve.getBoundingClientRect();z=Pe.left-Oe.left,Z=Pe.top-Oe.top}}let B={x:z,y:Z,w:O.current.w,h:O.current.h};Ve({element:W.currentTarget,pointerId:W.pointerId,startClientX:W.clientX,startClientY:W.clientY,captureStart:()=>B,onMove:(ie,ve,Pe)=>{let{cw:Oe,ch:$e}=M(),{x:Ae,y:He,w:tt,h:nt}=kt(_,ie,ve,Pe,{minW:yr,minH:Pr,maxW:Oe-Pe.x,maxH:$e-Pe.y,minX:0,minY:0});E({w:tt,h:nt}),f.current==="free"&&L({x:Ae,y:He})}})},se=_=>{if($.current){let W=$.current;if(!W.hasDragged){if(Math.abs(_.clientX-W.mouseX)+Math.abs(_.clientY-W.mouseY)<4)return;W.hasDragged=!0,h?.setDraggingId(e)}let{cw:z,ch:Z}=M(),B=Math.max(0,Math.min(W.posX+_.clientX-W.mouseX,z-O.current.w)),ie=Math.max(0,Math.min(W.posY+_.clientY-W.mouseY,Z-O.current.h));L({x:B,y:ie});let ve=h?.containerRef?.current;if(ve){let Pe=br(ve,_.clientX,_.clientY);h?.setHoveredZone(Pe&&y?At(Pe):Pe)}}},re=()=>{if($.current){let _=h?.hoveredZone;_&&(h?.dockWindow(e,_),I(_),b("docked"),L(null)),h?.setHoveredZone(null),h?.setDraggingId(null)}$.current=null},ue;if(v==="docked"&&h){let _=h.stacks[R]??[],W=_.indexOf(e),z=0;for(let Z=0;Z<W;Z++)z+=(h.dockedSizes[_[Z]]??s)+xr;ue={width:d.w,height:d.h,zIndex:F,transition:"top 0.2s ease, bottom 0.2s ease",opacity:W===-1?0:void 0,pointerEvents:W===-1?"none":void 0},ue[R.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]=Po,R.startsWith("top-")?ue.top=h.insetTop+z:ue.bottom=h.insetBottom+z}else ue={left:k?.x??0,top:k?.y??0,width:d.w,height:d.h,zIndex:F};return(0,U.jsxs)("div",{ref:a,dir:y?"rtl":"ltr",className:`rdd-panel-float${l?" rdd-panel-float--active":""}`,style:ue,onPointerDown:Y,onPointerMove:se,onPointerUp:re,children:[(0,U.jsxs)("div",{className:"rdd-panel-float__header",onPointerDown:Q,children:[n&&(0,U.jsx)("span",{className:"rdd-panel-float__icon",children:n}),(0,U.jsx)("span",{className:"rdd-panel-float__title",children:t}),(0,U.jsx)("button",{type:"button",className:"rdd-panel-float__close",onClick:w,onPointerDown:_=>_.stopPropagation(),title:"Close","aria-label":"Close",children:(0,U.jsxs)("svg",{width:"8",height:"8",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",children:[(0,U.jsx)("line",{x1:"1",y1:"1",x2:"9",y2:"9"}),(0,U.jsx)("line",{x1:"9",y1:"1",x2:"1",y2:"9"})]})})]}),(0,U.jsx)("div",{className:"rdd-panel-float__body",children:T}),v==="free"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-n",onPointerDown:j("n")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-ne",onPointerDown:j("ne")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-nw",onPointerDown:j("nw")})]}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-e",onPointerDown:j("e")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-se",onPointerDown:j("se")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-s",onPointerDown:j("s")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-sw",onPointerDown:j("sw")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-w",onPointerDown:j("w")})]})}function Do(){let[e,t]=(0,X.useState)(!1),n=(0,X.useCallback)(()=>{t(!0)},[]),o=(0,X.useCallback)(()=>{t(!1)},[]);return{isOpen:e,open:n,close:o}}var wr=[];function Wo(){let e=(0,X.useContext)(wo),t=e?.managedWindowIds??wr;return(0,X.useMemo)(()=>({open:(n,o)=>e?.openManaged(n,o),close:n=>e?.closeManaged(n),closeAll:()=>e?.closeAllManaged(),isOpen:n=>t.includes(n),openIds:t}),[e,t])}0&&(module.exports={ConfirmationForm,ContextMenu,ContextMenuProvider,DefaultContextMenuAdapter,DockableDesktopProvider,FormContainerContext,FormContainerProvider,LeftPanelRenderer,ModalStackRenderer,PanelContributionProvider,PanelFloatingWindow,PanelOverlayRoot,PanelProvider,PanelRegistry,PanelRegistryClass,PanelToolbar,PanelToolbarItem,PanelToolbarSeparator,RightPanelRenderer,SidePanelRenderer,Sidebar,ToastContainer,Toolbar,ToolbarButton,ToolbarCenter,ToolbarProvider,ToolbarSearchInput,ToolbarSpacer,ToolbarToggle,WindowManager,WindowManagerProvider,WorkspaceClient,computeResizedRect,defaultPredefinedMessages,formatLabel,sidebarSectionToTab,startPointerDrag,toast,useActivePanelContribution,useColorScheme,useFormContainer,useFormatMessage,useMergedSidebarTabs,useMergedToolbarItems,usePanelActions,usePanelContext,usePanelContextMenu,usePanelContribution,usePanelFloatingWindow,usePanelFloatingWindowManager,usePanelId,usePanelSize,usePanelState,usePredefinedMessages,useRegistry,useShowContextMenu,useSidebar,useSidebarTab,useStyleClasses,useToolbar,useWindowManagerActions,useWindowManagerState});
|
|
23
|
+
3. Verify styles.css is imported \u2014 it anchors html, body, #root to 100% height.`)}cn({width:Math.max(100,h.width),height:Math.max(100,h.height)})});return p.observe(r),()=>{p.disconnect()}},[]),(0,K.useEffect)(()=>{let r=st.width,C=st.height;s.floating.forEach(p=>{let u=typeof p.width=="string"?parseFloat(p.width):p.width,h=typeof p.height=="string"?parseFloat(p.height):p.height,M=typeof p.x=="string"?parseFloat(p.x):p.x,A=typeof p.y=="string"?parseFloat(p.y):p.y,_=u,Q=h,oe=M,Z=A,te=!1;if(_>r&&(_=Math.max(200,r-20),te=!0),Q>C&&(Q=Math.max(150,C-40),te=!0),!p.anchor){let de=r-100;oe>de&&(oe=Math.max(0,de),te=!0);let re=C-40;Z>re&&(Z=Math.max(0,re),te=!0)}te&&v(p.id,{x:oe,y:Z,width:_,height:Q})})},[st,s.floating,v]),(0,K.useEffect)(()=>{let r=C=>{if(C.button!==0)return;let p=C.target;if(!p||typeof p.closest!="function")return;let u=p.closest(".rdd-floating-window");if(u){let M=u.getAttribute("data-window-id");M&&(R(M),S(M));return}let h=p.closest(".rdd-workspace-panel");if(h){let M=h.getAttribute("data-active-panel-id");M&&R(M)}};return document.addEventListener("pointerdown",r),()=>{document.removeEventListener("pointerdown",r)}},[S,R]);let un=(r,C)=>{C.preventDefault();let p=s.floating.find(Z=>Z.id===r);if(!p||p.maximized)return;S(r);let u=C.currentTarget,h=u.closest(".rdd-floating-window"),M=C.clientX,A=C.clientY,_=h?h.offsetLeft:0,Q=h?h.offsetTop:0,oe=()=>{let Z=Ae.current,te=He.current,de=gt.current,re=mt.current;if(re)v(r,{anchor:It?Ot(re):re});else if(de)L(r,Ve(de));else if(te){let ae=te.index;te.side==="right"&&(ae+=1),d(r,te.leafId,ae)}else Z&&N(r,Z.leafId,Ve(Z.position));nt(null),_e()};if(C.pointerType==="touch"){let Z=C.pointerId,te=!1,de=()=>{te=!0,clearTimeout(ae),u.removeEventListener("pointermove",re),u.removeEventListener("pointerup",de),u.removeEventListener("pointercancel",de)},re=ce=>{Math.hypot(ce.clientX-M,ce.clientY-A)>rt&&de()},ae=setTimeout(()=>{if(te)return;u.removeEventListener("pointermove",re),u.removeEventListener("pointerup",de),u.removeEventListener("pointercancel",de);try{u.setPointerCapture(Z)}catch{return}u.classList.add("rdd-long-press-active"),document.body.classList.add("rdd-dragging-active"),D(r);let ce=ht=>{let bt=ht.clientX-M,vt=ht.clientY-A;v(r,{x:_+bt,y:Q+vt,anchor:null}),Et(ht.clientX,ht.clientY)},Ce=()=>{u.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),u.removeEventListener("pointermove",ce),u.removeEventListener("pointerup",Ce),u.removeEventListener("pointercancel",at),oe()},at=()=>{u.classList.remove("rdd-long-press-active"),document.body.classList.remove("rdd-dragging-active"),u.removeEventListener("pointermove",ce),u.removeEventListener("pointerup",Ce),u.removeEventListener("pointercancel",at),_e()};u.addEventListener("pointermove",ce),u.addEventListener("pointerup",Ce),u.addEventListener("pointercancel",at)},ot);u.addEventListener("pointermove",re),u.addEventListener("pointerup",de),u.addEventListener("pointercancel",de)}else{let Z=!1,te=ae=>{let ce=ae.clientX-M,Ce=ae.clientY-A;!Z&&(Math.abs(ce)>5||Math.abs(Ce)>5)&&(Z=!0,D(r)),Z&&v(r,{x:_+ce,y:Q+Ce,anchor:null})},de=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",te),window.removeEventListener("pointerup",de),window.removeEventListener("pointercancel",re),Z&&oe()},re=()=>{document.body.classList.remove("rdd-dragging-active"),window.removeEventListener("pointermove",te),window.removeEventListener("pointerup",de),window.removeEventListener("pointercancel",re),Z&&_e()};document.body.classList.add("rdd-dragging-active"),window.addEventListener("pointermove",te),window.addEventListener("pointerup",de),window.addEventListener("pointercancel",re)}},i=(r,C,p)=>{p.preventDefault(),p.stopPropagation();let u=s.floating.find(ce=>ce.id===r);if(!u||u.maximized)return;S(r);let h=p.currentTarget,M=h.closest(".rdd-floating-window"),A={x:M?M.offsetLeft:0,y:M?M.offsetTop:0,w:M?M.offsetWidth:400,h:M?M.offsetHeight:300},_=st.width,Q=st.height,oe=typeof u.x=="string"?parseFloat(u.x):u.x,Z=typeof u.y=="string"?parseFloat(u.y):u.y,te=typeof u.width=="string"?parseFloat(u.width):u.width,de=typeof u.height=="string"?parseFloat(u.height):u.height,re=C==="se"&&Math.abs(oe+te-_)<4,ae=C==="se"&&Math.abs(Z+de-Q)<4;Ge({element:h,pointerId:p.pointerId,startClientX:p.clientX,startClientY:p.clientY,captureStart:()=>A,activeClasses:[{el:document.body,classes:["rdd-resizing-active"]}],onMove:(ce,Ce,at)=>{let ht=Tt(C,ce,Ce,at,{minW:200,minH:150}),{x:bt,y:vt,w:pn,h:gn}=ht;re&&(bt=_-pn,bt<0&&(bt=0,pn=_)),ae&&(vt=Q-gn,vt<0&&(vt=0,gn=Q)),v(r,{x:bt,y:vt,width:pn,height:gn})}})},y=r=>{if(ee.current){let C=r==="left"?-150:150;ee.current.scrollBy({left:C,behavior:"smooth"})}},c=(0,K.useCallback)(()=>{J.current&&clearTimeout(J.current),ne(!0)},[]),a=(0,K.useCallback)(()=>{J.current=setTimeout(()=>ne(!1),400)},[]);(0,K.useEffect)(()=>{n==="autohide"&&s.minimized.length>F.current&&(J.current&&clearTimeout(J.current),ne(!0),J.current=setTimeout(()=>ne(!1),2e3)),F.current=s.minimized.length},[s.minimized.length,n]);let G=on();return(0,K.useEffect)(()=>(e?document.documentElement.setAttribute("data-workspace-skin",e):document.documentElement.removeAttribute("data-workspace-skin"),()=>{document.documentElement.removeAttribute("data-workspace-skin")}),[e]),(0,K.useEffect)(()=>(G==="light"?document.documentElement.setAttribute("data-color-scheme","light"):document.documentElement.removeAttribute("data-color-scheme"),()=>{document.documentElement.removeAttribute("data-color-scheme")}),[G]),(0,K.useEffect)(()=>(m?document.documentElement.classList.remove("rdd-no-animations"):document.documentElement.classList.add("rdd-no-animations"),()=>{document.documentElement.classList.remove("rdd-no-animations")}),[m]),(0,f.jsxs)("div",{className:`rdd-workspace${m?"":" rdd-no-animations"}`,"data-workspace-skin":e,"data-color-scheme":G,style:{display:"flex",flexDirection:"column",position:"relative",width:"100%",height:"100%",overflow:"hidden",userSelect:"none"},dir:s.dir,children:[(0,f.jsxs)("div",{ref:ft,className:s.draggedPanelId?"rdd-dragging-active":void 0,style:{flexGrow:1,width:"100%",position:"relative",overflow:"hidden"},children:[s.draggedPanelId!==null&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{"data-edge-trigger":"left",className:"rdd-workspace-edge-trigger rdd-edge-trigger-left",onPointerEnter:()=>Se("left"),onPointerLeave:()=>Se(null)}),(0,f.jsx)("div",{"data-edge-trigger":"right",className:"rdd-workspace-edge-trigger rdd-edge-trigger-right",onPointerEnter:()=>Se("right"),onPointerLeave:()=>Se(null)}),(0,f.jsx)("div",{"data-edge-trigger":"top",className:"rdd-workspace-edge-trigger rdd-edge-trigger-top",onPointerEnter:()=>Se("top"),onPointerLeave:()=>Se(null)}),(0,f.jsx)("div",{"data-edge-trigger":"bottom",className:"rdd-workspace-edge-trigger rdd-edge-trigger-bottom",onPointerEnter:()=>Se("bottom"),onPointerLeave:()=>Se(null)})]}),s.draggedPanelId!==null&&["top-left","top-right","bottom-left","bottom-right"].map(r=>(0,f.jsx)("div",{className:`rdd-corner-zone rdd-corner-zone--${r}${Bt===r?" rdd-corner-zone--hovered":""}`,onPointerEnter:()=>{nt(r),Se(null)},onPointerLeave:()=>nt(null),"aria-hidden":"true"},r)),s.draggedPanelId!==null&&tt!==null&&(0,f.jsx)("div",{className:"rdd-workspace-edge-preview",style:(()=>{let r=`${s.edgeSplitRatio*100}%`;switch(tt){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}}})()}),(0,f.jsx)("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:s.gridRoot?(0,f.jsx)(Un,{node:s.gridRoot,path:[],onTabRightClick:zt,activeDropZone:Le,onHoverDropZone:Xt,onTabDragStart:Vt,hoveredTab:Gt,onTabHover:Yt,defaultPanelIcon:t,onRequestClosePanel:W}):(0,f.jsx)("div",{className:"rdd-empty-workspace-grid",children:"Grid Empty"})}),s.floating.map(r=>{let C=s.panels[r.id];if(!C)return null;let p=r.maximized,u=s.draggedPanelId===r.id,h=s.activePanelId===r.id,A=I.get(C.component)?.defaultOptions;return(0,f.jsxs)("div",{"data-window-id":r.id,dir:s.dir,onPointerDownCapture:()=>{R(r.id),S(r.id)},className:`rdd-floating-window ${p?"rdd-maximized":""} ${h?"rdd-window-focused":""} ${Y??""}`,style:(()=>{let oe=typeof r.width=="number"?`${r.width}px`:r.width,Z=typeof r.height=="number"?`${r.height}px`:r.height;if(p)return{position:"absolute",left:0,top:0,width:"100%",height:"100%",zIndex:r.z,pointerEvents:u?"none":"auto"};if(r.anchor){let te=s.floating.filter(Ce=>Ce.anchor===r.anchor&&!Ce.maximized),de=te.findIndex(Ce=>Ce.id===r.id),re=8;for(let Ce=0;Ce<de;Ce++){let at=typeof te[Ce].height=="number"?te[Ce].height:parseFloat(te[Ce].height);re+=at+8}let ae=r.anchor.startsWith("top");return{position:"absolute",[r.anchor.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]:8,[ae?"top":"bottom"]:re,width:oe,height:Z,zIndex:r.z,transition:u?"none":"top 0.2s ease, bottom 0.2s ease",pointerEvents:u?"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:oe,height:Z,zIndex:r.z,pointerEvents:u?"none":"auto"}})(),children:[(0,f.jsxs)("div",{onDoubleClick:()=>x(r.id),onPointerDown:_=>{A?.canDrag!==!1&&un(r.id,_)},className:"rdd-floating-window-titlebar rdd-cursor-move",style:{cursor:p||A?.canDrag===!1?"default":"move"},children:[(0,f.jsxs)("span",{className:"rdd-floating-window-title",children:[(0,f.jsx)("span",{className:"rdd-window-title-icon",children:A?.icon||t||Cn}),(0,f.jsxs)("span",{children:[ge(C.title,$),C.dirty?" *":""]})]}),(0,f.jsxs)("div",{className:"rdd-titlebar-actions",style:{gap:"var(--rdd-header-button-gap, 4px)"},onPointerDown:_=>_.stopPropagation(),children:[A?.renderHeaderActions&&(0,f.jsx)("div",{className:"rdd-window-header-actions",children:A.renderHeaderActions(r.id)}),z(r.id).length>0&&(0,f.jsx)("button",{type:"button",className:"rdd-custom-tab-btn rdd-btn-more-actions",title:"More actions",onClick:_=>{_.stopPropagation();let Q=z(r.id);Q.length!==0&&g({event:_,items:Q})},children:(0,f.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",style:{display:"block"},children:[(0,f.jsx)("circle",{cx:"12",cy:"5",r:"2"}),(0,f.jsx)("circle",{cx:"12",cy:"12",r:"2"}),(0,f.jsx)("circle",{cx:"12",cy:"19",r:"2"})]})}),(0,f.jsx)("button",{type:"button",title:p?ge(l.restoreSize,$):ge(l.maximize,$),onClick:()=>x(r.id),className:"rdd-custom-tab-btn rdd-btn-maximize-tab",children:(0,f.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,f.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1.5"})})}),A?.canMinimize!==!1&&(0,f.jsx)("button",{type:"button",title:ge(l.minimize,$),onClick:()=>T(r.id),className:"rdd-custom-tab-btn rdd-btn-minimize-tab",children:(0,f.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:(0,f.jsx)("path",{d:"M5 12h14"})})}),A?.canClose!==!1&&(0,f.jsx)("button",{type:"button",title:ge(l.close,$),onClick:()=>W(r.id),className:"rdd-custom-tab-btn rdd-btn-close-tab",children:(0,f.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:(0,f.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]})]}),(0,f.jsx)("div",{className:q??void 0,style:{flexGrow:1,width:"100%",overflow:"hidden",position:"relative",isolation:"isolate"},children:(0,f.jsx)(jn,{panelId:r.id},r.id)}),!p&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{onPointerDown:_=>i(r.id,"n",_),className:"rdd-resize-handle rdd-resize-n"}),(0,f.jsx)("div",{onPointerDown:_=>i(r.id,"ne",_),className:"rdd-resize-handle rdd-resize-ne"}),(0,f.jsx)("div",{onPointerDown:_=>i(r.id,"e",_),className:"rdd-resize-handle rdd-resize-e"}),(0,f.jsx)("div",{onPointerDown:_=>i(r.id,"se",_),className:"rdd-resize-handle rdd-resize-se"}),(0,f.jsx)("div",{onPointerDown:_=>i(r.id,"s",_),className:"rdd-resize-handle rdd-resize-s"}),(0,f.jsx)("div",{onPointerDown:_=>i(r.id,"sw",_),className:"rdd-resize-handle rdd-resize-sw"}),(0,f.jsx)("div",{onPointerDown:_=>i(r.id,"w",_),className:"rdd-resize-handle rdd-resize-w"}),(0,f.jsx)("div",{onPointerDown:_=>i(r.id,"nw",_),className:"rdd-resize-handle rdd-resize-nw"})]})]},r.id)})]}),(n==="always"||s.minimized.length>0)&&(0,f.jsxs)("div",{className:["rdd-taskbar-footer-container",`taskbar-mode-${n}`,n==="autohide"&&Pe?"rdd-taskbar-expanded":""].filter(Boolean).join(" "),style:{height:"48px",zIndex:100},onPointerEnter:n==="autohide"?c:void 0,onPointerLeave:n==="autohide"?a:void 0,children:[n==="autohide"&&(0,f.jsx)("div",{className:"rdd-taskbar-peek-handle"}),(0,f.jsx)("button",{type:"button",onClick:()=>y("left"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25C0"}),(0,f.jsx)("div",{ref:ee,className:"rdd-taskbar-items-container",style:{scrollSnapType:"x mandatory"},children:s.minimized.map(r=>{let p=I.get(r.component)?.defaultOptions?.icon||t||Cn;return(0,f.jsx)("div",{onClick:()=>{le.current!=="touch"&&(V(null),b(r.id))},onContextMenu:u=>it(r.id,u),onPointerDown:u=>{if(le.current=u.pointerType,u.pointerType!=="touch")return;let h=u.currentTarget,M=u.clientX,A=u.clientY,_=u.pointerId,Q=!1,oe=()=>{Q=!0,clearTimeout(de),h.removeEventListener("pointermove",te),h.removeEventListener("pointerup",Z),h.removeEventListener("pointercancel",oe)},Z=()=>{oe();let re=h.getBoundingClientRect();k?.id===r.id?(b(r.id),V(null)):V({id:r.id,rect:re,title:r.title,component:r.component,fromTouch:!0})},te=re=>{Math.hypot(re.clientX-M,re.clientY-A)>rt&&oe()},de=setTimeout(()=>{if(Q)return;h.removeEventListener("pointermove",te),h.removeEventListener("pointerup",Z),h.removeEventListener("pointercancel",oe);try{h.setPointerCapture(_)}catch{return}navigator.vibrate&&navigator.vibrate(10);let re=ae=>{h.removeEventListener("pointerup",re),h.removeEventListener("pointercancel",re),it(r.id,ae)};h.addEventListener("pointerup",re),h.addEventListener("pointercancel",re)},ot);h.addEventListener("pointermove",te),h.addEventListener("pointerup",Z),h.addEventListener("pointercancel",oe)},onPointerEnter:u=>{if(u.pointerType==="touch"||xe)return;B.current&&clearTimeout(B.current);let h=u.currentTarget.getBoundingClientRect();u.clientX>=h.left&&u.clientX<=h.right&&u.clientY>=h.top&&u.clientY<=h.bottom&&V({id:r.id,rect:h,title:r.title,component:r.component})},onPointerLeave:u=>{u.pointerType!=="touch"&&(B.current=setTimeout(()=>{V(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:(0,f.jsx)("span",{className:"rdd-taskbar-item-icon",children:p})},r.id)})}),k&&(0,xn.createPortal)((0,f.jsxs)("div",{className:"rdd-taskbar-item-tooltip",dir:s.dir,style:{position:"fixed",left:`${k.rect.left+k.rect.width/2}px`,top:`${k.rect.top-8}px`,transform:"translateX(-50%) translateY(-100%)",opacity:1,pointerEvents:"auto",zIndex:999999},onPointerEnter:()=>{B.current&&clearTimeout(B.current)},onPointerLeave:r=>{r.pointerType!=="touch"&&V(null)},onClick:()=>{b(k.id),V(null)},onContextMenu:r=>it(k.id,r),onPointerDown:r=>{if(r.pointerType!=="touch")return;let C=k.id,p=r.currentTarget,u=r.clientX,h=r.clientY,M=r.pointerId,A=!1,_=()=>{A=!0,clearTimeout(oe),p.removeEventListener("pointermove",Q),p.removeEventListener("pointerup",_),p.removeEventListener("pointercancel",_)},Q=Z=>{Math.hypot(Z.clientX-u,Z.clientY-h)>rt&&_()},oe=setTimeout(()=>{if(A)return;p.removeEventListener("pointermove",Q),p.removeEventListener("pointerup",_),p.removeEventListener("pointercancel",_);try{p.setPointerCapture(M)}catch{return}navigator.vibrate&&navigator.vibrate(10);let Z=te=>{p.removeEventListener("pointerup",Z),p.removeEventListener("pointercancel",Z),it(C,te)};p.addEventListener("pointerup",Z),p.addEventListener("pointercancel",Z)},ot);p.addEventListener("pointermove",Q),p.addEventListener("pointerup",_),p.addEventListener("pointercancel",_)},children:[(0,f.jsxs)("div",{className:"rdd-tooltip-header-row",children:[(0,f.jsxs)("span",{className:"rdd-tooltip-title-text rdd-text-truncate",style:{maxWidth:"140px"},children:[ge(k.title,$),s.panels[k.id]?.dirty?" *":""]}),(0,f.jsx)("span",{onClick:r=>{r.stopPropagation(),W(k.id),V(null)},title:ge(l.closePanel,$),className:"rdd-tooltip-close-x",children:(0,f.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,f.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,f.jsx)(Jo,{panelId:k.id})]}),document.body),(0,f.jsx)("button",{type:"button",onClick:()=>y("right"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25B6"})]}),Object.keys(s.panels).map(r=>{let C=s.panels[r];if(!C)return null;let p=Zn(r);return(0,xn.createPortal)((0,f.jsx)(Qo,{panelId:r,children:(0,f.jsx)("div",{style:{width:"100%",height:"100%"},dir:s.dir,children:Uo(r,C,I)})}),p,r)}),j===null&&(0,f.jsx)(o.Component,{ref:pe,theme:"dark",formatMessageProvider:$,onShow:()=>ve(!0),onHide:()=>ve(!1)}),s.draggedPanelId!==null&&!s.floating.some(r=>r.id===s.draggedPanelId)&&(0,f.jsxs)("div",{className:"rdd-drag-ghost-tab",style:{left:Qe.x+12,top:Qe.y+12,zIndex:1e5},children:["\u{1F4C4} ",ge(s.panels[s.draggedPanelId]?.title,$)||"Tab"]})]})},Jn=tr;var sn=class{registry;initialState;config;_actions=null;_initialized=!1;_pendingCalls=[];_pendingOpenPanelIds=new Set;_pendingSubscriptions=[];_disconnectedWarnTimer=null;constructor(t={}){if(this.registry=new dt,this.initialState=t.initialState??null,this.config={formatMessage:t.formatMessage,predefinedMessages:t.predefinedMessages,dir:t.dir,defaultSplitRatio:t.defaultSplitRatio,defaultEdgeSplitRatio:t.defaultEdgeSplitRatio,zIndexBase:t.zIndexBase},t.panels)for(let[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)})}};var io=require("react");var Ye=require("react"),eo=require("react/jsx-runtime"),Qn=(0,Ye.createContext)(null),Ft=({children:e})=>{let[t,n]=(0,Ye.useState)({}),[o,m]=(0,Ye.useState)({}),s=(0,Ye.useMemo)(()=>({getActiveInGroup:I=>t[I]??null,setActiveInGroup:(I,b)=>n(T=>({...T,[I]:b})),isModifierActive:I=>o[I]??!1,setModifierActive:(I,b)=>m(T=>({...T,[I]:b})),toggleModifier:I=>m(b=>({...b,[I]:!b[I]}))}),[t,o]);return(0,eo.jsx)(Qn.Provider,{value:s,children:e})};function _t(){let e=(0,Ye.useContext)(Qn);if(!e)throw new Error("useToolbar must be used within DockableDesktopProvider");return e}var ke=require("react");var ro=require("react/jsx-runtime");function nr(){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 Rn=(0,ke.createContext)(null),an=({children:e})=>{let t=(0,ke.useMemo)(()=>nr(),[]);return(0,ro.jsx)(Rn.Provider,{value:t,children:e})};function to(e){let t=Dt(),n=(0,ke.useContext)(Rn),o=(0,ke.useRef)(null);if(!n)throw new Error("usePanelContribution must be used within PanelContributionProvider");(0,ke.useLayoutEffect)(()=>{if(n)return o.current?.(),o.current=n.publish(t,e),()=>{o.current?.(),o.current=null}},[n,t,e])}function ln(){let e=ze(m=>m.activePanelId),t=(0,ke.useContext)(Rn);if(!t)throw new Error("useActivePanelContribution must be used within PanelContributionProvider");let n=(0,ke.useCallback)(m=>t?t.subscribe(m):()=>{},[t]),o=()=>t&&e?t.get(e):null;return(0,ke.useSyncExternalStore)(n,o,o)}function Mn(e,t=null){return{id:e.id,label:e.label,icon:e.icon??t,renderContent:()=>e.content}}function no(e){let t=ln();return t?.toolbarItems?.length?[...e,{type:"separator"},...t.toolbarItems]:e}function oo(e,t=null){let n=ln();return n?.sidebarSections?.length?[...e,...n.sidebarSections.map(o=>Mn(o,t))]:e}var kt=require("react/jsx-runtime"),so=({contextMenuAdapter:e=ut,...t})=>{let n=(0,io.useContext)(Mt),o=(0,kt.jsx)(Ft,{children:(0,kt.jsx)(jt,{...t,children:(0,kt.jsx)(an,{children:(0,kt.jsx)(tn,{children:t.children})})})});return n!==null?o:(0,kt.jsx)(Qt,{adapter:e,formatMessageProvider:t.formatMessage,children:o})};var Ie=require("react");var Re=require("react/jsx-runtime"),or=({modal:e,index:t,isTopmost:n})=>{let{close:o,openModal:m,updateInstance:s,setDirty:I}=Ze(),b=We(),T=Fe(),{dir:w}=ze(),{modalClass:x,modalBodyClass:v}=Be(),S=(0,Ie.useRef)(null),{id:E,Component:D,props:N,options:d,dirty:L,dirtyOptions:R}=e,z=d,[g,P]=(0,Ie.useState)(z.icon||null),H=(0,Ie.useRef)(z);H.current=z;let $=ge(z.title,b),l=(0,Ie.useCallback)(async F=>{if(F?.force){o(E);return}if(S.current){if(!await S.current())return;o(E);return}if(L){m(je,{title:R?.title||T.unsavedChangesTitle,message:R?.message||{id:T.unsavedChangesMessage.id,defaultMessage:T.unsavedChangesMessage.defaultMessage,values:{title:$}},alert:R?.alert,alertType:R?.alertType||"danger",useYesNoTitles:!0,onOK:()=>o(E)},{size:"small"});return}o(E)},[o,m,E,L,R,$,T]),W=(0,Ie.useCallback)((F,k)=>I(E,F,k),[I,E]),Y=(0,Ie.useCallback)(F=>s(E,{options:{...H.current,title:F}}),[s,E]),q=(0,Ie.useCallback)(F=>P(F),[]),j=(0,Ie.useCallback)(F=>(S.current=F,()=>{S.current=null}),[]),pe=(0,Ie.useMemo)(()=>({requestClose:l,setDirty:W,setTitle:Y,setIcon:q,onCloseRequested:j,containerType:"modal",instanceId:E}),[l,W,Y,q,j,E]),ee=L?`${$} *`:$,Pe=z.size?`rdd-modal-size-${z.size}`:"rdd-modal-size-auto",ne=z.closable!==!1;(0,Ie.useEffect)(()=>{if(!n||!ne)return;let F=k=>{k.key==="Escape"&&(k.stopPropagation(),l())};return document.addEventListener("keydown",F),()=>document.removeEventListener("keydown",F)},[l,ne,n]);let J=`calc(var(--rdd-z-base, 1000) + 9000 + ${t*10})`;return(0,Re.jsxs)("div",{className:"rdd-modal-overlay",style:{zIndex:J},dir:w,children:[(0,Re.jsx)("div",{className:"rdd-modal-curtain",onClick:ne?()=>l():void 0}),(0,Re.jsxs)("div",{className:`rdd-modal-window ${Pe} ${x??""}`,children:[(0,Re.jsxs)("div",{className:"rdd-modal-header",children:[g&&(0,Re.jsx)("div",{className:"rdd-modal-icon",children:g}),(0,Re.jsx)("h4",{className:"rdd-modal-title",children:ee}),ne&&(0,Re.jsx)("button",{className:"rdd-modal-close-button",onClick:()=>l(),title:b(T.closeTooltip),type:"button",children:(0,Re.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,Re.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,Re.jsx)("div",{className:`rdd-modal-body ${v??""}`,children:(0,Re.jsx)(Ke,{value:pe,children:(0,Re.jsx)(D,{...N,panelId:E})})})]})]})},rr=()=>{let{modals:e}=$e();return e.length===0?null:(0,Re.jsx)(Re.Fragment,{children:e.map((t,n)=>(0,Re.jsx)(or,{modal:t,index:n,isTopmost:n===e.length-1},t.id))})},ao=rr;var Te=require("react");var ye=require("react/jsx-runtime"),dn=({panel:e,position:t,defaultWidth:n})=>{let{close:o,openModal:m,updateInstance:s,setDirty:I,registerCloseHandler:b,unregisterCloseHandler:T}=Ze(),{modals:w}=$e(),x=We(),v=Fe(),{dir:S}=ze(),{sidePanelClass:E,sidePanelBodyClass:D}=Be(),N=(0,Te.useRef)(null),{id:d,Component:L,props:R,options:z,dirty:g,dirtyOptions:P}=e,H=z,[$,l]=(0,Te.useState)(H.icon||null),W=(0,Te.useRef)(H);W.current=H;let Y=ge(H.title,x),q=(0,Te.useCallback)(async B=>{if(B?.force){o(d);return}if(N.current){if(!await N.current())return;o(d);return}if(g){m(je,{title:P?.title||v.unsavedChangesTitle,message:P?.message||{id:v.unsavedChangesMessage.id,defaultMessage:v.unsavedChangesMessage.defaultMessage,values:{title:Y}},alert:P?.alert,alertType:P?.alertType||"danger",useYesNoTitles:!0,onOK:()=>o(d)},{size:"small"});return}o(d)},[o,m,d,g,P,Y,v]),j=(0,Te.useCallback)(async()=>N.current?await N.current():!g,[g]);(0,Te.useEffect)(()=>(b(d,j),()=>T(d)),[d,j,b,T]);let pe=(0,Te.useCallback)((B,le)=>I(d,B,le),[I,d]),ee=(0,Te.useCallback)(B=>s(d,{options:{...W.current,title:B}}),[s,d]),Pe=(0,Te.useCallback)(B=>l(B),[]),ne=(0,Te.useCallback)(B=>(N.current=B,()=>{N.current=null}),[]),J=(0,Te.useMemo)(()=>({requestClose:q,setDirty:pe,setTitle:ee,setIcon:Pe,onCloseRequested:ne,containerType:t==="left"?"left-panel":"right-panel",instanceId:d}),[q,pe,ee,Pe,ne,t,d]),F=g?`${Y} *`:Y;(0,Te.useEffect)(()=>{let B=le=>{le.key==="Escape"&&w.length===0&&q()};return document.addEventListener("keydown",B),()=>document.removeEventListener("keydown",B)},[q,w.length]);let k=H.width||n||400,V=typeof k=="number"?`${k}px`:k;return(0,ye.jsx)("div",{className:`rdd-side-panel rdd-side-panel-${t} rdd-side-panel-visible ${E??""}`,style:{width:V},dir:S,children:(0,ye.jsxs)("div",{className:"rdd-side-panel-window",children:[(0,ye.jsxs)("div",{className:"rdd-side-panel-header",children:[$&&(0,ye.jsx)("div",{className:"rdd-side-panel-icon",children:$}),(0,ye.jsx)("h4",{className:"rdd-side-panel-title",children:F}),(0,ye.jsx)("button",{className:"rdd-side-panel-close-button",onClick:()=>q(),title:x(v.closeTooltip),type:"button",children:(0,ye.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,ye.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,ye.jsx)("div",{className:`rdd-side-panel-body ${D??""}`,children:(0,ye.jsx)(Ke,{value:J,children:(0,ye.jsx)(L,{...R,panelId:d})})})]})})},ir=({defaultWidth:e})=>{let{leftPanel:t,rightPanel:n}=$e();return(0,ye.jsxs)(ye.Fragment,{children:[t&&(0,ye.jsx)(dn,{panel:t,position:"left",defaultWidth:e},t.id),n&&(0,ye.jsx)(dn,{panel:n,position:"right",defaultWidth:e},n.id)]})},lo=({defaultWidth:e})=>{let{leftPanel:t}=$e();return t?(0,ye.jsx)(dn,{panel:t,position:"left",defaultWidth:e},t.id):null},co=({defaultWidth:e})=>{let{rightPanel:t}=$e();return t?(0,ye.jsx)(dn,{panel:t,position:"right",defaultWidth:e},t.id):null},uo=ir;var se=require("react");var we=require("react/jsx-runtime"),go=(0,se.createContext)(null),mo=(0,se.createContext)(null);function sr({tabId:e,onClose:t,onOpen:n,setActiveTabId:o,children:m}){let s=(0,se.useMemo)(()=>({tabId:e,onClose:t,onOpen:n,openTab:I=>o(I)}),[e,t,n,o]);return(0,we.jsx)(mo.Provider,{value:s,children:m})}var po=(0,se.memo)(function({tabs:t,activeTabId:n,isVisible:o,position:m,onTabClick:s}){return(0,we.jsx)("div",{style:{width:o?"56px":"0px",height:"100%",overflow:"hidden",transition:"width 0.25s cubic-bezier(0.4, 0, 0.2, 1)",flexShrink:0},children:(0,we.jsx)("div",{className:`rdd-sidebar-tabs-strip rdd-${m}`,style:{width:"56px",height:"100%"},children:t.map(I=>{let b=n===I.id;return(0,we.jsx)("button",{type:"button",onClick:()=>s(I.id),className:`rdd-sidebar-tab-btn${b?" rdd-active":""}`,title:I.label,"aria-pressed":b,children:I.icon},I.id)})})})});function ar({position:e,currentWidth:t,minWidth:n,maxWidth:o,onWidthChange:m,rootRef:s}){return(0,we.jsx)("div",{className:"rdd-resizer-bar",style:{cursor:"col-resize",width:"1px",height:"100%",flexShrink:0,zIndex:20},onPointerDown:b=>{b.preventDefault();let T=b.currentTarget,w=[{el:T,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active","rdd-resizing-col-active"]}];s.current&&w.push({el:s.current,classes:["rdd-sidebar-resizing"]}),Ge({element:T,pointerId:b.pointerId,startClientX:b.clientX,startClientY:b.clientY,captureStart:()=>t,activeClasses:w,onMove:(x,v,S)=>{let E=e==="right"?S-x:S+x;m(Math.max(n,Math.min(o,E)))}})}})}var fo=(0,se.forwardRef)(function({position:t="right",tabs:n,defaultWidth:o,minWidth:m=150,maxWidth:s=600,onWidthChange:I,activeTabId:b,onActiveTabChange:T,visible:w,onVisibilityChange:x,stripVisible:v,onStripVisibilityChange:S,children:E},D){let N=b!==void 0,[d,L]=(0,se.useState)(()=>o??280),R=(0,se.useCallback)(B=>{L(B),I?.(B)},[I]),[z,g]=(0,se.useState)(null),P=N?b:z,[H,$]=(0,se.useState)(()=>new Set),l=(0,se.useMemo)(()=>{let B=new Set(H);P&&B.add(P);for(let le of n)le.eagerMount&&B.add(le.id);return B},[H,P,n]),W=(0,se.useRef)(P??null);(0,se.useEffect)(()=>{W.current=P??null},[P]);let Y=(0,se.useRef)(d);(0,se.useEffect)(()=>{Y.current=d},[d]);let q=(0,se.useRef)(null),j=(0,se.useCallback)(B=>{$(B!==null?le=>{if(le.has(B))return le;let fe=new Set(le);return fe.add(B),fe}:le=>{let fe=!1,ve=new Set(le);for(let xe of le){let Le=n.find(De=>De.id===xe);Le&&!Le.eagerMount&&!Le.preserveState&&(ve.delete(xe),fe=!0)}return fe?ve:le}),N||g(B),T?.(B)},[N,T,n]);(0,se.useImperativeHandle)(D,()=>({openTab:B=>j(B),closeDrawer:()=>j(null),getActiveTab:()=>W.current,show:()=>x?.(!0),hide:()=>x?.(!1),toggle:()=>x?.(w===!1),showStrip:()=>S?.(!0),hideStrip:()=>S?.(!1),setWidth:B=>R(Math.max(m,Math.min(s,B))),getWidth:()=>Y.current}),[j,w,x,S,R,m,s]);let pe=(0,se.useCallback)(B=>{j(P===B?null:B)},[P,j]),ee=(0,se.useCallback)(()=>j(null),[j]),Pe=(0,se.useMemo)(()=>({openTab:B=>j(B),closeDrawer:()=>j(null),getActiveTab:()=>W.current}),[j]),ne=w!==!1,J=ne&&v!==!1,F=ne&&P!=null,k=(0,we.jsx)("div",{className:`rdd-sidebar-content-drawer rdd-${t}`,style:{flexBasis:F?`${d}px`:"0px",flexShrink:1,flexGrow:0,minWidth:F?`${m}px`:"0px",maxWidth:F?`${s}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:n.map(B=>{if(!l.has(B.id))return null;let fe=P===B.id,ve=()=>j(B.id);return(0,we.jsxs)("div",{style:{display:fe?"flex":"none",flexDirection:"column",height:"100%",width:"100%"},children:[(0,we.jsx)("div",{className:"rdd-sidebar-drawer-header",children:(0,we.jsx)("span",{className:"rdd-sidebar-header-title",children:B.label})}),(0,we.jsx)("div",{className:"rdd-sidebar-drawer-body",children:(0,we.jsx)(sr,{tabId:B.id,onClose:ee,onOpen:ve,setActiveTabId:j,children:B.renderContent(B.id,ee,ve)})})]},B.id)})}),V=F?(0,we.jsx)(ar,{position:t,currentWidth:d,minWidth:m,maxWidth:s,onWidthChange:R,rootRef:q}):null;return(0,we.jsx)(go.Provider,{value:Pe,children:(0,we.jsxs)("div",{ref:q,style:{display:"flex",flexDirection:"row",width:"100%",height:"100%",overflow:"hidden"},children:[t==="left"&&(0,we.jsx)(po,{tabs:n,activeTabId:P,isVisible:J,position:t,onTabClick:pe}),t==="left"&&k,t==="left"&&V,(0,we.jsx)("div",{style:{flex:"1 1 0%",minWidth:0,overflow:"hidden"},children:E}),t==="right"&&V,t==="right"&&k,t==="right"&&(0,we.jsx)(po,{tabs:n,activeTabId:P,isVisible:J,position:t,onTabClick:pe})]})})});function ho(){let e=(0,se.useContext)(go);if(!e)throw new Error("useSidebar must be used within Sidebar");return e}function bo(){let e=(0,se.useContext)(mo);if(!e)throw new Error("useSidebarTab must be used within a Sidebar tab renderContent tree");return e}var Ee=require("react"),vo=require("react-dom");var Me=require("react/jsx-runtime");function lr(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 dr({item:e,position:t,toolbar:n}){let[o,m]=(0,Ee.useState)(!1),[s,I]=(0,Ee.useState)(null),b=(0,Ee.useRef)(null),T=(0,Ee.useRef)(null),w=e.activeItemId!==void 0,x=w?e.activeItemId:n.getActiveInGroup(e.id),v=e.items.find(d=>!("type"in d)&&d.id===x),S=x!==null,E=v?.icon??e.defaultIcon,D=v?.label??e.label,N=()=>{e.disabled||(!o&&b.current&&I(b.current.getBoundingClientRect()),m(d=>!d))};return(0,Ee.useLayoutEffect)(()=>{if(!o||!T.current)return;let d=T.current,L=d.getBoundingClientRect(),R=8;L.right>window.innerWidth-R&&(d.style.left=`${Math.max(R,window.innerWidth-L.width-R)}px`,d.style.right="auto"),L.left<R&&(d.style.left=`${R}px`,d.style.right="auto"),L.bottom>window.innerHeight-R&&(d.style.top=`${Math.max(R,window.innerHeight-L.height-R)}px`,d.style.bottom="auto"),L.top<R&&(d.style.top=`${R}px`,d.style.bottom="auto")},[o]),(0,Ee.useEffect)(()=>{if(!o)return;let d=L=>{let R=L.target;b.current?.contains(R)||T.current?.contains(R)||m(!1)};return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[o]),(0,Ee.useEffect)(()=>{if(!o)return;let d=L=>{L.key==="Escape"&&m(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[o]),(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsx)("button",{ref:b,type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-group${S?" rdd-active":""}`,title:D,"aria-label":D,"aria-expanded":o,"aria-haspopup":"menu",disabled:e.disabled,onClick:N,children:E}),o&&s&&(0,vo.createPortal)((0,Me.jsx)("div",{ref:T,className:`rdd-toolbar-group-flyout rdd-${t}`,style:lr(s,t,document.documentElement.dir==="rtl"),role:"menu",children:e.items.map((d,L)=>{if("type"in d)return(0,Me.jsx)("div",{className:"rdd-toolbar-group-flyout-sep",role:"separator"},`sep-${L}`);let R=x===d.id;return(0,Me.jsxs)("button",{type:"button",className:`rdd-toolbar-group-flyout-item${R?" rdd-active":""}`,disabled:d.disabled,role:"menuitem","aria-pressed":R,onClick:()=>{w?e.onActiveItemChange?.(d.id):n.setActiveInGroup(e.id,d.id),d.onActivate?.(d.id),m(!1)},children:[(0,Me.jsx)("span",{className:"rdd-toolbar-group-flyout-icon",children:d.icon}),(0,Me.jsx)("span",{className:"rdd-toolbar-group-flyout-label",children:d.label}),d.shortcut&&(0,Me.jsx)("span",{className:"rdd-toolbar-group-flyout-shortcut",children:d.shortcut})]},d.id)})}),document.body)]})}function cr(e,t,n,o){switch(e.type){case"separator":return(0,Me.jsx)("div",{className:"rdd-toolbar-separator",role:"separator"},`sep-${t}`);case"action":return(0,Me.jsx)("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(0,Me.jsx)("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,s=m?e.active:n.isModifierActive(e.id);return(0,Me.jsx)("button",{type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-toggle${s?" rdd-active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":s,disabled:e.disabled,onClick:()=>{m||n.toggleModifier(e.id),e.onToggle?.(!s)},children:e.icon},e.id)}case"group":return(0,Me.jsx)(dr,{item:e,position:o,toolbar:n},e.id)}}var yo=(0,Ee.forwardRef)(function({position:t="left",items:n,visible:o,onVisibilityChange:m,className:s,style:I},b){let T=_t(),w=t==="left"||t==="right";(0,Ee.useImperativeHandle)(b,()=>({show:()=>m?.(!0),hide:()=>m?.(!1),toggle:()=>m?.(o===!1)}),[o,m]);let x=o!==!1?{}:w?{width:"0px"}:{height:"0px"};return(0,Me.jsx)("div",{className:`rdd-toolbar-strip rdd-${t}${s?` ${s}`:""}`,role:"toolbar","aria-orientation":w?"vertical":"horizontal",style:{...x,...I},children:n.map((v,S)=>cr(v,S,T,t))})});var be=require("react"),Sn=require("react-dom"),ue=require("react/jsx-runtime"),kn=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))}},Ne=new kn,Po=Object.assign((e,t)=>Ne.show(e,t),{info:(e,t)=>Ne.show(e,{...t,type:"info"}),success:(e,t)=>Ne.show(e,{...t,type:"success"}),warning:(e,t)=>Ne.show(e,{...t,type:"warning"}),error:(e,t)=>Ne.show(e,{...t,type:"error"}),dismiss:e=>Ne.dismiss(e),promise:(e,t,n)=>{let o=Ne.show(t.pending,{...n,type:"info",duration:0});return e.then(m=>{let s=typeof t.success=="function"?t.success(m):t.success;Ne.update(o,s,{type:"success",duration:n?.duration??5e3})},m=>{let s=typeof t.error=="function"?t.error(m):t.error;Ne.update(o,s,{type:"error",duration:n?.duration??5e3})}),e}}),ur=()=>(0,ue.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,ue.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,ue.jsx)("path",{d:"M8 5v.01M8 7.5v3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),pr=()=>(0,ue.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,ue.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,ue.jsx)("path",{d:"M5 8l2 2 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),gr=()=>(0,ue.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,ue.jsx)("path",{d:"M8 2.5L14 13.5H2L8 2.5z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),(0,ue.jsx)("path",{d:"M8 7v2.5M8 11.5v.01",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),mr=()=>(0,ue.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,ue.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,ue.jsx)("path",{d:"M5.5 5.5l5 5M10.5 5.5l-5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),fr=()=>(0,ue.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:(0,ue.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),hr={info:(0,ue.jsx)(ur,{}),success:(0,ue.jsx)(pr,{}),warning:(0,ue.jsx)(gr,{}),error:(0,ue.jsx)(mr,{})};function br({id:e,message:t,options:n,exiting:o,isLeft:m,showProgress:s,pauseOnHover:I,animation:b,onDismiss:T,onExited:w}){let x=(0,be.useRef)(null),v=(0,be.useRef)(null),S=(0,be.useRef)(n.duration),E=(0,be.useRef)(0),[D,N]=(0,be.useState)(!1),d=b==="none"?"rdd-toast--visible":b==="fade"?"rdd-toast--fade-entering":m?"rdd-toast--entering-left":"rdd-toast--entering",[L,R]=(0,be.useState)(d);(0,be.useLayoutEffect)(()=>{x.current&&(x.current.style.maxHeight=`${x.current.offsetHeight}px`)},[]),(0,be.useEffect)(()=>{if(b==="none")return;let l=requestAnimationFrame(()=>R("rdd-toast--visible"));return()=>cancelAnimationFrame(l)},[]);let z=(0,be.useCallback)(l=>{l<=0||(E.current=Date.now(),v.current=setTimeout(()=>T(e),l))},[e,T]);(0,be.useEffect)(()=>(v.current&&clearTimeout(v.current),S.current=n.duration,z(n.duration),()=>{v.current&&clearTimeout(v.current)}),[n.duration,z]),(0,be.useEffect)(()=>{if(!o)return;let l=x.current;if(!l||b==="none"){w(e);return}let W=q=>{q.propertyName==="max-height"&&w(e)};l.addEventListener("transitionend",W);let Y=setTimeout(()=>w(e),520);return()=>{l.removeEventListener("transitionend",W),clearTimeout(Y)}},[o,e,w,b]);let g=()=>{!I||n.duration===0||(v.current&&(clearTimeout(v.current),v.current=null,S.current=Math.max(0,S.current-(Date.now()-E.current))),N(!0))},P=()=>{!I||n.duration===0||(N(!1),z(S.current))},H=["rdd-toast",n.type&&`rdd-toast--${n.type}`,L,o&&"rdd-toast--exiting",D&&"rdd-toast--paused"].filter(Boolean).join(" "),$=n.icon!==void 0?n.icon:n.type?hr[n.type]:null;return(0,ue.jsxs)("div",{ref:x,role:"status","aria-live":"polite",className:H,onMouseEnter:g,onMouseLeave:P,children:[$&&$,(0,ue.jsx)("div",{className:"rdd-toast__body",children:n.content!==void 0?n.content:t}),n.closable&&(0,ue.jsx)("button",{type:"button",className:"rdd-toast__close",onClick:()=>T(e),"aria-label":"Close notification",children:(0,ue.jsx)(fr,{})}),s&&n.duration>0&&(0,ue.jsx)("div",{className:"rdd-toast__progress",style:{animationDuration:`${n.duration}ms`}})]})}function Tn(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 xo({position:e="top-right",maxVisible:t=3,defaultDuration:n=5e3,defaultClosable:o=!0,pauseOnHover:m=!0,animation:s="slide",newestOnTop:I=!1,progressBar:b=!1,width:T=320,adapter:w}){let[x,v]=(0,be.useState)([]),S=(0,be.useRef)([]),E=(0,be.useRef)(x);E.current=x;let D=(0,be.useCallback)(z=>{v(g=>g.map(P=>P.id===z?{...P,exiting:!0}:P)),E.current.find(g=>g.id===z)?.options.onClose?.()},[]),N=(0,be.useCallback)(z=>{let g=S.current.shift()??null;v(P=>{let H=P.filter(l=>l.id!==z);if(!g)return H;let $=Tn(g.rawOpts,n,o);return[...H,{id:g.id,message:g.message,options:$,exiting:!1}]})},[n,o]);if((0,be.useEffect)(()=>{if(w)return;let z=g=>{if(g.kind==="show"){let P=Tn(g.rawOpts,n,o),H={id:g.id,message:g.message,options:P,exiting:!1},$={id:g.id,message:g.message,rawOpts:g.rawOpts};v(l=>l.find(q=>q.id===g.id)?l.map(q=>q.id===g.id?{...q,message:g.message,options:P}:q):l.filter(q=>!q.exiting).length<t?[...l,H]:(S.current.some(q=>q.id===$.id)||S.current.push($),l))}else g.kind==="update"?(v(P=>P.map(H=>{if(H.id!==g.id)return H;let $={...H.options,...g.patch,id:H.id};return{...H,message:g.message,options:$}})),S.current=S.current.map(P=>P.id!==g.id?P:{...P,message:g.message,rawOpts:{...P.rawOpts,...g.patch}})):g.kind==="dismiss"&&(g.id===void 0?(v(P=>P.map(H=>({...H,exiting:!0}))),S.current=[]):E.current.some(H=>H.id===g.id)?D(g.id):S.current=S.current.filter(H=>H.id!==g.id))};return Ne.subscribe(z),()=>Ne.unsubscribe(z)},[w,t,n,o,D]),(0,be.useEffect)(()=>{if(!w)return;let z=g=>{if(g.kind==="show"){let P=Tn(g.rawOpts,n,o);w.show(g.id,g.message,P)}else g.kind==="update"?w.update(g.id,g.message,g.patch):g.kind==="dismiss"&&w.dismiss(g.id)};return Ne.subscribe(z),()=>Ne.unsubscribe(z)},[w,n,o]),w){if(!w.Container)return null;let z=w.Container;return(0,Sn.createPortal)((0,ue.jsx)(z,{position:e}),document.body)}let d=e.endsWith("left"),L="";I===!0&&(L="rdd-toast-container--newest-top"),I===!1&&(L="rdd-toast-container--newest-bottom");let R=["rdd-toast-container",`rdd-toast-container--${e}`,L].filter(Boolean).join(" ");return(0,Sn.createPortal)((0,ue.jsx)("div",{className:R,style:{width:T},"aria-label":"Notifications","aria-live":"polite",children:x.map(z=>(0,ue.jsx)(br,{id:z.id,message:z.message,options:z.options,exiting:z.exiting,isLeft:d,showProgress:b,pauseOnHover:m,animation:s,onDismiss:D,onExited:N},z.id))}),document.body)}var X=mn(require("react"),1),wo=require("react-dom");var U=require("react/jsx-runtime"),vr=["top-left","top-right","bottom-left","bottom-right"],Ro=(0,X.createContext)(null),Mo=(0,X.createContext)(null),To=(0,X.createContext)(null),Je=80;function yr(e,t,n){let o=e.getBoundingClientRect(),m=t-o.left,s=n-o.top;return m<Je&&s<Je?"top-left":m>o.width-Je&&s<Je?"top-right":m<Je&&s>o.height-Je?"bottom-left":m>o.width-Je&&s>o.height-Je?"bottom-right":null}function So({children:e,className:t,style:n}){let[o,m]=(0,X.useState)({}),[s,I]=(0,X.useState)({}),[b,T]=(0,X.useState)({"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]}),[w,x]=(0,X.useState)({}),[v,S]=(0,X.useState)(null),[E,D]=(0,X.useState)(null),[N,d]=(0,X.useState)(null),[L,R]=(0,X.useState)(()=>new Map),z=(0,X.useRef)(100),g=(0,X.useRef)(null),P=(0,X.useCallback)((J,F)=>(m(k=>({...k,[J]:F})),()=>m(k=>{let V={...k};return delete V[J],V})),[]),H=(0,X.useCallback)(J=>{z.current+=1;let F=z.current;I(k=>({...k,[J]:F})),d(J)},[]),$=(0,X.useCallback)((J,F)=>{T(k=>{let V={"top-left":k["top-left"].filter(B=>B!==J),"top-right":k["top-right"].filter(B=>B!==J),"bottom-left":k["bottom-left"].filter(B=>B!==J),"bottom-right":k["bottom-right"].filter(B=>B!==J)};return V[F]=[...V[F],J],V})},[]),l=(0,X.useCallback)(J=>{T(F=>({"top-left":F["top-left"].filter(k=>k!==J),"top-right":F["top-right"].filter(k=>k!==J),"bottom-left":F["bottom-left"].filter(k=>k!==J),"bottom-right":F["bottom-right"].filter(k=>k!==J)}))},[]),W=(0,X.useCallback)((J,F)=>{x(k=>k[J]===F?k:{...k,[J]:F})},[]),Y=(0,X.useCallback)((J,F)=>{R(k=>{let V=new Map(k);return V.set(J,F),V})},[]),q=(0,X.useCallback)(J=>{R(F=>{let k=new Map(F);return k.delete(J),k})},[]),j=(0,X.useCallback)(()=>{R(new Map)},[]),pe=(0,X.useMemo)(()=>Array.from(L.keys()),[L]),ee=(0,X.useMemo)(()=>({registerToolbar:P,insetTop:o.top??0,insetBottom:o.bottom??0}),[P,o]),Pe=(0,X.useMemo)(()=>({managedWindowIds:pe,openManaged:Y,closeManaged:q,closeAllManaged:j}),[pe,Y,q,j]),ne=(0,X.useMemo)(()=>({topId:N,zOrders:s,focusWindow:H,containerRef:g,stacks:b,dockedSizes:w,dockWindow:$,undockWindow:l,reportDockedSize:W,draggingId:v,setDraggingId:S,hoveredZone:E,setHoveredZone:D,insetTop:o.top??0,insetBottom:o.bottom??0}),[N,s,H,b,w,$,l,W,v,E,o]);return(0,U.jsx)(Ro.Provider,{value:ee,children:(0,U.jsx)(Mo.Provider,{value:Pe,children:(0,U.jsx)(To.Provider,{value:ne,children:(0,U.jsxs)("div",{ref:g,className:`rdd-panel-overlay-root${v!==null?" rdd-dragging-active":""}${t?" "+t:""}`,style:n,children:[e,v!==null&&(0,U.jsx)(Pr,{hoveredZone:E}),Array.from(L.entries()).map(([J,F])=>(0,U.jsx)(In,{id:J,title:F.title,icon:F.icon,open:!0,onClose:()=>q(J),defaultAnchor:F.anchor??"top-right",defaultWidth:F.width??320,defaultHeight:F.height??240,children:F.content},J))]})})})})}function Pr({hoveredZone:e}){return(0,U.jsx)(U.Fragment,{children:vr.map(t=>(0,U.jsx)("div",{className:`rdd-panel-float-dropzone rdd-panel-float-dropzone--${t}${e===t?" rdd-panel-float-dropzone--hovered":""}`,"aria-hidden":"true"},t))})}function ko({position:e,variant:t="transparent",buttonVariant:n="ghost",buttonSize:o,style:m,className:s,children:I}){let b=(0,X.useContext)(Ro),T=(0,X.useRef)(null),w=(0,X.useRef)(null);(0,X.useLayoutEffect)(()=>{let D=T.current;if(!D||!b)return;let N=e==="top"||e==="bottom"?D.offsetHeight:D.offsetWidth;return w.current?.(),w.current=b.registerToolbar(e,N),()=>{w.current?.(),w.current=null}},[e,b?.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=b?.insetTop??0,x.bottom=b?.insetBottom??0):(x.insetInlineEnd=0,x.top=b?.insetTop??0,x.bottom=b?.insetBottom??0);let S=e==="left"||e==="right"?{...(b?.insetTop??0)>0?{paddingTop:0}:{},...(b?.insetBottom??0)>0?{paddingBottom:0}:{}}:{},E=o!=null?{"--rdd-panel-toolbar-btn-size":`${o}px`}:{};return(0,U.jsx)("div",{ref:T,className:`rdd-panel-toolbar rdd-panel-toolbar--${e}${s?" "+s:""}`,"data-variant":t,"data-btn-variant":n,style:{...x,...S,...E,...m},children:I})}function Io({icon:e,onClick:t,disabled:n,title:o,variant:m}){return(0,U.jsx)("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:t,disabled:n,title:o,"aria-label":o,...m?{"data-variant":m}:{},children:e})}function Eo({icon:e,active:t,onToggle:n,disabled:o,title:m,variant:s}){return(0,U.jsx)("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,...s?{"data-variant":s}:{},children:e})}function Lo(){return(0,U.jsx)("span",{className:"rdd-panel-toolbar__sep","aria-hidden":"true"})}function zo(){return(0,U.jsx)("span",{className:"rdd-panel-toolbar__spacer","aria-hidden":"true"})}function No({children:e}){return(0,U.jsx)("span",{className:"rdd-panel-toolbar__item",children:e})}function Do({children:e}){return(0,U.jsx)("div",{className:"rdd-panel-toolbar__center",children:e})}function Wo({placeholder:e="Search\u2026",onSearch:t,onSelect:n}){let[o,m]=(0,X.useState)(!1),[s,I]=(0,X.useState)(""),[b,T]=(0,X.useState)([]),[w,x]=(0,X.useState)(null),v=(0,X.useRef)(null),S=(0,X.useRef)(null),E=(0,X.useRef)(null),D=(0,X.useRef)(null),N=()=>{m(!0),setTimeout(()=>S.current?.focus(),0)},d=()=>{m(!1),I(""),T([]),x(null),E.current?.abort(),D.current&&clearTimeout(D.current)},L=$=>{let l=$.target.value;if(I(l),E.current?.abort(),D.current&&clearTimeout(D.current),!l.trim()){T([]),x(null);return}D.current=setTimeout(async()=>{let W=new AbortController;E.current=W;try{let Y=await t(l,W.signal);if(!W.signal.aborted){T(Y);let q=v.current;if(q&&Y.length>0){let j=q.getBoundingClientRect(),pe=Math.max(j.width,240),ee=j.left;ee+pe>window.innerWidth-8&&(ee=window.innerWidth-pe-8),x({top:j.bottom+4,left:ee,width:pe})}else x(null)}}catch{}},300)},R=$=>{n($),d()},z=$=>{v.current?.contains($.relatedTarget)||d()},g=$=>{$.key==="Escape"&&d()},P=(0,X.useMemo)(()=>{let $={};for(let l of b){let W=l.group??"";$[W]||($[W]=[]),$[W].push(l)}return $},[b]),H=(0,U.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,U.jsx)("circle",{cx:"6.5",cy:"6.5",r:"4.5"}),(0,U.jsx)("line",{x1:"10",y1:"10",x2:"14",y2:"14"})]});return o?(0,U.jsxs)("div",{ref:v,className:"rdd-panel-toolbar-search rdd-panel-toolbar-search--open",onBlur:z,children:[(0,U.jsx)("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:d,"aria-label":"Close search",title:"Close search",children:H}),(0,U.jsx)("input",{ref:S,className:"rdd-panel-toolbar-search__input",type:"text",value:s,onChange:L,onKeyDown:g,placeholder:e,autoComplete:"off"}),w&&b.length>0&&(0,wo.createPortal)((0,U.jsx)("div",{className:"rdd-panel-toolbar-search__dropdown",style:{position:"fixed",top:w.top,left:w.left,width:w.width,zIndex:9502},onMouseDown:$=>$.preventDefault(),children:Object.entries(P).map(([$,l])=>(0,U.jsxs)(X.default.Fragment,{children:[$&&(0,U.jsx)("div",{className:"rdd-panel-toolbar-search__group",children:$}),l.map(W=>(0,U.jsxs)("button",{type:"button",className:"rdd-panel-toolbar-search__item",onClick:()=>R(W),children:[W.icon&&(0,U.jsx)("span",{className:"rdd-panel-toolbar-search__item-icon",children:W.icon}),(0,U.jsx)("span",{className:"rdd-panel-toolbar-search__item-label",children:W.label}),W.description&&(0,U.jsx)("span",{className:"rdd-panel-toolbar-search__item-desc",children:W.description})]},W.id))]},$||"__default__"))}),document.body)]}):(0,U.jsx)("div",{ref:v,className:"rdd-panel-toolbar-search",children:(0,U.jsx)("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:N,title:"Search","aria-label":"Search",children:H})})}function In(e){let t=(0,X.useContext)(To);return e.open?(0,U.jsx)(Rr,{ctx:t,...e},e.id):null}var xr=120,Cr=60,Co=8,wr=8;function Rr({id:e,title:t,icon:n,defaultAnchor:o,defaultWidth:m,defaultHeight:s,children:I,ctx:b,onClose:T}){let w=(0,X.useContext)(xt)?.isRtl??!1,[x,v]=(0,X.useState)("docked"),[S,E]=(0,X.useState)(o),[D,N]=(0,X.useState)(null),[d,L]=(0,X.useState)({w:m,h:s}),R=(0,X.useRef)(null),z=(0,X.useRef)(x);z.current=x;let g=(0,X.useRef)(D);g.current=D;let P=(0,X.useRef)(d);P.current=d;let H=(0,X.useRef)(null);(0,X.useLayoutEffect)(()=>(b?.dockWindow(e,o),()=>{b?.undockWindow(e)}),[]),(0,X.useEffect)(()=>{b?.reportDockedSize(e,d.h)},[d.h]);let $=b?.zOrders[e]??101,l=!b||b.topId===e,W=()=>{let F=R.current?.offsetParent;return{cw:F?.clientWidth??9999,ch:F?.clientHeight??9999}},Y=()=>{b?.focusWindow(e)},q=F=>{if(F.button!==0)return;F.preventDefault();let k,V;if(z.current==="docked"){let B=R.current,le=b?.containerRef?.current;if(B&&le){let fe=B.getBoundingClientRect(),ve=le.getBoundingClientRect();k=fe.left-ve.left,V=fe.top-ve.top}else k=Co,V=b?.insetTop??0;b?.undockWindow(e),v("free"),N({x:k,y:V})}else k=g.current?.x??0,V=g.current?.y??0;H.current={mouseX:F.clientX,mouseY:F.clientY,posX:k,posY:V,hasDragged:!1},R.current?.setPointerCapture(F.pointerId),document.body.classList.add("rdd-dragging-active")},j=F=>k=>{if(k.button!==0)return;k.preventDefault(),k.stopPropagation();let V=0,B=0;if(z.current==="free")V=g.current?.x??0,B=g.current?.y??0;else{let fe=R.current,ve=fe?.offsetParent;if(fe&&ve){let xe=fe.getBoundingClientRect(),Le=ve.getBoundingClientRect();V=xe.left-Le.left,B=xe.top-Le.top}}let le={x:V,y:B,w:P.current.w,h:P.current.h};Ge({element:k.currentTarget,pointerId:k.pointerId,startClientX:k.clientX,startClientY:k.clientY,captureStart:()=>le,activeClasses:[{el:document.body,classes:["rdd-resizing-active"]}],onMove:(fe,ve,xe)=>{let{cw:Le,ch:De}=W(),{x:Ae,y:Qe,w:et,h:tt}=Tt(F,fe,ve,xe,{minW:xr,minH:Cr,maxW:Le-xe.x,maxH:De-xe.y,minX:0,minY:0});L({w:et,h:tt}),z.current==="free"&&N({x:Ae,y:Qe})}})},pe=F=>{if(H.current){let k=H.current;if(!k.hasDragged){if(Math.abs(F.clientX-k.mouseX)+Math.abs(F.clientY-k.mouseY)<4)return;k.hasDragged=!0,b?.setDraggingId(e)}let{cw:V,ch:B}=W(),le=Math.max(0,Math.min(k.posX+F.clientX-k.mouseX,V-P.current.w)),fe=Math.max(0,Math.min(k.posY+F.clientY-k.mouseY,B-P.current.h));N({x:le,y:fe});let ve=b?.containerRef?.current;if(ve){let xe=yr(ve,F.clientX,F.clientY);b?.setHoveredZone(xe&&w?Ot(xe):xe)}}},ee=()=>{if(H.current){let F=b?.hoveredZone;F&&(b?.dockWindow(e,F),E(F),v("docked"),N(null)),b?.setHoveredZone(null),b?.setDraggingId(null)}document.body.classList.remove("rdd-dragging-active"),H.current=null},Pe=()=>{H.current&&(b?.setHoveredZone(null),b?.setDraggingId(null)),document.body.classList.remove("rdd-dragging-active"),H.current=null},ne;if(x==="docked"&&b){let F=b.stacks[S]??[],k=F.indexOf(e),V=0;for(let B=0;B<k;B++)V+=(b.dockedSizes[F[B]]??s)+wr;ne={width:d.w,height:d.h,zIndex:$,transition:"top 0.2s ease, bottom 0.2s ease",opacity:k===-1?0:void 0,pointerEvents:k===-1?"none":void 0},ne[S.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]=Co,S.startsWith("top-")?ne.top=b.insetTop+V:ne.bottom=b.insetBottom+V}else ne={left:D?.x??0,top:D?.y??0,width:d.w,height:d.h,zIndex:$};return(0,U.jsxs)("div",{ref:R,dir:w?"rtl":"ltr",className:`rdd-panel-float${l?" rdd-panel-float--active":""}`,style:ne,onPointerDown:Y,onPointerMove:pe,onPointerUp:ee,onPointerCancel:Pe,children:[(0,U.jsxs)("div",{className:"rdd-panel-float__header",onPointerDown:q,children:[n&&(0,U.jsx)("span",{className:"rdd-panel-float__icon",children:n}),(0,U.jsx)("span",{className:"rdd-panel-float__title",children:t}),(0,U.jsx)("button",{type:"button",className:"rdd-panel-float__close",onClick:T,onPointerDown:F=>F.stopPropagation(),title:"Close","aria-label":"Close",children:(0,U.jsxs)("svg",{width:"8",height:"8",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",children:[(0,U.jsx)("line",{x1:"1",y1:"1",x2:"9",y2:"9"}),(0,U.jsx)("line",{x1:"9",y1:"1",x2:"1",y2:"9"})]})})]}),(0,U.jsx)("div",{className:"rdd-panel-float__body",children:I}),x==="free"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-n",onPointerDown:j("n")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-ne",onPointerDown:j("ne")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-nw",onPointerDown:j("nw")})]}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-e",onPointerDown:j("e")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-se",onPointerDown:j("se")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-s",onPointerDown:j("s")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-sw",onPointerDown:j("sw")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-w",onPointerDown:j("w")})]})}function Oo(){let[e,t]=(0,X.useState)(!1),n=(0,X.useCallback)(()=>{t(!0)},[]),o=(0,X.useCallback)(()=>{t(!1)},[]);return{isOpen:e,open:n,close:o}}var Mr=[];function Ao(){let e=(0,X.useContext)(Mo),t=e?.managedWindowIds??Mr;return(0,X.useMemo)(()=>({open:(n,o)=>e?.openManaged(n,o),close:n=>e?.closeManaged(n),closeAll:()=>e?.closeAllManaged(),isOpen:n=>t.includes(n),openIds:t}),[e,t])}0&&(module.exports={ConfirmationForm,ContextMenu,ContextMenuProvider,DefaultContextMenuAdapter,DockableDesktopProvider,FormContainerContext,FormContainerProvider,LeftPanelRenderer,ModalStackRenderer,PanelContributionProvider,PanelFloatingWindow,PanelOverlayRoot,PanelProvider,PanelRegistry,PanelRegistryClass,PanelToolbar,PanelToolbarItem,PanelToolbarSeparator,RightPanelRenderer,SidePanelRenderer,Sidebar,ToastContainer,Toolbar,ToolbarButton,ToolbarCenter,ToolbarProvider,ToolbarSearchInput,ToolbarSpacer,ToolbarToggle,WindowManager,WindowManagerProvider,WorkspaceClient,computeResizedRect,defaultPredefinedMessages,formatLabel,isSerializable,sidebarSectionToTab,startPointerDrag,toast,useActivePanelContribution,useColorScheme,useFormContainer,useFormatMessage,useMergedSidebarTabs,useMergedToolbarItems,usePanelActions,usePanelContext,usePanelContextMenu,usePanelContribution,usePanelFloatingWindow,usePanelFloatingWindowManager,usePanelId,usePanelSize,usePanelState,usePredefinedMessages,useRegistry,useShowContextMenu,useSidebar,useSidebarTab,useStyleClasses,useToolbar,useWindowManagerActions,useWindowManagerState});
|
|
24
24
|
//# sourceMappingURL=index.cjs.map
|