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