react-dockable-desktop 4.2.2 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -4
- package/dist/index.cjs +4 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +277 -11
- package/dist/index.d.ts +277 -11
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1122 -1115
- package/package.json +12 -2
package/dist/index.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";var Eo=Object.create;var qt=Object.defineProperty;var Io=Object.getOwnPropertyDescriptor;var Lo=Object.getOwnPropertyNames;var No=Object.getPrototypeOf,zo=Object.prototype.hasOwnProperty;var Wo=(e,t)=>{for(var n in t)qt(e,n,{get:t[n],enumerable:!0})},Tn=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Lo(t))!zo.call(e,s)&&s!==n&&qt(e,s,{get:()=>t[s],enumerable:!(i=Io(t,s))||i.enumerable});return e};var cn=(e,t,n)=>(n=e!=null?Eo(No(e)):{},Tn(t||!e||!e.__esModule?qt(n,"default",{value:e,enumerable:!0}):n,e)),Do=e=>Tn(qt({},"__esModule",{value:!0}),e);var fr={};Wo(fr,{ConfirmationForm:()=>Qe,ContextMenu:()=>Qt,ContextMenuProvider:()=>en,DefaultContextMenuAdapter:()=>lt,DockableDesktopProvider:()=>Kn,FormContainerContext:()=>Kt,FormContainerProvider:()=>je,LeftPanelRenderer:()=>Un,ModalStackRenderer:()=>jn,PanelFloatingWindow:()=>Cn,PanelOverlayRoot:()=>bo,PanelProvider:()=>nn,PanelRegistry:()=>Lt,PanelRegistryClass:()=>at,PanelToolbar:()=>yo,PanelToolbarItem:()=>Mo,PanelToolbarSeparator:()=>wo,RightPanelRenderer:()=>Jn,SidePanelRenderer:()=>Qn,Sidebar:()=>oo,ToastContainer:()=>co,Toolbar:()=>ao,ToolbarButton:()=>Po,ToolbarCenter:()=>Ro,ToolbarProvider:()=>Dt,ToolbarSearchInput:()=>To,ToolbarSpacer:()=>Co,ToolbarToggle:()=>xo,WindowManager:()=>Gn,WindowManagerProvider:()=>Ut,WorkspaceClient:()=>rn,defaultPredefinedMessages:()=>ht,formatLabel:()=>ve,toast:()=>lo,useFormContainer:()=>mt,useFormatMessage:()=>He,usePanelActions:()=>Je,usePanelContext:()=>zn,usePanelContextMenu:()=>Wn,usePanelFloatingWindow:()=>ko,usePanelFloatingWindowManager:()=>So,usePanelId:()=>pn,usePanelState:()=>Ve,usePredefinedMessages:()=>Ye,useRegistry:()=>bt,useShowContextMenu:()=>An,useSidebar:()=>ro,useSidebarTab:()=>io,useStyleClasses:()=>Ge,useToolbar:()=>Ot,useWindowManagerActions:()=>yt,useWindowManagerState:()=>$e});module.exports=Do(fr);var G=cn(require("react"),1),vn=require("react-dom");var O=require("react");var Zt=require("react"),Oo={requestClose:()=>{console.warn("FormContainerContract: requestClose called but no container is present")},setDirty:()=>{},onCloseRequested:()=>()=>{},setTitle:()=>{},setIcon:()=>{},containerType:"standalone",instanceId:"standalone",onClose:()=>()=>{},onMinimize:()=>()=>{},onRestore:()=>()=>{},onResize:()=>()=>{},requestMinimize:()=>{},getDimensions:()=>null,onActivate:()=>()=>{},onDeactivate:()=>()=>{},onContainerTypeChange:()=>()=>{}},Kt=(0,Zt.createContext)(Oo),je=Kt.Provider,mt=()=>(0,Zt.useContext)(Kt);var at=class{registry=new Map;register(t,n,i){this.registry.set(t,{Component:n,defaultOptions:i})}get(t){return this.registry.get(t)}getRegisteredIds(){return Array.from(this.registry.keys())}},Lt=new at;var ht={floatWindow:{id:"dockable-desktop-floatWindow",defaultMessage:"Float Window"},minimizePanel:{id:"dockable-desktop-minimizePanel",defaultMessage:"Minimize Panel"},closeTab:{id:"dockable-desktop-closeTab",defaultMessage:"Close Tab"},restorePanel:{id:"dockable-desktop-restorePanel",defaultMessage:"Restore Panel"},maximizePanel:{id:"dockable-desktop-maximizePanel",defaultMessage:"Maximize Panel"},closePanel:{id:"dockable-desktop-closePanel",defaultMessage:"Close Panel"},dockWindow:{id:"dockable-desktop-dockWindow",defaultMessage:"Dock Window"},minimize:{id:"dockable-desktop-minimize",defaultMessage:"Minimize"},maximize:{id:"dockable-desktop-maximize",defaultMessage:"Maximize"},restoreSize:{id:"dockable-desktop-restoreSize",defaultMessage:"Restore Size"},close:{id:"dockable-desktop-close",defaultMessage:"Close"},closeEmptyGroup:{id:"dockable-desktop-closeEmptyGroup",defaultMessage:"Close empty split group"},unsavedChangesTitle:{id:"dockable-desktop-unsavedChangesTitle",defaultMessage:"Unsaved Changes"},unsavedChangesMessage:{id:"dockable-desktop-unsavedChangesMessage",defaultMessage:'"{title}" has unsaved changes. Do you want to discard your changes and close?'},discardChanges:{id:"dockable-desktop-discardChanges",defaultMessage:"Discard Changes"},cancel:{id:"dockable-desktop-cancel",defaultMessage:"Cancel"},yes:{id:"dockable-desktop-yes",defaultMessage:"Yes"},no:{id:"dockable-desktop-no",defaultMessage:"No"},ok:{id:"dockable-desktop-ok",defaultMessage:"OK"},closePanelTooltip:{id:"dockable-desktop-closePanelTooltip",defaultMessage:"Close panel"},closeTooltip:{id:"dockable-desktop-closeTooltip",defaultMessage:"Close"}};var Ue=require("react/jsx-runtime"),vt=(0,O.createContext)(null),jt=(0,O.createContext)(null),Sn=(0,O.createContext)(null),En=(0,O.createContext)(null),In=(0,O.createContext)(ht),Ln=(0,O.createContext)({}),Ge=()=>(0,O.useContext)(Ln),Nn=(0,O.createContext)(Lt),bt=()=>(0,O.useContext)(Nn),dn=class{listeners={};subscribe(t,n){return this.listeners[t]||(this.listeners[t]=[]),this.listeners[t].push(n),()=>{this.listeners[t]=this.listeners[t].filter(i=>i!==n)}}publish(t,n){this.listeners[t]&&this.listeners[t].forEach(i=>i(n))}},Ao={type:"leaf",id:"group-default",panels:[],activePanelId:null};function Fo(e){if(e)try{let t=JSON.parse(e);if(t.gridRoot&&Array.isArray(t.floating)&&Array.isArray(t.minimized)&&t.panels)return{gridRoot:t.gridRoot,floating:t.floating,minimized:t.minimized,panels:t.panels,activePanelId:Object.keys(t.panels)[0]??null}}catch{}return{gridRoot:Ao,floating:[],minimized:[],panels:{},activePanelId:null}}var Ut=({children:e,client:t,formatMessage:n,predefinedMessages:i,dir:s,modalClass:x,modalBodyClass:W,sidePanelClass:m,sidePanelBodyClass:T,windowClass:w,windowBodyClass:y})=>{let g=(0,O.useRef)(t?.registry??Lt).current,F=t?.config.formatMessage??n,E=t?.config.predefinedMessages??i,S=t?.config.dir??s,[I,a]=(0,O.useState)(()=>({...Fo(t?.initialState??null),draggedPanelId:null,dir:S||"ltr",isRtl:S==="rtl",splitRatio:Math.min(.9,Math.max(.1,t?.config.defaultSplitRatio??.5)),edgeSplitRatio:Math.min(.9,Math.max(.1,t?.config.defaultEdgeSplitRatio??.2))})),M=(0,O.useRef)(I);M.current=I;let u=(0,O.useRef)(new Set);(0,O.useEffect)(()=>{u.current.forEach(o=>o())},[I]);let b=(0,O.useCallback)(()=>M.current,[]),R=(0,O.useCallback)(o=>(u.current.add(o),()=>u.current.delete(o)),[]),H=(0,O.useRef)({}),k=(0,O.useMemo)(()=>({...ht,...E}),[E]),D=(0,O.useRef)(new dn),l=(0,O.useRef)(1e3),L=(0,O.useCallback)((o,h)=>D.current.subscribe(o,h),[]),X=(0,O.useCallback)((o,h)=>{D.current.publish(o,h)},[]),V=(0,O.useCallback)((o,h)=>{let c=typeof o.x=="string"?parseFloat(o.x):o.x,d=typeof o.y=="string"?parseFloat(o.y):o.y,C=typeof o.width=="string"?parseFloat(o.width):o.width,B=typeof o.height=="string"?parseFloat(o.height):o.height;isNaN(c)&&(c=300),isNaN(d)&&(d=150),isNaN(C)&&(C=450),isNaN(B)&&(B=350);let te=Re=>h.some(r=>{let z=typeof r.x=="string"?parseFloat(r.x):r.x,v=typeof r.y=="string"?parseFloat(r.y):r.y;return!r.maximized&&Math.abs(z-Re.x)<20&&Math.abs(v-Re.y)<20}),re=0;for(;te({x:c,y:d})&&re<10;)c+=30,d+=30,re++;let ee=Math.max(100,window.innerWidth||1024),ae=Math.max(100,window.innerHeight||768);return(c+C>ee||d+B>ae)&&(c=100+re%5*30,d=100+re%5*30),c=Math.max(0,Math.min(c,ee-100)),d=Math.max(0,Math.min(d,ae-40)),{x:c,y:d,width:C,height:B}},[]),se=(0,O.useCallback)(o=>{a(h=>{let c=h.panels[o];if(!c)return h;if(c.state==="floating"){let d=h.floating.find(B=>B.id===o);if(!d)return h;let C=!h.floating.some(B=>B.z>d.z);return C&&h.activePanelId===o?h:(C||(l.current+=1),{...h,floating:h.floating.map(B=>B.id===o?{...B,z:C?d.z:l.current}:B),activePanelId:o})}else if(c.state==="docked"){if(h.activePanelId===o)return h;let d=C=>C.type==="leaf"?C.panels.includes(o)?{...C,activePanelId:o}:C:{...C,children:C.children.map(d)};return{...h,gridRoot:d(h.gridRoot),activePanelId:o}}return h.activePanelId===o?h:{...h,activePanelId:o}})},[]),U=(o,h)=>{if(o.type==="leaf"){let c=o.panels.indexOf(h);if(c===-1)return o;let d=o.panels.filter(te=>te!==h),C=o.activePanelId===h?d[c]||d[c-1]||d[0]||null:o.activePanelId,B={...o,panels:d,activePanelId:C};return d.length===0&&!o.keepOnEmpty?null:B}else{let c=o.children.map(B=>U(B,h)).filter(B=>B!==null);if(c.length===0)return null;if(c.length===1)return c[0];let d=o.sizes.slice(0,c.length),C=d.reduce((B,te)=>B+te,0);return{...o,children:c,sizes:d.map(B=>B/C)}}},ie=(o,h,c)=>{if(o.type==="leaf"){if(o.id===h){let d=o.panels.includes(c)?o.panels:[...o.panels,c];return{...o,panels:d,activePanelId:c}}return o}else return{...o,children:o.children.map(d=>ie(d,h,c))}},ye=o=>{if(o.type==="leaf")return o.id;for(let h of o.children){let c=ye(h);if(c)return c}return null},ge=(0,O.useCallback)((o,h,c)=>{let d=!(o in M.current.panels);a(C=>{let B=C.panels[o],te=g.get(h),re=c?.title||c?.title||te?.defaultOptions?.title||o,ee=c?.initialTarget||te?.defaultOptions?.initialTarget||"docked",ae=te?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350};if(B)if(B.state==="minimized"){let v=C.minimized.filter(P=>P.id!==o);if(ee==="floating"||!C.gridRoot){l.current+=1;let P=V(ae,C.floating);return{...C,minimized:v,floating:[...C.floating,{...P,id:o,z:l.current}],panels:{...C.panels,[o]:{...B,state:"floating"}}}}else{let P=ye(C.gridRoot)||"group-default";return{...C,minimized:v,gridRoot:ie(C.gridRoot,P,o),panels:{...C.panels,[o]:{...B,state:"docked"}}}}}else{if(B.state==="floating")return se(o),C;{let v=P=>P.type==="leaf"?P.panels.includes(o)?{...P,activePanelId:o}:P:{...P,children:P.children.map(v)};return{...C,gridRoot:v(C.gridRoot)}}}let r={id:o,title:re,component:h,state:ee==="tabbed"?"docked":ee},z={...C.panels,[o]:r};if(ee==="floating"){l.current+=1;let v=V(ae,C.floating),P=c?.anchor??te?.defaultOptions?.defaultAnchor??null;return{...C,floating:[...C.floating,{...v,id:o,z:l.current,anchor:P}],panels:z}}else{let v=ye(C.gridRoot)||"group-default";return{...C,gridRoot:ie(C.gridRoot,v,o),panels:z}}}),d&&D.current.publish("panel:opened",{id:o,component:h})},[V,se]),ne=(0,O.useCallback)(o=>{let h=o in M.current.panels;a(c=>{let d=c.panels[o];if(!d||g.get(d.component)?.defaultOptions?.canClose===!1)return c;delete H.current[o];let B={...c.panels};delete B[o];let te=U(c.gridRoot,o);return{...c,gridRoot:te||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:c.floating.filter(re=>re.id!==o),minimized:c.minimized.filter(re=>re.id!==o),panels:B}}),h&&D.current.publish("panel:closed",{id:o})},[]),N=(0,O.useCallback)((o,h)=>{H.current[o]=h},[]),f=(0,O.useCallback)(o=>{delete H.current[o]},[]),Y=(0,O.useCallback)((o,h,c)=>{a(d=>{let C=d.panels[o];return C?{...d,panels:{...d.panels,[o]:{...C,dirty:h,dirtyOptions:c}}}:d})},[]),Q=(0,O.useCallback)((o,h)=>{a(c=>{let d=c.panels[o];return d?{...c,panels:{...c.panels,[o]:{...d,title:h}}}:c})},[]),j=(0,O.useCallback)(async(o,h)=>{if(h?.force){ne(o);return}let c=H.current[o];if(c&&!await c())return;let d=M.current.panels[o];if(d?.dirty)if(h?.onConfirm){if(!await h.onConfirm(d.dirtyOptions))return}else return;ne(o)},[ne]),fe=(0,O.useCallback)(o=>{let h=M.current.panels[o]?.state!=="minimized"&&o in M.current.panels;a(c=>{let d=c.panels[o];if(!d||d.state==="minimized"||g.get(d.component)?.defaultOptions?.canMinimize===!1)return c;let B,te;if(d.state==="floating"){let ee=c.floating.find(ae=>ae.id===o);ee&&(B={x:Number(ee.x),y:Number(ee.y),width:Number(ee.width),height:Number(ee.height),anchor:ee.anchor??null})}else if(d.state==="docked"){let ee=ae=>{if(ae.type==="leaf")return ae.panels.includes(o)?ae.id:null;for(let Re of ae.children){let r=ee(Re);if(r)return r}return null};te=ee(c.gridRoot)??void 0}let re=U(c.gridRoot,o);return{...c,gridRoot:re||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:c.floating.filter(ee=>ee.id!==o),minimized:[...c.minimized,{id:o,title:d.title,component:d.component}],panels:{...c.panels,[o]:{...d,state:"minimized",previousState:d.state,lastFloatingRect:B,lastLeafId:te}}}}),h&&D.current.publish("panel:minimized",{id:o})},[]),Pe=(0,O.useCallback)(o=>{let h=M.current.panels[o]?.state==="minimized";a(c=>{let d=c.panels[o];if(!d||d.state!=="minimized")return c;let C=c.minimized.filter(te=>te.id!==o);if((d.previousState||"docked")==="floating"){l.current+=1;let te=g.get(d.component),re=d.lastFloatingRect||te?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},ee=V(re,c.floating);return{...c,minimized:C,floating:[...c.floating,{...ee,id:o,z:l.current,anchor:d.lastFloatingRect?.anchor??null}],panels:{...c.panels,[o]:{...d,state:"floating"}}}}else{let te=(Re,r)=>Re.type==="leaf"?Re.id===r:Re.children.some(z=>te(z,r)),re=d.lastLeafId&&te(c.gridRoot,d.lastLeafId),ee=g.get(d.component),ae=ee?.defaultOptions?.canDrag!==!1;if(re)return{...c,minimized:C,gridRoot:ie(c.gridRoot,d.lastLeafId,o),panels:{...c.panels,[o]:{...d,state:"docked"}}};if(ae){l.current+=1;let Re=d.lastFloatingRect||ee?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},r=V(Re,c.floating);return{...c,minimized:C,floating:[...c.floating,{...r,id:o,z:l.current,anchor:d.lastFloatingRect?.anchor??null}],panels:{...c.panels,[o]:{...d,state:"floating"}}}}else{let Re=ye(c.gridRoot)||"group-default";return{...c,minimized:C,gridRoot:ie(c.gridRoot,Re,o),panels:{...c.panels,[o]:{...d,state:"docked"}}}}}}),h&&D.current.publish("panel:restored",{id:o})},[V]),Ce=(0,O.useCallback)((o,h,c)=>{a(d=>{let C=d.panels[o];if(!C||g.get(C.component)?.defaultOptions?.canDrag===!1)return d;let te=g.get(C.component),re=h||te?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},ee=U(d.gridRoot,o);l.current+=1;let ae=V(re,d.floating);return{...d,gridRoot:ee||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:[...d.floating,{...ae,id:o,z:l.current,anchor:c??null}],panels:{...d.panels,[o]:{...C,state:"floating"}}}})},[V]),ze=(0,O.useCallback)((o,h)=>{a(c=>{let d=c.panels[o];if(!d)return c;let C=c.floating.filter(re=>re.id!==o),B=U(c.gridRoot,o),te=h||ye(B||c.gridRoot)||"group-default";return{...c,gridRoot:ie(B||c.gridRoot,te,o),floating:C,panels:{...c.panels,[o]:{...d,state:"docked"}}}})},[]),Ie=(o,h,c,d,C)=>{if(o.type==="leaf"){if(o.id===h){let B={type:"leaf",id:`group-split-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[c],activePanelId:c},te=d==="left"||d==="right"?"horizontal":"vertical",re=d==="left"||d==="top"?[B,o]:[o,B],ee=d==="left"||d==="top"?[C,1-C]:[1-C,C];return{type:"branch",orientation:te,sizes:ee,children:re}}return o}else return{...o,children:o.children.map(B=>Ie(B,h,c,d,C))}},Ae=(0,O.useCallback)(o=>{a(h=>({...h,draggedPanelId:o}))},[]),Ct=(0,O.useCallback)((o,h,c)=>{a(d=>{let C=d.panels[o];if(!C)return d;let B=d.floating.filter(ee=>ee.id!==o),te=U(d.gridRoot,o),re;return c==="center"?re=ie(te||d.gridRoot,h,o):re=Ie(te||d.gridRoot,h,o,c,d.splitRatio),{...d,gridRoot:re,floating:B,panels:{...d.panels,[o]:{...C,state:"docked"}},draggedPanelId:null}})},[]),Mt=(0,O.useCallback)((o,h)=>{a(c=>{let d=c.panels[o];if(!d)return c;let C=c.floating.filter(r=>r.id!==o),B=U(c.gridRoot,o),te={type:"leaf",id:`group-edge-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[o],activePanelId:o},re=h==="left"||h==="right"?"horizontal":"vertical",ee=h==="left"||h==="top"?[te,B||c.gridRoot]:[B||c.gridRoot,te],ae=c.edgeSplitRatio,Re={type:"branch",orientation:re,sizes:h==="left"||h==="top"?[ae,1-ae]:[1-ae,ae],children:ee};return{...c,gridRoot:Re,floating:C,panels:{...c.panels,[o]:{...d,state:"docked"}},draggedPanelId:null}})},[]),Ft=(0,O.useCallback)((o,h,c)=>{a(d=>{let C=d.panels[o];if(!C)return d;let B=U(d.gridRoot,o),te=ae=>{if(ae.type==="leaf"){if(ae.id===h){let Re=ae.panels.filter(v=>v!==o),r=Math.max(0,Math.min(c,Re.length)),z=[...Re];return z.splice(r,0,o),{...ae,panels:z,activePanelId:o}}return ae}else return{...ae,children:ae.children.map(te)}},re=te(B||d.gridRoot),ee=d.floating.filter(ae=>ae.id!==o);return{...d,gridRoot:re,floating:ee,panels:{...d.panels,[o]:{...C,state:"docked"}},draggedPanelId:null}})},[]),dt=(0,O.useCallback)(o=>{a(h=>{let c=C=>{if(C.type==="leaf")return C.id===o&&C.canClose!==!1?null:C;{let B=C.children.map(ee=>c(ee)).filter(ee=>ee!==null);if(B.length===0)return null;if(B.length===1)return B[0];let te=C.sizes.slice(0,B.length),re=te.reduce((ee,ae)=>ee+ae,0);return{...C,children:B,sizes:te.map(ee=>ee/re)}}},d=c(h.gridRoot);return{...h,gridRoot:d||{type:"leaf",id:"group-default",panels:[],activePanelId:null}}})},[]),We=(0,O.useCallback)(o=>{a(h=>({...h,floating:h.floating.map(c=>c.id===o?{...c,maximized:!c.maximized}:c)}))},[]),_t=(0,O.useCallback)((o,h)=>{let c=(d,C)=>{if(d.type==="leaf")return d;if(C===o.length)return{...d,sizes:h};let B=o[C],te=d.children.map((re,ee)=>ee===B?c(re,C+1):re);return{...d,children:te}};a(d=>({...d,gridRoot:c(d.gridRoot,0)}))},[]),Ht=(0,O.useCallback)((o,h)=>{a(c=>({...c,floating:c.floating.map(d=>d.id===o?{...d,...h}:d)}))},[]),ut=(0,O.useCallback)(()=>JSON.stringify({gridRoot:M.current.gridRoot,floating:M.current.floating,minimized:M.current.minimized,panels:M.current.panels}),[]),nt=(0,O.useCallback)(o=>{try{let h=JSON.parse(o);if(h.gridRoot&&h.floating&&h.minimized&&h.panels){let c=h.floating.map(C=>{if("stickyRight"in C||"stickyBottom"in C){let B=C.stickyRight&&C.stickyBottom?"bottom-right":C.stickyRight?"top-right":C.stickyBottom?"bottom-left":null,{stickyRight:te,stickyBottom:re,...ee}=C;return{...ee,anchor:B}}return C}),d=Object.keys(h.panels)[0]||null;return a(C=>({...C,gridRoot:h.gridRoot,floating:c,minimized:h.minimized,panels:h.panels,draggedPanelId:null,activePanelId:d})),!0}return!1}catch(h){return console.error("Failed to parse layout configuration:",h),!1}},[]),Rt=(0,O.useCallback)(o=>{a(h=>h.activePanelId===o?h:{...h,activePanelId:o})},[]),Bt=(0,O.useCallback)(o=>{a(h=>h.dir===o?h:{...h,dir:o,isRtl:o==="rtl"})},[]),Ze=(0,O.useCallback)(o=>o in M.current.panels,[]),Xe=(0,O.useCallback)(()=>Object.keys(M.current.panels),[]);(0,O.useEffect)(()=>{S&&a(o=>o.dir===S?o:{...o,dir:S,isRtl:S==="rtl"})},[S]);let Tt=(0,O.useRef)(new Map),kt=(0,O.useRef)(null),St=(0,O.useCallback)(o=>(kt.current=o,()=>{kt.current=null}),[]),ot=(0,O.useCallback)(o=>{kt.current?.(o)},[]),rt=(0,O.useCallback)((o,h)=>(Tt.current.set(o,h),()=>{Tt.current.delete(o)}),[]),it=(0,O.useCallback)(o=>Tt.current.get(o)?.()??[],[]),Ke=(0,O.useMemo)(()=>({openPanel:ge,closePanel:ne,minimizePanel:fe,restorePanel:Pe,floatPanel:Ce,dockPanel:ze,maximizePanel:We,updateSplitSizes:_t,updateFloatingPosition:Ht,focusPanel:se,isOpen:Ze,getOpenPanelIds:Xe,saveLayout:ut,loadLayout:nt,publish:X,subscribe:L,setDraggedPanelId:Ae,dockPanelToGroup:Ct,movePanelOrder:Ft,closeLeafGroup:dt,registerCloseGuard:N,unregisterCloseGuard:f,setPanelDirty:Y,updatePanelTitle:Q,requestClosePanel:j,dockPanelToWorkspaceEdge:Mt,setActivePanel:Rt,setDirection:Bt,registerPanelContextMenu:rt,getPanelContextMenuItems:it,showContextMenu:ot,registerContextMenuFn:St}),[ge,ne,fe,Pe,Ce,ze,We,_t,Ht,se,Ze,Xe,ut,nt,X,L,Ae,Ct,Ft,dt,N,f,Y,Q,j,Mt,Rt,Bt,rt,it,ot,St]),$t=o=>{let h=o.defaultMessage||o.id;return o.values&&Object.entries(o.values).forEach(([c,d])=>{h=h.replace(`{${c}}`,String(d))}),h},an=(0,O.useMemo)(()=>({modalClass:x,modalBodyClass:W,sidePanelClass:m,sidePanelBodyClass:T,windowClass:w,windowBodyClass:y}),[x,W,m,T,w,y]);(0,O.useEffect)(()=>{if(process.env.NODE_ENV==="development")try{getComputedStyle(document.documentElement).getPropertyValue("--rdd-styles-loaded").trim()!=="1"&&console.error(`[react-dockable-desktop] styles.css is not imported.
|
|
1
|
+
"use strict";var Oo=Object.create;var qt=Object.defineProperty;var Ao=Object.getOwnPropertyDescriptor;var Fo=Object.getOwnPropertyNames;var _o=Object.getPrototypeOf,Ho=Object.prototype.hasOwnProperty;var Bo=(e,t)=>{for(var n in t)qt(e,n,{get:t[n],enumerable:!0})},In=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let p of Fo(t))!Ho.call(e,p)&&p!==n&&qt(e,p,{get:()=>t[p],enumerable:!(o=Ao(t,p))||o.enumerable});return e};var gn=(e,t,n)=>(n=e!=null?Oo(_o(e)):{},In(t||!e||!e.__esModule?qt(n,"default",{value:e,enumerable:!0}):n,e)),$o=e=>In(qt({},"__esModule",{value:!0}),e);var Rr={};Bo(Rr,{ConfirmationForm:()=>Je,ContextMenu:()=>Jt,ContextMenuProvider:()=>Qt,DefaultContextMenuAdapter:()=>ut,DockableDesktopProvider:()=>ro,FormContainerContext:()=>Kt,FormContainerProvider:()=>Ze,LeftPanelRenderer:()=>so,ModalStackRenderer:()=>io,PanelContributionProvider:()=>an,PanelFloatingWindow:()=>kn,PanelOverlayRoot:()=>Mo,PanelProvider:()=>tn,PanelRegistry:()=>Dt,PanelRegistryClass:()=>ct,PanelToolbar:()=>To,PanelToolbarItem:()=>Lo,PanelToolbarSeparator:()=>Io,RightPanelRenderer:()=>ao,SidePanelRenderer:()=>lo,Sidebar:()=>go,ToastContainer:()=>yo,Toolbar:()=>bo,ToolbarButton:()=>So,ToolbarCenter:()=>No,ToolbarProvider:()=>_t,ToolbarSearchInput:()=>zo,ToolbarSpacer:()=>Eo,ToolbarToggle:()=>ko,WindowManager:()=>jn,WindowManagerProvider:()=>jt,WorkspaceClient:()=>sn,computeResizedRect:()=>kt,defaultPredefinedMessages:()=>Ct,formatLabel:()=>he,sidebarSectionToTab:()=>Rn,startPointerDrag:()=>Ve,toast:()=>vo,useActivePanelContribution:()=>ln,useColorScheme:()=>on,useFormContainer:()=>dt,useFormatMessage:()=>Fe,useMergedSidebarTabs:()=>to,useMergedToolbarItems:()=>eo,usePanelActions:()=>Ue,usePanelContext:()=>Fn,usePanelContextMenu:()=>_n,usePanelContribution:()=>Qn,usePanelFloatingWindow:()=>Do,usePanelFloatingWindowManager:()=>Wo,usePanelId:()=>Wt,usePanelSize:()=>En,usePanelState:()=>Xe,usePredefinedMessages:()=>Be,useRegistry:()=>Rt,useShowContextMenu:()=>$n,useSidebar:()=>mo,useSidebarTab:()=>fo,useStyleClasses:()=>Ye,useToolbar:()=>Ht,useWindowManagerActions:()=>Mt,useWindowManagerState:()=>De});module.exports=$o(Rr);var K=gn(require("react"),1),Pn=require("react-dom");var D=require("react");var xt=require("react"),Go={requestClose:()=>{console.warn("FormContainerContract: requestClose called but no container is present")},setDirty:()=>{},onCloseRequested:()=>()=>{},setTitle:()=>{},setIcon:()=>{},containerType:"standalone",instanceId:"standalone",onClose:()=>()=>{},onMinimize:()=>()=>{},onRestore:()=>()=>{},onResize:()=>()=>{},requestMinimize:()=>{},getDimensions:()=>null,onActivate:()=>()=>{},onDeactivate:()=>()=>{},onContainerTypeChange:()=>()=>{}},Kt=(0,xt.createContext)(Go),Ze=Kt.Provider,dt=()=>(0,xt.useContext)(Kt),En=()=>{let{onResize:e,getDimensions:t}=dt();return(0,xt.useSyncExternalStore)(n=>e?e(()=>n()):()=>{},()=>t?t():null)};var ct=class{registry=new Map;register(t,n,o){this.registry.set(t,{Component:n,defaultOptions:o})}get(t){return this.registry.get(t)}getRegisteredIds(){return Array.from(this.registry.keys())}},Dt=new ct;var Ct={floatWindow:{id:"dockable-desktop-floatWindow",defaultMessage:"Float Window"},minimizePanel:{id:"dockable-desktop-minimizePanel",defaultMessage:"Minimize Panel"},closeTab:{id:"dockable-desktop-closeTab",defaultMessage:"Close Tab"},restorePanel:{id:"dockable-desktop-restorePanel",defaultMessage:"Restore Panel"},maximizePanel:{id:"dockable-desktop-maximizePanel",defaultMessage:"Maximize Panel"},closePanel:{id:"dockable-desktop-closePanel",defaultMessage:"Close Panel"},dockWindow:{id:"dockable-desktop-dockWindow",defaultMessage:"Dock Window"},minimize:{id:"dockable-desktop-minimize",defaultMessage:"Minimize"},maximize:{id:"dockable-desktop-maximize",defaultMessage:"Maximize"},restoreSize:{id:"dockable-desktop-restoreSize",defaultMessage:"Restore Size"},close:{id:"dockable-desktop-close",defaultMessage:"Close"},closeEmptyGroup:{id:"dockable-desktop-closeEmptyGroup",defaultMessage:"Close empty split group"},unsavedChangesTitle:{id:"dockable-desktop-unsavedChangesTitle",defaultMessage:"Unsaved Changes"},unsavedChangesMessage:{id:"dockable-desktop-unsavedChangesMessage",defaultMessage:'"{title}" has unsaved changes. Do you want to discard your changes and close?'},discardChanges:{id:"dockable-desktop-discardChanges",defaultMessage:"Discard Changes"},cancel:{id:"dockable-desktop-cancel",defaultMessage:"Cancel"},yes:{id:"dockable-desktop-yes",defaultMessage:"Yes"},no:{id:"dockable-desktop-no",defaultMessage:"No"},ok:{id:"dockable-desktop-ok",defaultMessage:"OK"},closePanelTooltip:{id:"dockable-desktop-closePanelTooltip",defaultMessage:"Close panel"},closeTooltip:{id:"dockable-desktop-closeTooltip",defaultMessage:"Close"}};var je=require("react/jsx-runtime"),wt=(0,D.createContext)(null),Zt=(0,D.createContext)(null),Nn=(0,D.createContext)(null),zn=(0,D.createContext)(null),Dn=(0,D.createContext)(Ct),Wn=(0,D.createContext)({}),Ye=()=>(0,D.useContext)(Wn),On=(0,D.createContext)(Dt),Rt=()=>(0,D.useContext)(On),mn=class{listeners={};subscribe(t,n){return this.listeners[t]||(this.listeners[t]=[]),this.listeners[t].push(n),()=>{this.listeners[t]=this.listeners[t].filter(o=>o!==n)}}publish(t,n){this.listeners[t]&&this.listeners[t].forEach(o=>o(n))}},Yo={type:"leaf",id:"group-default",panels:[],activePanelId:null};function An(e){if(!e||!e.gridRoot||!Array.isArray(e.floating)||!Array.isArray(e.minimized)||!e.panels)return null;let t=e.floating.map(n=>{if("stickyRight"in n||"stickyBottom"in n){let o=n.stickyRight&&n.stickyBottom?"bottom-right":n.stickyRight?"top-right":n.stickyBottom?"bottom-left":null,{stickyRight:p,stickyBottom:s,...T}=n;return{...T,anchor:o}}return n});return{gridRoot:e.gridRoot,floating:t,minimized:e.minimized,panels:e.panels}}function Xo(e){if(e)try{let t=An(JSON.parse(e));if(t)return{...t,activePanelId:Object.keys(t.panels)[0]??null}}catch{}return{gridRoot:Yo,floating:[],minimized:[],panels:{},activePanelId:null}}var jt=({children:e,client:t,formatMessage:n,predefinedMessages:o,dir:p,modalClass:s,modalBodyClass:T,sidePanelClass:h,sidePanelBodyClass:w,windowClass:y,windowBodyClass:v,zIndexBase:b})=>{let R=(0,D.useRef)(t?.registry??Dt).current,I=t?.config.formatMessage??n,k=t?.config.predefinedMessages??o,L=t?.config.dir??p,d=t?.config.zIndexBase??b??1e3,[E,a]=(0,D.useState)(()=>({...Xo(t?.initialState??null),draggedPanelId:null,dir:L||"ltr",isRtl:L==="rtl",splitRatio:Math.min(.9,Math.max(.1,t?.config.defaultSplitRatio??.5)),edgeSplitRatio:Math.min(.9,Math.max(.1,t?.config.defaultEdgeSplitRatio??.2))})),f=(0,D.useRef)(E);f.current=E;let C=(0,D.useRef)(new Set);(0,D.useEffect)(()=>{C.current.forEach(r=>r())},[E]);let O=(0,D.useCallback)(()=>f.current,[]),$=(0,D.useCallback)(r=>(C.current.add(r),()=>C.current.delete(r)),[]),F=(0,D.useRef)({}),l=(0,D.useMemo)(()=>({...Ct,...k}),[k]),M=(0,D.useRef)(new mn),Y=(0,D.useRef)(d);(0,D.useEffect)(()=>(document.documentElement.style.setProperty("--rdd-z-base",String(d)),()=>{document.documentElement.style.removeProperty("--rdd-z-base")}),[d]);let Q=(0,D.useCallback)((r,P)=>M.current.subscribe(r,P),[]),j=(0,D.useCallback)((r,P)=>{M.current.publish(r,P)},[]),se=(0,D.useCallback)((r,P)=>{let c=typeof r.x=="string"?parseFloat(r.x):r.x,u=typeof r.y=="string"?parseFloat(r.y):r.y,H=typeof r.width=="string"?parseFloat(r.width):r.width,A=typeof r.height=="string"?parseFloat(r.height):r.height;isNaN(c)&&(c=300),isNaN(u)&&(u=150),isNaN(H)&&(H=450),isNaN(A)&&(A=350);let ee=S=>P.some(m=>{let x=typeof m.x=="string"?parseFloat(m.x):m.x,G=typeof m.y=="string"?parseFloat(m.y):m.y;return!m.maximized&&Math.abs(x-S.x)<20&&Math.abs(G-S.y)<20}),oe=0;for(;ee({x:c,y:u})&&oe<10;)c+=30,u+=30,oe++;let te=Math.max(100,window.innerWidth||1024),i=Math.max(100,window.innerHeight||768);return(c+H>te||u+A>i)&&(c=100+oe%5*30,u=100+oe%5*30),c=Math.max(0,Math.min(c,te-100)),u=Math.max(0,Math.min(u,i-40)),{x:c,y:u,width:H,height:A}},[]),re=(0,D.useCallback)(r=>{a(P=>{let c=P.panels[r];if(!c)return P;if(c.state==="floating"){let u=P.floating.find(A=>A.id===r);if(!u)return P;let H=!P.floating.some(A=>A.z>u.z);return H&&P.activePanelId===r?P:(H||(Y.current+=1),{...P,floating:P.floating.map(A=>A.id===r?{...A,z:H?u.z:Y.current}:A),activePanelId:r})}else if(c.state==="docked"){if(P.activePanelId===r)return P;let u=H=>H.type==="leaf"?H.panels.includes(r)?{...H,activePanelId:r}:H:{...H,children:H.children.map(u)};return{...P,gridRoot:u(P.gridRoot),activePanelId:r}}return P.activePanelId===r?P:{...P,activePanelId:r}})},[]),ue=(r,P)=>{if(r.type==="leaf"){let c=r.panels.indexOf(P);if(c===-1)return r;let u=r.panels.filter(ee=>ee!==P),H=r.activePanelId===P?u[c]||u[c-1]||u[0]||null:r.activePanelId,A={...r,panels:u,activePanelId:H};return u.length===0&&!r.keepOnEmpty?null:A}else{let c=r.children.map(A=>ue(A,P)).filter(A=>A!==null);if(c.length===0)return null;if(c.length===1)return c[0];let u=r.sizes.slice(0,c.length),H=u.reduce((A,ee)=>A+ee,0);return{...r,children:c,sizes:u.map(A=>A/H)}}},pe=(r,P,c)=>{if(r.type==="leaf"){if(r.id===P){let u=r.panels.includes(c)?r.panels:[...r.panels,c];return{...r,panels:u,activePanelId:c}}return r}else return{...r,children:r.children.map(u=>pe(u,P,c))}},_=r=>{if(r.type==="leaf")return r.id;for(let P of r.children){let c=_(P);if(c)return c}return null},W=(0,D.useCallback)((r,P,c)=>{let u=!(r in f.current.panels),H=c?.focus!==!1;a(A=>{let ee=A.panels[r],oe=R.get(P),te=c?.title||c?.title||oe?.defaultOptions?.title||r,i=c?.initialTarget||oe?.defaultOptions?.initialTarget||"docked",S=oe?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},m=H?r:A.activePanelId;if(ee)if(ee.state==="minimized"){let q=A.minimized.filter(N=>N.id!==r);if(i==="floating"||!A.gridRoot){Y.current+=1;let N=se(S,A.floating);return{...A,minimized:q,floating:[...A.floating,{...N,id:r,z:Y.current}],panels:{...A.panels,[r]:{...ee,state:"floating"}},activePanelId:m}}else{let N=_(A.gridRoot)||"group-default";return{...A,minimized:q,gridRoot:pe(A.gridRoot,N,r),panels:{...A.panels,[r]:{...ee,state:"docked"}},activePanelId:m}}}else{if(ee.state==="floating")return H&&re(r),A;{let q=N=>N.type==="leaf"?N.panels.includes(r)?{...N,activePanelId:r}:N:{...N,children:N.children.map(q)};return{...A,gridRoot:q(A.gridRoot),activePanelId:m}}}let G={id:r,title:te,component:P,state:i==="tabbed"?"docked":i},V={...A.panels,[r]:G};if(i==="floating"){Y.current+=1;let q=se(S,A.floating),N=c?.anchor??oe?.defaultOptions?.defaultAnchor??null;return{...A,floating:[...A.floating,{...q,id:r,z:Y.current,anchor:N}],panels:V,activePanelId:m}}else{let q=_(A.gridRoot)||"group-default";return{...A,gridRoot:pe(A.gridRoot,q,r),panels:V,activePanelId:m}}}),u&&M.current.publish("panel:opened",{id:r,component:P})},[se,re]),z=(0,D.useCallback)(r=>{let P=r in f.current.panels;a(c=>{let u=c.panels[r];if(!u||R.get(u.component)?.defaultOptions?.canClose===!1)return c;delete F.current[r];let A={...c.panels};delete A[r];let ee=ue(c.gridRoot,r);return{...c,gridRoot:ee||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:c.floating.filter(oe=>oe.id!==r),minimized:c.minimized.filter(oe=>oe.id!==r),panels:A}}),P&&M.current.publish("panel:closed",{id:r})},[]),Z=(0,D.useCallback)((r,P)=>{F.current[r]=P},[]),B=(0,D.useCallback)(r=>{delete F.current[r]},[]),ie=(0,D.useCallback)((r,P,c)=>{a(u=>{let H=u.panels[r];return H?{...u,panels:{...u.panels,[r]:{...H,dirty:P,dirtyOptions:c}}}:u})},[]),ve=(0,D.useCallback)((r,P)=>{a(c=>{let u=c.panels[r];return u?{...c,panels:{...c.panels,[r]:{...u,title:P}}}:c})},[]),Pe=(0,D.useCallback)(async(r,P)=>{if(P?.force){z(r);return}let c=F.current[r];if(c&&!await c())return;let u=f.current.panels[r];if(u?.dirty)if(P?.onConfirm){if(!await P.onConfirm(u.dirtyOptions))return}else return;z(r)},[z]),Oe=(0,D.useCallback)(r=>{let P=f.current.panels[r]?.state!=="minimized"&&r in f.current.panels;a(c=>{let u=c.panels[r];if(!u||u.state==="minimized"||R.get(u.component)?.defaultOptions?.canMinimize===!1)return c;let A,ee;if(u.state==="floating"){let te=c.floating.find(i=>i.id===r);te&&(A={x:Number(te.x),y:Number(te.y),width:Number(te.width),height:Number(te.height),anchor:te.anchor??null})}else if(u.state==="docked"){let te=i=>{if(i.type==="leaf")return i.panels.includes(r)?i.id:null;for(let S of i.children){let m=te(S);if(m)return m}return null};ee=te(c.gridRoot)??void 0}let oe=ue(c.gridRoot,r);return{...c,gridRoot:oe||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:c.floating.filter(te=>te.id!==r),minimized:[...c.minimized,{id:r,title:u.title,component:u.component}],panels:{...c.panels,[r]:{...u,state:"minimized",previousState:u.state,lastFloatingRect:A,lastLeafId:ee}}}}),P&&M.current.publish("panel:minimized",{id:r})},[]),$e=(0,D.useCallback)(r=>{let P=f.current.panels[r]?.state==="minimized";a(c=>{let u=c.panels[r];if(!u||u.state!=="minimized")return c;let H=c.minimized.filter(ee=>ee.id!==r);if((u.previousState||"docked")==="floating"){Y.current+=1;let ee=R.get(u.component),oe=u.lastFloatingRect||ee?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},te=se(oe,c.floating);return{...c,minimized:H,floating:[...c.floating,{...te,id:r,z:Y.current,anchor:u.lastFloatingRect?.anchor??null}],panels:{...c.panels,[r]:{...u,state:"floating"}}}}else{let ee=(S,m)=>S.type==="leaf"?S.id===m:S.children.some(x=>ee(x,m)),oe=u.lastLeafId&&ee(c.gridRoot,u.lastLeafId),te=R.get(u.component),i=te?.defaultOptions?.canDrag!==!1;if(oe)return{...c,minimized:H,gridRoot:pe(c.gridRoot,u.lastLeafId,r),panels:{...c.panels,[r]:{...u,state:"docked"}}};if(i){Y.current+=1;let S=u.lastFloatingRect||te?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},m=se(S,c.floating);return{...c,minimized:H,floating:[...c.floating,{...m,id:r,z:Y.current,anchor:u.lastFloatingRect?.anchor??null}],panels:{...c.panels,[r]:{...u,state:"floating"}}}}else{let S=_(c.gridRoot)||"group-default";return{...c,minimized:H,gridRoot:pe(c.gridRoot,S,r),panels:{...c.panels,[r]:{...u,state:"docked"}}}}}}),P&&M.current.publish("panel:restored",{id:r})},[se]),Ae=(0,D.useCallback)((r,P,c)=>{a(u=>{let H=u.panels[r];if(!H||R.get(H.component)?.defaultOptions?.canDrag===!1)return u;let ee=R.get(H.component),oe=P||ee?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},te=ue(u.gridRoot,r);Y.current+=1;let i=se(oe,u.floating);return{...u,gridRoot:te||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:[...u.floating,{...i,id:r,z:Y.current,anchor:c??null}],panels:{...u.panels,[r]:{...H,state:"floating"}}}})},[se]),He=(0,D.useCallback)((r,P)=>{a(c=>{let u=c.panels[r];if(!u)return c;let H=c.floating.filter(oe=>oe.id!==r),A=ue(c.gridRoot,r),ee=P||_(A||c.gridRoot)||"group-default";return{...c,gridRoot:pe(A||c.gridRoot,ee,r),floating:H,panels:{...c.panels,[r]:{...u,state:"docked"}}}})},[]),tt=(r,P,c,u,H)=>{if(r.type==="leaf"){if(r.id===P){let A={type:"leaf",id:`group-split-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[c],activePanelId:c},ee=u==="left"||u==="right"?"horizontal":"vertical",oe=u==="left"||u==="top"?[A,r]:[r,A],te=u==="left"||u==="top"?[H,1-H]:[1-H,H];return{type:"branch",orientation:ee,sizes:te,children:oe}}return r}else return{...r,children:r.children.map(A=>tt(A,P,c,u,H))}},nt=(0,D.useCallback)(r=>{a(P=>({...P,draggedPanelId:r}))},[]),Lt=(0,D.useCallback)((r,P,c)=>{a(u=>{let H=u.panels[r];if(!H)return u;let A=u.floating.filter(te=>te.id!==r),ee=ue(u.gridRoot,r),oe;return c==="center"?oe=pe(ee||u.gridRoot,P,r):oe=tt(ee||u.gridRoot,P,r,c,u.splitRatio),{...u,gridRoot:oe,floating:A,panels:{...u.panels,[r]:{...H,state:"docked"}},draggedPanelId:null}})},[]),Bt=(0,D.useCallback)((r,P)=>{a(c=>{let u=c.panels[r];if(!u)return c;let H=c.floating.filter(m=>m.id!==r),A=ue(c.gridRoot,r),ee={type:"leaf",id:`group-edge-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[r],activePanelId:r},oe=P==="left"||P==="right"?"horizontal":"vertical",te=P==="left"||P==="top"?[ee,A||c.gridRoot]:[A||c.gridRoot,ee],i=c.edgeSplitRatio,S={type:"branch",orientation:oe,sizes:P==="left"||P==="top"?[i,1-i]:[1-i,i],children:te};return{...c,gridRoot:S,floating:H,panels:{...c.panels,[r]:{...u,state:"docked"}},draggedPanelId:null}})},[]),gt=(0,D.useCallback)((r,P,c)=>{a(u=>{let H=u.panels[r];if(!H)return u;let A=ue(u.gridRoot,r),ee=i=>{if(i.type==="leaf"){if(i.id===P){let S=i.panels.filter(G=>G!==r),m=Math.max(0,Math.min(c,S.length)),x=[...S];return x.splice(m,0,r),{...i,panels:x,activePanelId:r}}return i}else return{...i,children:i.children.map(ee)}},oe=ee(A||u.gridRoot),te=u.floating.filter(i=>i.id!==r);return{...u,gridRoot:oe,floating:te,panels:{...u.panels,[r]:{...H,state:"docked"}},draggedPanelId:null}})},[]),Ie=(0,D.useCallback)(r=>{a(P=>{let c=H=>{if(H.type==="leaf")return H.id===r&&H.canClose!==!1?null:H;{let A=H.children.map(te=>c(te)).filter(te=>te!==null);if(A.length===0)return null;if(A.length===1)return A[0];let ee=H.sizes.slice(0,A.length),oe=ee.reduce((te,i)=>te+i,0);return{...H,children:A,sizes:ee.map(te=>te/oe)}}},u=c(P.gridRoot);return{...P,gridRoot:u||{type:"leaf",id:"group-default",panels:[],activePanelId:null}}})},[]),$t=(0,D.useCallback)(r=>{a(P=>({...P,floating:P.floating.map(c=>c.id===r?{...c,maximized:!c.maximized}:c)}))},[]),Gt=(0,D.useCallback)((r,P)=>{let c=(u,H)=>{if(u.type==="leaf")return u;if(H===r.length)return{...u,sizes:P};let A=r[H],ee=u.children.map((oe,te)=>te===A?c(oe,H+1):oe);return{...u,children:ee}};a(u=>({...u,gridRoot:c(u.gridRoot,0)}))},[]),mt=(0,D.useCallback)((r,P)=>{a(c=>({...c,floating:c.floating.map(u=>u.id===r?{...u,...P}:u)}))},[]),ot=(0,D.useCallback)(()=>{let r={version:1,gridRoot:f.current.gridRoot,floating:f.current.floating,minimized:f.current.minimized,panels:f.current.panels};return JSON.stringify(r)},[]),Nt=(0,D.useCallback)(r=>{try{let P=An(JSON.parse(r));if(!P)return!1;let c=Object.keys(P.panels)[0]||null;return a(u=>({...u,gridRoot:P.gridRoot,floating:P.floating,minimized:P.minimized,panels:P.panels,draggedPanelId:null,activePanelId:c})),!0}catch(P){return console.error("Failed to parse layout configuration:",P),!1}},[]),Yt=(0,D.useCallback)(r=>{a(P=>P.activePanelId===r?P:{...P,activePanelId:r})},[]),Ke=(0,D.useCallback)(r=>{a(P=>P.dir===r?P:{...P,dir:r,isRtl:r==="rtl"})},[]),Ge=(0,D.useCallback)(r=>r in f.current.panels,[]),Xt=(0,D.useCallback)(()=>Object.keys(f.current.panels),[]);(0,D.useEffect)(()=>{L&&a(r=>r.dir===L?r:{...r,dir:L,isRtl:L==="rtl"})},[L]);let zt=(0,D.useRef)(new Map),ft=(0,D.useRef)(null),rt=(0,D.useCallback)(r=>(ft.current=r,()=>{ft.current=null}),[]),it=(0,D.useCallback)(r=>{ft.current?.(r)},[]),st=(0,D.useCallback)((r,P)=>(zt.current.set(r,P),()=>{zt.current.delete(r)}),[]),at=(0,D.useCallback)(r=>zt.current.get(r)?.()??[],[]),ht=(0,D.useMemo)(()=>({openPanel:W,closePanel:z,minimizePanel:Oe,restorePanel:$e,floatPanel:Ae,dockPanel:He,maximizePanel:$t,updateSplitSizes:Gt,updateFloatingPosition:mt,focusPanel:re,isOpen:Ge,getOpenPanelIds:Xt,saveLayout:ot,loadLayout:Nt,publish:j,subscribe:Q,setDraggedPanelId:nt,dockPanelToGroup:Lt,movePanelOrder:gt,closeLeafGroup:Ie,registerCloseGuard:Z,unregisterCloseGuard:B,setPanelDirty:ie,updatePanelTitle:ve,requestClosePanel:Pe,dockPanelToWorkspaceEdge:Bt,setActivePanel:Yt,setDirection:Ke,registerPanelContextMenu:st,getPanelContextMenuItems:at,showContextMenu:it,registerContextMenuFn:rt}),[W,z,Oe,$e,Ae,He,$t,Gt,mt,re,Ge,Xt,ot,Nt,j,Q,nt,Lt,gt,Ie,Z,B,ie,ve,Pe,Bt,Yt,Ke,st,at,it,rt]),cn=r=>{let P=r.defaultMessage||r.id;return r.values&&Object.entries(r.values).forEach(([c,u])=>{P=P.replace(`{${c}}`,String(u))}),P},Vt=(0,D.useMemo)(()=>({modalClass:s,modalBodyClass:T,sidePanelClass:h,sidePanelBodyClass:w,windowClass:y,windowBodyClass:v}),[s,T,h,w,y,v]);(0,D.useEffect)(()=>{if(process.env.NODE_ENV==="development")try{getComputedStyle(document.documentElement).getPropertyValue("--rdd-styles-loaded").trim()!=="1"&&console.error(`[react-dockable-desktop] styles.css is not imported.
|
|
2
2
|
Add this to your entry file (main.tsx / index.tsx):
|
|
3
3
|
import 'react-dockable-desktop/styles.css'
|
|
4
|
-
Without it the workspace renders as a black screen with no console errors.`)}catch{}},[]),(0,O.useEffect)(()=>{if(t)return t._connect(Ke),()=>{t._disconnect()}},[t,Ke]);let Yt=(0,O.useMemo)(()=>({getSnapshot:b,subscribeToState:R}),[b,R]);return(0,Ue.jsx)(Ln.Provider,{value:an,children:(0,Ue.jsx)(Nn.Provider,{value:g,children:(0,Ue.jsx)(En.Provider,{value:Yt,children:(0,Ue.jsx)(vt.Provider,{value:I,children:(0,Ue.jsx)(jt.Provider,{value:Ke,children:(0,Ue.jsx)(Sn.Provider,{value:F||$t,children:(0,Ue.jsx)(In.Provider,{value:k,children:e})})})})})})})},kn=e=>()=>{};function $e(e){let t=(0,O.useContext)(vt),n=(0,O.useContext)(En),i=(0,O.useRef)(e);i.current=e;let s=(0,O.useSyncExternalStore)(e?n?.subscribeToState??kn:kn,()=>{let x=n?.getSnapshot()??t;return i.current?i.current(x):x},()=>{let x=n?.getSnapshot()??t;return i.current?i.current(x):x});if(!t)throw new Error("useWindowManagerState must be used within WindowManagerProvider");return e?s:t}var yt=()=>{let e=(0,O.useContext)(jt);if(!e)throw new Error("useWindowManagerActions must be used within WindowManagerProvider");return e},un=()=>{let e=(0,O.useContext)(jt);if(!e)throw new Error("useWindowManagerActionsInternal must be used within WindowManagerProvider");return e},He=()=>(0,O.useContext)(Sn)||(t=>{let n=t.defaultMessage||t.id;return t.values&&Object.entries(t.values).forEach(([i,s])=>{n=n.replace(`{${i}}`,String(s))}),n}),ve=(e,t)=>e?typeof e=="string"?e:t(e):"",zn=()=>{let{publish:e,subscribe:t}=yt();return{publish:e,subscribe:t}},Ye=()=>(0,O.useContext)(In),pn=()=>mt().instanceId;function Wn(e){let t=(0,O.useContext)(jt),n=pn(),i=(0,O.useRef)(e);i.current=e,(0,O.useEffect)(()=>{if(!(!t?.registerPanelContextMenu||!n))return t.registerPanelContextMenu(n,()=>i.current)},[n,t?.registerPanelContextMenu])}var be=cn(require("react"),1),gn=require("react-dom"),de=require("react/jsx-runtime");function _o(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 Pt(e,t){return typeof e=="string"?e:t?t(e):e.defaultMessage??e.id}function fn(e){return"separator"in e}function Jt(e){return!fn(e)&&"items"in e}var On=(0,be.forwardRef)(({items:e,x:t,y:n,theme:i,fmt:s,onClose:x,onMouseEnter:W,onMouseLeave:m},T)=>((0,be.useLayoutEffect)(()=>{let w=T?.current;if(!w)return;let y=w.getBoundingClientRect(),g=8;y.right>window.innerWidth-g&&(w.style.left=`${Math.max(g,window.innerWidth-y.width-g)}px`,w.style.right="auto"),y.bottom>window.innerHeight-g&&(w.style.top=`${Math.max(g,window.innerHeight-y.height-g)}px`),y.left<g&&(w.style.left=`${g}px`,w.style.right="auto"),y.top<g&&(w.style.top=`${g}px`)}),(0,gn.createPortal)((0,de.jsx)("div",{ref:T,className:`dw-context-menu dw-context-menu--${i} dw-context-menu--submenu`,style:{position:"fixed",left:t,top:n,zIndex:9501},role:"menu",onMouseEnter:W,onMouseLeave:m,children:e.map((w,y)=>{if(fn(w))return(0,de.jsx)("hr",{className:"dw-context-menu__separator",role:"separator"},y);let g=w,F=g.checkbox&&g.checkbox.active!==!1,E=F&&g.checkbox.value,S=g.disabled===!0||(F?g.checkbox.enabled===!1:!1);return(0,de.jsxs)("button",{type:"button",className:`dw-context-menu__item${S?" dw-context-menu__item--disabled":""}`,title:g.title?Pt(g.title,s):void 0,disabled:S,"data-cy-action":g.cyAction,onClick:()=>{S||(g.action?.(),x())},role:"menuitem","aria-checked":F?E:void 0,children:[g.icon?(0,de.jsx)("span",{className:"dw-context-menu__icon",children:g.icon}):(0,de.jsx)("span",{className:"dw-context-menu__icon","aria-hidden":"true"}),(0,de.jsx)("span",{className:"dw-context-menu__label",children:Pt(g.label,s)}),F&&(0,de.jsx)("span",{className:`dw-context-menu__checkbox${E?" dw-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:(0,de.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,de.jsx)("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:"none",stroke:"currentColor",strokeWidth:"1.5"}),E&&(0,de.jsx)("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},y)})}),document.body)));On.displayName="ContextMenuSubMenuPanel";var Dn={visible:!1,x:0,y:0,items:[]},Qt=(0,be.forwardRef)(({theme:e="dark",formatMessageProvider:t,onShow:n,onHide:i,onOpenChange:s,className:x,style:W},m)=>{let[T,w]=(0,be.useState)(Dn),[y,g]=(0,be.useState)(null),F=(0,be.useRef)(null),E=(0,be.useRef)(null),S=(0,be.useRef)(new Map),I=(0,be.useRef)({open:null,close:null}),a=be.default.useCallback(()=>{w(Dn),g(null),I.current.open&&clearTimeout(I.current.open),I.current.close&&clearTimeout(I.current.close),I.current.open=null,I.current.close=null,i?.(),s?.(!1)},[i,s]);if((0,be.useImperativeHandle)(m,()=>({show({event:l,x:L,y:X,items:V}){let se=l?_o(l):{x:L??0,y:X??0};S.current.clear(),w({visible:!0,x:se.x,y:se.y,items:V}),g(null),n?.(),s?.(!0)}}),[n,s]),(0,be.useEffect)(()=>{if(!T.visible)return;let l=L=>{F.current?.contains(L.target)||E.current?.contains(L.target)||a()};return document.addEventListener("pointerdown",l,{capture:!0}),window.addEventListener("click",l),()=>{document.removeEventListener("pointerdown",l,{capture:!0}),window.removeEventListener("click",l)}},[T.visible,a]),(0,be.useEffect)(()=>{if(!T.visible)return;let l=L=>{L.key==="Escape"&&a()};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[T.visible,a]),(0,be.useLayoutEffect)(()=>{if(!T.visible||!F.current)return;let l=F.current,L=l.getBoundingClientRect(),X=8;L.right>window.innerWidth-X&&(l.style.left=`${Math.max(X,window.innerWidth-L.width-X)}px`),L.bottom>window.innerHeight-X&&(l.style.top=`${Math.max(X,window.innerHeight-L.height-X)}px`),L.left<X&&(l.style.left=`${X}px`),L.top<X&&(l.style.top=`${X}px`)},[T.visible]),!T.visible)return null;let M=t,u=0,b=0;if(y!==null){let l=S.current.get(y);if(l){let L=l.getBoundingClientRect();u=document.documentElement.dir==="rtl"?window.innerWidth-L.left+2:L.right+2,b=L.top}}function R(){I.current.open&&(clearTimeout(I.current.open),I.current.open=null)}function H(){I.current.close&&(clearTimeout(I.current.close),I.current.close=null)}function k(l,L){H(),y!==null&&y!==l&&(R(),g(null)),Jt(L)&&L.items?.length?(R(),I.current.open=setTimeout(()=>{g(l)},150)):Jt(L)||(R(),y!==null&&(I.current.close=setTimeout(()=>g(null),200)))}function D(l){R(),Jt(l)&&l.items?.length&&(I.current.close=setTimeout(()=>g(null),200))}return(0,gn.createPortal)((0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)("div",{ref:F,className:`dw-context-menu dw-context-menu--${e}${x?` ${x}`:""}`,style:{position:"fixed",left:T.x,top:T.y,zIndex:9500,...W},role:"menu","aria-orientation":"vertical",children:T.items.map((l,L)=>{if(fn(l))return(0,de.jsx)("hr",{className:"dw-context-menu__separator",role:"separator"},L);if(Jt(l))return(0,de.jsxs)("button",{ref:ie=>{S.current.set(L,ie)},type:"button",className:`dw-context-menu__item dw-context-menu__item--has-submenu${y===L?" dw-context-menu__item--submenu-open":""}`,title:l.title?Pt(l.title,M):void 0,onMouseEnter:()=>k(L,l),onMouseLeave:()=>D(l),role:"menuitem","aria-haspopup":"true","aria-expanded":y===L,children:[(0,de.jsx)("span",{className:"dw-context-menu__icon","aria-hidden":"true"}),(0,de.jsx)("span",{className:"dw-context-menu__label",children:Pt(l.label,M)}),(0,de.jsx)("span",{className:"dw-context-menu__chevron","aria-hidden":"true",children:"\u203A"})]},L);let X=l,V=X.checkbox&&X.checkbox.active!==!1,se=V&&X.checkbox.value,U=X.disabled===!0||(V?X.checkbox.enabled===!1:!1);return(0,de.jsxs)("button",{ref:ie=>{S.current.set(L,ie)},type:"button",className:`dw-context-menu__item${U?" dw-context-menu__item--disabled":""}`,title:X.title?Pt(X.title,M):void 0,disabled:U,"data-cy-action":X.cyAction,onClick:()=>{U||(X.action?.(),a())},onMouseEnter:()=>k(L,l),onMouseLeave:()=>D(l),role:"menuitem","aria-checked":V?se:void 0,children:[X.icon?(0,de.jsx)("span",{className:"dw-context-menu__icon",children:X.icon}):(0,de.jsx)("span",{className:"dw-context-menu__icon","aria-hidden":"true"}),(0,de.jsx)("span",{className:"dw-context-menu__label",children:Pt(X.label,M)}),V&&(0,de.jsx)("span",{className:`dw-context-menu__checkbox${se?" dw-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:(0,de.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,de.jsx)("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:se?"currentColor":"none",stroke:"currentColor",strokeWidth:"1.5"}),se&&(0,de.jsx)("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},L)})}),y!==null&&(()=>{let l=T.items[y];return(0,de.jsx)(On,{ref:E,items:l.items??[],x:u,y:b,theme:e,fmt:M,onClose:a,onMouseEnter:()=>H(),onMouseLeave:()=>{I.current.close=setTimeout(()=>g(null),200)}})})()]}),document.body)});Qt.displayName="ContextMenu";var lt={Component:Qt},xt=be.default.createContext(null),en=({adapter:e=lt,children:t,...n})=>{let i=(0,be.useRef)(null),[s,x]=be.default.useState(!1),W=be.default.useCallback(m=>{i.current?.show(m)},[]);return(0,de.jsxs)(xt.Provider,{value:{show:W,isOpen:s},children:[t,(0,de.jsx)(e.Component,{ref:i,...n,onShow:()=>{x(!0),n.onShow?.()},onHide:()=>{x(!1),n.onHide?.()}})]})};function An(){let e=be.default.useContext(xt);if(!e)throw new Error("useShowContextMenu must be used within a ContextMenuProvider");return e.show}var xe=require("react"),hn=require("react/jsx-runtime"),Ho=0,mn=()=>`panel-${++Ho}-${Date.now()}`,tn=new Map,Fn={leftPanel:null,rightPanel:null,modals:[]},_n=(0,xe.createContext)(null),Hn=(0,xe.createContext)(null),nn=({children:e})=>{let[t,n]=(0,xe.useState)(Fn),i=(0,xe.useRef)(t);i.current=t;let s=(0,xe.useCallback)((a,M)=>{tn.set(a,M)},[]),x=(0,xe.useCallback)(a=>{tn.delete(a)},[]),W=(0,xe.useCallback)(async(a,M,u={})=>{let b=i.current.leftPanel;if(b){let k=tn.get(b.id);if(k&&!await k())return null}let R=mn(),H={id:R,Component:a,props:M,containerType:"left-panel",options:u};return n(k=>({...k,leftPanel:H})),R},[]),m=(0,xe.useCallback)(async(a,M,u={})=>{let b=i.current.rightPanel;if(b){let k=tn.get(b.id);if(k&&!await k())return null}let R=mn(),H={id:R,Component:a,props:M,containerType:"right-panel",options:u};return n(k=>({...k,rightPanel:H})),R},[]),T=(0,xe.useCallback)((a,M,u={})=>{let b=mn(),R=M.title,H={...u,title:u.title||R||"Confirmation"},k={id:b,Component:a,props:M,containerType:"modal",options:H};return n(D=>({...D,modals:[...D.modals,k]})),b},[]),w=(0,xe.useCallback)(a=>{n(M=>({leftPanel:M.leftPanel?.id===a?null:M.leftPanel,rightPanel:M.rightPanel?.id===a?null:M.rightPanel,modals:M.modals.filter(u=>u.id!==a)}))},[]),y=(0,xe.useCallback)(()=>{n(Fn)},[]),g=(0,xe.useCallback)(()=>{n(a=>({...a,modals:[]}))},[]),F=(0,xe.useCallback)(a=>t.leftPanel?.id===a?t.leftPanel:t.rightPanel?.id===a?t.rightPanel:t.modals.find(M=>M.id===a),[t]),E=(0,xe.useCallback)((a,M)=>{n(u=>({leftPanel:u.leftPanel?.id===a?{...u.leftPanel,...M}:u.leftPanel,rightPanel:u.rightPanel?.id===a?{...u.rightPanel,...M}:u.rightPanel,modals:u.modals.map(b=>b.id===a?{...b,...M}:b)}))},[]),S=(0,xe.useCallback)((a,M,u)=>{E(a,{dirty:M,dirtyOptions:u})},[E]),I=(0,xe.useMemo)(()=>({openLeftPanel:W,openRightPanel:m,openModal:T,close:w,closeAll:y,closeAllModals:g,getInstance:F,updateInstance:E,setDirty:S,registerCloseHandler:s,unregisterCloseHandler:x}),[W,m,T,w,y,g,F,E,S,s,x]);return(0,hn.jsx)(_n.Provider,{value:t,children:(0,hn.jsx)(Hn.Provider,{value:I,children:e})})},Ve=()=>{let e=(0,xe.useContext)(_n);if(!e)throw new Error("usePanelState must be used within PanelProvider");return e},Je=()=>{let e=(0,xe.useContext)(Hn);if(!e)throw new Error("usePanelActions must be used within PanelProvider");return e};var Nt=require("react");var Be=require("react/jsx-runtime"),Bo=({title:e,message:t,alert:n,alertType:i="info",useYesNoTitles:s=!1,onOK:x,onCancel:W})=>{let{requestClose:m,setIcon:T,setTitle:w}=mt(),y=He(),g=Ye(),F=(0,Nt.useRef)(null);(0,Nt.useEffect)(()=>{if(e){let u=typeof e=="string"?e:y(e);w(u)}T&&T((0,Be.jsx)("span",{children:"\u2753"}))},[e,w,T,y]),(0,Nt.useEffect)(()=>{F.current?.focus()},[]);let E=typeof t=="string"?t:y(t),S=y(s?g.no:g.cancel),I=y(s?g.yes:g.ok),a=u=>{u.preventDefault(),x?.(),m()},M=()=>{W?.(),m()};return(0,Be.jsxs)("form",{onSubmit:a,className:"confirmation-form-body",children:[n&&(0,Be.jsxs)("div",{className:`confirmation-alert confirmation-alert-${i}`,children:[(0,Be.jsx)("span",{children:"\u2139\uFE0F"}),(0,Be.jsx)("span",{children:n})]}),(0,Be.jsx)("div",{style:{fontSize:"0.9rem",color:"inherit",lineHeight:1.5},children:E}),(0,Be.jsx)("hr",{style:{marginTop:"0.5rem",marginBottom:"0.5rem",opacity:.1}}),(0,Be.jsxs)("div",{className:"confirmation-actions",children:[(0,Be.jsx)("button",{type:"button",className:"dw-btn dw-btn-sm dw-btn-outline",onClick:M,children:S}),(0,Be.jsx)("button",{type:"submit",className:"dw-btn dw-btn-sm dw-btn-primary",ref:F,children:I})]})]})},Qe=Bo;function zt(e){return e==="top-left"?"top-right":e==="top-right"?"top-left":e==="bottom-left"?"bottom-right":"bottom-left"}var p=require("react/jsx-runtime"),Bn=(e,t)=>{if(!e)return null;if(e.type==="leaf")return e.id===t?e:null;for(let n of e.children){let i=Bn(n,t);if(i)return i}return null},Wt=new Map,on="preserved-dom-container",bn=(0,p.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[(0,p.jsx)("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),(0,p.jsx)("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),(0,p.jsx)("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),(0,p.jsx)("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]}),wt={float:(0,p.jsx)("span",{className:"wm-menu-icon",children:(0,p.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[(0,p.jsx)("rect",{x:"2",y:"8",width:"14",height:"14",rx:"1"}),(0,p.jsx)("rect",{x:"8",y:"2",width:"14",height:"14",rx:"1"})]})}),minimize:(0,p.jsx)("span",{className:"wm-menu-icon",children:(0,p.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",style:{display:"block"},children:(0,p.jsx)("line",{x1:"4",y1:"18",x2:"20",y2:"18"})})}),restore:(0,p.jsx)("span",{className:"wm-menu-icon",children:(0,p.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,p.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1"})})}),maximize:(0,p.jsx)("span",{className:"wm-menu-icon",children:(0,p.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,p.jsx)("rect",{x:"2",y:"2",width:"20",height:"20",rx:"1"})})}),close:(0,p.jsx)("span",{className:"wm-menu-icon",children:(0,p.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,p.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})},$n=e=>{let t=Wt.get(e);return t||(t=document.createElement("div"),t.style.width="100%",t.style.height="100%",Wt.set(e,t)),t},$o=(e,t,n)=>{let i=n.get(t);if(!i)return console.warn(`[react-dockable-desktop] Panel "${e}" references component key "${t}" which is not registered. Add it to the WorkspaceClient panels config:
|
|
5
|
-
new WorkspaceClient({ panels: { "${t}": { component: YourComponent } } })`),(0,p.jsxs)("div",{className:"dw-unregistered-panel",style:{border:"2px dashed #dc3545"},children:[(0,p.jsx)("h6",{style:{fontWeight:700,marginBottom:"0.25rem"},children:"\u26A0\uFE0F Component Unregistered"}),(0,p.jsxs)("span",{style:{fontSize:"0.875rem",color:"var(--text-secondary, #94a3b8)"},children:["Key: ",t]})]});let s=i.Component;return(0,p.jsx)(s,{panelId:e})},yn=new Map,et=new Map,ct=e=>{let t=et.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},et.set(e,t)),t},Yn=({panelId:e})=>{let t=(0,G.useRef)(null);return(0,G.useEffect)(()=>{let n=t.current;if(!n)return;let i=$n(e);n.appendChild(i);let s=new ResizeObserver(x=>{for(let W of x){let{width:m,height:T}=W.contentRect;if(m>0&&T>0){yn.set(e,{width:m,height:T});let w=et.get(e);w&&w.onResize.forEach(y=>y(m,T))}}});return s.observe(n),()=>{s.disconnect();let x=document.getElementById(on);x||(x=document.createElement("div"),x.id=on,x.style.display="none",document.body.appendChild(x)),x.appendChild(i)}},[e]),(0,p.jsx)("div",{ref:t,style:{width:"100%",height:"100%"}})},Yo=({panelId:e})=>{let t=$e(),n=bt(),i=He(),s=(0,G.useRef)(null),x=t.panels[e],W=x?n.get(x.component):null,m=W?.defaultOptions?.disableLivePreview||!1,T=yn.get(e)||{width:800,height:500},w=T.width,y=T.height,E=Math.min(220/w,140/y);if((0,G.useEffect)(()=>{if(m)return;let S=s.current;if(!S)return;let I=Wt.get(e);if(I)return S.appendChild(I),()=>{let a=document.getElementById(on);a||(a=document.createElement("div"),a.id=on,a.style.display="none",document.body.appendChild(a)),a.appendChild(I)}},[e,m]),m){let S=w*E,I=y*E,a=x?.title||W?.defaultOptions?.title||"Panel",M=ve(a,i),u=(Array.from(M)[0]||"P").toUpperCase();return(0,p.jsx)("div",{className:"taskbar-item-preview-frame",style:{width:`${S}px`,height:`${I}px`,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(108, 117, 125, 0.15)",border:"1px dashed var(--taskbar-item-border, rgba(255, 255, 255, 0.15))"},children:(0,p.jsx)("div",{style:{fontSize:"2rem",fontWeight:600,color:"var(--panel-title-color, var(--panel-text, rgba(255, 255, 255, 0.85)))",userSelect:"none"},children:u})})}return(0,p.jsx)("div",{className:"taskbar-item-preview-frame",style:{width:`${w*E}px`,height:`${y*E}px`},children:(0,p.jsx)("div",{ref:s,className:"taskbar-item-preview-host",style:{width:`${w}px`,height:`${y}px`,transform:`scale(${E})`,transformOrigin:"top left",position:"absolute",top:0,left:0,"--preview-scale":E}})})},Xo=({panelId:e,children:t})=>{let n=$e(),{requestClosePanel:i,setPanelDirty:s,registerCloseGuard:x,unregisterCloseGuard:W,updatePanelTitle:m,minimizePanel:T}=yt(),w=n.minimized.some(u=>u.id===e),y=(0,G.useRef)(w);(0,G.useEffect)(()=>{let u=et.get(e);u&&(w&&!y.current?u.onMinimize.forEach(b=>b()):!w&&y.current&&u.onRestore.forEach(b=>b()),y.current=w)},[w,e]);let g=n.activePanelId===e,F=(0,G.useRef)(g);(0,G.useEffect)(()=>{let u=F.current;F.current=g;let b=et.get(e);b&&(g&&!u?b.onActivate.forEach(R=>R()):!g&&u&&b.onDeactivate.forEach(R=>R()))},[g,e]);let E=n.panels[e]?.state,S=E==="floating"?"floating-window":"dockable-panel",I=(0,G.useRef)(S);(0,G.useEffect)(()=>{if(E==="minimized")return;let u=I.current;I.current=S;let b=et.get(e);b&&S!==u&&b.onContainerTypeChange.forEach(R=>R(S))},[S,E,e]),(0,G.useEffect)(()=>()=>{let u=et.get(e);u&&(F.current&&u.onDeactivate.forEach(b=>b()),u.onClose.forEach(b=>b()),et.delete(e))},[e]);let a=(0,G.useRef)(S),M=G.default.useMemo(()=>({requestClose:u=>i(e,u),setDirty:u=>s(e,u),onCloseRequested:u=>(x(e,u),()=>W(e)),setTitle:u=>m(e,u),instanceId:e,containerType:a.current,onClose:u=>{let b=ct(e);return b.onClose.add(u),()=>b.onClose.delete(u)},onMinimize:u=>{let b=ct(e);return b.onMinimize.add(u),()=>b.onMinimize.delete(u)},onRestore:u=>{let b=ct(e);return b.onRestore.add(u),()=>b.onRestore.delete(u)},onResize:u=>{let b=ct(e);return b.onResize.add(u),()=>b.onResize.delete(u)},requestMinimize:()=>T(e),getDimensions:()=>yn.get(e)??null,onActivate:u=>{let b=ct(e);return b.onActivate.add(u),()=>b.onActivate.delete(u)},onDeactivate:u=>{let b=ct(e);return b.onDeactivate.add(u),()=>b.onDeactivate.delete(u)},onContainerTypeChange:u=>{let b=ct(e);return b.onContainerTypeChange.add(u),()=>b.onContainerTypeChange.delete(u)}}),[e,i,s,x,W,m,T]);return(0,p.jsx)(je,{value:M,children:t})},Xn=({node:e,path:t,onTabRightClick:n,activeDropZone:i,onHoverDropZone:s,onTabDragStart:x,hoveredTab:W,onTabHover:m,defaultPanelIcon:T,onRequestClosePanel:w})=>{let{updateSplitSizes:y}=yt();if(e.type==="leaf")return(0,p.jsx)(Go,{leaf:e,onTabRightClick:n,activeDropZone:i,onHoverDropZone:s,onTabDragStart:x,hoveredTab:W,onTabHover:m,defaultPanelIcon:T,onRequestClosePanel:w});let g=e.orientation==="horizontal",F=(E,S)=>{S.preventDefault();let I=S.currentTarget;I.setPointerCapture(S.pointerId);let a=g?S.clientX:S.clientY,M=[...e.sizes];I.classList.add("active"),document.body.classList.add("resizing-active",g?"resizing-col-active":"resizing-row-active");let u=I.parentElement,b=u?g?u.clientWidth:u.clientHeight:g?1e3:800,R=k=>{let l=((g?k.clientX:k.clientY)-a)/b,L=[...M];L[E]+=l,L[E+1]-=l,L[E]>.1&&L[E+1]>.1&&y(t,L)},H=()=>{I.classList.remove("active"),document.body.classList.remove("resizing-active","resizing-row-active","resizing-col-active"),I.removeEventListener("pointermove",R),I.removeEventListener("pointerup",H),I.removeEventListener("pointercancel",H)};I.addEventListener("pointermove",R),I.addEventListener("pointerup",H),I.addEventListener("pointercancel",H)};return(0,p.jsx)("div",{style:{display:"flex",flexDirection:g?"row":"column",width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:e.children.map((E,S)=>{let I=e.sizes[S]*100;return(0,p.jsxs)(G.default.Fragment,{children:[(0,p.jsx)("div",{style:{flexGrow:e.sizes[S],flexBasis:`${I}%`,overflow:"hidden",position:"relative"},children:(0,p.jsx)(Xn,{node:E,path:[...t,S],onTabRightClick:n,activeDropZone:i,onHoverDropZone:s,onTabDragStart:x,hoveredTab:W,onTabHover:m,defaultPanelIcon:T,onRequestClosePanel:w})}),S<e.children.length-1&&(0,p.jsx)("div",{onPointerDown:a=>F(S,a),style:{cursor:g?"col-resize":"row-resize",width:g?"1px":"100%",height:g?"100%":"1px",zIndex:20},className:"resizer-bar"})]},S)})})},Go=({leaf:e,onTabRightClick:t,activeDropZone:n,onHoverDropZone:i,onTabDragStart:s,hoveredTab:x,onTabHover:W,defaultPanelIcon:m,onRequestClosePanel:T})=>{let w=$e(),y=bt(),{openPanel:g,closeLeafGroup:F,setActivePanel:E}=un(),S=He(),I=Ye(),{windowClass:a,windowBodyClass:M}=Ge(),u=(0,G.useRef)(null),[b,R]=(0,G.useState)({left:!1,right:!1}),H=(0,G.useCallback)(()=>{let l=u.current;l&&R({left:l.scrollLeft>0,right:l.scrollLeft<l.scrollWidth-l.clientWidth-1})},[]);(0,G.useEffect)(()=>{let l=u.current;if(!l)return;l.addEventListener("scroll",H,{passive:!0});let L=new ResizeObserver(H);return L.observe(l),H(),()=>{l.removeEventListener("scroll",H),L.disconnect()}},[H]);let k=l=>{u.current?.scrollBy({left:l==="left"?-120:120,behavior:"smooth"})},D=l=>{g(l,w.panels[l].component),E(l)};return(0,p.jsxs)("div",{"data-active-panel-id":e.activePanelId||"",className:`workspace-panel ${a??""}`,style:{overflow:"hidden",position:"relative"},children:[(0,p.jsxs)("div",{className:"workspace-tab-bar",style:{minHeight:"38px"},children:[b.left&&(0,p.jsx)("button",{className:"tab-scroll-btn tab-scroll-btn-left",onPointerDown:l=>l.stopPropagation(),onClick:()=>k("left"),tabIndex:-1,"aria-label":"Scroll tabs left",children:"\u2039"}),(0,p.jsx)("div",{ref:u,className:"tab-headers-container",style:{scrollbarWidth:"none"},onPointerMove:l=>{w.draggedPanelId&&l.target===l.currentTarget&&W(e.id,"EMPTY",e.panels.length,"right")},onPointerLeave:l=>{w.draggedPanelId&&l.target===l.currentTarget&&W(e.id,"",-1,null)},children:e.panels.map((l,L)=>{let X=w.panels[l];if(!X)return null;let V=e.activePanelId===l,se=w.activePanelId===l,ie=y.get(X.component)?.defaultOptions,ye=x&&x.leafId===e.id&&x.panelId===l,ge=L===e.panels.length-1,ne=x&&x.leafId===e.id&&x.panelId==="EMPTY"&&ge,N=ye?x.side==="left"?"drag-hover-left":"drag-hover-right":ne?"drag-hover-right":"",f=V?se?"active workspace-tab-active-focused":"active workspace-tab-active-unfocused":"workspace-tab-inactive";return(0,p.jsxs)("div",{"data-tab-id":l,"data-leaf-id":e.id,"data-tab-index":String(L),onClick:()=>D(l),onPointerDown:Y=>{ie?.canDrag!==!1&&s(l,Y)},onContextMenu:Y=>t(l,Y),onPointerMove:Y=>{if(w.draggedPanelId&&Y.pointerType!=="touch"){let Q=Y.currentTarget.getBoundingClientRect(),fe=Y.clientX-Q.left<Q.width/2?"left":"right";W(e.id,l,L,fe)}},onPointerLeave:()=>{w.draggedPanelId&&W(e.id,"",-1,null)},className:`workspace-tab ${f} ${N}`,style:{cursor:ie?.canDrag===!1?"default":"pointer"},children:[(0,p.jsxs)("span",{className:"text-truncate",style:{maxWidth:"120px",display:"flex",alignItems:"center"},children:[(0,p.jsx)("span",{className:"workspace-tab-icon",children:ie?.icon||m||bn}),(0,p.jsxs)("span",{children:[ve(X.title,S),X.dirty?" *":""]})]}),ie?.renderHeaderActions&&(0,p.jsx)("span",{className:"tab-header-actions",onClick:Y=>Y.stopPropagation(),onPointerDown:Y=>Y.stopPropagation(),children:ie.renderHeaderActions(l)}),ie?.canClose!==!1&&(0,p.jsx)("span",{onClick:Y=>{Y.stopPropagation(),T(l)},title:ve(I.closeTab,S),className:"close-tab-x",style:{width:"18px",height:"18px",...ie?.renderHeaderActions?{}:{marginInlineStart:"auto"}},children:(0,p.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,p.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]},l)})}),b.right&&(0,p.jsx)("button",{className:"tab-scroll-btn tab-scroll-btn-right",onPointerDown:l=>l.stopPropagation(),onClick:()=>k("right"),tabIndex:-1,"aria-label":"Scroll tabs right",children:"\u203A"}),e.panels.length===0&&e.keepOnEmpty&&e.canClose!==!1&&(0,p.jsx)("span",{onClick:()=>F(e.id),className:"close-tab-x header-close-empty-group",style:{width:"18px",height:"18px",cursor:"pointer"},title:ve(I.closeEmptyGroup,S),children:(0,p.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,p.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,p.jsxs)("div",{className:`dw-panel-body ${M??""}`,style:{position:"relative",overflow:"hidden"},children:[e.activePanelId&&w.panels[e.activePanelId]?(0,p.jsx)(Yn,{panelId:e.activePanelId},e.activePanelId):(0,p.jsx)("div",{className:"empty-leaf-placeholder",children:(0,p.jsx)("span",{children:"Empty Workspace Section"})}),w.draggedPanelId!==null&&(0,p.jsx)("div",{className:"dock-drop-zone-overlay",children:(0,p.jsxs)("div",{className:"dock-target-cross",children:[(0,p.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"top",onPointerEnter:()=>i(e.id,"top"),onPointerLeave:()=>i(e.id,null),className:"dock-target-box dock-target-top",children:"\u25B2"}),(0,p.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"bottom",onPointerEnter:()=>i(e.id,"bottom"),onPointerLeave:()=>i(e.id,null),className:"dock-target-box dock-target-bottom",children:"\u25BC"}),(0,p.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"left",onPointerEnter:()=>i(e.id,"left"),onPointerLeave:()=>i(e.id,null),className:"dock-target-box dock-target-left",children:"\u25C0"}),(0,p.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"right",onPointerEnter:()=>i(e.id,"right"),onPointerLeave:()=>i(e.id,null),className:"dock-target-box dock-target-right",children:"\u25B6"}),(0,p.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"center",onPointerEnter:()=>i(e.id,"center"),onPointerLeave:()=>i(e.id,null),className:"dock-target-box dock-target-center",children:"\u25A3"})]})}),w.draggedPanelId!==null&&n!==null&&n.leafId===e.id&&(0,p.jsx)("div",{className:"dock-preview-highlight",style:(()=>{let l=n.position,L=`${w.splitRatio*100}%`,X=`${(1-w.splitRatio)*100}%`;return{left:l==="right"?X:"0",top:l==="bottom"?X:"0",width:l==="left"||l==="right"?L:"100%",height:l==="top"||l==="bottom"?L:"100%"}})()})]})]})},Vo=({skin:e="vscode",defaultPanelIcon:t,taskbarVisibility:n="always",contextMenuAdapter:i=lt})=>{let s=$e(),x=bt(),{restorePanel:W,minimizePanel:m,requestClosePanel:T,maximizePanel:w,updateFloatingPosition:y,focusPanel:g,floatPanel:F,setDraggedPanelId:E,dockPanelToGroup:S,movePanelOrder:I,dockPanelToWorkspaceEdge:a,setActivePanel:M,getPanelContextMenuItems:u,showContextMenu:b,registerContextMenuFn:R}=un(),{openModal:H}=Je(),k=He(),D=Ye(),l=G.default.useCallback(r=>{let z=s.panels[r];T(r,{onConfirm:v=>new Promise(P=>{let _=v||z?.dirtyOptions,q=z?ve(z.title,k):"Panel";H(Qe,{title:_?.title||D.unsavedChangesTitle,message:_?.message||{id:D.unsavedChangesMessage.id,defaultMessage:D.unsavedChangesMessage.defaultMessage,values:{title:q}},alert:_?.alert,alertType:_?.alertType||"danger",useYesNoTitles:!0,onOK:()=>P(!0),onCancel:()=>P(!1)},{size:"small"})})})},[T,s.panels,k,H,D]),{windowClass:L,windowBodyClass:X}=Ge(),V=(0,G.useContext)(xt),se=(0,G.useRef)(null);(0,G.useEffect)(()=>R(V!==null?r=>V.show(r):r=>se.current?.show(r)),[V,R]);let U=(0,G.useRef)(null),[ie,ye]=(0,G.useState)(!1),ge=(0,G.useRef)(null),ne=(0,G.useRef)(s.minimized.length),[N,f]=(0,G.useState)(null),Y=(0,G.useRef)(null),Q=(0,G.useRef)("mouse"),[j,fe]=(0,G.useState)(!1),Pe=V!==null?V.isOpen:j;(0,G.useEffect)(()=>()=>{Y.current&&clearTimeout(Y.current)},[]),(0,G.useEffect)(()=>{N&&(s.minimized.some(z=>z.id===N.id)||f(null))},[s.minimized,N]),(0,G.useEffect)(()=>{if(!N?.fromTouch)return;let r=z=>{z.pointerType!=="touch"||document.querySelector(".taskbar-item-tooltip")?.contains(z.target)||f(null)};return document.addEventListener("pointerdown",r,{capture:!0}),()=>document.removeEventListener("pointerdown",r,{capture:!0})},[N?.fromTouch]);let[Ce,ze]=(0,G.useState)(null),Ie=(0,G.useRef)(null),[Ae,Ct]=(0,G.useState)({x:0,y:0}),[Mt,Ft]=(0,G.useState)(null),dt=(0,G.useRef)(null),We=r=>{Ft(r),dt.current=r},[_t,Ht]=(0,G.useState)(null),ut=(0,G.useRef)(null),nt=r=>{Ht(r),ut.current=r},Rt=(0,G.useContext)(vt)?.isRtl??!1,[Bt,Ze]=(0,G.useState)(null),Xe=(0,G.useRef)(null),Tt=(r,z,v,P)=>{let _=P?{leafId:r,panelId:z,index:v,side:P}:null;Ze(_),Xe.current=_},kt=(r,z)=>{let v=z?{leafId:r,position:z}:null;ze(v),Ie.current=v},St=(r,z)=>{let v=document.elementsFromPoint(r,z),P=!1,_=!1,q=!1;for(let Z of v)if(Z instanceof HTMLElement){if(!P&&Z.dataset.dropZone){let A=Z.dataset.leafId;if(A){let oe=Z.dataset.dropZone;ze({leafId:A,position:oe}),Ie.current={leafId:A,position:oe},P=!0}}if(!q&&Z.dataset.tabId){let A=Z.dataset.leafId,oe=parseInt(Z.dataset.tabIndex||"0",10);if(A){let pe=Z.getBoundingClientRect(),J=r-pe.left<pe.width/2?"left":"right";Ze({leafId:A,panelId:Z.dataset.tabId,index:oe,side:J}),Xe.current={leafId:A,panelId:Z.dataset.tabId,index:oe,side:J},q=!0}}if(!_&&Z.dataset.edgeTrigger&&(We(Z.dataset.edgeTrigger),_=!0),P&&_&&q)break}P||(ze(null),Ie.current=null),_||We(null),q||(Ze(null),Xe.current=null)},ot=300,rt=8,it=()=>{E(null),ze(null),Ie.current=null,Ze(null),Xe.current=null,We(null)},Ke=r=>s.isRtl?r==="left"?"right":r==="right"?"left":r:r,$t=(r,z)=>{let v=Ie.current,P=Xe.current,_=dt.current,q=ut.current;if(_)a(r,Ke(_));else if(P){let Z=P.index;P.side==="right"&&(Z+=1);let A=Bn(s.gridRoot,P.leafId);if(A){let oe=A.panels.indexOf(r);oe!==-1&&oe<Z&&(Z-=1)}I(r,P.leafId,Z)}else v?S(r,v.leafId,Ke(v.position)):q?F(r,void 0,Rt?zt(q):q):F(r,{x:z.clientX-150,y:z.clientY-15,width:450,height:350});nt(null),it()},an=(r,z)=>{if(z.pointerType==="mouse"&&z.button!==0)return;let v=z.currentTarget,P=z.clientX,_=z.clientY;if(z.pointerType==="touch"){let q=z.pointerId,Z=!1,A=()=>{Z=!0,clearTimeout(pe),v.removeEventListener("pointermove",oe),v.removeEventListener("pointerup",A),v.removeEventListener("pointercancel",A)},oe=J=>{Math.hypot(J.clientX-P,J.clientY-_)>rt&&A()},pe=setTimeout(()=>{if(Z)return;v.removeEventListener("pointermove",oe),v.removeEventListener("pointerup",A),v.removeEventListener("pointercancel",A);try{v.setPointerCapture(q)}catch{return}v.classList.add("long-press-active"),navigator.vibrate&&navigator.vibrate(10);let J=!1,le=Me=>{J||(J=!0,E(r)),Ct({x:Me.clientX,y:Me.clientY}),St(Me.clientX,Me.clientY)},me=Me=>{v.classList.remove("long-press-active"),v.removeEventListener("pointermove",le),v.removeEventListener("pointerup",me),v.removeEventListener("pointercancel",ce),J?$t(r,Me):Yt(r,Me)},ce=()=>{v.classList.remove("long-press-active"),v.removeEventListener("pointermove",le),v.removeEventListener("pointerup",me),v.removeEventListener("pointercancel",ce),J&&it()};v.addEventListener("pointermove",le),v.addEventListener("pointerup",me),v.addEventListener("pointercancel",ce)},ot);v.addEventListener("pointermove",oe),v.addEventListener("pointerup",A),v.addEventListener("pointercancel",A)}else{let q=!1,Z=oe=>{let pe=oe.clientX-P,J=oe.clientY-_;!q&&(Math.abs(pe)>5||Math.abs(J)>5)&&(q=!0,E(r)),q&&Ct({x:oe.clientX,y:oe.clientY})},A=oe=>{window.removeEventListener("pointermove",Z),window.removeEventListener("pointerup",A),q&&$t(r,oe)};window.addEventListener("pointermove",Z),window.addEventListener("pointerup",A)}},Yt=(r,z)=>{z.preventDefault();let v=s.panels[r];if(!v)return;let _=x.get(v.component)?.defaultOptions,q=[];if(_?.canDrag!==!1&&q.push({label:ve(D.floatWindow,k),icon:wt.float,action:()=>F(r)}),_?.canMinimize!==!1&&q.push({label:ve(D.minimizePanel,k),icon:wt.minimize,action:()=>m(r)}),q.length>0&&_?.canClose!==!1&&q.push({separator:!0}),_?.canClose!==!1&&q.push({label:ve(D.closeTab,k),icon:wt.close,action:()=>l(r)}),q.length===0)return;let Z=u(r),A=Z.length>0?[...q,{separator:!0},...Z]:q;b({event:z,items:A})},o=(r,z)=>{z.preventDefault(),f(null),b({event:z,items:[{label:ve(D.restorePanel,k),icon:wt.restore,action:()=>W(r)},{label:ve(D.maximizePanel,k),icon:wt.maximize,action:()=>w(r)},{separator:!0},{label:ve(D.closePanel,k),icon:wt.close,action:()=>l(r)}]})};(0,G.useEffect)(()=>{let r=Object.keys(s.panels);for(let z of Array.from(Wt.keys()))r.includes(z)||Wt.delete(z)},[s.panels]),(0,G.useEffect)(()=>{let r=()=>{s.draggedPanelId!==null&&(E(null),ze(null),Ze(null))};return window.addEventListener("blur",r),()=>{window.removeEventListener("blur",r)}},[s.draggedPanelId]);let h=(0,G.useRef)(null),[c,d]=(0,G.useState)({width:1024,height:768});(0,G.useEffect)(()=>{let r=h.current;if(!r)return;let z=!1,v=new ResizeObserver(P=>{if(!P||P.length===0)return;let _=P[0].contentRect;if(process.env.NODE_ENV==="development"&&_.height<10&&!z){z=!0;let q=r,Z=r.parentElement;for(;Z&&Z!==document.documentElement&&Z.getBoundingClientRect().height<10;){q=Z;Z=Z.parentElement}let A=q.tagName.toLowerCase(),oe=q.id?` id="${q.id}"`:"",pe=q.className?` class="${q.className}"`:"",J=q===r?"the WindowManager container itself":`a wrapper element: <${A}${oe}${pe}>`;console.warn(`[react-dockable-desktop] Workspace height is 0px \u2014 the workspace will be invisible.
|
|
4
|
+
Without it the workspace renders as a black screen with no console errors.`)}catch{}},[]),(0,D.useEffect)(()=>{if(t)return t._connect(ht),()=>{t._disconnect()}},[t,ht]);let bt=(0,D.useMemo)(()=>({getSnapshot:O,subscribeToState:$}),[O,$]);return(0,je.jsx)(Wn.Provider,{value:Vt,children:(0,je.jsx)(On.Provider,{value:R,children:(0,je.jsx)(zn.Provider,{value:bt,children:(0,je.jsx)(wt.Provider,{value:E,children:(0,je.jsx)(Zt.Provider,{value:ht,children:(0,je.jsx)(Nn.Provider,{value:I||cn,children:(0,je.jsx)(Dn.Provider,{value:l,children:e})})})})})})})},Ln=e=>()=>{};function De(e){let t=(0,D.useContext)(wt),n=(0,D.useContext)(zn),o=(0,D.useRef)(e);o.current=e;let p=(0,D.useSyncExternalStore)(e?n?.subscribeToState??Ln:Ln,()=>{let s=n?.getSnapshot()??t;return o.current?o.current(s):s},()=>{let s=n?.getSnapshot()??t;return o.current?o.current(s):s});if(!t)throw new Error("useWindowManagerState must be used within WindowManagerProvider");return e?p:t}var Mt=()=>{let e=(0,D.useContext)(Zt);if(!e)throw new Error("useWindowManagerActions must be used within WindowManagerProvider");return e},fn=()=>{let e=(0,D.useContext)(Zt);if(!e)throw new Error("useWindowManagerActionsInternal must be used within WindowManagerProvider");return e},Fe=()=>(0,D.useContext)(Nn)||(t=>{let n=t.defaultMessage||t.id;return t.values&&Object.entries(t.values).forEach(([o,p])=>{n=n.replace(`{${o}}`,String(p))}),n}),he=(e,t)=>e?typeof e=="string"?e:t(e):"",Fn=()=>{let{publish:e,subscribe:t}=Mt();return{publish:e,subscribe:t}},Be=()=>(0,D.useContext)(Dn),Wt=()=>dt().instanceId;function _n(e){let t=(0,D.useContext)(Zt),n=Wt(),o=(0,D.useRef)(e);o.current=e,(0,D.useEffect)(()=>{if(!(!t?.registerPanelContextMenu||!n))return t.registerPanelContextMenu(n,()=>o.current)},[n,t?.registerPanelContextMenu])}var be=gn(require("react"),1),hn=require("react-dom"),de=require("react/jsx-runtime");function Vo(e){return e?"touches"in e&&e.touches.length>0?{x:e.touches[0].clientX,y:e.touches[0].clientY}:{x:e.clientX,y:e.clientY}:{x:0,y:0}}function Tt(e,t){return typeof e=="string"?e:t?t(e):e.defaultMessage??e.id}function bn(e){return"separator"in e}function Ut(e){return!bn(e)&&"items"in e}var Bn=(0,be.forwardRef)(({items:e,x:t,y:n,theme:o,fmt:p,onClose:s,onMouseEnter:T,onMouseLeave:h},w)=>((0,be.useLayoutEffect)(()=>{let y=w?.current;if(!y)return;let v=y.getBoundingClientRect(),b=8;v.right>window.innerWidth-b&&(y.style.left=`${Math.max(b,window.innerWidth-v.width-b)}px`,y.style.right="auto"),v.bottom>window.innerHeight-b&&(y.style.top=`${Math.max(b,window.innerHeight-v.height-b)}px`),v.left<b&&(y.style.left=`${b}px`,y.style.right="auto"),v.top<b&&(y.style.top=`${b}px`)}),(0,hn.createPortal)((0,de.jsx)("div",{ref:w,className:`rdd-context-menu rdd-context-menu--${o} rdd-context-menu--submenu`,style:{position:"fixed",left:t,top:n,zIndex:9501},role:"menu",onMouseEnter:T,onMouseLeave:h,children:e.map((y,v)=>{if(bn(y))return(0,de.jsx)("hr",{className:"rdd-context-menu__separator",role:"separator"},v);let b=y,R=b.checkbox&&b.checkbox.active!==!1,I=R&&b.checkbox.value,k=b.disabled===!0||(R?b.checkbox.enabled===!1:!1);return(0,de.jsxs)("button",{type:"button",className:`rdd-context-menu__item${k?" rdd-context-menu__item--disabled":""}`,title:b.title?Tt(b.title,p):void 0,disabled:k,"data-cy-action":b.cyAction,onClick:()=>{k||(b.action?.(),s())},role:"menuitem","aria-checked":R?I:void 0,children:[b.icon?(0,de.jsx)("span",{className:"rdd-context-menu__icon",children:b.icon}):(0,de.jsx)("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),(0,de.jsx)("span",{className:"rdd-context-menu__label",children:Tt(b.label,p)}),R&&(0,de.jsx)("span",{className:`rdd-context-menu__checkbox${I?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:(0,de.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,de.jsx)("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:"none",stroke:"currentColor",strokeWidth:"1.5"}),I&&(0,de.jsx)("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},v)})}),document.body)));Bn.displayName="ContextMenuSubMenuPanel";var Hn={visible:!1,x:0,y:0,items:[]},Jt=(0,be.forwardRef)(({theme:e="dark",formatMessageProvider:t,onShow:n,onHide:o,onOpenChange:p,className:s,style:T},h)=>{let[w,y]=(0,be.useState)(Hn),[v,b]=(0,be.useState)(null),R=(0,be.useRef)(null),I=(0,be.useRef)(null),k=(0,be.useRef)(new Map),L=(0,be.useRef)({open:null,close:null}),d=be.default.useCallback(()=>{y(Hn),b(null),L.current.open&&clearTimeout(L.current.open),L.current.close&&clearTimeout(L.current.close),L.current.open=null,L.current.close=null,o?.(),p?.(!1)},[o,p]);if((0,be.useImperativeHandle)(h,()=>({show({event:l,x:M,y:Y,items:Q}){let j=l?Vo(l):{x:M??0,y:Y??0};k.current.clear(),y({visible:!0,x:j.x,y:j.y,items:Q}),b(null),n?.(),p?.(!0)}}),[n,p]),(0,be.useEffect)(()=>{if(!w.visible)return;let l=M=>{R.current?.contains(M.target)||I.current?.contains(M.target)||d()};return document.addEventListener("pointerdown",l,{capture:!0}),window.addEventListener("click",l),()=>{document.removeEventListener("pointerdown",l,{capture:!0}),window.removeEventListener("click",l)}},[w.visible,d]),(0,be.useEffect)(()=>{if(!w.visible)return;let l=M=>{M.key==="Escape"&&d()};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[w.visible,d]),(0,be.useLayoutEffect)(()=>{if(!w.visible||!R.current)return;let l=R.current,M=l.getBoundingClientRect(),Y=8;M.right>window.innerWidth-Y&&(l.style.left=`${Math.max(Y,window.innerWidth-M.width-Y)}px`),M.bottom>window.innerHeight-Y&&(l.style.top=`${Math.max(Y,window.innerHeight-M.height-Y)}px`),M.left<Y&&(l.style.left=`${Y}px`),M.top<Y&&(l.style.top=`${Y}px`)},[w.visible]),!w.visible)return null;let E=t,a=0,f=0;if(v!==null){let l=k.current.get(v);if(l){let M=l.getBoundingClientRect();a=document.documentElement.dir==="rtl"?window.innerWidth-M.left+2:M.right+2,f=M.top}}function C(){L.current.open&&(clearTimeout(L.current.open),L.current.open=null)}function O(){L.current.close&&(clearTimeout(L.current.close),L.current.close=null)}function $(l,M){O(),v!==null&&v!==l&&(C(),b(null)),Ut(M)&&M.items?.length?(C(),L.current.open=setTimeout(()=>{b(l)},150)):Ut(M)||(C(),v!==null&&(L.current.close=setTimeout(()=>b(null),200)))}function F(l){C(),Ut(l)&&l.items?.length&&(L.current.close=setTimeout(()=>b(null),200))}return(0,hn.createPortal)((0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)("div",{ref:R,className:`rdd-context-menu rdd-context-menu--${e}${s?` ${s}`:""}`,style:{position:"fixed",left:w.x,top:w.y,zIndex:9500,...T},role:"menu","aria-orientation":"vertical",children:w.items.map((l,M)=>{if(bn(l))return(0,de.jsx)("hr",{className:"rdd-context-menu__separator",role:"separator"},M);if(Ut(l))return(0,de.jsxs)("button",{ref:re=>{k.current.set(M,re)},type:"button",className:`rdd-context-menu__item rdd-context-menu__item--has-submenu${v===M?" rdd-context-menu__item--submenu-open":""}`,title:l.title?Tt(l.title,E):void 0,onMouseEnter:()=>$(M,l),onMouseLeave:()=>F(l),role:"menuitem","aria-haspopup":"true","aria-expanded":v===M,children:[(0,de.jsx)("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),(0,de.jsx)("span",{className:"rdd-context-menu__label",children:Tt(l.label,E)}),(0,de.jsx)("span",{className:"rdd-context-menu__chevron","aria-hidden":"true",children:"\u203A"})]},M);let Y=l,Q=Y.checkbox&&Y.checkbox.active!==!1,j=Q&&Y.checkbox.value,se=Y.disabled===!0||(Q?Y.checkbox.enabled===!1:!1);return(0,de.jsxs)("button",{ref:re=>{k.current.set(M,re)},type:"button",className:`rdd-context-menu__item${se?" rdd-context-menu__item--disabled":""}`,title:Y.title?Tt(Y.title,E):void 0,disabled:se,"data-cy-action":Y.cyAction,onClick:()=>{se||(Y.action?.(),d())},onMouseEnter:()=>$(M,l),onMouseLeave:()=>F(l),role:"menuitem","aria-checked":Q?j:void 0,children:[Y.icon?(0,de.jsx)("span",{className:"rdd-context-menu__icon",children:Y.icon}):(0,de.jsx)("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),(0,de.jsx)("span",{className:"rdd-context-menu__label",children:Tt(Y.label,E)}),Q&&(0,de.jsx)("span",{className:`rdd-context-menu__checkbox${j?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:(0,de.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,de.jsx)("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:j?"currentColor":"none",stroke:"currentColor",strokeWidth:"1.5"}),j&&(0,de.jsx)("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},M)})}),v!==null&&(()=>{let l=w.items[v];return(0,de.jsx)(Bn,{ref:I,items:l.items??[],x:a,y:f,theme:e,fmt:E,onClose:d,onMouseEnter:()=>O(),onMouseLeave:()=>{L.current.close=setTimeout(()=>b(null),200)}})})()]}),document.body)});Jt.displayName="ContextMenu";var ut={Component:Jt},St=be.default.createContext(null),Qt=({adapter:e=ut,children:t,...n})=>{let o=(0,be.useRef)(null),[p,s]=be.default.useState(!1),T=be.default.useCallback(h=>{o.current?.show(h)},[]);return(0,de.jsxs)(St.Provider,{value:{show:T,isOpen:p},children:[t,(0,de.jsx)(e.Component,{ref:o,...n,onShow:()=>{s(!0),n.onShow?.()},onHide:()=>{s(!1),n.onHide?.()}})]})};function $n(){let e=be.default.useContext(St);if(!e)throw new Error("useShowContextMenu must be used within a ContextMenuProvider");return e.show}var ye=require("react"),yn=require("react/jsx-runtime"),qo=0,vn=()=>`panel-${++qo}-${Date.now()}`,en=new Map,Gn={leftPanel:null,rightPanel:null,modals:[]},Yn=(0,ye.createContext)(null),Xn=(0,ye.createContext)(null),tn=({children:e})=>{let[t,n]=(0,ye.useState)(Gn),o=(0,ye.useRef)(t);o.current=t;let p=(0,ye.useCallback)((d,E)=>{en.set(d,E)},[]),s=(0,ye.useCallback)(d=>{en.delete(d)},[]),T=(0,ye.useCallback)(async(d,E,a={})=>{let f=o.current.leftPanel;if(f){let $=en.get(f.id);if($&&!await $())return null}let C=vn(),O={id:C,Component:d,props:E,containerType:"left-panel",options:a};return n($=>({...$,leftPanel:O})),C},[]),h=(0,ye.useCallback)(async(d,E,a={})=>{let f=o.current.rightPanel;if(f){let $=en.get(f.id);if($&&!await $())return null}let C=vn(),O={id:C,Component:d,props:E,containerType:"right-panel",options:a};return n($=>({...$,rightPanel:O})),C},[]),w=(0,ye.useCallback)((d,E,a={})=>{let f=vn(),C=E.title,O={...a,title:a.title||C||"Confirmation"},$={id:f,Component:d,props:E,containerType:"modal",options:O};return n(F=>({...F,modals:[...F.modals,$]})),f},[]),y=(0,ye.useCallback)(d=>{n(E=>({leftPanel:E.leftPanel?.id===d?null:E.leftPanel,rightPanel:E.rightPanel?.id===d?null:E.rightPanel,modals:E.modals.filter(a=>a.id!==d)}))},[]),v=(0,ye.useCallback)(()=>{n(Gn)},[]),b=(0,ye.useCallback)(()=>{n(d=>({...d,modals:[]}))},[]),R=(0,ye.useCallback)(d=>t.leftPanel?.id===d?t.leftPanel:t.rightPanel?.id===d?t.rightPanel:t.modals.find(E=>E.id===d),[t]),I=(0,ye.useCallback)((d,E)=>{n(a=>({leftPanel:a.leftPanel?.id===d?{...a.leftPanel,...E}:a.leftPanel,rightPanel:a.rightPanel?.id===d?{...a.rightPanel,...E}:a.rightPanel,modals:a.modals.map(f=>f.id===d?{...f,...E}:f)}))},[]),k=(0,ye.useCallback)((d,E,a)=>{I(d,{dirty:E,dirtyOptions:a})},[I]),L=(0,ye.useMemo)(()=>({openLeftPanel:T,openRightPanel:h,openModal:w,close:y,closeAll:v,closeAllModals:b,getInstance:R,updateInstance:I,setDirty:k,registerCloseHandler:p,unregisterCloseHandler:s}),[T,h,w,y,v,b,R,I,k,p,s]);return(0,yn.jsx)(Yn.Provider,{value:t,children:(0,yn.jsx)(Xn.Provider,{value:L,children:e})})},Xe=()=>{let e=(0,ye.useContext)(Yn);if(!e)throw new Error("usePanelState must be used within PanelProvider");return e},Ue=()=>{let e=(0,ye.useContext)(Xn);if(!e)throw new Error("usePanelActions must be used within PanelProvider");return e};var Ot=require("react");var _e=require("react/jsx-runtime"),Ko=({title:e,message:t,alert:n,alertType:o="info",useYesNoTitles:p=!1,onOK:s,onCancel:T})=>{let{requestClose:h,setIcon:w,setTitle:y}=dt(),v=Fe(),b=Be(),R=(0,Ot.useRef)(null);(0,Ot.useEffect)(()=>{if(e){let a=typeof e=="string"?e:v(e);y(a)}w&&w((0,_e.jsx)("span",{children:"\u2753"}))},[e,y,w,v]),(0,Ot.useEffect)(()=>{R.current?.focus()},[]);let I=typeof t=="string"?t:v(t),k=v(p?b.no:b.cancel),L=v(p?b.yes:b.ok),d=a=>{a.preventDefault(),s?.(),h()},E=()=>{T?.(),h()};return(0,_e.jsxs)("form",{onSubmit:d,className:"rdd-confirmation-form-body",children:[n&&(0,_e.jsxs)("div",{className:`rdd-confirmation-alert confirmation-alert-${o}`,children:[(0,_e.jsx)("span",{children:"\u2139\uFE0F"}),(0,_e.jsx)("span",{children:n})]}),(0,_e.jsx)("div",{style:{fontSize:"0.9rem",color:"inherit",lineHeight:1.5},children:I}),(0,_e.jsx)("hr",{style:{marginTop:"0.5rem",marginBottom:"0.5rem",opacity:.1}}),(0,_e.jsxs)("div",{className:"rdd-confirmation-actions",children:[(0,_e.jsx)("button",{type:"button",className:"rdd-btn rdd-btn-sm rdd-btn-outline",onClick:E,children:k}),(0,_e.jsx)("button",{type:"submit",className:"rdd-btn rdd-btn-sm rdd-btn-primary",ref:R,children:L})]})]})},Je=Ko;function At(e){return e==="top-left"?"top-right":e==="top-right"?"top-left":e==="bottom-left"?"bottom-right":"bottom-left"}function Ve(e){let{element:t,pointerId:n,startClientX:o,startClientY:p,captureStart:s,onMove:T,onEnd:h,activeClasses:w}=e;t.setPointerCapture(n),w?.forEach(({el:R,classes:I})=>R.classList.add(...I));let y=s(),v=R=>{T(R.clientX-o,R.clientY-p,y)},b=()=>{w?.forEach(({el:R,classes:I})=>R.classList.remove(...I)),t.removeEventListener("pointermove",v),t.removeEventListener("pointerup",b),t.removeEventListener("pointercancel",b),h?.(y)};t.addEventListener("pointermove",v),t.addEventListener("pointerup",b),t.addEventListener("pointercancel",b)}function kt(e,t,n,o,p){let{minW:s,minH:T,maxW:h,maxH:w,minX:y,minY:v}=p,{x:b,y:R,w:I,h:k}=o;if(e.includes("e")&&(I=Math.max(s,Math.min(o.w+t,h??1/0))),e.includes("w")){let L=o.w-s,d=y!=null?-(o.x-y):-1/0,E=Math.max(d,Math.min(t,L));I=o.w-E,b=o.x+E}if(e.includes("s")&&(k=Math.max(T,Math.min(o.h+n,w??1/0))),e.includes("n")){let L=o.h-T,d=v!=null?-(o.y-v):-1/0,E=Math.max(d,Math.min(n,L));k=o.h-E,R=o.y+E}return{x:b,y:R,w:I,h:k}}var nn=require("react");function on(){let[e,t]=(0,nn.useState)(()=>document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark");return(0,nn.useEffect)(()=>{let n=()=>{t(document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark")};n();let o=new MutationObserver(n);return o.observe(document.documentElement,{attributes:!0,attributeFilter:["data-color-scheme"]}),()=>o.disconnect()},[]),e}var g=require("react/jsx-runtime"),Vn=(e,t)=>{if(!e)return null;if(e.type==="leaf")return e.id===t?e:null;for(let n of e.children){let o=Vn(n,t);if(o)return o}return null},Ft=new Map,rn="preserved-dom-container",xn=(0,g.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[(0,g.jsx)("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),(0,g.jsx)("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),(0,g.jsx)("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),(0,g.jsx)("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]}),It={float:(0,g.jsx)("span",{className:"rdd-menu-icon",children:(0,g.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[(0,g.jsx)("rect",{x:"2",y:"8",width:"14",height:"14",rx:"1"}),(0,g.jsx)("rect",{x:"8",y:"2",width:"14",height:"14",rx:"1"})]})}),minimize:(0,g.jsx)("span",{className:"rdd-menu-icon",children:(0,g.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",style:{display:"block"},children:(0,g.jsx)("line",{x1:"4",y1:"18",x2:"20",y2:"18"})})}),restore:(0,g.jsx)("span",{className:"rdd-menu-icon",children:(0,g.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,g.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1"})})}),maximize:(0,g.jsx)("span",{className:"rdd-menu-icon",children:(0,g.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,g.jsx)("rect",{x:"2",y:"2",width:"20",height:"20",rx:"1"})})}),close:(0,g.jsx)("span",{className:"rdd-menu-icon",children:(0,g.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,g.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})},qn=e=>{let t=Ft.get(e);return t||(t=document.createElement("div"),t.style.width="100%",t.style.height="100%",Ft.set(e,t)),t},Zo=(e,t,n)=>{let o=n.get(t);if(!o)return console.warn(`[react-dockable-desktop] Panel "${e}" references component key "${t}" which is not registered. Add it to the WorkspaceClient panels config:
|
|
5
|
+
new WorkspaceClient({ panels: { "${t}": { component: YourComponent } } })`),(0,g.jsxs)("div",{className:"rdd-unregistered-panel",style:{border:"2px dashed #dc3545"},children:[(0,g.jsx)("h6",{style:{fontWeight:700,marginBottom:"0.25rem"},children:"\u26A0\uFE0F Component Unregistered"}),(0,g.jsxs)("span",{style:{fontSize:"0.875rem",color:"var(--rdd-text-secondary, #94a3b8)"},children:["Key: ",t]})]});let p=o.Component;return(0,g.jsx)(p,{panelId:e})},Cn=new Map,Qe=new Map,pt=e=>{let t=Qe.get(e);return t||(t={onClose:new Set,onMinimize:new Set,onRestore:new Set,onResize:new Set,onActivate:new Set,onDeactivate:new Set,onContainerTypeChange:new Set},Qe.set(e,t)),t},Kn=({panelId:e})=>{let t=(0,K.useRef)(null);return(0,K.useEffect)(()=>{let n=t.current;if(!n)return;let o=qn(e);n.appendChild(o);let p=new ResizeObserver(s=>{for(let T of s){let{width:h,height:w}=T.contentRect;if(h>0&&w>0){Cn.set(e,{width:h,height:w});let y=Qe.get(e);y&&y.onResize.forEach(v=>v(h,w))}}});return p.observe(n),()=>{p.disconnect();let s=document.getElementById(rn);s||(s=document.createElement("div"),s.id=rn,s.style.display="none",document.body.appendChild(s)),s.appendChild(o)}},[e]),(0,g.jsx)("div",{ref:t,style:{width:"100%",height:"100%"}})},jo=({panelId:e})=>{let t=De(),n=Rt(),o=Fe(),p=(0,K.useRef)(null),s=t.panels[e],T=s?n.get(s.component):null,h=T?.defaultOptions?.disableLivePreview||!1,w=Cn.get(e)||{width:800,height:500},y=w.width,v=w.height,I=Math.min(220/y,140/v);if((0,K.useEffect)(()=>{if(h)return;let k=p.current;if(!k)return;let L=Ft.get(e);if(L)return k.appendChild(L),()=>{let d=document.getElementById(rn);d||(d=document.createElement("div"),d.id=rn,d.style.display="none",document.body.appendChild(d)),d.appendChild(L)}},[e,h]),h){let k=y*I,L=v*I,d=s?.title||T?.defaultOptions?.title||"Panel",E=he(d,o),a=(Array.from(E)[0]||"P").toUpperCase();return(0,g.jsx)("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${k}px`,height:`${L}px`,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(108, 117, 125, 0.15)",border:"1px dashed var(--rdd-taskbar-item-border, rgba(255, 255, 255, 0.15))"},children:(0,g.jsx)("div",{style:{fontSize:"2rem",fontWeight:600,color:"var(--rdd-panel-title-color, var(--rdd-panel-text, rgba(255, 255, 255, 0.85)))",userSelect:"none"},children:a})})}return(0,g.jsx)("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${y*I}px`,height:`${v*I}px`},children:(0,g.jsx)("div",{ref:p,className:"rdd-taskbar-item-preview-host",style:{width:`${y}px`,height:`${v}px`,transform:`scale(${I})`,transformOrigin:"top left",position:"absolute",top:0,left:0,"--rdd-preview-scale":I}})})},Uo=({panelId:e,children:t})=>{let n=De(),{requestClosePanel:o,setPanelDirty:p,registerCloseGuard:s,unregisterCloseGuard:T,updatePanelTitle:h,minimizePanel:w}=Mt(),y=n.minimized.some(a=>a.id===e),v=(0,K.useRef)(y);(0,K.useEffect)(()=>{let a=Qe.get(e);a&&(y&&!v.current?a.onMinimize.forEach(f=>f()):!y&&v.current&&a.onRestore.forEach(f=>f()),v.current=y)},[y,e]);let b=n.activePanelId===e,R=(0,K.useRef)(b);(0,K.useEffect)(()=>{let a=R.current;R.current=b;let f=Qe.get(e);f&&(b&&!a?f.onActivate.forEach(C=>C()):!b&&a&&f.onDeactivate.forEach(C=>C()))},[b,e]);let I=n.panels[e]?.state,k=I==="floating"?"floating-window":"dockable-panel",L=(0,K.useRef)(k);(0,K.useEffect)(()=>{if(I==="minimized")return;let a=L.current;L.current=k;let f=Qe.get(e);f&&k!==a&&f.onContainerTypeChange.forEach(C=>C(k))},[k,I,e]),(0,K.useEffect)(()=>()=>{let a=Qe.get(e);a&&(R.current&&a.onDeactivate.forEach(f=>f()),a.onClose.forEach(f=>f()),Qe.delete(e))},[e]);let d=(0,K.useRef)(k),E=K.default.useMemo(()=>({requestClose:a=>o(e,a),setDirty:a=>p(e,a),onCloseRequested:a=>(s(e,a),()=>T(e)),setTitle:a=>h(e,a),instanceId:e,containerType:d.current,onClose:a=>{let f=pt(e);return f.onClose.add(a),()=>f.onClose.delete(a)},onMinimize:a=>{let f=pt(e);return f.onMinimize.add(a),()=>f.onMinimize.delete(a)},onRestore:a=>{let f=pt(e);return f.onRestore.add(a),()=>f.onRestore.delete(a)},onResize:a=>{let f=pt(e);return f.onResize.add(a),()=>f.onResize.delete(a)},requestMinimize:()=>w(e),getDimensions:()=>Cn.get(e)??null,onActivate:a=>{let f=pt(e);return f.onActivate.add(a),()=>f.onActivate.delete(a)},onDeactivate:a=>{let f=pt(e);return f.onDeactivate.add(a),()=>f.onDeactivate.delete(a)},onContainerTypeChange:a=>{let f=pt(e);return f.onContainerTypeChange.add(a),()=>f.onContainerTypeChange.delete(a)}}),[e,o,p,s,T,h,w]);return(0,g.jsx)(Ze,{value:E,children:t})},Zn=({node:e,path:t,onTabRightClick:n,activeDropZone:o,onHoverDropZone:p,onTabDragStart:s,hoveredTab:T,onTabHover:h,defaultPanelIcon:w,onRequestClosePanel:y})=>{let{updateSplitSizes:v}=Mt();if(e.type==="leaf")return(0,g.jsx)(Jo,{leaf:e,onTabRightClick:n,activeDropZone:o,onHoverDropZone:p,onTabDragStart:s,hoveredTab:T,onTabHover:h,defaultPanelIcon:w,onRequestClosePanel:y});let b=e.orientation==="horizontal",R=(I,k)=>{k.preventDefault();let L=k.currentTarget,d=L.parentElement,E=d?b?d.clientWidth:d.clientHeight:b?1e3:800;Ve({element:L,pointerId:k.pointerId,startClientX:k.clientX,startClientY:k.clientY,captureStart:()=>[...e.sizes],activeClasses:[{el:L,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active",b?"rdd-resizing-col-active":"rdd-resizing-row-active"]}],onMove:(a,f,C)=>{let O=(b?a:f)/E,$=[...C];$[I]+=O,$[I+1]-=O,$[I]>.1&&$[I+1]>.1&&v(t,$)}})};return(0,g.jsx)("div",{style:{display:"flex",flexDirection:b?"row":"column",width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:e.children.map((I,k)=>{let L=e.sizes[k]*100;return(0,g.jsxs)(K.default.Fragment,{children:[(0,g.jsx)("div",{style:{flexGrow:e.sizes[k],flexBasis:`${L}%`,overflow:"hidden",position:"relative",minWidth:0,minHeight:0},children:(0,g.jsx)(Zn,{node:I,path:[...t,k],onTabRightClick:n,activeDropZone:o,onHoverDropZone:p,onTabDragStart:s,hoveredTab:T,onTabHover:h,defaultPanelIcon:w,onRequestClosePanel:y})}),k<e.children.length-1&&(0,g.jsx)("div",{onPointerDown:d=>R(k,d),style:{cursor:b?"col-resize":"row-resize",width:b?"1px":"100%",height:b?"100%":"1px",zIndex:20},className:"rdd-resizer-bar"})]},k)})})},Jo=({leaf:e,onTabRightClick:t,activeDropZone:n,onHoverDropZone:o,onTabDragStart:p,hoveredTab:s,onTabHover:T,defaultPanelIcon:h,onRequestClosePanel:w})=>{let y=De(),v=Rt(),{openPanel:b,closeLeafGroup:R,setActivePanel:I}=fn(),k=Fe(),L=Be(),{windowClass:d,windowBodyClass:E}=Ye(),a=(0,K.useRef)(null),[f,C]=(0,K.useState)({left:!1,right:!1}),O=(0,K.useCallback)(()=>{let l=a.current;l&&C({left:l.scrollLeft>0,right:l.scrollLeft<l.scrollWidth-l.clientWidth-1})},[]);(0,K.useEffect)(()=>{let l=a.current;if(!l)return;l.addEventListener("scroll",O,{passive:!0});let M=new ResizeObserver(O);return M.observe(l),O(),()=>{l.removeEventListener("scroll",O),M.disconnect()}},[O]);let $=l=>{a.current?.scrollBy({left:l==="left"?-120:120,behavior:"smooth"})},F=l=>{b(l,y.panels[l].component),I(l)};return(0,g.jsxs)("div",{"data-active-panel-id":e.activePanelId||"",className:`rdd-workspace-panel ${d??""}`,style:{overflow:"hidden",position:"relative"},children:[(0,g.jsxs)("div",{className:"rdd-workspace-tab-bar",style:{minHeight:"38px"},children:[f.left&&(0,g.jsx)("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-left",onPointerDown:l=>l.stopPropagation(),onClick:()=>$("left"),tabIndex:-1,"aria-label":"Scroll tabs left",children:"\u2039"}),(0,g.jsx)("div",{ref:a,className:"rdd-tab-headers-container",style:{scrollbarWidth:"none"},onPointerMove:l=>{y.draggedPanelId&&l.target===l.currentTarget&&T(e.id,"EMPTY",e.panels.length,"right")},onPointerLeave:l=>{y.draggedPanelId&&l.target===l.currentTarget&&T(e.id,"",-1,null)},children:e.panels.map((l,M)=>{let Y=y.panels[l];if(!Y)return null;let Q=e.activePanelId===l,j=y.activePanelId===l,re=v.get(Y.component)?.defaultOptions,ue=s&&s.leafId===e.id&&s.panelId===l,pe=M===e.panels.length-1,_=s&&s.leafId===e.id&&s.panelId==="EMPTY"&&pe,W=ue?s.side==="left"?"rdd-drag-hover-left":"rdd-drag-hover-right":_?"rdd-drag-hover-right":"",z=Q?j?"rdd-active rdd-workspace-tab-active-focused":"rdd-active rdd-workspace-tab-active-unfocused":"rdd-workspace-tab-inactive";return(0,g.jsxs)("div",{"data-tab-id":l,"data-leaf-id":e.id,"data-tab-index":String(M),onClick:()=>F(l),onPointerDown:Z=>{re?.canDrag!==!1&&p(l,Z)},onContextMenu:Z=>t(l,Z),onPointerMove:Z=>{if(y.draggedPanelId&&Z.pointerType!=="touch"){let B=Z.currentTarget.getBoundingClientRect(),ve=Z.clientX-B.left<B.width/2?"left":"right";T(e.id,l,M,ve)}},onPointerLeave:()=>{y.draggedPanelId&&T(e.id,"",-1,null)},className:`rdd-workspace-tab ${z} ${W}`,style:{cursor:re?.canDrag===!1?"default":"pointer"},children:[(0,g.jsxs)("span",{className:"rdd-text-truncate",style:{maxWidth:"120px",display:"flex",alignItems:"center"},children:[(0,g.jsx)("span",{className:"rdd-workspace-tab-icon",children:re?.icon||h||xn}),(0,g.jsxs)("span",{children:[he(Y.title,k),Y.dirty?" *":""]})]}),re?.renderHeaderActions&&(0,g.jsx)("span",{className:"rdd-tab-header-actions",onClick:Z=>Z.stopPropagation(),onPointerDown:Z=>Z.stopPropagation(),children:re.renderHeaderActions(l)}),re?.canClose!==!1&&(0,g.jsx)("span",{onClick:Z=>{Z.stopPropagation(),w(l)},title:he(L.closeTab,k),className:"rdd-close-tab-x",style:{width:"18px",height:"18px",...re?.renderHeaderActions?{}:{marginInlineStart:"auto"}},children:(0,g.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,g.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]},l)})}),f.right&&(0,g.jsx)("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-right",onPointerDown:l=>l.stopPropagation(),onClick:()=>$("right"),tabIndex:-1,"aria-label":"Scroll tabs right",children:"\u203A"}),e.panels.length===0&&e.keepOnEmpty&&e.canClose!==!1&&(0,g.jsx)("span",{onClick:()=>R(e.id),className:"rdd-close-tab-x rdd-header-close-empty-group",style:{width:"18px",height:"18px",cursor:"pointer"},title:he(L.closeEmptyGroup,k),children:(0,g.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,g.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,g.jsxs)("div",{className:`rdd-panel-body ${E??""}`,style:{position:"relative",overflow:"hidden"},children:[e.activePanelId&&y.panels[e.activePanelId]?(0,g.jsx)(Kn,{panelId:e.activePanelId},e.activePanelId):(0,g.jsx)("div",{className:"rdd-empty-leaf-placeholder",children:(0,g.jsx)("span",{children:"Empty Workspace Section"})}),y.draggedPanelId!==null&&(0,g.jsx)("div",{className:"rdd-dock-drop-zone-overlay",children:(0,g.jsxs)("div",{className:"rdd-dock-target-cross",children:[(0,g.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"top",onPointerEnter:()=>o(e.id,"top"),onPointerLeave:()=>o(e.id,null),className:"rdd-dock-target-box rdd-dock-target-top",children:"\u25B2"}),(0,g.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"bottom",onPointerEnter:()=>o(e.id,"bottom"),onPointerLeave:()=>o(e.id,null),className:"rdd-dock-target-box rdd-dock-target-bottom",children:"\u25BC"}),(0,g.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"left",onPointerEnter:()=>o(e.id,"left"),onPointerLeave:()=>o(e.id,null),className:"rdd-dock-target-box rdd-dock-target-left",children:"\u25C0"}),(0,g.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"right",onPointerEnter:()=>o(e.id,"right"),onPointerLeave:()=>o(e.id,null),className:"rdd-dock-target-box rdd-dock-target-right",children:"\u25B6"}),(0,g.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"center",onPointerEnter:()=>o(e.id,"center"),onPointerLeave:()=>o(e.id,null),className:"rdd-dock-target-box rdd-dock-target-center",children:"\u25A3"})]})}),y.draggedPanelId!==null&&n!==null&&n.leafId===e.id&&(0,g.jsx)("div",{className:"rdd-dock-preview-highlight",style:(()=>{let l=n.position,M=`${y.splitRatio*100}%`,Y=`${(1-y.splitRatio)*100}%`;return{left:l==="right"?Y:"0",top:l==="bottom"?Y:"0",width:l==="left"||l==="right"?M:"100%",height:l==="top"||l==="bottom"?M:"100%"}})()})]})]})},Qo=({skin:e="vscode",defaultPanelIcon:t,taskbarVisibility:n="always",contextMenuAdapter:o=ut,animations:p=!0})=>{let s=De(),T=Rt(),{restorePanel:h,minimizePanel:w,requestClosePanel:y,maximizePanel:v,updateFloatingPosition:b,focusPanel:R,floatPanel:I,setDraggedPanelId:k,dockPanelToGroup:L,movePanelOrder:d,dockPanelToWorkspaceEdge:E,setActivePanel:a,getPanelContextMenuItems:f,showContextMenu:C,registerContextMenuFn:O}=fn(),{openModal:$}=Ue(),F=Fe(),l=Be(),M=K.default.useCallback(i=>{let S=s.panels[i];y(i,{onConfirm:m=>new Promise(x=>{let G=m||S?.dirtyOptions,V=S?he(S.title,F):"Panel";$(Je,{title:G?.title||l.unsavedChangesTitle,message:G?.message||{id:l.unsavedChangesMessage.id,defaultMessage:l.unsavedChangesMessage.defaultMessage,values:{title:V}},alert:G?.alert,alertType:G?.alertType||"danger",useYesNoTitles:!0,onOK:()=>x(!0),onCancel:()=>x(!1)},{size:"small"})})})},[y,s.panels,F,$,l]),{windowClass:Y,windowBodyClass:Q}=Ye(),j=(0,K.useContext)(St),se=(0,K.useRef)(null);(0,K.useEffect)(()=>O(j!==null?i=>j.show(i):i=>se.current?.show(i)),[j,O]);let re=(0,K.useRef)(null),[ue,pe]=(0,K.useState)(!1),_=(0,K.useRef)(null),W=(0,K.useRef)(s.minimized.length),[z,Z]=(0,K.useState)(null),B=(0,K.useRef)(null),ie=(0,K.useRef)("mouse"),[ve,Pe]=(0,K.useState)(!1),Oe=j!==null?j.isOpen:ve;(0,K.useEffect)(()=>()=>{B.current&&clearTimeout(B.current)},[]),(0,K.useEffect)(()=>{z&&(s.minimized.some(S=>S.id===z.id)||Z(null))},[s.minimized,z]),(0,K.useEffect)(()=>{if(!z?.fromTouch)return;let i=S=>{S.pointerType!=="touch"||document.querySelector(".rdd-taskbar-item-tooltip")?.contains(S.target)||Z(null)};return document.addEventListener("pointerdown",i,{capture:!0}),()=>document.removeEventListener("pointerdown",i,{capture:!0})},[z?.fromTouch]);let[$e,Ae]=(0,K.useState)(null),He=(0,K.useRef)(null),[tt,nt]=(0,K.useState)({x:0,y:0}),[Lt,Bt]=(0,K.useState)(null),gt=(0,K.useRef)(null),Ie=i=>{Bt(i),gt.current=i},[$t,Gt]=(0,K.useState)(null),mt=(0,K.useRef)(null),ot=i=>{Gt(i),mt.current=i},Nt=(0,K.useContext)(wt)?.isRtl??!1,[Yt,Ke]=(0,K.useState)(null),Ge=(0,K.useRef)(null),Xt=(i,S,m,x)=>{let G=x?{leafId:i,panelId:S,index:m,side:x}:null;Ke(G),Ge.current=G},zt=(i,S)=>{let m=S?{leafId:i,position:S}:null;Ae(m),He.current=m},ft=(i,S)=>{let m=document.elementsFromPoint(i,S),x=!1,G=!1,V=!1;for(let q of m)if(q instanceof HTMLElement){if(!x&&q.dataset.dropZone){let N=q.dataset.leafId;if(N){let ne=q.dataset.dropZone;Ae({leafId:N,position:ne}),He.current={leafId:N,position:ne},x=!0}}if(!V&&q.dataset.tabId){let N=q.dataset.leafId,ne=parseInt(q.dataset.tabIndex||"0",10);if(N){let ge=q.getBoundingClientRect(),J=i-ge.left<ge.width/2?"left":"right";Ke({leafId:N,panelId:q.dataset.tabId,index:ne,side:J}),Ge.current={leafId:N,panelId:q.dataset.tabId,index:ne,side:J},V=!0}}if(!G&&q.dataset.edgeTrigger&&(Ie(q.dataset.edgeTrigger),G=!0),x&&G&&V)break}x||(Ae(null),He.current=null),G||Ie(null),V||(Ke(null),Ge.current=null)},rt=300,it=8,st=()=>{k(null),Ae(null),He.current=null,Ke(null),Ge.current=null,Ie(null)},at=i=>s.isRtl?i==="left"?"right":i==="right"?"left":i:i,ht=(i,S)=>{let m=He.current,x=Ge.current,G=gt.current,V=mt.current;if(G)E(i,at(G));else if(x){let q=x.index;x.side==="right"&&(q+=1);let N=Vn(s.gridRoot,x.leafId);if(N){let ne=N.panels.indexOf(i);ne!==-1&&ne<q&&(q-=1)}d(i,x.leafId,q)}else m?L(i,m.leafId,at(m.position)):V?I(i,void 0,Nt?At(V):V):I(i,{x:S.clientX-150,y:S.clientY-15,width:450,height:350});ot(null),st()},cn=(i,S)=>{if(S.pointerType==="mouse"&&S.button!==0)return;let m=S.currentTarget,x=S.clientX,G=S.clientY;if(S.pointerType==="touch"){let V=S.pointerId,q=!1,N=()=>{q=!0,clearTimeout(ge),m.removeEventListener("pointermove",ne),m.removeEventListener("pointerup",N),m.removeEventListener("pointercancel",N)},ne=J=>{Math.hypot(J.clientX-x,J.clientY-G)>it&&N()},ge=setTimeout(()=>{if(q)return;m.removeEventListener("pointermove",ne),m.removeEventListener("pointerup",N),m.removeEventListener("pointercancel",N);try{m.setPointerCapture(V)}catch{return}m.classList.add("rdd-long-press-active"),navigator.vibrate&&navigator.vibrate(10);let J=!1,ae=Ce=>{J||(J=!0,k(i)),nt({x:Ce.clientX,y:Ce.clientY}),ft(Ce.clientX,Ce.clientY)},fe=Ce=>{m.classList.remove("rdd-long-press-active"),m.removeEventListener("pointermove",ae),m.removeEventListener("pointerup",fe),m.removeEventListener("pointercancel",le),J?ht(i,Ce):Vt(i,Ce)},le=()=>{m.classList.remove("rdd-long-press-active"),m.removeEventListener("pointermove",ae),m.removeEventListener("pointerup",fe),m.removeEventListener("pointercancel",le),J&&st()};m.addEventListener("pointermove",ae),m.addEventListener("pointerup",fe),m.addEventListener("pointercancel",le)},rt);m.addEventListener("pointermove",ne),m.addEventListener("pointerup",N),m.addEventListener("pointercancel",N)}else{let V=!1,q=ne=>{let ge=ne.clientX-x,J=ne.clientY-G;!V&&(Math.abs(ge)>5||Math.abs(J)>5)&&(V=!0,k(i)),V&&nt({x:ne.clientX,y:ne.clientY})},N=ne=>{window.removeEventListener("pointermove",q),window.removeEventListener("pointerup",N),V&&ht(i,ne)};window.addEventListener("pointermove",q),window.addEventListener("pointerup",N)}},Vt=(i,S)=>{S.preventDefault();let m=s.panels[i];if(!m)return;let G=T.get(m.component)?.defaultOptions,V=[];if(G?.canDrag!==!1&&V.push({label:he(l.floatWindow,F),icon:It.float,action:()=>I(i)}),G?.canMinimize!==!1&&V.push({label:he(l.minimizePanel,F),icon:It.minimize,action:()=>w(i)}),V.length>0&&G?.canClose!==!1&&V.push({separator:!0}),G?.canClose!==!1&&V.push({label:he(l.closeTab,F),icon:It.close,action:()=>M(i)}),V.length===0)return;let q=f(i),N=q.length>0?[...V,{separator:!0},...q]:V;C({event:S,items:N})},bt=(i,S)=>{S.preventDefault(),Z(null),C({event:S,items:[{label:he(l.restorePanel,F),icon:It.restore,action:()=>h(i)},{label:he(l.maximizePanel,F),icon:It.maximize,action:()=>v(i)},{separator:!0},{label:he(l.closePanel,F),icon:It.close,action:()=>M(i)}]})};(0,K.useEffect)(()=>{let i=Object.keys(s.panels);for(let S of Array.from(Ft.keys()))i.includes(S)||Ft.delete(S)},[s.panels]),(0,K.useEffect)(()=>{let i=()=>{s.draggedPanelId!==null&&(k(null),Ae(null),Ke(null))};return window.addEventListener("blur",i),()=>{window.removeEventListener("blur",i)}},[s.draggedPanelId]);let r=(0,K.useRef)(null),[P,c]=(0,K.useState)({width:1024,height:768});(0,K.useEffect)(()=>{let i=r.current;if(!i)return;let S=!1,m=new ResizeObserver(x=>{if(!x||x.length===0)return;let G=x[0].contentRect;if(process.env.NODE_ENV==="development"&&G.height<10&&!S){S=!0;let V=i,q=i.parentElement;for(;q&&q!==document.documentElement&&q.getBoundingClientRect().height<10;){V=q;q=q.parentElement}let N=V.tagName.toLowerCase(),ne=V.id?` id="${V.id}"`:"",ge=V.className?` class="${V.className}"`:"",J=V===i?"the WindowManager container itself":`a wrapper element: <${N}${ne}${ge}>`;console.warn(`[react-dockable-desktop] Workspace height is 0px \u2014 the workspace will be invisible.
|
|
6
6
|
|
|
7
7
|
Zero height found at: ${J}
|
|
8
8
|
|
|
@@ -20,5 +20,5 @@ Fix options:
|
|
|
20
20
|
.layout { display: flex; flex-direction: column; height: 100vh; }
|
|
21
21
|
.workspace { flex: 1; min-height: 0; }
|
|
22
22
|
|
|
23
|
-
3. Verify styles.css is imported \u2014 it anchors html, body, #root to 100% height.`)}d({width:Math.max(100,_.width),height:Math.max(100,_.height)})});return v.observe(r),()=>{v.disconnect()}},[]),(0,G.useEffect)(()=>{let r=c.width,z=c.height;s.floating.forEach(v=>{let P=typeof v.width=="string"?parseFloat(v.width):v.width,_=typeof v.height=="string"?parseFloat(v.height):v.height,q=typeof v.x=="string"?parseFloat(v.x):v.x,Z=typeof v.y=="string"?parseFloat(v.y):v.y,A=P,oe=_,pe=q,J=Z,le=!1;if(A>r&&(A=Math.max(200,r-20),le=!0),oe>z&&(oe=Math.max(150,z-40),le=!0),!v.anchor){let me=r-100;pe>me&&(pe=Math.max(0,me),le=!0);let ce=z-40;J>ce&&(J=Math.max(0,ce),le=!0)}le&&y(v.id,{x:pe,y:J,width:A,height:oe})})},[c,s.floating,y]),(0,G.useEffect)(()=>{let r=z=>{if(z.button!==0)return;let v=z.target;if(!v||typeof v.closest!="function")return;let P=v.closest(".floating-window");if(P){let q=P.getAttribute("data-window-id");q&&(M(q),g(q));return}let _=v.closest(".workspace-panel");if(_){let q=_.getAttribute("data-active-panel-id");q&&M(q)}};return document.addEventListener("pointerdown",r),()=>{document.removeEventListener("pointerdown",r)}},[g,M]);let C=(r,z)=>{let v=s.floating.find(J=>J.id===r);if(!v||v.maximized)return;g(r);let P=z.currentTarget,_=P.closest(".floating-window"),q=z.clientX,Z=z.clientY,A=_?_.offsetLeft:0,oe=_?_.offsetTop:0,pe=()=>{let J=Ie.current,le=Xe.current,me=dt.current,ce=ut.current;if(ce)y(r,{anchor:Rt?zt(ce):ce});else if(me)a(r,Ke(me));else if(le){let Me=le.index;le.side==="right"&&(Me+=1),I(r,le.leafId,Me)}else J&&S(r,J.leafId,Ke(J.position));nt(null),it()};if(z.pointerType==="touch"){let J=z.pointerId,le=!1,me=()=>{le=!0,clearTimeout(Me),P.removeEventListener("pointermove",ce),P.removeEventListener("pointerup",me),P.removeEventListener("pointercancel",me)},ce=_e=>{Math.hypot(_e.clientX-q,_e.clientY-Z)>rt&&me()},Me=setTimeout(()=>{if(le)return;P.removeEventListener("pointermove",ce),P.removeEventListener("pointerup",me),P.removeEventListener("pointercancel",me);try{P.setPointerCapture(J)}catch{return}P.classList.add("long-press-active"),E(r);let _e=pt=>{let ln=pt.clientX-q,Xt=pt.clientY-Z;y(r,{x:A+ln,y:oe+Xt,anchor:null}),St(pt.clientX,pt.clientY)},Ne=()=>{P.classList.remove("long-press-active"),P.removeEventListener("pointermove",_e),P.removeEventListener("pointerup",Ne),P.removeEventListener("pointercancel",st),pe()},st=()=>{P.classList.remove("long-press-active"),P.removeEventListener("pointermove",_e),P.removeEventListener("pointerup",Ne),P.removeEventListener("pointercancel",st),it()};P.addEventListener("pointermove",_e),P.addEventListener("pointerup",Ne),P.addEventListener("pointercancel",st)},ot);P.addEventListener("pointermove",ce),P.addEventListener("pointerup",me),P.addEventListener("pointercancel",me)}else{let J=!1,le=ce=>{let Me=ce.clientX-q,_e=ce.clientY-Z;!J&&(Math.abs(Me)>5||Math.abs(_e)>5)&&(J=!0,E(r)),J&&y(r,{x:A+Me,y:oe+_e,anchor:null})},me=()=>{window.removeEventListener("pointermove",le),window.removeEventListener("pointerup",me),J&&pe()};window.addEventListener("pointermove",le),window.addEventListener("pointerup",me)}},B=(r,z,v)=>{v.stopPropagation();let P=s.floating.find(Vt=>Vt.id===r);if(!P||P.maximized)return;g(r);let _=v.currentTarget;_.setPointerCapture(v.pointerId);let q=v.clientX,Z=v.clientY,A=_.closest(".floating-window"),oe=A?A.offsetWidth:400,pe=A?A.offsetHeight:300,J=A?A.offsetLeft:0,le=A?A.offsetTop:0,me=c.width,ce=c.height,Me=typeof P.x=="string"?parseFloat(P.x):P.x,_e=typeof P.y=="string"?parseFloat(P.y):P.y,Ne=typeof P.width=="string"?parseFloat(P.width):P.width,st=typeof P.height=="string"?parseFloat(P.height):P.height,pt=z==="se"&&Math.abs(Me+Ne-me)<4,ln=z==="se"&&Math.abs(_e+st-ce)<4,Xt=Vt=>{let Mn=Vt.clientX-q,Rn=Vt.clientY-Z,Et=J,It=le,gt=oe,ft=pe;z.includes("e")&&(gt=Math.max(200,oe+Mn)),z.includes("w")&&(gt=Math.max(200,oe-Mn),Et=J+oe-gt),z.includes("s")&&(ft=Math.max(150,pe+Rn)),z.includes("n")&&(ft=Math.max(150,pe-Rn),It=le+pe-ft),pt&&(Et=me-gt,Et<0&&(Et=0,gt=me)),ln&&(It=ce-ft,It<0&&(It=0,ft=ce)),y(r,{x:Et,y:It,width:gt,height:ft})},Gt=()=>{_.removeEventListener("pointermove",Xt),_.removeEventListener("pointerup",Gt),_.removeEventListener("pointercancel",Gt)};_.addEventListener("pointermove",Xt),_.addEventListener("pointerup",Gt),_.addEventListener("pointercancel",Gt)},te=r=>{if(U.current){let z=r==="left"?-150:150;U.current.scrollBy({left:z,behavior:"smooth"})}},re=(0,G.useCallback)(()=>{ge.current&&clearTimeout(ge.current),ye(!0)},[]),ee=(0,G.useCallback)(()=>{ge.current=setTimeout(()=>ye(!1),400)},[]);(0,G.useEffect)(()=>{n==="autohide"&&s.minimized.length>ne.current&&(ge.current&&clearTimeout(ge.current),ye(!0),ge.current=setTimeout(()=>ye(!1),2e3)),ne.current=s.minimized.length},[s.minimized.length,n]);let[ae,Re]=(0,G.useState)("dark");return(0,G.useEffect)(()=>{let r=()=>{let v=document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark";Re(v)};r();let z=new MutationObserver(r);return z.observe(document.documentElement,{attributes:!0,attributeFilter:["data-color-scheme"]}),()=>z.disconnect()},[]),(0,G.useEffect)(()=>(e?document.documentElement.setAttribute("data-workspace-skin",e):document.documentElement.removeAttribute("data-workspace-skin"),()=>{document.documentElement.removeAttribute("data-workspace-skin")}),[e]),(0,p.jsxs)("div",{"data-workspace-skin":e,"data-color-scheme":ae,style:{display:"flex",flexDirection:"column",position:"relative",width:"100%",height:"100%",overflow:"hidden",userSelect:"none"},dir:s.dir,children:[(0,p.jsxs)("div",{ref:h,className:s.draggedPanelId?"dragging-active":void 0,style:{flexGrow:1,width:"100%",position:"relative",overflow:"hidden"},children:[s.draggedPanelId!==null&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{"data-edge-trigger":"left",className:"workspace-edge-trigger edge-trigger-left",onPointerEnter:()=>We("left"),onPointerLeave:()=>We(null)}),(0,p.jsx)("div",{"data-edge-trigger":"right",className:"workspace-edge-trigger edge-trigger-right",onPointerEnter:()=>We("right"),onPointerLeave:()=>We(null)}),(0,p.jsx)("div",{"data-edge-trigger":"top",className:"workspace-edge-trigger edge-trigger-top",onPointerEnter:()=>We("top"),onPointerLeave:()=>We(null)}),(0,p.jsx)("div",{"data-edge-trigger":"bottom",className:"workspace-edge-trigger edge-trigger-bottom",onPointerEnter:()=>We("bottom"),onPointerLeave:()=>We(null)})]}),s.draggedPanelId!==null&&["top-left","top-right","bottom-left","bottom-right"].map(r=>(0,p.jsx)("div",{className:`fw-corner-zone fw-corner-zone--${r}${_t===r?" fw-corner-zone--hovered":""}`,onPointerEnter:()=>{nt(r),We(null)},onPointerLeave:()=>nt(null),"aria-hidden":"true"},r)),s.draggedPanelId!==null&&Mt!==null&&(0,p.jsx)("div",{className:"workspace-edge-preview",style:(()=>{let r=`${s.edgeSplitRatio*100}%`;switch(Mt){case"left":return{left:0,top:0,bottom:0,width:r};case"right":return{right:0,top:0,bottom:0,width:r};case"top":return{top:0,left:0,right:0,height:r};case"bottom":return{bottom:0,left:0,right:0,height:r}}})()}),(0,p.jsx)("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:s.gridRoot?(0,p.jsx)(Xn,{node:s.gridRoot,path:[],onTabRightClick:Yt,activeDropZone:Ce,onHoverDropZone:kt,onTabDragStart:an,hoveredTab:Bt,onTabHover:Tt,defaultPanelIcon:t,onRequestClosePanel:l}):(0,p.jsx)("div",{className:"empty-workspace-grid",children:"Grid Empty"})}),s.floating.map(r=>{let z=s.panels[r.id];if(!z)return null;let v=r.maximized,P=s.draggedPanelId===r.id,_=s.activePanelId===r.id,Z=x.get(z.component)?.defaultOptions;return(0,p.jsxs)("div",{"data-window-id":r.id,dir:s.dir,onPointerDownCapture:()=>{M(r.id),g(r.id)},className:`floating-window ${v?"maximized":""} ${_?"v2-window-focused":""} ${L??""}`,style:(()=>{let pe=typeof r.width=="number"?`${r.width}px`:r.width,J=typeof r.height=="number"?`${r.height}px`:r.height;if(v)return{position:"absolute",left:0,top:0,width:"100%",height:"100%",zIndex:r.z,pointerEvents:P?"none":"auto"};if(r.anchor){let le=s.floating.filter(Ne=>Ne.anchor===r.anchor&&!Ne.maximized),me=le.findIndex(Ne=>Ne.id===r.id),ce=8;for(let Ne=0;Ne<me;Ne++){let st=typeof le[Ne].height=="number"?le[Ne].height:parseFloat(le[Ne].height);ce+=st+8}let Me=r.anchor.startsWith("top");return{position:"absolute",[r.anchor.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]:8,[Me?"top":"bottom"]:ce,width:pe,height:J,zIndex:r.z,transition:P?"none":"top 0.2s ease, bottom 0.2s ease",pointerEvents:P?"none":"auto"}}return{position:"absolute",left:typeof r.x=="number"?`${r.x}px`:r.x,top:typeof r.y=="number"?`${r.y}px`:r.y,width:pe,height:J,zIndex:r.z,pointerEvents:P?"none":"auto"}})(),children:[(0,p.jsxs)("div",{onDoubleClick:()=>w(r.id),onPointerDown:A=>{Z?.canDrag!==!1&&C(r.id,A)},className:"floating-window-titlebar cursor-move",style:{cursor:v||Z?.canDrag===!1?"default":"move"},children:[(0,p.jsxs)("span",{className:"floating-window-title",children:[(0,p.jsx)("span",{className:"window-title-icon",children:Z?.icon||t||bn}),(0,p.jsxs)("span",{children:[ve(z.title,k),z.dirty?" *":""]})]}),(0,p.jsxs)("div",{className:"fw-titlebar-actions",style:{gap:"var(--header-button-gap, 4px)"},onPointerDown:A=>A.stopPropagation(),children:[Z?.renderHeaderActions&&(0,p.jsx)("div",{className:"window-header-actions",children:Z.renderHeaderActions(r.id)}),u(r.id).length>0&&(0,p.jsx)("button",{type:"button",className:"custom-tab-btn btn-more-actions",title:"More actions",onClick:A=>{A.stopPropagation();let oe=u(r.id);oe.length!==0&&b({event:A,items:oe})},children:(0,p.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",style:{display:"block"},children:[(0,p.jsx)("circle",{cx:"12",cy:"5",r:"2"}),(0,p.jsx)("circle",{cx:"12",cy:"12",r:"2"}),(0,p.jsx)("circle",{cx:"12",cy:"19",r:"2"})]})}),(0,p.jsx)("button",{type:"button",title:v?ve(D.restoreSize,k):ve(D.maximize,k),onClick:()=>w(r.id),className:"custom-tab-btn btn-maximize-tab",children:(0,p.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,p.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1.5"})})}),Z?.canMinimize!==!1&&(0,p.jsx)("button",{type:"button",title:ve(D.minimize,k),onClick:()=>m(r.id),className:"custom-tab-btn btn-minimize-tab",children:(0,p.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:(0,p.jsx)("path",{d:"M5 12h14"})})}),Z?.canClose!==!1&&(0,p.jsx)("button",{type:"button",title:ve(D.close,k),onClick:()=>l(r.id),className:"custom-tab-btn btn-close-tab",children:(0,p.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:(0,p.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]})]}),(0,p.jsx)("div",{className:X??void 0,style:{flexGrow:1,width:"100%",overflow:"hidden",position:"relative",isolation:"isolate"},children:(0,p.jsx)(Yn,{panelId:r.id},r.id)}),!v&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{onPointerDown:A=>B(r.id,"n",A),className:"resize-handle resize-n"}),(0,p.jsx)("div",{onPointerDown:A=>B(r.id,"ne",A),className:"resize-handle resize-ne"}),(0,p.jsx)("div",{onPointerDown:A=>B(r.id,"e",A),className:"resize-handle resize-e"}),(0,p.jsx)("div",{onPointerDown:A=>B(r.id,"se",A),className:"resize-handle resize-se"}),(0,p.jsx)("div",{onPointerDown:A=>B(r.id,"s",A),className:"resize-handle resize-s"}),(0,p.jsx)("div",{onPointerDown:A=>B(r.id,"sw",A),className:"resize-handle resize-sw"}),(0,p.jsx)("div",{onPointerDown:A=>B(r.id,"w",A),className:"resize-handle resize-w"}),(0,p.jsx)("div",{onPointerDown:A=>B(r.id,"nw",A),className:"resize-handle resize-nw"})]})]},r.id)})]}),(n==="always"||s.minimized.length>0)&&(0,p.jsxs)("div",{className:["taskbar-footer-container",`taskbar-mode-${n}`,n==="autohide"&&ie?"taskbar-expanded":""].filter(Boolean).join(" "),style:{height:"48px",zIndex:100},onPointerEnter:n==="autohide"?re:void 0,onPointerLeave:n==="autohide"?ee:void 0,children:[n==="autohide"&&(0,p.jsx)("div",{className:"taskbar-peek-handle"}),(0,p.jsx)("button",{type:"button",onClick:()=>te("left"),className:"taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25C0"}),(0,p.jsx)("div",{ref:U,className:"taskbar-items-container",style:{scrollSnapType:"x mandatory"},children:s.minimized.map(r=>{let v=x.get(r.component)?.defaultOptions?.icon||t||bn;return(0,p.jsx)("div",{onClick:()=>{Q.current!=="touch"&&(f(null),W(r.id))},onContextMenu:P=>o(r.id,P),onPointerDown:P=>{if(Q.current=P.pointerType,P.pointerType!=="touch")return;let _=P.currentTarget,q=P.clientX,Z=P.clientY,A=P.pointerId,oe=!1,pe=()=>{oe=!0,clearTimeout(me),_.removeEventListener("pointermove",le),_.removeEventListener("pointerup",J),_.removeEventListener("pointercancel",pe)},J=()=>{pe();let ce=_.getBoundingClientRect();N?.id===r.id?(W(r.id),f(null)):f({id:r.id,rect:ce,title:r.title,component:r.component,fromTouch:!0})},le=ce=>{Math.hypot(ce.clientX-q,ce.clientY-Z)>rt&&pe()},me=setTimeout(()=>{if(oe)return;_.removeEventListener("pointermove",le),_.removeEventListener("pointerup",J),_.removeEventListener("pointercancel",pe);try{_.setPointerCapture(A)}catch{return}navigator.vibrate&&navigator.vibrate(10);let ce=Me=>{_.removeEventListener("pointerup",ce),_.removeEventListener("pointercancel",ce),o(r.id,Me)};_.addEventListener("pointerup",ce),_.addEventListener("pointercancel",ce)},ot);_.addEventListener("pointermove",le),_.addEventListener("pointerup",J),_.addEventListener("pointercancel",pe)},onPointerEnter:P=>{if(P.pointerType==="touch"||Pe)return;Y.current&&clearTimeout(Y.current);let _=P.currentTarget.getBoundingClientRect();P.clientX>=_.left&&P.clientX<=_.right&&P.clientY>=_.top&&P.clientY<=_.bottom&&f({id:r.id,rect:_,title:r.title,component:r.component})},onPointerLeave:P=>{P.pointerType!=="touch"&&(Y.current=setTimeout(()=>{f(null)},150))},className:"taskbar-glassmorphic-item",style:{backdropFilter:"blur(6px)",transition:"all 0.2s",cursor:"pointer",scrollSnapAlign:"start",width:"38px",height:"38px",position:"relative",padding:0},children:(0,p.jsx)("span",{className:"taskbar-item-icon",children:v})},r.id)})}),N&&(0,vn.createPortal)((0,p.jsxs)("div",{className:"taskbar-item-tooltip",dir:s.dir,style:{position:"fixed",left:`${N.rect.left+N.rect.width/2}px`,top:`${N.rect.top-8}px`,transform:"translateX(-50%) translateY(-100%)",opacity:1,pointerEvents:"auto",zIndex:999999},onPointerEnter:()=>{Y.current&&clearTimeout(Y.current)},onPointerLeave:r=>{r.pointerType!=="touch"&&f(null)},onClick:()=>{W(N.id),f(null)},onContextMenu:r=>o(N.id,r),onPointerDown:r=>{if(r.pointerType!=="touch")return;let z=N.id,v=r.currentTarget,P=r.clientX,_=r.clientY,q=r.pointerId,Z=!1,A=()=>{Z=!0,clearTimeout(pe),v.removeEventListener("pointermove",oe),v.removeEventListener("pointerup",A),v.removeEventListener("pointercancel",A)},oe=J=>{Math.hypot(J.clientX-P,J.clientY-_)>rt&&A()},pe=setTimeout(()=>{if(Z)return;v.removeEventListener("pointermove",oe),v.removeEventListener("pointerup",A),v.removeEventListener("pointercancel",A);try{v.setPointerCapture(q)}catch{return}navigator.vibrate&&navigator.vibrate(10);let J=le=>{v.removeEventListener("pointerup",J),v.removeEventListener("pointercancel",J),o(z,le)};v.addEventListener("pointerup",J),v.addEventListener("pointercancel",J)},ot);v.addEventListener("pointermove",oe),v.addEventListener("pointerup",A),v.addEventListener("pointercancel",A)},children:[(0,p.jsxs)("div",{className:"tooltip-header-row",children:[(0,p.jsxs)("span",{className:"tooltip-title-text text-truncate",style:{maxWidth:"140px"},children:[ve(N.title,k),s.panels[N.id]?.dirty?" *":""]}),(0,p.jsx)("span",{onClick:r=>{r.stopPropagation(),l(N.id),f(null)},title:ve(D.closePanel,k),className:"tooltip-close-x",children:(0,p.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,p.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,p.jsx)(Yo,{panelId:N.id})]}),document.body),(0,p.jsx)("button",{type:"button",onClick:()=>te("right"),className:"taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25B6"})]}),Object.keys(s.panels).map(r=>{let z=s.panels[r];if(!z)return null;let v=$n(r);return(0,vn.createPortal)((0,p.jsx)(Xo,{panelId:r,children:(0,p.jsx)("div",{style:{width:"100%",height:"100%"},dir:s.dir,children:$o(r,z.component,x)})}),v,r)}),V===null&&(0,p.jsx)(i.Component,{ref:se,theme:"dark",formatMessageProvider:k,onShow:()=>fe(!0),onHide:()=>fe(!1)}),s.draggedPanelId!==null&&!s.floating.some(r=>r.id===s.draggedPanelId)&&(0,p.jsxs)("div",{className:"drag-ghost-tab",style:{left:Ae.x+12,top:Ae.y+12,zIndex:1e5},children:["\u{1F4C4} ",ve(s.panels[s.draggedPanelId]?.title,k)||"Tab"]})]})},Gn=Vo;var rn=class{registry;initialState;config;_actions=null;_initialized=!1;_pendingCalls=[];_pendingOpenPanelIds=new Set;_pendingSubscriptions=[];_disconnectedWarnTimer=null;constructor(t={}){if(this.registry=new at,this.initialState=t.initialState??null,this.config={formatMessage:t.formatMessage,predefinedMessages:t.predefinedMessages,dir:t.dir,defaultSplitRatio:t.defaultSplitRatio,defaultEdgeSplitRatio:t.defaultEdgeSplitRatio},t.panels)for(let[n,i]of Object.entries(t.panels))this.registry.register(n,i.component,i.defaultOptions)}_connect(t){this._actions=t,this._disconnectedWarnTimer!==null&&(clearTimeout(this._disconnectedWarnTimer),this._disconnectedWarnTimer=null),this._initialized||(this._initialized=!0);for(let i of this._pendingSubscriptions)i.unsub=t.subscribe(i.event,i.callback);let n=this._pendingCalls.splice(0);for(let i of n)i(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 i={event:t,callback:n,unsub:null};return this._pendingSubscriptions.push(i),()=>{i.unsub?.(),i.unsub=null;let s=this._pendingSubscriptions.indexOf(i);s!==-1&&this._pendingSubscriptions.splice(s,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(i=>{this._pendingOpenPanelIds.delete(n),i.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))}publish(t,n){this._dispatch(i=>i.publish(t,n))}subscribe(t,n){return this._subscribeRaw(t,n)}onPanelOpen(t){return this._subscribeRaw("panel:opened",n=>{let i=n;t(i.id,i.component)})}onPanelClose(t){return this._subscribeRaw("panel:closed",n=>{t(n.id)})}onPanelMinimize(t){return this._subscribeRaw("panel:minimized",n=>{t(n.id)})}onPanelRestore(t){return this._subscribeRaw("panel:restored",n=>{t(n.id)})}};var Zn=require("react");var qe=require("react"),qn=require("react/jsx-runtime"),Vn=(0,qe.createContext)(null),Dt=({children:e})=>{let[t,n]=(0,qe.useState)({}),[i,s]=(0,qe.useState)({}),x=(0,qe.useMemo)(()=>({getActiveInGroup:W=>t[W]??null,setActiveInGroup:(W,m)=>n(T=>({...T,[W]:m})),isModifierActive:W=>i[W]??!1,setModifierActive:(W,m)=>s(T=>({...T,[W]:m})),toggleModifier:W=>s(m=>({...m,[W]:!m[W]}))}),[t,i]);return(0,qn.jsx)(Vn.Provider,{value:x,children:e})};function Ot(){let e=(0,qe.useContext)(Vn);return e||(console.warn("useToolbar() called outside <DockableDesktopProvider>. Returning no-op."),{getActiveInGroup:()=>null,setActiveInGroup:()=>{},isModifierActive:()=>!1,setModifierActive:()=>{},toggleModifier:()=>{}})}var At=require("react/jsx-runtime"),Kn=({contextMenuAdapter:e=lt,...t})=>{let n=(0,Zn.useContext)(xt),i=(0,At.jsx)(Dt,{children:(0,At.jsx)(Ut,{...t,children:(0,At.jsx)(nn,{children:t.children})})});return n!==null?i:(0,At.jsx)(en,{adapter:e,formatMessageProvider:t.formatMessage,children:i})};var De=require("react");var Se=require("react/jsx-runtime"),qo=({modal:e,index:t,isTopmost:n})=>{let{close:i,openModal:s,updateInstance:x,setDirty:W}=Je(),m=He(),T=Ye(),{dir:w}=$e(),{modalClass:y,modalBodyClass:g}=Ge(),F=(0,De.useRef)(null),{id:E,Component:S,props:I,options:a,dirty:M,dirtyOptions:u}=e,b=a,[R,H]=(0,De.useState)(b.icon||null),k=(0,De.useRef)(b);k.current=b;let D=ve(b.title,m),l=(0,De.useCallback)(async f=>{if(f?.force){i(E);return}if(F.current){if(!await F.current())return;i(E);return}if(M){s(Qe,{title:u?.title||T.unsavedChangesTitle,message:u?.message||{id:T.unsavedChangesMessage.id,defaultMessage:T.unsavedChangesMessage.defaultMessage,values:{title:D}},alert:u?.alert,alertType:u?.alertType||"danger",useYesNoTitles:!0,onOK:()=>i(E)},{size:"small"});return}i(E)},[i,s,E,M,u,D,T]),L=(0,De.useCallback)((f,Y)=>W(E,f,Y),[W,E]),X=(0,De.useCallback)(f=>x(E,{options:{...k.current,title:f}}),[x,E]),V=(0,De.useCallback)(f=>H(f),[]),se=(0,De.useCallback)(f=>(F.current=f,()=>{F.current=null}),[]),U=(0,De.useMemo)(()=>({requestClose:l,setDirty:L,setTitle:X,setIcon:V,onCloseRequested:se,containerType:"modal",instanceId:E}),[l,L,X,V,se,E]),ie=M?`${D} *`:D,ye=b.size?`v2-modal-size-${b.size}`:"v2-modal-size-auto",ge=b.closable!==!1;(0,De.useEffect)(()=>{if(!n||!ge)return;let f=Y=>{Y.key==="Escape"&&(Y.stopPropagation(),l())};return document.addEventListener("keydown",f),()=>document.removeEventListener("keydown",f)},[l,ge,n]);let N=1e4+t*10;return(0,Se.jsxs)("div",{className:"v2-modal-overlay",style:{zIndex:N},dir:w,children:[(0,Se.jsx)("div",{className:"v2-modal-curtain",onClick:ge?()=>l():void 0}),(0,Se.jsxs)("div",{className:`v2-modal-window ${ye} ${y??""}`,children:[(0,Se.jsxs)("div",{className:"v2-modal-header",children:[R&&(0,Se.jsx)("div",{className:"v2-modal-icon",children:R}),(0,Se.jsx)("h4",{className:"v2-modal-title",children:ie}),ge&&(0,Se.jsx)("button",{className:"v2-modal-close-button",onClick:()=>l(),title:m(T.closeTooltip),type:"button",children:(0,Se.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,Se.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,Se.jsx)("div",{className:`v2-modal-body ${g??""}`,children:(0,Se.jsx)(je,{value:U,children:(0,Se.jsx)(S,{...I,panelId:E})})})]})]})},Zo=()=>{let{modals:e}=Ve();return e.length===0?null:(0,Se.jsx)(Se.Fragment,{children:e.map((t,n)=>(0,Se.jsx)(qo,{modal:t,index:n,isTopmost:n===e.length-1},t.id))})},jn=Zo;var Le=require("react");var Te=require("react/jsx-runtime"),sn=({panel:e,position:t,defaultWidth:n})=>{let{close:i,openModal:s,updateInstance:x,setDirty:W,registerCloseHandler:m,unregisterCloseHandler:T}=Je(),{modals:w}=Ve(),y=He(),g=Ye(),{dir:F}=$e(),{sidePanelClass:E,sidePanelBodyClass:S}=Ge(),I=(0,Le.useRef)(null),{id:a,Component:M,props:u,options:b,dirty:R,dirtyOptions:H}=e,k=b,[D,l]=(0,Le.useState)(k.icon||null),L=(0,Le.useRef)(k);L.current=k;let X=ve(k.title,y),V=(0,Le.useCallback)(async Q=>{if(Q?.force){i(a);return}if(I.current){if(!await I.current())return;i(a);return}if(R){s(Qe,{title:H?.title||g.unsavedChangesTitle,message:H?.message||{id:g.unsavedChangesMessage.id,defaultMessage:g.unsavedChangesMessage.defaultMessage,values:{title:X}},alert:H?.alert,alertType:H?.alertType||"danger",useYesNoTitles:!0,onOK:()=>i(a)},{size:"small"});return}i(a)},[i,s,a,R,H,X,g]),se=(0,Le.useCallback)(async()=>I.current?await I.current():!R,[R]);(0,Le.useEffect)(()=>(m(a,se),()=>T(a)),[a,se,m,T]);let U=(0,Le.useCallback)((Q,j)=>W(a,Q,j),[W,a]),ie=(0,Le.useCallback)(Q=>x(a,{options:{...L.current,title:Q}}),[x,a]),ye=(0,Le.useCallback)(Q=>l(Q),[]),ge=(0,Le.useCallback)(Q=>(I.current=Q,()=>{I.current=null}),[]),ne=(0,Le.useMemo)(()=>({requestClose:V,setDirty:U,setTitle:ie,setIcon:ye,onCloseRequested:ge,containerType:t==="left"?"left-panel":"right-panel",instanceId:a}),[V,U,ie,ye,ge,t,a]),N=R?`${X} *`:X;(0,Le.useEffect)(()=>{let Q=j=>{j.key==="Escape"&&w.length===0&&V()};return document.addEventListener("keydown",Q),()=>document.removeEventListener("keydown",Q)},[V,w.length]);let f=k.width||n||400,Y=typeof f=="number"?`${f}px`:f;return(0,Te.jsx)("div",{className:`v2-side-panel v2-side-panel-${t} v2-side-panel-visible ${E??""}`,style:{width:Y},dir:F,children:(0,Te.jsxs)("div",{className:"v2-side-panel-window",children:[(0,Te.jsxs)("div",{className:"v2-side-panel-header",children:[D&&(0,Te.jsx)("div",{className:"v2-side-panel-icon",children:D}),(0,Te.jsx)("h4",{className:"v2-side-panel-title",children:N}),(0,Te.jsx)("button",{className:"v2-side-panel-close-button",onClick:()=>V(),title:y(g.closeTooltip),type:"button",children:(0,Te.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,Te.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,Te.jsx)("div",{className:`v2-side-panel-body ${S??""}`,children:(0,Te.jsx)(je,{value:ne,children:(0,Te.jsx)(M,{...u,panelId:a})})})]})})},Ko=({defaultWidth:e})=>{let{leftPanel:t,rightPanel:n}=Ve();return(0,Te.jsxs)(Te.Fragment,{children:[t&&(0,Te.jsx)(sn,{panel:t,position:"left",defaultWidth:e},t.id),n&&(0,Te.jsx)(sn,{panel:n,position:"right",defaultWidth:e},n.id)]})},Un=({defaultWidth:e})=>{let{leftPanel:t}=Ve();return t?(0,Te.jsx)(sn,{panel:t,position:"left",defaultWidth:e},t.id):null},Jn=({defaultWidth:e})=>{let{rightPanel:t}=Ve();return t?(0,Te.jsx)(sn,{panel:t,position:"right",defaultWidth:e},t.id):null},Qn=Ko;var ue=require("react"),ke=require("react/jsx-runtime"),to=(0,ue.createContext)(null),no=(0,ue.createContext)(null);function jo({tabId:e,onClose:t,onOpen:n,setActiveTabId:i,children:s}){let x=(0,ue.useMemo)(()=>({tabId:e,onClose:t,onOpen:n,openTab:W=>i(W)}),[e,t,n,i]);return(0,ke.jsx)(no.Provider,{value:x,children:s})}var eo=(0,ue.memo)(function({tabs:t,activeTabId:n,isVisible:i,position:s,onTabClick:x}){return(0,ke.jsx)("div",{style:{width:i?"56px":"0px",height:"100%",overflow:"hidden",transition:"width 0.25s cubic-bezier(0.4, 0, 0.2, 1)",flexShrink:0},children:(0,ke.jsx)("div",{className:`sidebar-tabs-strip ${s}`,style:{width:"56px",height:"100%"},children:t.map(W=>{let m=n===W.id;return(0,ke.jsx)("button",{type:"button",onClick:()=>x(W.id),className:`sidebar-tab-btn${m?" active":""}`,title:W.label,"aria-pressed":m,children:W.icon},W.id)})})})});function Uo({position:e,currentWidth:t,minWidth:n,maxWidth:i,onWidthChange:s,rootRef:x}){return(0,ke.jsx)("div",{className:"resizer-bar",style:{cursor:"col-resize",width:"1px",height:"100%",flexShrink:0,zIndex:20},onPointerDown:m=>{m.preventDefault();let T=m.currentTarget;T.setPointerCapture(m.pointerId);let w=m.clientX,y=t;T.classList.add("active"),document.body.classList.add("resizing-active","resizing-col-active"),x.current?.classList.add("sidebar-resizing");let g=E=>{let S=E.clientX-w,I=e==="right"?y-S:y+S;s(Math.max(n,Math.min(i,I)))},F=()=>{T.classList.remove("active"),document.body.classList.remove("resizing-active","resizing-col-active"),x.current?.classList.remove("sidebar-resizing"),T.removeEventListener("pointermove",g),T.removeEventListener("pointerup",F),T.removeEventListener("pointercancel",F)};T.addEventListener("pointermove",g),T.addEventListener("pointerup",F),T.addEventListener("pointercancel",F)}})}var oo=(0,ue.forwardRef)(function({position:t="right",tabs:n,defaultWidth:i,minWidth:s=150,maxWidth:x=600,onWidthChange:W,drawerWidth:m,activeTabId:T,onActiveTabChange:w,visible:y,onVisibilityChange:g,stripVisible:F,onStripVisibilityChange:E,children:S},I){let a=T!==void 0,[M,u]=(0,ue.useState)(()=>i!==void 0?i:m!==void 0&&parseInt(m,10)||220),b=(0,ue.useCallback)(j=>{u(j),W?.(j)},[W]),[R,H]=(0,ue.useState)(null),k=a?T:R,[D,l]=(0,ue.useState)(()=>new Set),L=(0,ue.useMemo)(()=>{let j=new Set(D);k&&j.add(k);for(let fe of n)fe.eagerMount&&j.add(fe.id);return j},[D,k,n]),X=(0,ue.useRef)(k??null);(0,ue.useEffect)(()=>{X.current=k??null},[k]);let V=(0,ue.useRef)(M);(0,ue.useEffect)(()=>{V.current=M},[M]);let se=(0,ue.useRef)(null),U=(0,ue.useCallback)(j=>{l(j!==null?fe=>{if(fe.has(j))return fe;let Pe=new Set(fe);return Pe.add(j),Pe}:fe=>{let Pe=!1,Ce=new Set(fe);for(let ze of fe){let Ie=n.find(Ae=>Ae.id===ze);Ie&&!Ie.eagerMount&&!Ie.preserveState&&(Ce.delete(ze),Pe=!0)}return Pe?Ce:fe}),a||H(j),w?.(j)},[a,w,n]);(0,ue.useImperativeHandle)(I,()=>({openTab:j=>U(j),closeDrawer:()=>U(null),getActiveTab:()=>X.current,show:()=>g?.(!0),hide:()=>g?.(!1),toggle:()=>g?.(y===!1),showStrip:()=>E?.(!0),hideStrip:()=>E?.(!1),setWidth:j=>b(Math.max(s,Math.min(x,j))),getWidth:()=>V.current}),[U,y,g,E,b,s,x]);let ie=(0,ue.useCallback)(j=>{U(k===j?null:j)},[k,U]),ye=(0,ue.useCallback)(()=>U(null),[U]),ge=(0,ue.useMemo)(()=>({openTab:j=>U(j),closeDrawer:()=>U(null),getActiveTab:()=>X.current}),[U]),ne=y!==!1,N=ne&&F!==!1,f=ne&&k!=null,Y=(0,ke.jsx)("div",{className:`sidebar-content-drawer ${t}`,style:{flexBasis:f?`${M}px`:"0px",flexShrink:1,flexGrow:0,minWidth:f?`${s}px`:"0px",maxWidth:f?`${x}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(j=>{if(!L.has(j.id))return null;let Pe=k===j.id,Ce=()=>U(j.id);return(0,ke.jsxs)("div",{style:{display:Pe?"flex":"none",flexDirection:"column",height:"100%",width:"100%"},children:[(0,ke.jsx)("div",{className:"sidebar-drawer-header",children:(0,ke.jsx)("span",{className:"sidebar-header-title",children:j.label})}),(0,ke.jsx)("div",{className:"sidebar-drawer-body",children:(0,ke.jsx)(jo,{tabId:j.id,onClose:ye,onOpen:Ce,setActiveTabId:U,children:j.renderContent(j.id,ye,Ce)})})]},j.id)})}),Q=f?(0,ke.jsx)(Uo,{position:t,currentWidth:M,minWidth:s,maxWidth:x,onWidthChange:b,rootRef:se}):null;return(0,ke.jsx)(to.Provider,{value:ge,children:(0,ke.jsxs)("div",{ref:se,style:{display:"flex",flexDirection:"row",width:"100%",height:"100%",overflow:"hidden"},children:[t==="left"&&(0,ke.jsx)(eo,{tabs:n,activeTabId:k,isVisible:N,position:t,onTabClick:ie}),t==="left"&&Y,t==="left"&&Q,(0,ke.jsx)("div",{style:{flex:"1 1 auto",minWidth:0,overflow:"hidden"},children:S}),t==="right"&&Q,t==="right"&&Y,t==="right"&&(0,ke.jsx)(eo,{tabs:n,activeTabId:k,isVisible:N,position:t,onTabClick:ie})]})})});function ro(){let e=(0,ue.useContext)(to);return e||(console.warn("useSidebar() called outside a <Sidebar> tree. Returning no-op."),{openTab:()=>{},closeDrawer:()=>{},getActiveTab:()=>null})}function io(){let e=(0,ue.useContext)(no);return e||(console.warn("useSidebarTab() called outside a <Sidebar> tab renderContent tree. Returning no-op."),{tabId:"",onOpen:()=>{},onClose:()=>{},openTab:()=>{}})}var Oe=require("react"),so=require("react-dom");var Ee=require("react/jsx-runtime");function Jo(e,t,n=!1,i=8){switch(t){case"left":return n?{right:window.innerWidth-e.left+i,top:e.top}:{left:e.right+i,top:e.top};case"right":return n?{left:e.right+i,top:e.top}:{right:window.innerWidth-e.left+i,top:e.top};case"top":return n?{top:e.bottom+i,right:window.innerWidth-e.right}:{top:e.bottom+i,left:e.left};case"bottom":return n?{bottom:window.innerHeight-e.top+i,right:window.innerWidth-e.right}:{bottom:window.innerHeight-e.top+i,left:e.left}}}function Qo({item:e,position:t,toolbar:n}){let[i,s]=(0,Oe.useState)(!1),[x,W]=(0,Oe.useState)(null),m=(0,Oe.useRef)(null),T=(0,Oe.useRef)(null),w=e.activeItemId!==void 0,y=w?e.activeItemId:n.getActiveInGroup(e.id),g=e.items.find(a=>!("type"in a)&&a.id===y),F=y!==null,E=g?.icon??e.defaultIcon,S=g?.label??e.label,I=()=>{e.disabled||(!i&&m.current&&W(m.current.getBoundingClientRect()),s(a=>!a))};return(0,Oe.useLayoutEffect)(()=>{if(!i||!T.current)return;let a=T.current,M=a.getBoundingClientRect(),u=8;M.right>window.innerWidth-u&&(a.style.left=`${Math.max(u,window.innerWidth-M.width-u)}px`,a.style.right="auto"),M.left<u&&(a.style.left=`${u}px`,a.style.right="auto"),M.bottom>window.innerHeight-u&&(a.style.top=`${Math.max(u,window.innerHeight-M.height-u)}px`,a.style.bottom="auto"),M.top<u&&(a.style.top=`${u}px`,a.style.bottom="auto")},[i]),(0,Oe.useEffect)(()=>{if(!i)return;let a=M=>{let u=M.target;m.current?.contains(u)||T.current?.contains(u)||s(!1)};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[i]),(0,Oe.useEffect)(()=>{if(!i)return;let a=M=>{M.key==="Escape"&&s(!1)};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[i]),(0,Ee.jsxs)(Ee.Fragment,{children:[(0,Ee.jsx)("button",{ref:m,type:"button",className:`toolbar-btn toolbar-btn-group${F?" active":""}`,title:S,"aria-label":S,"aria-expanded":i,"aria-haspopup":"menu",disabled:e.disabled,onClick:I,children:E}),i&&x&&(0,so.createPortal)((0,Ee.jsx)("div",{ref:T,className:`toolbar-group-flyout ${t}`,style:Jo(x,t,document.documentElement.dir==="rtl"),role:"menu",children:e.items.map((a,M)=>{if("type"in a)return(0,Ee.jsx)("div",{className:"toolbar-group-flyout-sep",role:"separator"},`sep-${M}`);let u=y===a.id;return(0,Ee.jsxs)("button",{type:"button",className:`toolbar-group-flyout-item${u?" active":""}`,disabled:a.disabled,role:"menuitem","aria-pressed":u,onClick:()=>{w?e.onActiveItemChange?.(a.id):n.setActiveInGroup(e.id,a.id),a.onActivate?.(a.id),s(!1)},children:[(0,Ee.jsx)("span",{className:"toolbar-group-flyout-icon",children:a.icon}),(0,Ee.jsx)("span",{className:"toolbar-group-flyout-label",children:a.label}),a.shortcut&&(0,Ee.jsx)("span",{className:"toolbar-group-flyout-shortcut",children:a.shortcut})]},a.id)})}),document.body)]})}function er(e,t,n,i){switch(e.type){case"separator":return(0,Ee.jsx)("div",{className:"toolbar-separator",role:"separator"},`sep-${t}`);case"action":return(0,Ee.jsx)("button",{type:"button",className:"toolbar-btn toolbar-btn-action",title:e.label,"aria-label":e.label,disabled:e.disabled,onClick:e.onClick,children:e.icon},e.id);case"radio":{let s=n.getActiveInGroup(e.group)===e.id;return(0,Ee.jsx)("button",{type:"button",className:`toolbar-btn toolbar-btn-radio${s?" active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":s,disabled:e.disabled,onClick:()=>{n.setActiveInGroup(e.group,e.id),e.onActivate?.(e.id)},children:e.icon},e.id)}case"toggle":{let s=n.isModifierActive(e.id);return(0,Ee.jsx)("button",{type:"button",className:`toolbar-btn toolbar-btn-toggle${s?" active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":s,disabled:e.disabled,onClick:()=>{n.toggleModifier(e.id),e.onToggle?.(!s)},children:e.icon},e.id)}case"group":return(0,Ee.jsx)(Qo,{item:e,position:i,toolbar:n},e.id)}}var ao=(0,Oe.forwardRef)(function({position:t="left",items:n,visible:i,onVisibilityChange:s,className:x,style:W},m){let T=Ot(),w=t==="left"||t==="right";(0,Oe.useImperativeHandle)(m,()=>({show:()=>s?.(!0),hide:()=>s?.(!1),toggle:()=>s?.(i===!1)}),[i,s]);let y=i!==!1?{}:w?{width:"0px"}:{height:"0px"};return(0,Ee.jsx)("div",{className:`toolbar-strip ${t}${x?` ${x}`:""}`,role:"toolbar","aria-orientation":w?"vertical":"horizontal",style:{...y,...W},children:n.map((g,F)=>er(g,F,T,t))})});var we=require("react"),xn=require("react-dom"),he=require("react/jsx-runtime"),wn=class{listeners=new Set;counter=0;subscribe(t){this.listeners.add(t)}unsubscribe(t){this.listeners.delete(t)}show(t,n={}){let i=n.id??`toast-${++this.counter}`;return this.emit({kind:"show",id:i,message:t,rawOpts:{...n,id:i}}),i}update(t,n,i){this.emit({kind:"update",id:t,message:n,patch:i})}dismiss(t){this.emit({kind:"dismiss",id:t})}emit(t){this.listeners.forEach(n=>n(t))}},Fe=new wn,lo=Object.assign((e,t)=>Fe.show(e,t),{info:(e,t)=>Fe.show(e,{...t,type:"info"}),success:(e,t)=>Fe.show(e,{...t,type:"success"}),warning:(e,t)=>Fe.show(e,{...t,type:"warning"}),error:(e,t)=>Fe.show(e,{...t,type:"error"}),dismiss:e=>Fe.dismiss(e),promise:(e,t,n)=>{let i=Fe.show(t.pending,{...n,type:"info",duration:0});return e.then(s=>{let x=typeof t.success=="function"?t.success(s):t.success;Fe.update(i,x,{type:"success",duration:n?.duration??5e3})},s=>{let x=typeof t.error=="function"?t.error(s):t.error;Fe.update(i,x,{type:"error",duration:n?.duration??5e3})}),e}}),tr=()=>(0,he.jsxs)("svg",{className:"dw-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,he.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,he.jsx)("path",{d:"M8 5v.01M8 7.5v3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),nr=()=>(0,he.jsxs)("svg",{className:"dw-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,he.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,he.jsx)("path",{d:"M5 8l2 2 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),or=()=>(0,he.jsxs)("svg",{className:"dw-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,he.jsx)("path",{d:"M8 2.5L14 13.5H2L8 2.5z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),(0,he.jsx)("path",{d:"M8 7v2.5M8 11.5v.01",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),rr=()=>(0,he.jsxs)("svg",{className:"dw-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,he.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,he.jsx)("path",{d:"M5.5 5.5l5 5M10.5 5.5l-5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),ir=()=>(0,he.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:(0,he.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),sr={info:(0,he.jsx)(tr,{}),success:(0,he.jsx)(nr,{}),warning:(0,he.jsx)(or,{}),error:(0,he.jsx)(rr,{})};function ar({id:e,message:t,options:n,exiting:i,isLeft:s,showProgress:x,pauseOnHover:W,animation:m,onDismiss:T,onExited:w}){let y=(0,we.useRef)(null),g=(0,we.useRef)(null),F=(0,we.useRef)(n.duration),E=(0,we.useRef)(0),[S,I]=(0,we.useState)(!1),a=m==="none"?"dw-toast--visible":m==="fade"?"dw-toast--fade-entering":s?"dw-toast--entering-left":"dw-toast--entering",[M,u]=(0,we.useState)(a);(0,we.useLayoutEffect)(()=>{y.current&&(y.current.style.maxHeight=`${y.current.offsetHeight}px`)},[]),(0,we.useEffect)(()=>{if(m==="none")return;let l=requestAnimationFrame(()=>u("dw-toast--visible"));return()=>cancelAnimationFrame(l)},[]);let b=(0,we.useCallback)(l=>{l<=0||(E.current=Date.now(),g.current=setTimeout(()=>T(e),l))},[e,T]);(0,we.useEffect)(()=>(g.current&&clearTimeout(g.current),F.current=n.duration,b(n.duration),()=>{g.current&&clearTimeout(g.current)}),[n.duration,b]),(0,we.useEffect)(()=>{if(!i)return;let l=y.current;if(!l||m==="none"){w(e);return}let L=V=>{V.propertyName==="max-height"&&w(e)};l.addEventListener("transitionend",L);let X=setTimeout(()=>w(e),520);return()=>{l.removeEventListener("transitionend",L),clearTimeout(X)}},[i,e,w,m]);let R=()=>{!W||n.duration===0||(g.current&&(clearTimeout(g.current),g.current=null,F.current=Math.max(0,F.current-(Date.now()-E.current))),I(!0))},H=()=>{!W||n.duration===0||(I(!1),b(F.current))},k=["dw-toast",n.type&&`dw-toast--${n.type}`,M,i&&"dw-toast--exiting",S&&"dw-toast--paused"].filter(Boolean).join(" "),D=n.icon!==void 0?n.icon:n.type?sr[n.type]:null;return(0,he.jsxs)("div",{ref:y,role:"status","aria-live":"polite",className:k,onMouseEnter:R,onMouseLeave:H,children:[D&&D,(0,he.jsx)("div",{className:"dw-toast__body",children:n.content!==void 0?n.content:t}),n.closable&&(0,he.jsx)("button",{type:"button",className:"dw-toast__close",onClick:()=>T(e),"aria-label":"Close notification",children:(0,he.jsx)(ir,{})}),x&&n.duration>0&&(0,he.jsx)("div",{className:"dw-toast__progress",style:{animationDuration:`${n.duration}ms`}})]})}function Pn(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 co({position:e="top-right",maxVisible:t=3,defaultDuration:n=5e3,defaultClosable:i=!0,pauseOnHover:s=!0,animation:x="slide",newestOnTop:W=!1,progressBar:m=!1,width:T=320,adapter:w}){let[y,g]=(0,we.useState)([]),F=(0,we.useRef)([]),E=(0,we.useRef)(y);E.current=y;let S=(0,we.useCallback)(b=>{g(R=>R.map(H=>H.id===b?{...H,exiting:!0}:H)),E.current.find(R=>R.id===b)?.options.onClose?.()},[]),I=(0,we.useCallback)(b=>{let R=F.current.shift()??null;g(H=>{let k=H.filter(l=>l.id!==b);if(!R)return k;let D=Pn(R.rawOpts,n,i);return[...k,{id:R.id,message:R.message,options:D,exiting:!1}]})},[n,i]);if((0,we.useEffect)(()=>{if(w)return;let b=R=>{if(R.kind==="show"){let H=Pn(R.rawOpts,n,i),k={id:R.id,message:R.message,options:H,exiting:!1},D={id:R.id,message:R.message,rawOpts:R.rawOpts};g(l=>l.find(V=>V.id===R.id)?l.map(V=>V.id===R.id?{...V,message:R.message,options:H}:V):l.filter(V=>!V.exiting).length<t?[...l,k]:(F.current.some(V=>V.id===D.id)||F.current.push(D),l))}else R.kind==="update"?(g(H=>H.map(k=>{if(k.id!==R.id)return k;let D={...k.options,...R.patch,id:k.id};return{...k,message:R.message,options:D}})),F.current=F.current.map(H=>H.id!==R.id?H:{...H,message:R.message,rawOpts:{...H.rawOpts,...R.patch}})):R.kind==="dismiss"&&(R.id===void 0?(g(H=>H.map(k=>({...k,exiting:!0}))),F.current=[]):E.current.some(k=>k.id===R.id)?S(R.id):F.current=F.current.filter(k=>k.id!==R.id))};return Fe.subscribe(b),()=>Fe.unsubscribe(b)},[w,t,n,i,S]),(0,we.useEffect)(()=>{if(!w)return;let b=R=>{if(R.kind==="show"){let H=Pn(R.rawOpts,n,i);w.show(R.id,R.message,H)}else R.kind==="update"?w.update(R.id,R.message,R.patch):R.kind==="dismiss"&&w.dismiss(R.id)};return Fe.subscribe(b),()=>Fe.unsubscribe(b)},[w,n,i]),w){if(!w.Container)return null;let b=w.Container;return(0,xn.createPortal)((0,he.jsx)(b,{position:e}),document.body)}let a=e.endsWith("left"),M="";W===!0&&(M="dw-toast-container--newest-top"),W===!1&&(M="dw-toast-container--newest-bottom");let u=["dw-toast-container",`dw-toast-container--${e}`,M].filter(Boolean).join(" ");return(0,xn.createPortal)((0,he.jsx)("div",{className:u,style:{width:T},"aria-label":"Notifications","aria-live":"polite",children:y.map(b=>(0,he.jsx)(ar,{id:b.id,message:b.message,options:b.options,exiting:b.exiting,isLeft:a,showProgress:m,pauseOnHover:s,animation:x,onDismiss:S,onExited:I},b.id))}),document.body)}var $=cn(require("react"),1),fo=require("react-dom");var K=require("react/jsx-runtime"),lr=["top-left","top-right","bottom-left","bottom-right"],mo=(0,$.createContext)(null),ho=(0,$.createContext)(null),vo=(0,$.createContext)(null),tt=80;function cr(e,t,n){let i=e.getBoundingClientRect(),s=t-i.left,x=n-i.top;return s<tt&&x<tt?"top-left":s>i.width-tt&&x<tt?"top-right":s<tt&&x>i.height-tt?"bottom-left":s>i.width-tt&&x>i.height-tt?"bottom-right":null}function bo({children:e,className:t,style:n}){let[i,s]=(0,$.useState)({}),[x,W]=(0,$.useState)({}),[m,T]=(0,$.useState)({"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]}),[w,y]=(0,$.useState)({}),[g,F]=(0,$.useState)(null),[E,S]=(0,$.useState)(null),[I,a]=(0,$.useState)(null),[M,u]=(0,$.useState)(()=>new Map),b=(0,$.useRef)(100),R=(0,$.useRef)(null),H=(0,$.useCallback)((ne,N)=>(s(f=>({...f,[ne]:N})),()=>s(f=>{let Y={...f};return delete Y[ne],Y})),[]),k=(0,$.useCallback)(ne=>{b.current+=1;let N=b.current;W(f=>({...f,[ne]:N})),a(ne)},[]),D=(0,$.useCallback)((ne,N)=>{T(f=>{let Y={"top-left":f["top-left"].filter(Q=>Q!==ne),"top-right":f["top-right"].filter(Q=>Q!==ne),"bottom-left":f["bottom-left"].filter(Q=>Q!==ne),"bottom-right":f["bottom-right"].filter(Q=>Q!==ne)};return Y[N]=[...Y[N],ne],Y})},[]),l=(0,$.useCallback)(ne=>{T(N=>({"top-left":N["top-left"].filter(f=>f!==ne),"top-right":N["top-right"].filter(f=>f!==ne),"bottom-left":N["bottom-left"].filter(f=>f!==ne),"bottom-right":N["bottom-right"].filter(f=>f!==ne)}))},[]),L=(0,$.useCallback)((ne,N)=>{y(f=>f[ne]===N?f:{...f,[ne]:N})},[]),X=(0,$.useCallback)((ne,N)=>{u(f=>{let Y=new Map(f);return Y.set(ne,N),Y})},[]),V=(0,$.useCallback)(ne=>{u(N=>{let f=new Map(N);return f.delete(ne),f})},[]),se=(0,$.useCallback)(()=>{u(new Map)},[]),U=(0,$.useMemo)(()=>Array.from(M.keys()),[M]),ie=(0,$.useMemo)(()=>({registerToolbar:H,insetTop:i.top??0,insetBottom:i.bottom??0}),[H,i]),ye=(0,$.useMemo)(()=>({managedWindowIds:U,openManaged:X,closeManaged:V,closeAllManaged:se}),[U,X,V,se]),ge=(0,$.useMemo)(()=>({topId:I,zOrders:x,focusWindow:k,containerRef:R,stacks:m,dockedSizes:w,dockWindow:D,undockWindow:l,reportDockedSize:L,draggingId:g,setDraggingId:F,hoveredZone:E,setHoveredZone:S,insetTop:i.top??0,insetBottom:i.bottom??0}),[I,x,k,m,w,D,l,L,g,E,i]);return(0,K.jsx)(mo.Provider,{value:ie,children:(0,K.jsx)(ho.Provider,{value:ye,children:(0,K.jsx)(vo.Provider,{value:ge,children:(0,K.jsxs)("div",{ref:R,className:`dw-panel-overlay-root${g!==null?" dragging-active":""}${t?" "+t:""}`,style:n,children:[e,g!==null&&(0,K.jsx)(dr,{hoveredZone:E}),Array.from(M.entries()).map(([ne,N])=>(0,K.jsx)(Cn,{id:ne,title:N.title,icon:N.icon,open:!0,onClose:()=>V(ne),defaultAnchor:N.anchor??"top-right",defaultWidth:N.width??320,defaultHeight:N.height??240,children:N.content},ne))]})})})})}function dr({hoveredZone:e}){return(0,K.jsx)(K.Fragment,{children:lr.map(t=>(0,K.jsx)("div",{className:`dw-panel-float-dropzone dw-panel-float-dropzone--${t}${e===t?" dw-panel-float-dropzone--hovered":""}`,"aria-hidden":"true"},t))})}function yo({position:e,variant:t="transparent",buttonVariant:n="ghost",buttonSize:i,style:s,className:x,children:W}){let m=(0,$.useContext)(mo),T=(0,$.useRef)(null),w=(0,$.useRef)(null);(0,$.useLayoutEffect)(()=>{let S=T.current;if(!S||!m)return;let I=e==="top"||e==="bottom"?S.offsetHeight:S.offsetWidth;return w.current?.(),w.current=m.registerToolbar(e,I),()=>{w.current?.(),w.current=null}},[e,m?.registerToolbar]);let y={position:"absolute",zIndex:5,pointerEvents:"none",boxSizing:"border-box"};e==="top"?(y.top=0,y.left=0,y.right=0):e==="bottom"?(y.bottom=0,y.left=0,y.right=0):e==="left"?(y.insetInlineStart=0,y.top=m?.insetTop??0,y.bottom=m?.insetBottom??0):(y.insetInlineEnd=0,y.top=m?.insetTop??0,y.bottom=m?.insetBottom??0);let F=e==="left"||e==="right"?{...(m?.insetTop??0)>0?{paddingTop:0}:{},...(m?.insetBottom??0)>0?{paddingBottom:0}:{}}:{},E=i!=null?{"--panel-toolbar-btn-size":`${i}px`}:{};return(0,K.jsx)("div",{ref:T,className:`dw-panel-toolbar dw-panel-toolbar--${e}${x?" "+x:""}`,"data-variant":t,"data-btn-variant":n,style:{...y,...F,...E,...s},children:W})}function Po({icon:e,onClick:t,disabled:n,title:i,variant:s}){return(0,K.jsx)("button",{type:"button",className:"dw-panel-toolbar-btn",onClick:t,disabled:n,title:i,"aria-label":i,...s?{"data-variant":s}:{},children:e})}function xo({icon:e,active:t,onToggle:n,disabled:i,title:s,variant:x}){return(0,K.jsx)("button",{type:"button",className:`dw-panel-toolbar-btn${t?" dw-panel-toolbar-btn--active":""}`,onClick:n,disabled:i,title:s,"aria-label":s,"aria-pressed":t,...x?{"data-variant":x}:{},children:e})}function wo(){return(0,K.jsx)("span",{className:"dw-panel-toolbar__sep","aria-hidden":"true"})}function Co(){return(0,K.jsx)("span",{className:"dw-panel-toolbar__spacer","aria-hidden":"true"})}function Mo({children:e}){return(0,K.jsx)("span",{className:"dw-panel-toolbar__item",children:e})}function Ro({children:e}){return(0,K.jsx)("div",{className:"dw-panel-toolbar__center",children:e})}function To({placeholder:e="Search\u2026",onSearch:t,onSelect:n}){let[i,s]=(0,$.useState)(!1),[x,W]=(0,$.useState)(""),[m,T]=(0,$.useState)([]),[w,y]=(0,$.useState)(null),g=(0,$.useRef)(null),F=(0,$.useRef)(null),E=(0,$.useRef)(null),S=(0,$.useRef)(null),I=()=>{s(!0),setTimeout(()=>F.current?.focus(),0)},a=()=>{s(!1),W(""),T([]),y(null),E.current?.abort(),S.current&&clearTimeout(S.current)},M=D=>{let l=D.target.value;if(W(l),E.current?.abort(),S.current&&clearTimeout(S.current),!l.trim()){T([]),y(null);return}S.current=setTimeout(async()=>{let L=new AbortController;E.current=L;try{let X=await t(l,L.signal);if(!L.signal.aborted){T(X);let V=g.current;if(V&&X.length>0){let se=V.getBoundingClientRect(),U=Math.max(se.width,240),ie=se.left;ie+U>window.innerWidth-8&&(ie=window.innerWidth-U-8),y({top:se.bottom+4,left:ie,width:U})}else y(null)}}catch{}},300)},u=D=>{n(D),a()},b=D=>{g.current?.contains(D.relatedTarget)||a()},R=D=>{D.key==="Escape"&&a()},H=(0,$.useMemo)(()=>{let D={};for(let l of m){let L=l.group??"";D[L]||(D[L]=[]),D[L].push(l)}return D},[m]),k=(0,K.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,K.jsx)("circle",{cx:"6.5",cy:"6.5",r:"4.5"}),(0,K.jsx)("line",{x1:"10",y1:"10",x2:"14",y2:"14"})]});return i?(0,K.jsxs)("div",{ref:g,className:"dw-panel-toolbar-search dw-panel-toolbar-search--open",onBlur:b,children:[(0,K.jsx)("button",{type:"button",className:"dw-panel-toolbar-btn",onClick:a,"aria-label":"Close search",title:"Close search",children:k}),(0,K.jsx)("input",{ref:F,className:"dw-panel-toolbar-search__input",type:"text",value:x,onChange:M,onKeyDown:R,placeholder:e,autoComplete:"off"}),w&&m.length>0&&(0,fo.createPortal)((0,K.jsx)("div",{className:"dw-panel-toolbar-search__dropdown",style:{position:"fixed",top:w.top,left:w.left,width:w.width,zIndex:9502},onMouseDown:D=>D.preventDefault(),children:Object.entries(H).map(([D,l])=>(0,K.jsxs)($.default.Fragment,{children:[D&&(0,K.jsx)("div",{className:"dw-panel-toolbar-search__group",children:D}),l.map(L=>(0,K.jsxs)("button",{type:"button",className:"dw-panel-toolbar-search__item",onClick:()=>u(L),children:[L.icon&&(0,K.jsx)("span",{className:"dw-panel-toolbar-search__item-icon",children:L.icon}),(0,K.jsx)("span",{className:"dw-panel-toolbar-search__item-label",children:L.label}),L.description&&(0,K.jsx)("span",{className:"dw-panel-toolbar-search__item-desc",children:L.description})]},L.id))]},D||"__default__"))}),document.body)]}):(0,K.jsx)("div",{ref:g,className:"dw-panel-toolbar-search",children:(0,K.jsx)("button",{type:"button",className:"dw-panel-toolbar-btn",onClick:I,title:"Search","aria-label":"Search",children:k})})}function Cn(e){let t=(0,$.useContext)(vo);return e.open?(0,K.jsx)(pr,{ctx:t,...e},e.id):null}var uo=120,po=60,go=8,ur=8;function pr({id:e,title:t,icon:n,defaultAnchor:i,defaultWidth:s,defaultHeight:x,children:W,ctx:m,onClose:T}){let w=(0,$.useContext)(vt)?.isRtl??!1,[y,g]=(0,$.useState)("docked"),[F,E]=(0,$.useState)(i),[S,I]=(0,$.useState)(null),[a,M]=(0,$.useState)({w:s,h:x}),u=(0,$.useRef)(null),b=(0,$.useRef)(y);b.current=y;let R=(0,$.useRef)(S);R.current=S;let H=(0,$.useRef)(a);H.current=a;let k=(0,$.useRef)(null),D=(0,$.useRef)(null);(0,$.useLayoutEffect)(()=>(m?.dockWindow(e,i),()=>{m?.undockWindow(e)}),[]),(0,$.useEffect)(()=>{m?.reportDockedSize(e,a.h)},[a.h]);let l=m?.zOrders[e]??101,L=!m||m.topId===e,X=()=>{let N=u.current?.offsetParent;return{cw:N?.clientWidth??9999,ch:N?.clientHeight??9999}},V=()=>{m?.focusWindow(e)},se=N=>{if(N.button!==0)return;N.preventDefault();let f,Y;if(b.current==="docked"){let Q=u.current,j=m?.containerRef?.current;if(Q&&j){let fe=Q.getBoundingClientRect(),Pe=j.getBoundingClientRect();f=fe.left-Pe.left,Y=fe.top-Pe.top}else f=go,Y=m?.insetTop??0;m?.undockWindow(e),g("free"),I({x:f,y:Y})}else f=R.current?.x??0,Y=R.current?.y??0;k.current={mouseX:N.clientX,mouseY:N.clientY,posX:f,posY:Y,hasDragged:!1},u.current?.setPointerCapture(N.pointerId)},U=N=>f=>{if(f.button!==0)return;f.preventDefault(),f.stopPropagation();let Y=0,Q=0;if(b.current==="free")Y=R.current?.x??0,Q=R.current?.y??0;else{let j=u.current,fe=j?.offsetParent;if(j&&fe){let Pe=j.getBoundingClientRect(),Ce=fe.getBoundingClientRect();Y=Pe.left-Ce.left,Q=Pe.top-Ce.top}}D.current={dir:N,mouseX:f.clientX,mouseY:f.clientY,startX:Y,startY:Q,w:H.current.w,h:H.current.h},u.current?.setPointerCapture(f.pointerId)},ie=N=>{if(k.current){let f=k.current;if(!f.hasDragged){if(Math.abs(N.clientX-f.mouseX)+Math.abs(N.clientY-f.mouseY)<4)return;f.hasDragged=!0,m?.setDraggingId(e)}let{cw:Y,ch:Q}=X(),j=Math.max(0,Math.min(f.posX+N.clientX-f.mouseX,Y-H.current.w)),fe=Math.max(0,Math.min(f.posY+N.clientY-f.mouseY,Q-H.current.h));I({x:j,y:fe});let Pe=m?.containerRef?.current;if(Pe){let Ce=cr(Pe,N.clientX,N.clientY);m?.setHoveredZone(Ce&&w?zt(Ce):Ce)}}else if(D.current){let f=D.current,Y=N.clientX-f.mouseX,Q=N.clientY-f.mouseY,{cw:j,ch:fe}=X(),Pe=f.startX,Ce=f.startY,ze=f.w,Ie=f.h;if(f.dir.includes("e")&&(ze=Math.max(uo,Math.min(f.w+Y,j-f.startX))),f.dir.includes("s")&&(Ie=Math.max(po,Math.min(f.h+Q,fe-f.startY))),f.dir.includes("n")){let Ae=Math.max(-f.startY,Math.min(Q,f.h-po));Ie=f.h-Ae,Ce=f.startY+Ae}if(f.dir.includes("w")){let Ae=Math.max(-f.startX,Math.min(Y,f.w-uo));ze=f.w-Ae,Pe=f.startX+Ae}M({w:ze,h:Ie}),b.current==="free"&&I({x:Pe,y:Ce})}},ye=()=>{if(k.current){let N=m?.hoveredZone;N&&(m?.dockWindow(e,N),E(N),g("docked"),I(null)),m?.setHoveredZone(null),m?.setDraggingId(null)}k.current=null,D.current=null},ge;if(y==="docked"&&m){let N=m.stacks[F]??[],f=N.indexOf(e),Y=0;for(let Q=0;Q<f;Q++)Y+=(m.dockedSizes[N[Q]]??x)+ur;ge={width:a.w,height:a.h,zIndex:l,transition:"top 0.2s ease, bottom 0.2s ease",opacity:f===-1?0:void 0,pointerEvents:f===-1?"none":void 0},ge[F.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]=go,F.startsWith("top-")?ge.top=m.insetTop+Y:ge.bottom=m.insetBottom+Y}else ge={left:S?.x??0,top:S?.y??0,width:a.w,height:a.h,zIndex:l};return(0,K.jsxs)("div",{ref:u,dir:w?"rtl":"ltr",className:`dw-panel-float${L?" dw-panel-float--active":""}`,style:ge,onPointerDown:V,onPointerMove:ie,onPointerUp:ye,children:[(0,K.jsxs)("div",{className:"dw-panel-float__header",onPointerDown:se,children:[n&&(0,K.jsx)("span",{className:"dw-panel-float__icon",children:n}),(0,K.jsx)("span",{className:"dw-panel-float__title",children:t}),(0,K.jsx)("button",{type:"button",className:"dw-panel-float__close",onClick:T,onPointerDown:N=>N.stopPropagation(),title:"Close","aria-label":"Close",children:(0,K.jsxs)("svg",{width:"8",height:"8",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",children:[(0,K.jsx)("line",{x1:"1",y1:"1",x2:"9",y2:"9"}),(0,K.jsx)("line",{x1:"9",y1:"1",x2:"1",y2:"9"})]})})]}),(0,K.jsx)("div",{className:"dw-panel-float__body",children:W}),y==="free"&&(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)("div",{className:"resize-handle resize-n",onPointerDown:U("n")}),(0,K.jsx)("div",{className:"resize-handle resize-ne",onPointerDown:U("ne")}),(0,K.jsx)("div",{className:"resize-handle resize-nw",onPointerDown:U("nw")})]}),(0,K.jsx)("div",{className:"resize-handle resize-e",onPointerDown:U("e")}),(0,K.jsx)("div",{className:"resize-handle resize-se",onPointerDown:U("se")}),(0,K.jsx)("div",{className:"resize-handle resize-s",onPointerDown:U("s")}),(0,K.jsx)("div",{className:"resize-handle resize-sw",onPointerDown:U("sw")}),(0,K.jsx)("div",{className:"resize-handle resize-w",onPointerDown:U("w")})]})}function ko(){let[e,t]=(0,$.useState)(!1),n=(0,$.useCallback)(()=>{t(!0)},[]),i=(0,$.useCallback)(()=>{t(!1)},[]);return{isOpen:e,open:n,close:i}}var gr=[];function So(){let e=(0,$.useContext)(ho),t=e?.managedWindowIds??gr;return(0,$.useMemo)(()=>({open:(n,i)=>e?.openManaged(n,i),close:n=>e?.closeManaged(n),closeAll:()=>e?.closeAllManaged(),isOpen:n=>t.includes(n),openIds:t}),[e,t])}0&&(module.exports={ConfirmationForm,ContextMenu,ContextMenuProvider,DefaultContextMenuAdapter,DockableDesktopProvider,FormContainerContext,FormContainerProvider,LeftPanelRenderer,ModalStackRenderer,PanelFloatingWindow,PanelOverlayRoot,PanelProvider,PanelRegistry,PanelRegistryClass,PanelToolbar,PanelToolbarItem,PanelToolbarSeparator,RightPanelRenderer,SidePanelRenderer,Sidebar,ToastContainer,Toolbar,ToolbarButton,ToolbarCenter,ToolbarProvider,ToolbarSearchInput,ToolbarSpacer,ToolbarToggle,WindowManager,WindowManagerProvider,WorkspaceClient,defaultPredefinedMessages,formatLabel,toast,useFormContainer,useFormatMessage,usePanelActions,usePanelContext,usePanelContextMenu,usePanelFloatingWindow,usePanelFloatingWindowManager,usePanelId,usePanelState,usePredefinedMessages,useRegistry,useShowContextMenu,useSidebar,useSidebarTab,useStyleClasses,useToolbar,useWindowManagerActions,useWindowManagerState});
|
|
23
|
+
3. Verify styles.css is imported \u2014 it anchors html, body, #root to 100% height.`)}c({width:Math.max(100,G.width),height:Math.max(100,G.height)})});return m.observe(i),()=>{m.disconnect()}},[]),(0,K.useEffect)(()=>{let i=P.width,S=P.height;s.floating.forEach(m=>{let x=typeof m.width=="string"?parseFloat(m.width):m.width,G=typeof m.height=="string"?parseFloat(m.height):m.height,V=typeof m.x=="string"?parseFloat(m.x):m.x,q=typeof m.y=="string"?parseFloat(m.y):m.y,N=x,ne=G,ge=V,J=q,ae=!1;if(N>i&&(N=Math.max(200,i-20),ae=!0),ne>S&&(ne=Math.max(150,S-40),ae=!0),!m.anchor){let fe=i-100;ge>fe&&(ge=Math.max(0,fe),ae=!0);let le=S-40;J>le&&(J=Math.max(0,le),ae=!0)}ae&&b(m.id,{x:ge,y:J,width:N,height:ne})})},[P,s.floating,b]),(0,K.useEffect)(()=>{let i=S=>{if(S.button!==0)return;let m=S.target;if(!m||typeof m.closest!="function")return;let x=m.closest(".rdd-floating-window");if(x){let V=x.getAttribute("data-window-id");V&&(a(V),R(V));return}let G=m.closest(".rdd-workspace-panel");if(G){let V=G.getAttribute("data-active-panel-id");V&&a(V)}};return document.addEventListener("pointerdown",i),()=>{document.removeEventListener("pointerdown",i)}},[R,a]);let u=(i,S)=>{let m=s.floating.find(J=>J.id===i);if(!m||m.maximized)return;R(i);let x=S.currentTarget,G=x.closest(".rdd-floating-window"),V=S.clientX,q=S.clientY,N=G?G.offsetLeft:0,ne=G?G.offsetTop:0,ge=()=>{let J=He.current,ae=Ge.current,fe=gt.current,le=mt.current;if(le)b(i,{anchor:Nt?At(le):le});else if(fe)E(i,at(fe));else if(ae){let Ce=ae.index;ae.side==="right"&&(Ce+=1),d(i,ae.leafId,Ce)}else J&&L(i,J.leafId,at(J.position));ot(null),st()};if(S.pointerType==="touch"){let J=S.pointerId,ae=!1,fe=()=>{ae=!0,clearTimeout(Ce),x.removeEventListener("pointermove",le),x.removeEventListener("pointerup",fe),x.removeEventListener("pointercancel",fe)},le=ze=>{Math.hypot(ze.clientX-V,ze.clientY-q)>it&&fe()},Ce=setTimeout(()=>{if(ae)return;x.removeEventListener("pointermove",le),x.removeEventListener("pointerup",fe),x.removeEventListener("pointercancel",fe);try{x.setPointerCapture(J)}catch{return}x.classList.add("rdd-long-press-active"),k(i);let ze=vt=>{let yt=vt.clientX-V,Pt=vt.clientY-q;b(i,{x:N+yt,y:ne+Pt,anchor:null}),ft(vt.clientX,vt.clientY)},ke=()=>{x.classList.remove("rdd-long-press-active"),x.removeEventListener("pointermove",ze),x.removeEventListener("pointerup",ke),x.removeEventListener("pointercancel",lt),ge()},lt=()=>{x.classList.remove("rdd-long-press-active"),x.removeEventListener("pointermove",ze),x.removeEventListener("pointerup",ke),x.removeEventListener("pointercancel",lt),st()};x.addEventListener("pointermove",ze),x.addEventListener("pointerup",ke),x.addEventListener("pointercancel",lt)},rt);x.addEventListener("pointermove",le),x.addEventListener("pointerup",fe),x.addEventListener("pointercancel",fe)}else{let J=!1,ae=le=>{let Ce=le.clientX-V,ze=le.clientY-q;!J&&(Math.abs(Ce)>5||Math.abs(ze)>5)&&(J=!0,k(i)),J&&b(i,{x:N+Ce,y:ne+ze,anchor:null})},fe=()=>{window.removeEventListener("pointermove",ae),window.removeEventListener("pointerup",fe),J&&ge()};window.addEventListener("pointermove",ae),window.addEventListener("pointerup",fe)}},H=(i,S,m)=>{m.stopPropagation();let x=s.floating.find(ze=>ze.id===i);if(!x||x.maximized)return;R(i);let G=m.currentTarget,V=G.closest(".rdd-floating-window"),q={x:V?V.offsetLeft:0,y:V?V.offsetTop:0,w:V?V.offsetWidth:400,h:V?V.offsetHeight:300},N=P.width,ne=P.height,ge=typeof x.x=="string"?parseFloat(x.x):x.x,J=typeof x.y=="string"?parseFloat(x.y):x.y,ae=typeof x.width=="string"?parseFloat(x.width):x.width,fe=typeof x.height=="string"?parseFloat(x.height):x.height,le=S==="se"&&Math.abs(ge+ae-N)<4,Ce=S==="se"&&Math.abs(J+fe-ne)<4;Ve({element:G,pointerId:m.pointerId,startClientX:m.clientX,startClientY:m.clientY,captureStart:()=>q,onMove:(ze,ke,lt)=>{let vt=kt(S,ze,ke,lt,{minW:200,minH:150}),{x:yt,y:Pt,w:un,h:pn}=vt;le&&(yt=N-un,yt<0&&(yt=0,un=N)),Ce&&(Pt=ne-pn,Pt<0&&(Pt=0,pn=ne)),b(i,{x:yt,y:Pt,width:un,height:pn})}})},A=i=>{if(re.current){let S=i==="left"?-150:150;re.current.scrollBy({left:S,behavior:"smooth"})}},ee=(0,K.useCallback)(()=>{_.current&&clearTimeout(_.current),pe(!0)},[]),oe=(0,K.useCallback)(()=>{_.current=setTimeout(()=>pe(!1),400)},[]);(0,K.useEffect)(()=>{n==="autohide"&&s.minimized.length>W.current&&(_.current&&clearTimeout(_.current),pe(!0),_.current=setTimeout(()=>pe(!1),2e3)),W.current=s.minimized.length},[s.minimized.length,n]);let te=on();return(0,K.useEffect)(()=>(e?document.documentElement.setAttribute("data-workspace-skin",e):document.documentElement.removeAttribute("data-workspace-skin"),()=>{document.documentElement.removeAttribute("data-workspace-skin")}),[e]),(0,K.useEffect)(()=>(te==="light"?document.documentElement.setAttribute("data-color-scheme","light"):document.documentElement.removeAttribute("data-color-scheme"),()=>{document.documentElement.removeAttribute("data-color-scheme")}),[te]),(0,K.useEffect)(()=>(p?document.documentElement.classList.remove("rdd-no-animations"):document.documentElement.classList.add("rdd-no-animations"),()=>{document.documentElement.classList.remove("rdd-no-animations")}),[p]),(0,g.jsxs)("div",{className:`rdd-workspace${p?"":" rdd-no-animations"}`,"data-workspace-skin":e,"data-color-scheme":te,style:{display:"flex",flexDirection:"column",position:"relative",width:"100%",height:"100%",overflow:"hidden",userSelect:"none"},dir:s.dir,children:[(0,g.jsxs)("div",{ref:r,className:s.draggedPanelId?"rdd-dragging-active":void 0,style:{flexGrow:1,width:"100%",position:"relative",overflow:"hidden"},children:[s.draggedPanelId!==null&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{"data-edge-trigger":"left",className:"rdd-workspace-edge-trigger rdd-edge-trigger-left",onPointerEnter:()=>Ie("left"),onPointerLeave:()=>Ie(null)}),(0,g.jsx)("div",{"data-edge-trigger":"right",className:"rdd-workspace-edge-trigger rdd-edge-trigger-right",onPointerEnter:()=>Ie("right"),onPointerLeave:()=>Ie(null)}),(0,g.jsx)("div",{"data-edge-trigger":"top",className:"rdd-workspace-edge-trigger rdd-edge-trigger-top",onPointerEnter:()=>Ie("top"),onPointerLeave:()=>Ie(null)}),(0,g.jsx)("div",{"data-edge-trigger":"bottom",className:"rdd-workspace-edge-trigger rdd-edge-trigger-bottom",onPointerEnter:()=>Ie("bottom"),onPointerLeave:()=>Ie(null)})]}),s.draggedPanelId!==null&&["top-left","top-right","bottom-left","bottom-right"].map(i=>(0,g.jsx)("div",{className:`rdd-corner-zone rdd-corner-zone--${i}${$t===i?" rdd-corner-zone--hovered":""}`,onPointerEnter:()=>{ot(i),Ie(null)},onPointerLeave:()=>ot(null),"aria-hidden":"true"},i)),s.draggedPanelId!==null&&Lt!==null&&(0,g.jsx)("div",{className:"rdd-workspace-edge-preview",style:(()=>{let i=`${s.edgeSplitRatio*100}%`;switch(Lt){case"left":return{left:0,top:0,bottom:0,width:i};case"right":return{right:0,top:0,bottom:0,width:i};case"top":return{top:0,left:0,right:0,height:i};case"bottom":return{bottom:0,left:0,right:0,height:i}}})()}),(0,g.jsx)("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:s.gridRoot?(0,g.jsx)(Zn,{node:s.gridRoot,path:[],onTabRightClick:Vt,activeDropZone:$e,onHoverDropZone:zt,onTabDragStart:cn,hoveredTab:Yt,onTabHover:Xt,defaultPanelIcon:t,onRequestClosePanel:M}):(0,g.jsx)("div",{className:"rdd-empty-workspace-grid",children:"Grid Empty"})}),s.floating.map(i=>{let S=s.panels[i.id];if(!S)return null;let m=i.maximized,x=s.draggedPanelId===i.id,G=s.activePanelId===i.id,q=T.get(S.component)?.defaultOptions;return(0,g.jsxs)("div",{"data-window-id":i.id,dir:s.dir,onPointerDownCapture:()=>{a(i.id),R(i.id)},className:`rdd-floating-window ${m?"rdd-maximized":""} ${G?"rdd-window-focused":""} ${Y??""}`,style:(()=>{let ge=typeof i.width=="number"?`${i.width}px`:i.width,J=typeof i.height=="number"?`${i.height}px`:i.height;if(m)return{position:"absolute",left:0,top:0,width:"100%",height:"100%",zIndex:i.z,pointerEvents:x?"none":"auto"};if(i.anchor){let ae=s.floating.filter(ke=>ke.anchor===i.anchor&&!ke.maximized),fe=ae.findIndex(ke=>ke.id===i.id),le=8;for(let ke=0;ke<fe;ke++){let lt=typeof ae[ke].height=="number"?ae[ke].height:parseFloat(ae[ke].height);le+=lt+8}let Ce=i.anchor.startsWith("top");return{position:"absolute",[i.anchor.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]:8,[Ce?"top":"bottom"]:le,width:ge,height:J,zIndex:i.z,transition:x?"none":"top 0.2s ease, bottom 0.2s ease",pointerEvents:x?"none":"auto"}}return{position:"absolute",left:typeof i.x=="number"?`${i.x}px`:i.x,top:typeof i.y=="number"?`${i.y}px`:i.y,width:ge,height:J,zIndex:i.z,pointerEvents:x?"none":"auto"}})(),children:[(0,g.jsxs)("div",{onDoubleClick:()=>v(i.id),onPointerDown:N=>{q?.canDrag!==!1&&u(i.id,N)},className:"rdd-floating-window-titlebar rdd-cursor-move",style:{cursor:m||q?.canDrag===!1?"default":"move"},children:[(0,g.jsxs)("span",{className:"rdd-floating-window-title",children:[(0,g.jsx)("span",{className:"rdd-window-title-icon",children:q?.icon||t||xn}),(0,g.jsxs)("span",{children:[he(S.title,F),S.dirty?" *":""]})]}),(0,g.jsxs)("div",{className:"rdd-titlebar-actions",style:{gap:"var(--rdd-header-button-gap, 4px)"},onPointerDown:N=>N.stopPropagation(),children:[q?.renderHeaderActions&&(0,g.jsx)("div",{className:"rdd-window-header-actions",children:q.renderHeaderActions(i.id)}),f(i.id).length>0&&(0,g.jsx)("button",{type:"button",className:"rdd-custom-tab-btn rdd-btn-more-actions",title:"More actions",onClick:N=>{N.stopPropagation();let ne=f(i.id);ne.length!==0&&C({event:N,items:ne})},children:(0,g.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",style:{display:"block"},children:[(0,g.jsx)("circle",{cx:"12",cy:"5",r:"2"}),(0,g.jsx)("circle",{cx:"12",cy:"12",r:"2"}),(0,g.jsx)("circle",{cx:"12",cy:"19",r:"2"})]})}),(0,g.jsx)("button",{type:"button",title:m?he(l.restoreSize,F):he(l.maximize,F),onClick:()=>v(i.id),className:"rdd-custom-tab-btn rdd-btn-maximize-tab",children:(0,g.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,g.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1.5"})})}),q?.canMinimize!==!1&&(0,g.jsx)("button",{type:"button",title:he(l.minimize,F),onClick:()=>w(i.id),className:"rdd-custom-tab-btn rdd-btn-minimize-tab",children:(0,g.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:(0,g.jsx)("path",{d:"M5 12h14"})})}),q?.canClose!==!1&&(0,g.jsx)("button",{type:"button",title:he(l.close,F),onClick:()=>M(i.id),className:"rdd-custom-tab-btn rdd-btn-close-tab",children:(0,g.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:(0,g.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]})]}),(0,g.jsx)("div",{className:Q??void 0,style:{flexGrow:1,width:"100%",overflow:"hidden",position:"relative",isolation:"isolate"},children:(0,g.jsx)(Kn,{panelId:i.id},i.id)}),!m&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"n",N),className:"rdd-resize-handle rdd-resize-n"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"ne",N),className:"rdd-resize-handle rdd-resize-ne"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"e",N),className:"rdd-resize-handle rdd-resize-e"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"se",N),className:"rdd-resize-handle rdd-resize-se"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"s",N),className:"rdd-resize-handle rdd-resize-s"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"sw",N),className:"rdd-resize-handle rdd-resize-sw"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"w",N),className:"rdd-resize-handle rdd-resize-w"}),(0,g.jsx)("div",{onPointerDown:N=>H(i.id,"nw",N),className:"rdd-resize-handle rdd-resize-nw"})]})]},i.id)})]}),(n==="always"||s.minimized.length>0)&&(0,g.jsxs)("div",{className:["rdd-taskbar-footer-container",`taskbar-mode-${n}`,n==="autohide"&&ue?"rdd-taskbar-expanded":""].filter(Boolean).join(" "),style:{height:"48px",zIndex:100},onPointerEnter:n==="autohide"?ee:void 0,onPointerLeave:n==="autohide"?oe:void 0,children:[n==="autohide"&&(0,g.jsx)("div",{className:"rdd-taskbar-peek-handle"}),(0,g.jsx)("button",{type:"button",onClick:()=>A("left"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25C0"}),(0,g.jsx)("div",{ref:re,className:"rdd-taskbar-items-container",style:{scrollSnapType:"x mandatory"},children:s.minimized.map(i=>{let m=T.get(i.component)?.defaultOptions?.icon||t||xn;return(0,g.jsx)("div",{onClick:()=>{ie.current!=="touch"&&(Z(null),h(i.id))},onContextMenu:x=>bt(i.id,x),onPointerDown:x=>{if(ie.current=x.pointerType,x.pointerType!=="touch")return;let G=x.currentTarget,V=x.clientX,q=x.clientY,N=x.pointerId,ne=!1,ge=()=>{ne=!0,clearTimeout(fe),G.removeEventListener("pointermove",ae),G.removeEventListener("pointerup",J),G.removeEventListener("pointercancel",ge)},J=()=>{ge();let le=G.getBoundingClientRect();z?.id===i.id?(h(i.id),Z(null)):Z({id:i.id,rect:le,title:i.title,component:i.component,fromTouch:!0})},ae=le=>{Math.hypot(le.clientX-V,le.clientY-q)>it&&ge()},fe=setTimeout(()=>{if(ne)return;G.removeEventListener("pointermove",ae),G.removeEventListener("pointerup",J),G.removeEventListener("pointercancel",ge);try{G.setPointerCapture(N)}catch{return}navigator.vibrate&&navigator.vibrate(10);let le=Ce=>{G.removeEventListener("pointerup",le),G.removeEventListener("pointercancel",le),bt(i.id,Ce)};G.addEventListener("pointerup",le),G.addEventListener("pointercancel",le)},rt);G.addEventListener("pointermove",ae),G.addEventListener("pointerup",J),G.addEventListener("pointercancel",ge)},onPointerEnter:x=>{if(x.pointerType==="touch"||Oe)return;B.current&&clearTimeout(B.current);let G=x.currentTarget.getBoundingClientRect();x.clientX>=G.left&&x.clientX<=G.right&&x.clientY>=G.top&&x.clientY<=G.bottom&&Z({id:i.id,rect:G,title:i.title,component:i.component})},onPointerLeave:x=>{x.pointerType!=="touch"&&(B.current=setTimeout(()=>{Z(null)},150))},className:"rdd-taskbar-glassmorphic-item",style:{backdropFilter:"blur(6px)",transition:"all 0.2s",cursor:"pointer",scrollSnapAlign:"start",width:"38px",height:"38px",position:"relative",padding:0},children:(0,g.jsx)("span",{className:"rdd-taskbar-item-icon",children:m})},i.id)})}),z&&(0,Pn.createPortal)((0,g.jsxs)("div",{className:"rdd-taskbar-item-tooltip",dir:s.dir,style:{position:"fixed",left:`${z.rect.left+z.rect.width/2}px`,top:`${z.rect.top-8}px`,transform:"translateX(-50%) translateY(-100%)",opacity:1,pointerEvents:"auto",zIndex:999999},onPointerEnter:()=>{B.current&&clearTimeout(B.current)},onPointerLeave:i=>{i.pointerType!=="touch"&&Z(null)},onClick:()=>{h(z.id),Z(null)},onContextMenu:i=>bt(z.id,i),onPointerDown:i=>{if(i.pointerType!=="touch")return;let S=z.id,m=i.currentTarget,x=i.clientX,G=i.clientY,V=i.pointerId,q=!1,N=()=>{q=!0,clearTimeout(ge),m.removeEventListener("pointermove",ne),m.removeEventListener("pointerup",N),m.removeEventListener("pointercancel",N)},ne=J=>{Math.hypot(J.clientX-x,J.clientY-G)>it&&N()},ge=setTimeout(()=>{if(q)return;m.removeEventListener("pointermove",ne),m.removeEventListener("pointerup",N),m.removeEventListener("pointercancel",N);try{m.setPointerCapture(V)}catch{return}navigator.vibrate&&navigator.vibrate(10);let J=ae=>{m.removeEventListener("pointerup",J),m.removeEventListener("pointercancel",J),bt(S,ae)};m.addEventListener("pointerup",J),m.addEventListener("pointercancel",J)},rt);m.addEventListener("pointermove",ne),m.addEventListener("pointerup",N),m.addEventListener("pointercancel",N)},children:[(0,g.jsxs)("div",{className:"rdd-tooltip-header-row",children:[(0,g.jsxs)("span",{className:"rdd-tooltip-title-text rdd-text-truncate",style:{maxWidth:"140px"},children:[he(z.title,F),s.panels[z.id]?.dirty?" *":""]}),(0,g.jsx)("span",{onClick:i=>{i.stopPropagation(),M(z.id),Z(null)},title:he(l.closePanel,F),className:"rdd-tooltip-close-x",children:(0,g.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,g.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,g.jsx)(jo,{panelId:z.id})]}),document.body),(0,g.jsx)("button",{type:"button",onClick:()=>A("right"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25B6"})]}),Object.keys(s.panels).map(i=>{let S=s.panels[i];if(!S)return null;let m=qn(i);return(0,Pn.createPortal)((0,g.jsx)(Uo,{panelId:i,children:(0,g.jsx)("div",{style:{width:"100%",height:"100%"},dir:s.dir,children:Zo(i,S.component,T)})}),m,i)}),j===null&&(0,g.jsx)(o.Component,{ref:se,theme:"dark",formatMessageProvider:F,onShow:()=>Pe(!0),onHide:()=>Pe(!1)}),s.draggedPanelId!==null&&!s.floating.some(i=>i.id===s.draggedPanelId)&&(0,g.jsxs)("div",{className:"rdd-drag-ghost-tab",style:{left:tt.x+12,top:tt.y+12,zIndex:1e5},children:["\u{1F4C4} ",he(s.panels[s.draggedPanelId]?.title,F)||"Tab"]})]})},jn=Qo;var sn=class{registry;initialState;config;_actions=null;_initialized=!1;_pendingCalls=[];_pendingOpenPanelIds=new Set;_pendingSubscriptions=[];_disconnectedWarnTimer=null;constructor(t={}){if(this.registry=new ct,this.initialState=t.initialState??null,this.config={formatMessage:t.formatMessage,predefinedMessages:t.predefinedMessages,dir:t.dir,defaultSplitRatio:t.defaultSplitRatio,defaultEdgeSplitRatio:t.defaultEdgeSplitRatio,zIndexBase:t.zIndexBase},t.panels)for(let[n,o]of Object.entries(t.panels))this.registry.register(n,o.component,o.defaultOptions)}_connect(t){this._actions=t,this._disconnectedWarnTimer!==null&&(clearTimeout(this._disconnectedWarnTimer),this._disconnectedWarnTimer=null),this._initialized||(this._initialized=!0);for(let o of this._pendingSubscriptions)o.unsub=t.subscribe(o.event,o.callback);let n=this._pendingCalls.splice(0);for(let o of n)o(t)}_disconnect(){this._actions=null;for(let t of this._pendingSubscriptions)t.unsub?.(),t.unsub=null}get isConnected(){return this._actions!==null}_startWarnTimer(){this._disconnectedWarnTimer===null&&(this._disconnectedWarnTimer=setTimeout(()=>{!this.isConnected&&this._pendingCalls.length>0&&console.error("[react-dockable-desktop] WorkspaceClient has "+this._pendingCalls.length+" queued call(s) but was never connected to a WindowManagerProvider. Did you forget client={workspace} on <WindowManagerProvider>?")},process.env.NODE_ENV==="production"?5e3:1e3))}_dispatch(t){this._actions?t(this._actions):(this._pendingCalls.push(t),this._startWarnTimer())}_subscribeRaw(t,n){if(this._actions)return this._actions.subscribe(t,n);let o={event:t,callback:n,unsub:null};return this._pendingSubscriptions.push(o),()=>{o.unsub?.(),o.unsub=null;let p=this._pendingSubscriptions.indexOf(o);p!==-1&&this._pendingSubscriptions.splice(p,1)}}openPanel(...t){if(this._actions){this._actions.openPanel(...t);return}let n=t[0];this._pendingOpenPanelIds.has(n)||(this._pendingOpenPanelIds.add(n),this._pendingCalls.push(o=>{this._pendingOpenPanelIds.delete(n),o.openPanel(...t)}),this._startWarnTimer())}closePanel(t){this._dispatch(n=>n.closePanel(t))}minimizePanel(t){this._dispatch(n=>n.minimizePanel(t))}restorePanel(t){this._dispatch(n=>n.restorePanel(t))}floatPanel(...t){this._dispatch(n=>n.floatPanel(...t))}dockPanel(...t){this._dispatch(n=>n.dockPanel(...t))}maximizePanel(t){this._dispatch(n=>n.maximizePanel(t))}focusPanel(t){this._dispatch(n=>n.focusPanel(t))}isOpen(t){return this._actions?.isOpen(t)??!1}getOpenPanelIds(){return this._actions?.getOpenPanelIds()??[]}saveLayout(){return this._actions?.saveLayout()??""}loadLayout(t){return this._actions?this._actions.loadLayout(t):(this._pendingCalls.push(n=>{n.loadLayout(t)}),!1)}setDirection(t){this._dispatch(n=>n.setDirection(t))}updateSplitSizes(t,n){this._dispatch(o=>o.updateSplitSizes(t,n))}updateFloatingPosition(t,n){this._dispatch(o=>o.updateFloatingPosition(t,n))}setDraggedPanelId(t){this._dispatch(n=>n.setDraggedPanelId(t))}dockPanelToGroup(t,n,o){this._dispatch(p=>p.dockPanelToGroup(t,n,o))}movePanelOrder(t,n,o){this._dispatch(p=>p.movePanelOrder(t,n,o))}closeLeafGroup(t){this._dispatch(n=>n.closeLeafGroup(t))}registerCloseGuard(t,n){this._dispatch(o=>o.registerCloseGuard(t,n))}unregisterCloseGuard(t){this._dispatch(n=>n.unregisterCloseGuard(t))}setPanelDirty(t,n,o){this._dispatch(p=>p.setPanelDirty(t,n,o))}updatePanelTitle(t,n){this._dispatch(o=>o.updatePanelTitle(t,n))}requestClosePanel(t,n){return this._actions?this._actions.requestClosePanel(t,n):(this._pendingCalls.push(o=>{o.requestClosePanel(t,n)}),Promise.resolve())}dockPanelToWorkspaceEdge(t,n){this._dispatch(o=>o.dockPanelToWorkspaceEdge(t,n))}showContextMenu(t){this._dispatch(n=>n.showContextMenu(t))}publish(t,n){this._dispatch(o=>o.publish(t,n))}subscribe(t,n){return this._subscribeRaw(t,n)}onPanelOpen(t){return this._subscribeRaw("panel:opened",n=>{let o=n;t(o.id,o.component)})}onPanelClose(t){return this._subscribeRaw("panel:closed",n=>{t(n.id)})}onPanelMinimize(t){return this._subscribeRaw("panel:minimized",n=>{t(n.id)})}onPanelRestore(t){return this._subscribeRaw("panel:restored",n=>{t(n.id)})}};var oo=require("react");var qe=require("react"),Jn=require("react/jsx-runtime"),Un=(0,qe.createContext)(null),_t=({children:e})=>{let[t,n]=(0,qe.useState)({}),[o,p]=(0,qe.useState)({}),s=(0,qe.useMemo)(()=>({getActiveInGroup:T=>t[T]??null,setActiveInGroup:(T,h)=>n(w=>({...w,[T]:h})),isModifierActive:T=>o[T]??!1,setModifierActive:(T,h)=>p(w=>({...w,[T]:h})),toggleModifier:T=>p(h=>({...h,[T]:!h[T]}))}),[t,o]);return(0,Jn.jsx)(Un.Provider,{value:s,children:e})};function Ht(){let e=(0,qe.useContext)(Un);if(!e)throw new Error("useToolbar must be used within DockableDesktopProvider");return e}var Ee=require("react");var no=require("react/jsx-runtime");function er(){let e=new Map,t=new Set,n=()=>t.forEach(o=>o());return{publish(o,p){return e.set(o,p),n(),()=>{e.get(o)===p&&(e.delete(o),n())}},get(o){return e.get(o)??null},subscribe(o){return t.add(o),()=>t.delete(o)}}}var wn=(0,Ee.createContext)(null),an=({children:e})=>{let t=(0,Ee.useMemo)(()=>er(),[]);return(0,no.jsx)(wn.Provider,{value:t,children:e})};function Qn(e){let t=Wt(),n=(0,Ee.useContext)(wn),o=(0,Ee.useRef)(null);if(!n)throw new Error("usePanelContribution must be used within PanelContributionProvider");(0,Ee.useLayoutEffect)(()=>{if(n)return o.current?.(),o.current=n.publish(t,e),()=>{o.current?.(),o.current=null}},[n,t,e])}function ln(){let e=De(p=>p.activePanelId),t=(0,Ee.useContext)(wn);if(!t)throw new Error("useActivePanelContribution must be used within PanelContributionProvider");let n=(0,Ee.useCallback)(p=>t?t.subscribe(p):()=>{},[t]),o=()=>t&&e?t.get(e):null;return(0,Ee.useSyncExternalStore)(n,o,o)}function Rn(e,t=null){return{id:e.id,label:e.label,icon:e.icon??t,renderContent:()=>e.content}}function eo(e){let t=ln();return t?.toolbarItems?.length?[...e,{type:"separator"},...t.toolbarItems]:e}function to(e,t=null){let n=ln();return n?.sidebarSections?.length?[...e,...n.sidebarSections.map(o=>Rn(o,t))]:e}var Et=require("react/jsx-runtime"),ro=({contextMenuAdapter:e=ut,...t})=>{let n=(0,oo.useContext)(St),o=(0,Et.jsx)(_t,{children:(0,Et.jsx)(jt,{...t,children:(0,Et.jsx)(an,{children:(0,Et.jsx)(tn,{children:t.children})})})});return n!==null?o:(0,Et.jsx)(Qt,{adapter:e,formatMessageProvider:t.formatMessage,children:o})};var Le=require("react");var Me=require("react/jsx-runtime"),tr=({modal:e,index:t,isTopmost:n})=>{let{close:o,openModal:p,updateInstance:s,setDirty:T}=Ue(),h=Fe(),w=Be(),{dir:y}=De(),{modalClass:v,modalBodyClass:b}=Ye(),R=(0,Le.useRef)(null),{id:I,Component:k,props:L,options:d,dirty:E,dirtyOptions:a}=e,f=d,[C,O]=(0,Le.useState)(f.icon||null),$=(0,Le.useRef)(f);$.current=f;let F=he(f.title,h),l=(0,Le.useCallback)(async W=>{if(W?.force){o(I);return}if(R.current){if(!await R.current())return;o(I);return}if(E){p(Je,{title:a?.title||w.unsavedChangesTitle,message:a?.message||{id:w.unsavedChangesMessage.id,defaultMessage:w.unsavedChangesMessage.defaultMessage,values:{title:F}},alert:a?.alert,alertType:a?.alertType||"danger",useYesNoTitles:!0,onOK:()=>o(I)},{size:"small"});return}o(I)},[o,p,I,E,a,F,w]),M=(0,Le.useCallback)((W,z)=>T(I,W,z),[T,I]),Y=(0,Le.useCallback)(W=>s(I,{options:{...$.current,title:W}}),[s,I]),Q=(0,Le.useCallback)(W=>O(W),[]),j=(0,Le.useCallback)(W=>(R.current=W,()=>{R.current=null}),[]),se=(0,Le.useMemo)(()=>({requestClose:l,setDirty:M,setTitle:Y,setIcon:Q,onCloseRequested:j,containerType:"modal",instanceId:I}),[l,M,Y,Q,j,I]),re=E?`${F} *`:F,ue=f.size?`rdd-modal-size-${f.size}`:"rdd-modal-size-auto",pe=f.closable!==!1;(0,Le.useEffect)(()=>{if(!n||!pe)return;let W=z=>{z.key==="Escape"&&(z.stopPropagation(),l())};return document.addEventListener("keydown",W),()=>document.removeEventListener("keydown",W)},[l,pe,n]);let _=`calc(var(--rdd-z-base, 1000) + 9000 + ${t*10})`;return(0,Me.jsxs)("div",{className:"rdd-modal-overlay",style:{zIndex:_},dir:y,children:[(0,Me.jsx)("div",{className:"rdd-modal-curtain",onClick:pe?()=>l():void 0}),(0,Me.jsxs)("div",{className:`rdd-modal-window ${ue} ${v??""}`,children:[(0,Me.jsxs)("div",{className:"rdd-modal-header",children:[C&&(0,Me.jsx)("div",{className:"rdd-modal-icon",children:C}),(0,Me.jsx)("h4",{className:"rdd-modal-title",children:re}),pe&&(0,Me.jsx)("button",{className:"rdd-modal-close-button",onClick:()=>l(),title:h(w.closeTooltip),type:"button",children:(0,Me.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,Me.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,Me.jsx)("div",{className:`rdd-modal-body ${b??""}`,children:(0,Me.jsx)(Ze,{value:se,children:(0,Me.jsx)(k,{...L,panelId:I})})})]})]})},nr=()=>{let{modals:e}=Xe();return e.length===0?null:(0,Me.jsx)(Me.Fragment,{children:e.map((t,n)=>(0,Me.jsx)(tr,{modal:t,index:n,isTopmost:n===e.length-1},t.id))})},io=nr;var Se=require("react");var we=require("react/jsx-runtime"),dn=({panel:e,position:t,defaultWidth:n})=>{let{close:o,openModal:p,updateInstance:s,setDirty:T,registerCloseHandler:h,unregisterCloseHandler:w}=Ue(),{modals:y}=Xe(),v=Fe(),b=Be(),{dir:R}=De(),{sidePanelClass:I,sidePanelBodyClass:k}=Ye(),L=(0,Se.useRef)(null),{id:d,Component:E,props:a,options:f,dirty:C,dirtyOptions:O}=e,$=f,[F,l]=(0,Se.useState)($.icon||null),M=(0,Se.useRef)($);M.current=$;let Y=he($.title,v),Q=(0,Se.useCallback)(async B=>{if(B?.force){o(d);return}if(L.current){if(!await L.current())return;o(d);return}if(C){p(Je,{title:O?.title||b.unsavedChangesTitle,message:O?.message||{id:b.unsavedChangesMessage.id,defaultMessage:b.unsavedChangesMessage.defaultMessage,values:{title:Y}},alert:O?.alert,alertType:O?.alertType||"danger",useYesNoTitles:!0,onOK:()=>o(d)},{size:"small"});return}o(d)},[o,p,d,C,O,Y,b]),j=(0,Se.useCallback)(async()=>L.current?await L.current():!C,[C]);(0,Se.useEffect)(()=>(h(d,j),()=>w(d)),[d,j,h,w]);let se=(0,Se.useCallback)((B,ie)=>T(d,B,ie),[T,d]),re=(0,Se.useCallback)(B=>s(d,{options:{...M.current,title:B}}),[s,d]),ue=(0,Se.useCallback)(B=>l(B),[]),pe=(0,Se.useCallback)(B=>(L.current=B,()=>{L.current=null}),[]),_=(0,Se.useMemo)(()=>({requestClose:Q,setDirty:se,setTitle:re,setIcon:ue,onCloseRequested:pe,containerType:t==="left"?"left-panel":"right-panel",instanceId:d}),[Q,se,re,ue,pe,t,d]),W=C?`${Y} *`:Y;(0,Se.useEffect)(()=>{let B=ie=>{ie.key==="Escape"&&y.length===0&&Q()};return document.addEventListener("keydown",B),()=>document.removeEventListener("keydown",B)},[Q,y.length]);let z=$.width||n||400,Z=typeof z=="number"?`${z}px`:z;return(0,we.jsx)("div",{className:`rdd-side-panel rdd-side-panel-${t} rdd-side-panel-visible ${I??""}`,style:{width:Z},dir:R,children:(0,we.jsxs)("div",{className:"rdd-side-panel-window",children:[(0,we.jsxs)("div",{className:"rdd-side-panel-header",children:[F&&(0,we.jsx)("div",{className:"rdd-side-panel-icon",children:F}),(0,we.jsx)("h4",{className:"rdd-side-panel-title",children:W}),(0,we.jsx)("button",{className:"rdd-side-panel-close-button",onClick:()=>Q(),title:v(b.closeTooltip),type:"button",children:(0,we.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,we.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,we.jsx)("div",{className:`rdd-side-panel-body ${k??""}`,children:(0,we.jsx)(Ze,{value:_,children:(0,we.jsx)(E,{...a,panelId:d})})})]})})},or=({defaultWidth:e})=>{let{leftPanel:t,rightPanel:n}=Xe();return(0,we.jsxs)(we.Fragment,{children:[t&&(0,we.jsx)(dn,{panel:t,position:"left",defaultWidth:e},t.id),n&&(0,we.jsx)(dn,{panel:n,position:"right",defaultWidth:e},n.id)]})},so=({defaultWidth:e})=>{let{leftPanel:t}=Xe();return t?(0,we.jsx)(dn,{panel:t,position:"left",defaultWidth:e},t.id):null},ao=({defaultWidth:e})=>{let{rightPanel:t}=Xe();return t?(0,we.jsx)(dn,{panel:t,position:"right",defaultWidth:e},t.id):null},lo=or;var ce=require("react");var Re=require("react/jsx-runtime"),uo=(0,ce.createContext)(null),po=(0,ce.createContext)(null);function rr({tabId:e,onClose:t,onOpen:n,setActiveTabId:o,children:p}){let s=(0,ce.useMemo)(()=>({tabId:e,onClose:t,onOpen:n,openTab:T=>o(T)}),[e,t,n,o]);return(0,Re.jsx)(po.Provider,{value:s,children:p})}var co=(0,ce.memo)(function({tabs:t,activeTabId:n,isVisible:o,position:p,onTabClick:s}){return(0,Re.jsx)("div",{style:{width:o?"56px":"0px",height:"100%",overflow:"hidden",transition:"width 0.25s cubic-bezier(0.4, 0, 0.2, 1)",flexShrink:0},children:(0,Re.jsx)("div",{className:`rdd-sidebar-tabs-strip rdd-${p}`,style:{width:"56px",height:"100%"},children:t.map(T=>{let h=n===T.id;return(0,Re.jsx)("button",{type:"button",onClick:()=>s(T.id),className:`rdd-sidebar-tab-btn${h?" rdd-active":""}`,title:T.label,"aria-pressed":h,children:T.icon},T.id)})})})});function ir({position:e,currentWidth:t,minWidth:n,maxWidth:o,onWidthChange:p,rootRef:s}){return(0,Re.jsx)("div",{className:"rdd-resizer-bar",style:{cursor:"col-resize",width:"1px",height:"100%",flexShrink:0,zIndex:20},onPointerDown:h=>{h.preventDefault();let w=h.currentTarget,y=[{el:w,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active","rdd-resizing-col-active"]}];s.current&&y.push({el:s.current,classes:["rdd-sidebar-resizing"]}),Ve({element:w,pointerId:h.pointerId,startClientX:h.clientX,startClientY:h.clientY,captureStart:()=>t,activeClasses:y,onMove:(v,b,R)=>{let I=e==="right"?R-v:R+v;p(Math.max(n,Math.min(o,I)))}})}})}var go=(0,ce.forwardRef)(function({position:t="right",tabs:n,defaultWidth:o,minWidth:p=150,maxWidth:s=600,onWidthChange:T,activeTabId:h,onActiveTabChange:w,visible:y,onVisibilityChange:v,stripVisible:b,onStripVisibilityChange:R,children:I},k){let L=h!==void 0,[d,E]=(0,ce.useState)(()=>o??280),a=(0,ce.useCallback)(B=>{E(B),T?.(B)},[T]),[f,C]=(0,ce.useState)(null),O=L?h:f,[$,F]=(0,ce.useState)(()=>new Set),l=(0,ce.useMemo)(()=>{let B=new Set($);O&&B.add(O);for(let ie of n)ie.eagerMount&&B.add(ie.id);return B},[$,O,n]),M=(0,ce.useRef)(O??null);(0,ce.useEffect)(()=>{M.current=O??null},[O]);let Y=(0,ce.useRef)(d);(0,ce.useEffect)(()=>{Y.current=d},[d]);let Q=(0,ce.useRef)(null),j=(0,ce.useCallback)(B=>{F(B!==null?ie=>{if(ie.has(B))return ie;let ve=new Set(ie);return ve.add(B),ve}:ie=>{let ve=!1,Pe=new Set(ie);for(let Oe of ie){let $e=n.find(Ae=>Ae.id===Oe);$e&&!$e.eagerMount&&!$e.preserveState&&(Pe.delete(Oe),ve=!0)}return ve?Pe:ie}),L||C(B),w?.(B)},[L,w,n]);(0,ce.useImperativeHandle)(k,()=>({openTab:B=>j(B),closeDrawer:()=>j(null),getActiveTab:()=>M.current,show:()=>v?.(!0),hide:()=>v?.(!1),toggle:()=>v?.(y===!1),showStrip:()=>R?.(!0),hideStrip:()=>R?.(!1),setWidth:B=>a(Math.max(p,Math.min(s,B))),getWidth:()=>Y.current}),[j,y,v,R,a,p,s]);let se=(0,ce.useCallback)(B=>{j(O===B?null:B)},[O,j]),re=(0,ce.useCallback)(()=>j(null),[j]),ue=(0,ce.useMemo)(()=>({openTab:B=>j(B),closeDrawer:()=>j(null),getActiveTab:()=>M.current}),[j]),pe=y!==!1,_=pe&&b!==!1,W=pe&&O!=null,z=(0,Re.jsx)("div",{className:`rdd-sidebar-content-drawer rdd-${t}`,style:{flexBasis:W?`${d}px`:"0px",flexShrink:1,flexGrow:0,minWidth:W?`${p}px`:"0px",maxWidth:W?`${s}px`:"0px",overflow:"hidden",transition:"flex-basis 0.2s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},children:n.map(B=>{if(!l.has(B.id))return null;let ve=O===B.id,Pe=()=>j(B.id);return(0,Re.jsxs)("div",{style:{display:ve?"flex":"none",flexDirection:"column",height:"100%",width:"100%"},children:[(0,Re.jsx)("div",{className:"rdd-sidebar-drawer-header",children:(0,Re.jsx)("span",{className:"rdd-sidebar-header-title",children:B.label})}),(0,Re.jsx)("div",{className:"rdd-sidebar-drawer-body",children:(0,Re.jsx)(rr,{tabId:B.id,onClose:re,onOpen:Pe,setActiveTabId:j,children:B.renderContent(B.id,re,Pe)})})]},B.id)})}),Z=W?(0,Re.jsx)(ir,{position:t,currentWidth:d,minWidth:p,maxWidth:s,onWidthChange:a,rootRef:Q}):null;return(0,Re.jsx)(uo.Provider,{value:ue,children:(0,Re.jsxs)("div",{ref:Q,style:{display:"flex",flexDirection:"row",width:"100%",height:"100%",overflow:"hidden"},children:[t==="left"&&(0,Re.jsx)(co,{tabs:n,activeTabId:O,isVisible:_,position:t,onTabClick:se}),t==="left"&&z,t==="left"&&Z,(0,Re.jsx)("div",{style:{flex:"1 1 0%",minWidth:0,overflow:"hidden"},children:I}),t==="right"&&Z,t==="right"&&z,t==="right"&&(0,Re.jsx)(co,{tabs:n,activeTabId:O,isVisible:_,position:t,onTabClick:se})]})})});function mo(){let e=(0,ce.useContext)(uo);if(!e)throw new Error("useSidebar must be used within Sidebar");return e}function fo(){let e=(0,ce.useContext)(po);if(!e)throw new Error("useSidebarTab must be used within a Sidebar tab renderContent tree");return e}var Ne=require("react"),ho=require("react-dom");var Te=require("react/jsx-runtime");function sr(e,t,n=!1,o=8){switch(t){case"left":return n?{right:window.innerWidth-e.left+o,top:e.top}:{left:e.right+o,top:e.top};case"right":return n?{left:e.right+o,top:e.top}:{right:window.innerWidth-e.left+o,top:e.top};case"top":return n?{top:e.bottom+o,right:window.innerWidth-e.right}:{top:e.bottom+o,left:e.left};case"bottom":return n?{bottom:window.innerHeight-e.top+o,right:window.innerWidth-e.right}:{bottom:window.innerHeight-e.top+o,left:e.left}}}function ar({item:e,position:t,toolbar:n}){let[o,p]=(0,Ne.useState)(!1),[s,T]=(0,Ne.useState)(null),h=(0,Ne.useRef)(null),w=(0,Ne.useRef)(null),y=e.activeItemId!==void 0,v=y?e.activeItemId:n.getActiveInGroup(e.id),b=e.items.find(d=>!("type"in d)&&d.id===v),R=v!==null,I=b?.icon??e.defaultIcon,k=b?.label??e.label,L=()=>{e.disabled||(!o&&h.current&&T(h.current.getBoundingClientRect()),p(d=>!d))};return(0,Ne.useLayoutEffect)(()=>{if(!o||!w.current)return;let d=w.current,E=d.getBoundingClientRect(),a=8;E.right>window.innerWidth-a&&(d.style.left=`${Math.max(a,window.innerWidth-E.width-a)}px`,d.style.right="auto"),E.left<a&&(d.style.left=`${a}px`,d.style.right="auto"),E.bottom>window.innerHeight-a&&(d.style.top=`${Math.max(a,window.innerHeight-E.height-a)}px`,d.style.bottom="auto"),E.top<a&&(d.style.top=`${a}px`,d.style.bottom="auto")},[o]),(0,Ne.useEffect)(()=>{if(!o)return;let d=E=>{let a=E.target;h.current?.contains(a)||w.current?.contains(a)||p(!1)};return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[o]),(0,Ne.useEffect)(()=>{if(!o)return;let d=E=>{E.key==="Escape"&&p(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[o]),(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsx)("button",{ref:h,type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-group${R?" rdd-active":""}`,title:k,"aria-label":k,"aria-expanded":o,"aria-haspopup":"menu",disabled:e.disabled,onClick:L,children:I}),o&&s&&(0,ho.createPortal)((0,Te.jsx)("div",{ref:w,className:`rdd-toolbar-group-flyout rdd-${t}`,style:sr(s,t,document.documentElement.dir==="rtl"),role:"menu",children:e.items.map((d,E)=>{if("type"in d)return(0,Te.jsx)("div",{className:"rdd-toolbar-group-flyout-sep",role:"separator"},`sep-${E}`);let a=v===d.id;return(0,Te.jsxs)("button",{type:"button",className:`rdd-toolbar-group-flyout-item${a?" rdd-active":""}`,disabled:d.disabled,role:"menuitem","aria-pressed":a,onClick:()=>{y?e.onActiveItemChange?.(d.id):n.setActiveInGroup(e.id,d.id),d.onActivate?.(d.id),p(!1)},children:[(0,Te.jsx)("span",{className:"rdd-toolbar-group-flyout-icon",children:d.icon}),(0,Te.jsx)("span",{className:"rdd-toolbar-group-flyout-label",children:d.label}),d.shortcut&&(0,Te.jsx)("span",{className:"rdd-toolbar-group-flyout-shortcut",children:d.shortcut})]},d.id)})}),document.body)]})}function lr(e,t,n,o){switch(e.type){case"separator":return(0,Te.jsx)("div",{className:"rdd-toolbar-separator",role:"separator"},`sep-${t}`);case"action":return(0,Te.jsx)("button",{type:"button",className:"rdd-toolbar-btn rdd-toolbar-btn-action",title:e.label,"aria-label":e.label,disabled:e.disabled,onClick:e.onClick,children:e.icon},e.id);case"radio":{let p=n.getActiveInGroup(e.group)===e.id;return(0,Te.jsx)("button",{type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-radio${p?" rdd-active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":p,disabled:e.disabled,onClick:()=>{n.setActiveInGroup(e.group,e.id),e.onActivate?.(e.id)},children:e.icon},e.id)}case"toggle":{let p=e.active!==void 0,s=p?e.active:n.isModifierActive(e.id);return(0,Te.jsx)("button",{type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-toggle${s?" rdd-active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":s,disabled:e.disabled,onClick:()=>{p||n.toggleModifier(e.id),e.onToggle?.(!s)},children:e.icon},e.id)}case"group":return(0,Te.jsx)(ar,{item:e,position:o,toolbar:n},e.id)}}var bo=(0,Ne.forwardRef)(function({position:t="left",items:n,visible:o,onVisibilityChange:p,className:s,style:T},h){let w=Ht(),y=t==="left"||t==="right";(0,Ne.useImperativeHandle)(h,()=>({show:()=>p?.(!0),hide:()=>p?.(!1),toggle:()=>p?.(o===!1)}),[o,p]);let v=o!==!1?{}:y?{width:"0px"}:{height:"0px"};return(0,Te.jsx)("div",{className:`rdd-toolbar-strip rdd-${t}${s?` ${s}`:""}`,role:"toolbar","aria-orientation":y?"vertical":"horizontal",style:{...v,...T},children:n.map((b,R)=>lr(b,R,w,t))})});var xe=require("react"),Tn=require("react-dom"),me=require("react/jsx-runtime"),Sn=class{listeners=new Set;counter=0;subscribe(t){this.listeners.add(t)}unsubscribe(t){this.listeners.delete(t)}show(t,n={}){let o=n.id??`toast-${++this.counter}`;return this.emit({kind:"show",id:o,message:t,rawOpts:{...n,id:o}}),o}update(t,n,o){this.emit({kind:"update",id:t,message:n,patch:o})}dismiss(t){this.emit({kind:"dismiss",id:t})}emit(t){this.listeners.forEach(n=>n(t))}},We=new Sn,vo=Object.assign((e,t)=>We.show(e,t),{info:(e,t)=>We.show(e,{...t,type:"info"}),success:(e,t)=>We.show(e,{...t,type:"success"}),warning:(e,t)=>We.show(e,{...t,type:"warning"}),error:(e,t)=>We.show(e,{...t,type:"error"}),dismiss:e=>We.dismiss(e),promise:(e,t,n)=>{let o=We.show(t.pending,{...n,type:"info",duration:0});return e.then(p=>{let s=typeof t.success=="function"?t.success(p):t.success;We.update(o,s,{type:"success",duration:n?.duration??5e3})},p=>{let s=typeof t.error=="function"?t.error(p):t.error;We.update(o,s,{type:"error",duration:n?.duration??5e3})}),e}}),dr=()=>(0,me.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,me.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,me.jsx)("path",{d:"M8 5v.01M8 7.5v3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),cr=()=>(0,me.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,me.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,me.jsx)("path",{d:"M5 8l2 2 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),ur=()=>(0,me.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,me.jsx)("path",{d:"M8 2.5L14 13.5H2L8 2.5z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),(0,me.jsx)("path",{d:"M8 7v2.5M8 11.5v.01",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),pr=()=>(0,me.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,me.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,me.jsx)("path",{d:"M5.5 5.5l5 5M10.5 5.5l-5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),gr=()=>(0,me.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:(0,me.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),mr={info:(0,me.jsx)(dr,{}),success:(0,me.jsx)(cr,{}),warning:(0,me.jsx)(ur,{}),error:(0,me.jsx)(pr,{})};function fr({id:e,message:t,options:n,exiting:o,isLeft:p,showProgress:s,pauseOnHover:T,animation:h,onDismiss:w,onExited:y}){let v=(0,xe.useRef)(null),b=(0,xe.useRef)(null),R=(0,xe.useRef)(n.duration),I=(0,xe.useRef)(0),[k,L]=(0,xe.useState)(!1),d=h==="none"?"rdd-toast--visible":h==="fade"?"rdd-toast--fade-entering":p?"rdd-toast--entering-left":"rdd-toast--entering",[E,a]=(0,xe.useState)(d);(0,xe.useLayoutEffect)(()=>{v.current&&(v.current.style.maxHeight=`${v.current.offsetHeight}px`)},[]),(0,xe.useEffect)(()=>{if(h==="none")return;let l=requestAnimationFrame(()=>a("rdd-toast--visible"));return()=>cancelAnimationFrame(l)},[]);let f=(0,xe.useCallback)(l=>{l<=0||(I.current=Date.now(),b.current=setTimeout(()=>w(e),l))},[e,w]);(0,xe.useEffect)(()=>(b.current&&clearTimeout(b.current),R.current=n.duration,f(n.duration),()=>{b.current&&clearTimeout(b.current)}),[n.duration,f]),(0,xe.useEffect)(()=>{if(!o)return;let l=v.current;if(!l||h==="none"){y(e);return}let M=Q=>{Q.propertyName==="max-height"&&y(e)};l.addEventListener("transitionend",M);let Y=setTimeout(()=>y(e),520);return()=>{l.removeEventListener("transitionend",M),clearTimeout(Y)}},[o,e,y,h]);let C=()=>{!T||n.duration===0||(b.current&&(clearTimeout(b.current),b.current=null,R.current=Math.max(0,R.current-(Date.now()-I.current))),L(!0))},O=()=>{!T||n.duration===0||(L(!1),f(R.current))},$=["rdd-toast",n.type&&`rdd-toast--${n.type}`,E,o&&"rdd-toast--exiting",k&&"rdd-toast--paused"].filter(Boolean).join(" "),F=n.icon!==void 0?n.icon:n.type?mr[n.type]:null;return(0,me.jsxs)("div",{ref:v,role:"status","aria-live":"polite",className:$,onMouseEnter:C,onMouseLeave:O,children:[F&&F,(0,me.jsx)("div",{className:"rdd-toast__body",children:n.content!==void 0?n.content:t}),n.closable&&(0,me.jsx)("button",{type:"button",className:"rdd-toast__close",onClick:()=>w(e),"aria-label":"Close notification",children:(0,me.jsx)(gr,{})}),s&&n.duration>0&&(0,me.jsx)("div",{className:"rdd-toast__progress",style:{animationDuration:`${n.duration}ms`}})]})}function Mn(e,t,n){return{id:e.id,type:e.type??"info",duration:e.duration??t,closable:e.closable??n,icon:e.icon,content:e.content,onClose:e.onClose}}function yo({position:e="top-right",maxVisible:t=3,defaultDuration:n=5e3,defaultClosable:o=!0,pauseOnHover:p=!0,animation:s="slide",newestOnTop:T=!1,progressBar:h=!1,width:w=320,adapter:y}){let[v,b]=(0,xe.useState)([]),R=(0,xe.useRef)([]),I=(0,xe.useRef)(v);I.current=v;let k=(0,xe.useCallback)(f=>{b(C=>C.map(O=>O.id===f?{...O,exiting:!0}:O)),I.current.find(C=>C.id===f)?.options.onClose?.()},[]),L=(0,xe.useCallback)(f=>{let C=R.current.shift()??null;b(O=>{let $=O.filter(l=>l.id!==f);if(!C)return $;let F=Mn(C.rawOpts,n,o);return[...$,{id:C.id,message:C.message,options:F,exiting:!1}]})},[n,o]);if((0,xe.useEffect)(()=>{if(y)return;let f=C=>{if(C.kind==="show"){let O=Mn(C.rawOpts,n,o),$={id:C.id,message:C.message,options:O,exiting:!1},F={id:C.id,message:C.message,rawOpts:C.rawOpts};b(l=>l.find(Q=>Q.id===C.id)?l.map(Q=>Q.id===C.id?{...Q,message:C.message,options:O}:Q):l.filter(Q=>!Q.exiting).length<t?[...l,$]:(R.current.some(Q=>Q.id===F.id)||R.current.push(F),l))}else C.kind==="update"?(b(O=>O.map($=>{if($.id!==C.id)return $;let F={...$.options,...C.patch,id:$.id};return{...$,message:C.message,options:F}})),R.current=R.current.map(O=>O.id!==C.id?O:{...O,message:C.message,rawOpts:{...O.rawOpts,...C.patch}})):C.kind==="dismiss"&&(C.id===void 0?(b(O=>O.map($=>({...$,exiting:!0}))),R.current=[]):I.current.some($=>$.id===C.id)?k(C.id):R.current=R.current.filter($=>$.id!==C.id))};return We.subscribe(f),()=>We.unsubscribe(f)},[y,t,n,o,k]),(0,xe.useEffect)(()=>{if(!y)return;let f=C=>{if(C.kind==="show"){let O=Mn(C.rawOpts,n,o);y.show(C.id,C.message,O)}else C.kind==="update"?y.update(C.id,C.message,C.patch):C.kind==="dismiss"&&y.dismiss(C.id)};return We.subscribe(f),()=>We.unsubscribe(f)},[y,n,o]),y){if(!y.Container)return null;let f=y.Container;return(0,Tn.createPortal)((0,me.jsx)(f,{position:e}),document.body)}let d=e.endsWith("left"),E="";T===!0&&(E="rdd-toast-container--newest-top"),T===!1&&(E="rdd-toast-container--newest-bottom");let a=["rdd-toast-container",`rdd-toast-container--${e}`,E].filter(Boolean).join(" ");return(0,Tn.createPortal)((0,me.jsx)("div",{className:a,style:{width:w},"aria-label":"Notifications","aria-live":"polite",children:v.map(f=>(0,me.jsx)(fr,{id:f.id,message:f.message,options:f.options,exiting:f.exiting,isLeft:d,showProgress:h,pauseOnHover:p,animation:s,onDismiss:k,onExited:L},f.id))}),document.body)}var X=gn(require("react"),1),xo=require("react-dom");var U=require("react/jsx-runtime"),hr=["top-left","top-right","bottom-left","bottom-right"],Co=(0,X.createContext)(null),wo=(0,X.createContext)(null),Ro=(0,X.createContext)(null),et=80;function br(e,t,n){let o=e.getBoundingClientRect(),p=t-o.left,s=n-o.top;return p<et&&s<et?"top-left":p>o.width-et&&s<et?"top-right":p<et&&s>o.height-et?"bottom-left":p>o.width-et&&s>o.height-et?"bottom-right":null}function Mo({children:e,className:t,style:n}){let[o,p]=(0,X.useState)({}),[s,T]=(0,X.useState)({}),[h,w]=(0,X.useState)({"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]}),[y,v]=(0,X.useState)({}),[b,R]=(0,X.useState)(null),[I,k]=(0,X.useState)(null),[L,d]=(0,X.useState)(null),[E,a]=(0,X.useState)(()=>new Map),f=(0,X.useRef)(100),C=(0,X.useRef)(null),O=(0,X.useCallback)((_,W)=>(p(z=>({...z,[_]:W})),()=>p(z=>{let Z={...z};return delete Z[_],Z})),[]),$=(0,X.useCallback)(_=>{f.current+=1;let W=f.current;T(z=>({...z,[_]:W})),d(_)},[]),F=(0,X.useCallback)((_,W)=>{w(z=>{let Z={"top-left":z["top-left"].filter(B=>B!==_),"top-right":z["top-right"].filter(B=>B!==_),"bottom-left":z["bottom-left"].filter(B=>B!==_),"bottom-right":z["bottom-right"].filter(B=>B!==_)};return Z[W]=[...Z[W],_],Z})},[]),l=(0,X.useCallback)(_=>{w(W=>({"top-left":W["top-left"].filter(z=>z!==_),"top-right":W["top-right"].filter(z=>z!==_),"bottom-left":W["bottom-left"].filter(z=>z!==_),"bottom-right":W["bottom-right"].filter(z=>z!==_)}))},[]),M=(0,X.useCallback)((_,W)=>{v(z=>z[_]===W?z:{...z,[_]:W})},[]),Y=(0,X.useCallback)((_,W)=>{a(z=>{let Z=new Map(z);return Z.set(_,W),Z})},[]),Q=(0,X.useCallback)(_=>{a(W=>{let z=new Map(W);return z.delete(_),z})},[]),j=(0,X.useCallback)(()=>{a(new Map)},[]),se=(0,X.useMemo)(()=>Array.from(E.keys()),[E]),re=(0,X.useMemo)(()=>({registerToolbar:O,insetTop:o.top??0,insetBottom:o.bottom??0}),[O,o]),ue=(0,X.useMemo)(()=>({managedWindowIds:se,openManaged:Y,closeManaged:Q,closeAllManaged:j}),[se,Y,Q,j]),pe=(0,X.useMemo)(()=>({topId:L,zOrders:s,focusWindow:$,containerRef:C,stacks:h,dockedSizes:y,dockWindow:F,undockWindow:l,reportDockedSize:M,draggingId:b,setDraggingId:R,hoveredZone:I,setHoveredZone:k,insetTop:o.top??0,insetBottom:o.bottom??0}),[L,s,$,h,y,F,l,M,b,I,o]);return(0,U.jsx)(Co.Provider,{value:re,children:(0,U.jsx)(wo.Provider,{value:ue,children:(0,U.jsx)(Ro.Provider,{value:pe,children:(0,U.jsxs)("div",{ref:C,className:`rdd-panel-overlay-root${b!==null?" rdd-dragging-active":""}${t?" "+t:""}`,style:n,children:[e,b!==null&&(0,U.jsx)(vr,{hoveredZone:I}),Array.from(E.entries()).map(([_,W])=>(0,U.jsx)(kn,{id:_,title:W.title,icon:W.icon,open:!0,onClose:()=>Q(_),defaultAnchor:W.anchor??"top-right",defaultWidth:W.width??320,defaultHeight:W.height??240,children:W.content},_))]})})})})}function vr({hoveredZone:e}){return(0,U.jsx)(U.Fragment,{children:hr.map(t=>(0,U.jsx)("div",{className:`rdd-panel-float-dropzone rdd-panel-float-dropzone--${t}${e===t?" rdd-panel-float-dropzone--hovered":""}`,"aria-hidden":"true"},t))})}function To({position:e,variant:t="transparent",buttonVariant:n="ghost",buttonSize:o,style:p,className:s,children:T}){let h=(0,X.useContext)(Co),w=(0,X.useRef)(null),y=(0,X.useRef)(null);(0,X.useLayoutEffect)(()=>{let k=w.current;if(!k||!h)return;let L=e==="top"||e==="bottom"?k.offsetHeight:k.offsetWidth;return y.current?.(),y.current=h.registerToolbar(e,L),()=>{y.current?.(),y.current=null}},[e,h?.registerToolbar]);let v={position:"absolute",zIndex:5,pointerEvents:"none",boxSizing:"border-box"};e==="top"?(v.top=0,v.left=0,v.right=0):e==="bottom"?(v.bottom=0,v.left=0,v.right=0):e==="left"?(v.insetInlineStart=0,v.top=h?.insetTop??0,v.bottom=h?.insetBottom??0):(v.insetInlineEnd=0,v.top=h?.insetTop??0,v.bottom=h?.insetBottom??0);let R=e==="left"||e==="right"?{...(h?.insetTop??0)>0?{paddingTop:0}:{},...(h?.insetBottom??0)>0?{paddingBottom:0}:{}}:{},I=o!=null?{"--rdd-panel-toolbar-btn-size":`${o}px`}:{};return(0,U.jsx)("div",{ref:w,className:`rdd-panel-toolbar rdd-panel-toolbar--${e}${s?" "+s:""}`,"data-variant":t,"data-btn-variant":n,style:{...v,...R,...I,...p},children:T})}function So({icon:e,onClick:t,disabled:n,title:o,variant:p}){return(0,U.jsx)("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:t,disabled:n,title:o,"aria-label":o,...p?{"data-variant":p}:{},children:e})}function ko({icon:e,active:t,onToggle:n,disabled:o,title:p,variant:s}){return(0,U.jsx)("button",{type:"button",className:`rdd-panel-toolbar-btn${t?" rdd-panel-toolbar-btn--active":""}`,onClick:n,disabled:o,title:p,"aria-label":p,"aria-pressed":t,...s?{"data-variant":s}:{},children:e})}function Io(){return(0,U.jsx)("span",{className:"rdd-panel-toolbar__sep","aria-hidden":"true"})}function Eo(){return(0,U.jsx)("span",{className:"rdd-panel-toolbar__spacer","aria-hidden":"true"})}function Lo({children:e}){return(0,U.jsx)("span",{className:"rdd-panel-toolbar__item",children:e})}function No({children:e}){return(0,U.jsx)("div",{className:"rdd-panel-toolbar__center",children:e})}function zo({placeholder:e="Search\u2026",onSearch:t,onSelect:n}){let[o,p]=(0,X.useState)(!1),[s,T]=(0,X.useState)(""),[h,w]=(0,X.useState)([]),[y,v]=(0,X.useState)(null),b=(0,X.useRef)(null),R=(0,X.useRef)(null),I=(0,X.useRef)(null),k=(0,X.useRef)(null),L=()=>{p(!0),setTimeout(()=>R.current?.focus(),0)},d=()=>{p(!1),T(""),w([]),v(null),I.current?.abort(),k.current&&clearTimeout(k.current)},E=F=>{let l=F.target.value;if(T(l),I.current?.abort(),k.current&&clearTimeout(k.current),!l.trim()){w([]),v(null);return}k.current=setTimeout(async()=>{let M=new AbortController;I.current=M;try{let Y=await t(l,M.signal);if(!M.signal.aborted){w(Y);let Q=b.current;if(Q&&Y.length>0){let j=Q.getBoundingClientRect(),se=Math.max(j.width,240),re=j.left;re+se>window.innerWidth-8&&(re=window.innerWidth-se-8),v({top:j.bottom+4,left:re,width:se})}else v(null)}}catch{}},300)},a=F=>{n(F),d()},f=F=>{b.current?.contains(F.relatedTarget)||d()},C=F=>{F.key==="Escape"&&d()},O=(0,X.useMemo)(()=>{let F={};for(let l of h){let M=l.group??"";F[M]||(F[M]=[]),F[M].push(l)}return F},[h]),$=(0,U.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,U.jsx)("circle",{cx:"6.5",cy:"6.5",r:"4.5"}),(0,U.jsx)("line",{x1:"10",y1:"10",x2:"14",y2:"14"})]});return o?(0,U.jsxs)("div",{ref:b,className:"rdd-panel-toolbar-search rdd-panel-toolbar-search--open",onBlur:f,children:[(0,U.jsx)("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:d,"aria-label":"Close search",title:"Close search",children:$}),(0,U.jsx)("input",{ref:R,className:"rdd-panel-toolbar-search__input",type:"text",value:s,onChange:E,onKeyDown:C,placeholder:e,autoComplete:"off"}),y&&h.length>0&&(0,xo.createPortal)((0,U.jsx)("div",{className:"rdd-panel-toolbar-search__dropdown",style:{position:"fixed",top:y.top,left:y.left,width:y.width,zIndex:9502},onMouseDown:F=>F.preventDefault(),children:Object.entries(O).map(([F,l])=>(0,U.jsxs)(X.default.Fragment,{children:[F&&(0,U.jsx)("div",{className:"rdd-panel-toolbar-search__group",children:F}),l.map(M=>(0,U.jsxs)("button",{type:"button",className:"rdd-panel-toolbar-search__item",onClick:()=>a(M),children:[M.icon&&(0,U.jsx)("span",{className:"rdd-panel-toolbar-search__item-icon",children:M.icon}),(0,U.jsx)("span",{className:"rdd-panel-toolbar-search__item-label",children:M.label}),M.description&&(0,U.jsx)("span",{className:"rdd-panel-toolbar-search__item-desc",children:M.description})]},M.id))]},F||"__default__"))}),document.body)]}):(0,U.jsx)("div",{ref:b,className:"rdd-panel-toolbar-search",children:(0,U.jsx)("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:L,title:"Search","aria-label":"Search",children:$})})}function kn(e){let t=(0,X.useContext)(Ro);return e.open?(0,U.jsx)(Cr,{ctx:t,...e},e.id):null}var yr=120,Pr=60,Po=8,xr=8;function Cr({id:e,title:t,icon:n,defaultAnchor:o,defaultWidth:p,defaultHeight:s,children:T,ctx:h,onClose:w}){let y=(0,X.useContext)(wt)?.isRtl??!1,[v,b]=(0,X.useState)("docked"),[R,I]=(0,X.useState)(o),[k,L]=(0,X.useState)(null),[d,E]=(0,X.useState)({w:p,h:s}),a=(0,X.useRef)(null),f=(0,X.useRef)(v);f.current=v;let C=(0,X.useRef)(k);C.current=k;let O=(0,X.useRef)(d);O.current=d;let $=(0,X.useRef)(null);(0,X.useLayoutEffect)(()=>(h?.dockWindow(e,o),()=>{h?.undockWindow(e)}),[]),(0,X.useEffect)(()=>{h?.reportDockedSize(e,d.h)},[d.h]);let F=h?.zOrders[e]??101,l=!h||h.topId===e,M=()=>{let _=a.current?.offsetParent;return{cw:_?.clientWidth??9999,ch:_?.clientHeight??9999}},Y=()=>{h?.focusWindow(e)},Q=_=>{if(_.button!==0)return;_.preventDefault();let W,z;if(f.current==="docked"){let Z=a.current,B=h?.containerRef?.current;if(Z&&B){let ie=Z.getBoundingClientRect(),ve=B.getBoundingClientRect();W=ie.left-ve.left,z=ie.top-ve.top}else W=Po,z=h?.insetTop??0;h?.undockWindow(e),b("free"),L({x:W,y:z})}else W=C.current?.x??0,z=C.current?.y??0;$.current={mouseX:_.clientX,mouseY:_.clientY,posX:W,posY:z,hasDragged:!1},a.current?.setPointerCapture(_.pointerId)},j=_=>W=>{if(W.button!==0)return;W.preventDefault(),W.stopPropagation();let z=0,Z=0;if(f.current==="free")z=C.current?.x??0,Z=C.current?.y??0;else{let ie=a.current,ve=ie?.offsetParent;if(ie&&ve){let Pe=ie.getBoundingClientRect(),Oe=ve.getBoundingClientRect();z=Pe.left-Oe.left,Z=Pe.top-Oe.top}}let B={x:z,y:Z,w:O.current.w,h:O.current.h};Ve({element:W.currentTarget,pointerId:W.pointerId,startClientX:W.clientX,startClientY:W.clientY,captureStart:()=>B,onMove:(ie,ve,Pe)=>{let{cw:Oe,ch:$e}=M(),{x:Ae,y:He,w:tt,h:nt}=kt(_,ie,ve,Pe,{minW:yr,minH:Pr,maxW:Oe-Pe.x,maxH:$e-Pe.y,minX:0,minY:0});E({w:tt,h:nt}),f.current==="free"&&L({x:Ae,y:He})}})},se=_=>{if($.current){let W=$.current;if(!W.hasDragged){if(Math.abs(_.clientX-W.mouseX)+Math.abs(_.clientY-W.mouseY)<4)return;W.hasDragged=!0,h?.setDraggingId(e)}let{cw:z,ch:Z}=M(),B=Math.max(0,Math.min(W.posX+_.clientX-W.mouseX,z-O.current.w)),ie=Math.max(0,Math.min(W.posY+_.clientY-W.mouseY,Z-O.current.h));L({x:B,y:ie});let ve=h?.containerRef?.current;if(ve){let Pe=br(ve,_.clientX,_.clientY);h?.setHoveredZone(Pe&&y?At(Pe):Pe)}}},re=()=>{if($.current){let _=h?.hoveredZone;_&&(h?.dockWindow(e,_),I(_),b("docked"),L(null)),h?.setHoveredZone(null),h?.setDraggingId(null)}$.current=null},ue;if(v==="docked"&&h){let _=h.stacks[R]??[],W=_.indexOf(e),z=0;for(let Z=0;Z<W;Z++)z+=(h.dockedSizes[_[Z]]??s)+xr;ue={width:d.w,height:d.h,zIndex:F,transition:"top 0.2s ease, bottom 0.2s ease",opacity:W===-1?0:void 0,pointerEvents:W===-1?"none":void 0},ue[R.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]=Po,R.startsWith("top-")?ue.top=h.insetTop+z:ue.bottom=h.insetBottom+z}else ue={left:k?.x??0,top:k?.y??0,width:d.w,height:d.h,zIndex:F};return(0,U.jsxs)("div",{ref:a,dir:y?"rtl":"ltr",className:`rdd-panel-float${l?" rdd-panel-float--active":""}`,style:ue,onPointerDown:Y,onPointerMove:se,onPointerUp:re,children:[(0,U.jsxs)("div",{className:"rdd-panel-float__header",onPointerDown:Q,children:[n&&(0,U.jsx)("span",{className:"rdd-panel-float__icon",children:n}),(0,U.jsx)("span",{className:"rdd-panel-float__title",children:t}),(0,U.jsx)("button",{type:"button",className:"rdd-panel-float__close",onClick:w,onPointerDown:_=>_.stopPropagation(),title:"Close","aria-label":"Close",children:(0,U.jsxs)("svg",{width:"8",height:"8",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",children:[(0,U.jsx)("line",{x1:"1",y1:"1",x2:"9",y2:"9"}),(0,U.jsx)("line",{x1:"9",y1:"1",x2:"1",y2:"9"})]})})]}),(0,U.jsx)("div",{className:"rdd-panel-float__body",children:T}),v==="free"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-n",onPointerDown:j("n")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-ne",onPointerDown:j("ne")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-nw",onPointerDown:j("nw")})]}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-e",onPointerDown:j("e")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-se",onPointerDown:j("se")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-s",onPointerDown:j("s")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-sw",onPointerDown:j("sw")}),(0,U.jsx)("div",{className:"rdd-resize-handle rdd-resize-w",onPointerDown:j("w")})]})}function Do(){let[e,t]=(0,X.useState)(!1),n=(0,X.useCallback)(()=>{t(!0)},[]),o=(0,X.useCallback)(()=>{t(!1)},[]);return{isOpen:e,open:n,close:o}}var wr=[];function Wo(){let e=(0,X.useContext)(wo),t=e?.managedWindowIds??wr;return(0,X.useMemo)(()=>({open:(n,o)=>e?.openManaged(n,o),close:n=>e?.closeManaged(n),closeAll:()=>e?.closeAllManaged(),isOpen:n=>t.includes(n),openIds:t}),[e,t])}0&&(module.exports={ConfirmationForm,ContextMenu,ContextMenuProvider,DefaultContextMenuAdapter,DockableDesktopProvider,FormContainerContext,FormContainerProvider,LeftPanelRenderer,ModalStackRenderer,PanelContributionProvider,PanelFloatingWindow,PanelOverlayRoot,PanelProvider,PanelRegistry,PanelRegistryClass,PanelToolbar,PanelToolbarItem,PanelToolbarSeparator,RightPanelRenderer,SidePanelRenderer,Sidebar,ToastContainer,Toolbar,ToolbarButton,ToolbarCenter,ToolbarProvider,ToolbarSearchInput,ToolbarSpacer,ToolbarToggle,WindowManager,WindowManagerProvider,WorkspaceClient,computeResizedRect,defaultPredefinedMessages,formatLabel,sidebarSectionToTab,startPointerDrag,toast,useActivePanelContribution,useColorScheme,useFormContainer,useFormatMessage,useMergedSidebarTabs,useMergedToolbarItems,usePanelActions,usePanelContext,usePanelContextMenu,usePanelContribution,usePanelFloatingWindow,usePanelFloatingWindowManager,usePanelId,usePanelSize,usePanelState,usePredefinedMessages,useRegistry,useShowContextMenu,useSidebar,useSidebarTab,useStyleClasses,useToolbar,useWindowManagerActions,useWindowManagerState});
|
|
24
24
|
//# sourceMappingURL=index.cjs.map
|