react-headless-dock-layout 0.4.2 → 0.4.3

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2;function l(i){throw new Error(`Unexpected value: ${i}`)}function N(i,t){return i===null?null:x(t,i)}function x(i,t){if(t.type==="panel")return null;if(t.type==="split")return t.left.id===i||t.right.id===i?t:_nullishCoalesce(x(i,t.left), () => (x(i,t.right)));l(t)}var M={getPlacement(i){let t=g(i)+1;return{targetId:i.id,direction:"right",ratio:t/(t+1)}}};function g(i){if(i.type==="panel")return 0;if(i.type==="split"){if(i.orientation==="horizontal")return 1+g(i.left)+g(i.right);if(i.orientation==="vertical")return g(i.left)+g(i.right);l(i.orientation)}else l(i)}var G={getPlacement(i){let t=z(i),e=N(i,t.id);return{targetId:t.id,direction:e===null?"right":e.orientation==="horizontal"?"bottom":"right",ratio:.5}}};function z(i){if(i.type==="panel")return i;if(i.type==="split")return z(i.right);l(i)}var _react = require('react');function m(i,t,e){return Math.max(t,Math.min(e,i))}function w(){return typeof crypto<"u"&&crypto.randomUUID?crypto.randomUUID():Date.now().toString(36)}function u(i,t){if(!i)throw new Error(_nullishCoalesce(t, () => ("Invariant failed")))}function E(i,t){if(i===null)return[];let e=[],r=(o,n)=>{o.type==="split"?o.orientation==="horizontal"?(e.push({id:o.id,type:"split",orientation:o.orientation,x:Math.round(n.x+n.width*o.ratio-t.gap/2),y:Math.round(n.y),width:Math.round(t.gap),height:Math.round(n.height)}),r(o.left,{x:n.x,y:n.y,width:n.width*o.ratio-t.gap/2,height:n.height}),r(o.right,{x:n.x+n.width*o.ratio+t.gap/2,y:n.y,width:n.width*(1-o.ratio)-t.gap/2,height:n.height})):o.orientation==="vertical"?(e.push({id:o.id,type:"split",orientation:o.orientation,x:Math.round(n.x),y:Math.round(n.y+n.height*o.ratio-t.gap/2),width:Math.round(n.width),height:Math.round(t.gap)}),r(o.left,{x:n.x,y:n.y,width:n.width,height:n.height*o.ratio-t.gap/2}),r(o.right,{x:n.x,y:n.y+n.height*o.ratio+t.gap/2,width:n.width,height:n.height*(1-o.ratio)-t.gap/2})):l(o.orientation):o.type==="panel"?e.push({id:o.id,type:"panel",x:Math.round(n.x),y:Math.round(n.y),width:Math.round(n.width),height:Math.round(n.height)}):l(o)};return r(i,{x:0,y:0,width:t.size.width,height:t.size.height}),e}function f(i,t){if(i.type==="panel")return{width:_nullishCoalesce(_optionalChain([i, 'access', _2 => _2.minSize, 'optionalAccess', _3 => _3.width]), () => (0)),height:_nullishCoalesce(_optionalChain([i, 'access', _4 => _4.minSize, 'optionalAccess', _5 => _5.height]), () => (0))};if(i.type==="split"){if(i.orientation==="horizontal")return{width:f(i.left,t).width+t+f(i.right,t).width,height:Math.max(f(i.left,t).height,f(i.right,t).height)};if(i.orientation==="vertical")return{width:Math.max(f(i.left,t).width,f(i.right,t).width),height:f(i.left,t).height+t+f(i.right,t).height};l(i.orientation)}else l(i)}function P(i,t){let e=i.x+i.width/2,r=i.y+i.height/2,o=(t.x-e)/(i.width/2),n=(t.y-r)/(i.height/2);return Math.abs(o)>Math.abs(n)?o>0?"right":"left":n>0?"bottom":"top"}var v= (_class =class{__init() {this._root=null}constructor(t){;_class.prototype.__init.call(this);this._root=t}get root(){return this._root}set root(t){this._root=t}findNode(t){return this._root===null?null:this.findNodeInSubTree(t,this._root)}findNodeInSubTree(t,e){if(t===e.id)return e;if(e.type==="panel")return null;if(e.type==="split")return _nullishCoalesce(this.findNodeInSubTree(t,e.left), () => (this.findNodeInSubTree(t,e.right)));l(e)}findParentNode(t){return N(this._root,t)}replaceChildNode({parent:t,oldChildId:e,newChild:r}){if(this.findNode(e)===null)throw new Error(`Child node with id ${e} not found`);if(t.left.id===e)t.left=r;else if(t.right.id===e)t.right=r;else throw new Error(`Child node with id ${e} is not a child of the parent node with id ${t.id}`)}}, _class);var _= (_class2 =class{__init2() {this.MIN_RESIZE_RATIO=.1}__init3() {this.MAX_RESIZE_RATIO=.9}__init4() {this._listeners=new Set}__init5() {this._layoutRects=[]}__init6() {this._addPanelStrategy=M}constructor(t,e){;_class2.prototype.__init2.call(this);_class2.prototype.__init3.call(this);_class2.prototype.__init4.call(this);_class2.prototype.__init5.call(this);_class2.prototype.__init6.call(this);_class2.prototype.__init7.call(this);this._tree=new v(t),this._options={gap:_nullishCoalesce(_optionalChain([e, 'optionalAccess', _6 => _6.gap]), () => (10)),size:_nullishCoalesce(_optionalChain([e, 'optionalAccess', _7 => _7.size]), () => ({width:0,height:0}))},this._layoutRects=E(t,this._options)}get root(){return this._tree.root}set root(t){this._tree.root=t,this.syncLayoutRects()}get layoutRects(){return this._layoutRects}__init7() {this.subscribe=t=>(this._listeners.add(t),()=>{this._listeners.delete(t)})}setSize(t){this._options.size=t,this.syncLayoutRects()}removePanel(t){if(this._tree.root===null)throw new Error("Root node is null");let e=this._tree.findNode(t);if(e===null)throw new Error(`Node with id ${t} not found`);if(e.type!=="panel")throw new Error(`Node with id ${t} is not a panel`);if(e.id===this._tree.root.id){this._tree.root=null,this.syncLayoutRects();return}let r=this._tree.findParentNode(t);u(r!==null,"Parent node is not null");let o=r.left.id===e.id?r.right:r.left;if(r.id===this._tree.root.id){this._tree.root=o,this.syncLayoutRects();return}let n=this._tree.findParentNode(r.id);u(n!==null,"Grand parent node is not null"),this._tree.replaceChildNode({parent:n,oldChildId:r.id,newChild:o}),this.syncLayoutRects()}movePanel({sourceId:t,targetId:e,point:r}){if(this._tree.root===null)throw new Error("Root node is null");if(this._tree.root.type!=="split")throw new Error("Root node is not a split node");let o=this._tree.findNode(t);if(o===null)throw new Error(`Node with id ${t} not found`);if(o.type!=="panel")throw new Error(`Node with id ${t} is not a panel node`);let n=this._tree.findParentNode(t);u(n!==null);let a=this._tree.findNode(e);if(a===null)throw new Error(`Node with id ${e} not found`);if(a.type!=="panel")throw new Error(`Node with id ${e} is not a panel node`);let p=n.left.id===t?n.right:n.left,d=this.findRect(e);u(d!==null),u(d.type==="panel");let c=P(d,r);if(p.id===e){c==="left"?(n.orientation="horizontal",n.left=o,n.right=a):c==="right"?(n.orientation="horizontal",n.left=a,n.right=o):c==="top"?(n.orientation="vertical",n.left=o,n.right=a):c==="bottom"?(n.orientation="vertical",n.left=a,n.right=o):l(c),this.syncLayoutRects();return}let y=this._tree.findParentNode(n.id);y===null?this._tree.root=p:this._tree.replaceChildNode({parent:y,oldChildId:n.id,newChild:p});let s=this._tree.findParentNode(e);u(s!==null);let h=this.createSplitNode({direction:c,sourceNode:o,targetNode:a});this._tree.replaceChildNode({parent:s,oldChildId:e,newChild:h}),this.syncLayoutRects()}resizePanel(t,e){if(this._tree.root===null)throw new Error("Root node is null");let r=this.findRect(t);if(r===null)throw new Error(`Rect with id ${t} not found`);if(r.type!=="split")throw new Error(`Rect with id ${t} is not a split node`);let o=this._tree.findNode(t);u(o!==null,"Split node is not null"),u(o.type==="split","Split node is a split"),o.ratio=this.calculateResizeRatio(o,r,e),this.syncLayoutRects()}addPanel(t){if(this._tree.root===null){this._tree.root={id:t,type:"panel"},this.syncLayoutRects();return}let{targetId:e,direction:r,ratio:o=.5}=this._addPanelStrategy.getPlacement(this._tree.root);if(e===this._tree.root.id){this._tree.root=this.createSplitNode({direction:r,ratio:o,sourceNode:{id:t,type:"panel"},targetNode:this._tree.root}),this.syncLayoutRects();return}let n=this._tree.findNode(e);if(n===null)throw new Error(`Node with id ${e} not found`);let a=this._tree.findParentNode(e);u(a!==null,"Target node parent is not null");let p=this.createSplitNode({direction:r,sourceNode:{id:t,type:"panel"},targetNode:n,ratio:o});this._tree.replaceChildNode({parent:a,oldChildId:e,newChild:p}),this.syncLayoutRects()}calculateDropTarget({draggedPanelId:t,targetPanelId:e,point:r}){u(t!==e,"Dragged panel id is not the same as target panel id");let o=this.findRect(e);return u(o!==null&&o.type==="panel"),{id:e,direction:P(o,r)}}emit(){this._listeners.forEach(t=>{t()})}syncLayoutRects(){this._layoutRects=E(this._tree.root,this._options),this.emit()}createSplitNode({direction:t,sourceNode:e,targetNode:r,ratio:o=.5}){switch(t){case"left":return{id:w(),type:"split",orientation:"horizontal",ratio:o,left:e,right:r};case"right":return{id:w(),type:"split",orientation:"horizontal",ratio:o,left:r,right:e};case"top":return{id:w(),type:"split",orientation:"vertical",ratio:o,left:e,right:r};case"bottom":return{id:w(),type:"split",orientation:"vertical",ratio:o,left:r,right:e};default:l(t)}}findRect(t){return _nullishCoalesce(this._layoutRects.find(e=>e.id===t), () => (null))}getSurroundingRect(t){let e=this._tree.findNode(t);if(u(e!==null,"Node is not null"),e.type==="panel"){let r=this.findRect(t);return u(r!==null,"Rect is not null"),u(r.type==="panel","Rect is a panel"),{x:r.x,y:r.y,width:r.width,height:r.height}}else if(e.type==="split"){let r=this.getSurroundingRect(e.left.id),o=this.getSurroundingRect(e.right.id);if(e.orientation==="horizontal")return{x:r.x,y:r.y,width:r.width+this._options.gap+o.width,height:r.height};if(e.orientation==="vertical")return{x:r.x,y:r.y,width:r.width,height:r.height+this._options.gap+o.height};l(e.orientation)}else l(e)}calculateResizeRatio(t,e,r){if(e.orientation==="horizontal"){let o=this.getSurroundingRect(t.left.id),n=this.getSurroundingRect(t.right.id),a=r.x-o.x,p=m(a/(o.width+e.width+n.width),this.MIN_RESIZE_RATIO,this.MAX_RESIZE_RATIO),d=o.width+this._options.gap+n.width,y=(f(t.left,this._options.gap).width+this._options.gap/2)/d,s=f(t.right,this._options.gap).width,h=(d-(s+this._options.gap/2))/d;return m(p,y,h)}else if(e.orientation==="vertical"){let o=this.getSurroundingRect(t.left.id),n=this.getSurroundingRect(t.right.id),a=r.y-o.y,p=m(a/(o.height+e.height+n.height),this.MIN_RESIZE_RATIO,this.MAX_RESIZE_RATIO),d=o.height+this._options.gap+n.height,y=(f(t.left,this._options.gap).height+this._options.gap/2)/d,s=f(t.right,this._options.gap).height,h=(d-(s+this._options.gap/2))/d;return m(p,y,h)}else l(e.orientation)}}, _class2);function D(i){_react.useEffect.call(void 0, ()=>{let t=document.body.style.cursor;return document.body.style.cursor=_nullishCoalesce(i, () => ("default")),()=>{document.body.style.cursor=t}},[i])}function L(i){let t=_react.useRef.call(void 0, i);return _react.useEffect.call(void 0, ()=>{t.current=i},[i]),_react.useCallback.call(void 0, (...e)=>t.current(...e),[])}function b(i,t,e,r){let o=L(e);_react.useEffect.call(void 0, ()=>(i.addEventListener(t,o,r),()=>{i.removeEventListener(t,o,r)}),[i,t,o,r])}function T(i){let t=_react.useRef.call(void 0, null),e=L(i);return _react.useEffect.call(void 0, ()=>{let r=t.current;if(r===null)throw new Error("Ref is not attached to an element");let o=new ResizeObserver(n=>{for(let a of n)e(a)});return o.observe(r),()=>{o.disconnect()}},[e]),t}function Ct(i,t){let[e]=_react.useState.call(void 0, ()=>{let s=typeof i=="function"?i():i;return new _(s,t)}),r=_react.useSyncExternalStore.call(void 0, e.subscribe,()=>e.layoutRects),[o,n]=_react.useState.call(void 0, null),[a,p]=_react.useState.call(void 0, null),[d,c]=_react.useState.call(void 0, null),y=T(s=>{e.setSize({width:s.contentRect.width,height:s.contentRect.height})});return b(document,"mousemove",s=>{if(o===null)return;let h=y.current;if(h===null)throw new Error("containerRef is not attached to an element");let R=h.getBoundingClientRect();e.resizePanel(o.id,{x:s.clientX-R.left,y:s.clientY-R.top})}),b(document,"mouseup",()=>{o!==null&&n(null)}),D(o===null?"default":C[o.orientation]),{containerRef:y,layoutRects:r,getRectProps:s=>{if(s.type==="split")return{style:{position:"absolute",left:s.x,top:s.y,width:s.width,height:s.height,cursor:C[s.orientation]},onMouseDown:()=>{n(s)}};if(s.type==="panel")return{style:{position:"absolute",left:s.x,top:s.y,width:s.width,height:s.height},onMouseMove:h=>{if(a===null)return;if(a.id===s.id){c(null);return}let R=e.calculateDropTarget({draggedPanelId:a.id,targetPanelId:s.id,point:{x:h.clientX,y:h.clientY}});c(R)},onMouseUp:h=>{if(a!==null){if(a.id===s.id){p(null),c(null);return}e.movePanel({sourceId:a.id,targetId:s.id,point:{x:h.clientX,y:h.clientY}}),p(null),c(null)}}};l(s)},getDropIndicatorProps:s=>a===null||!(s.id===_optionalChain([d, 'optionalAccess', _8 => _8.id]))?null:{style:U(d.direction)},getDragHandleProps:s=>({onMouseDown:()=>{p(s)}}),draggingRect:a,addPanel:e.addPanel.bind(e),removePanel:e.removePanel.bind(e),root:e.root}}function U(i){if(i==="top")return{position:"absolute",left:0,top:0,width:"100%",height:"50%"};if(i==="bottom")return{position:"absolute",left:0,top:"50%",width:"100%",height:"50%"};if(i==="left")return{position:"absolute",left:0,top:0,width:"50%",height:"100%"};if(i==="right")return{position:"absolute",left:"50%",top:0,width:"50%",height:"100%"};l(i)}var C={horizontal:"col-resize",vertical:"row-resize"};exports.bspStrategy = G; exports.evenlyDividedHorizontalStrategy = M; exports.useDockLayout = Ct;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2;function l(i){throw new Error(`Unexpected value: ${i}`)}var P={getPlacementOnAdd(i){let t=g(i)+1;return{targetId:i.id,direction:"right",ratio:t/(t+1)}}};function g(i){if(i.type==="panel")return 0;if(i.type==="split"){if(i.orientation==="horizontal")return 1+g(i.left)+g(i.right);if(i.orientation==="vertical")return g(i.left)+g(i.right);l(i.orientation)}else l(i)}var _react = require('react');function m(i,t,e){return Math.max(t,Math.min(e,i))}function w(){return typeof crypto<"u"&&crypto.randomUUID?crypto.randomUUID():Date.now().toString(36)}function u(i,t){if(!i)throw new Error(_nullishCoalesce(t, () => ("Invariant failed")))}function S(i,t){if(i===null)return[];let e=[],r=(o,n)=>{o.type==="split"?o.orientation==="horizontal"?(e.push({id:o.id,type:"split",orientation:o.orientation,x:Math.round(n.x+n.width*o.ratio-t.gap/2),y:Math.round(n.y),width:Math.round(t.gap),height:Math.round(n.height)}),r(o.left,{x:n.x,y:n.y,width:n.width*o.ratio-t.gap/2,height:n.height}),r(o.right,{x:n.x+n.width*o.ratio+t.gap/2,y:n.y,width:n.width*(1-o.ratio)-t.gap/2,height:n.height})):o.orientation==="vertical"?(e.push({id:o.id,type:"split",orientation:o.orientation,x:Math.round(n.x),y:Math.round(n.y+n.height*o.ratio-t.gap/2),width:Math.round(n.width),height:Math.round(t.gap)}),r(o.left,{x:n.x,y:n.y,width:n.width,height:n.height*o.ratio-t.gap/2}),r(o.right,{x:n.x,y:n.y+n.height*o.ratio+t.gap/2,width:n.width,height:n.height*(1-o.ratio)-t.gap/2})):l(o.orientation):o.type==="panel"?e.push({id:o.id,type:"panel",x:Math.round(n.x),y:Math.round(n.y),width:Math.round(n.width),height:Math.round(n.height)}):l(o)};return r(i,{x:0,y:0,width:t.size.width,height:t.size.height}),e}function f(i,t){if(i.type==="panel")return{width:_nullishCoalesce(_optionalChain([i, 'access', _2 => _2.minSize, 'optionalAccess', _3 => _3.width]), () => (0)),height:_nullishCoalesce(_optionalChain([i, 'access', _4 => _4.minSize, 'optionalAccess', _5 => _5.height]), () => (0))};if(i.type==="split"){if(i.orientation==="horizontal")return{width:f(i.left,t).width+t+f(i.right,t).width,height:Math.max(f(i.left,t).height,f(i.right,t).height)};if(i.orientation==="vertical")return{width:Math.max(f(i.left,t).width,f(i.right,t).width),height:f(i.left,t).height+t+f(i.right,t).height};l(i.orientation)}else l(i)}function x(i,t){let e=i.x+i.width/2,r=i.y+i.height/2,o=(t.x-e)/(i.width/2),n=(t.y-r)/(i.height/2);return Math.abs(o)>Math.abs(n)?o>0?"right":"left":n>0?"bottom":"top"}function M(i,t){return i===null?null:E(t,i)}function E(i,t){if(t.type==="panel")return null;if(t.type==="split")return t.left.id===i||t.right.id===i?t:_nullishCoalesce(E(i,t.left), () => (E(i,t.right)));l(t)}var N= (_class =class{__init() {this._root=null}constructor(t){;_class.prototype.__init.call(this);this._root=t}get root(){return this._root}set root(t){this._root=t}findNode(t){return this._root===null?null:this.findNodeInSubTree(t,this._root)}findNodeInSubTree(t,e){if(t===e.id)return e;if(e.type==="panel")return null;if(e.type==="split")return _nullishCoalesce(this.findNodeInSubTree(t,e.left), () => (this.findNodeInSubTree(t,e.right)));l(e)}findParentNode(t){return M(this._root,t)}replaceChildNode({parent:t,oldChildId:e,newChild:r}){if(this.findNode(e)===null)throw new Error(`Child node with id ${e} not found`);if(t.left.id===e)t.left=r;else if(t.right.id===e)t.right=r;else throw new Error(`Child node with id ${e} is not a child of the parent node with id ${t.id}`)}}, _class);var v= (_class2 =class{__init2() {this.MIN_RESIZE_RATIO=.1}__init3() {this.MAX_RESIZE_RATIO=.9}__init4() {this._listeners=new Set}__init5() {this._layoutRects=[]}constructor(t,e){;_class2.prototype.__init2.call(this);_class2.prototype.__init3.call(this);_class2.prototype.__init4.call(this);_class2.prototype.__init5.call(this);_class2.prototype.__init6.call(this);this._tree=new N(t),this._options={gap:_nullishCoalesce(_optionalChain([e, 'optionalAccess', _6 => _6.gap]), () => (10)),size:_nullishCoalesce(_optionalChain([e, 'optionalAccess', _7 => _7.size]), () => ({width:0,height:0})),placementStrategy:_nullishCoalesce(_optionalChain([e, 'optionalAccess', _8 => _8.placementStrategy]), () => (P))},this._layoutRects=S(t,this._options)}get root(){return this._tree.root}set root(t){this._tree.root=t,this.syncLayoutRects()}get layoutRects(){return this._layoutRects}__init6() {this.subscribe=t=>(this._listeners.add(t),()=>{this._listeners.delete(t)})}setSize(t){this._options.size=t,this.syncLayoutRects()}removePanel(t){if(this._tree.root===null)throw new Error("Root node is null");let e=this._tree.findNode(t);if(e===null)throw new Error(`Node with id ${t} not found`);if(e.type!=="panel")throw new Error(`Node with id ${t} is not a panel`);if(e.id===this._tree.root.id){this._tree.root=null,this.syncLayoutRects();return}let r=this._tree.findParentNode(t);u(r!==null,"Parent node is not null");let o=r.left.id===e.id?r.right:r.left;if(r.id===this._tree.root.id){this._tree.root=o,this.syncLayoutRects();return}let n=this._tree.findParentNode(r.id);u(n!==null,"Grand parent node is not null"),this._tree.replaceChildNode({parent:n,oldChildId:r.id,newChild:o}),this.syncLayoutRects()}movePanel({sourceId:t,targetId:e,point:r}){if(this._tree.root===null)throw new Error("Root node is null");if(this._tree.root.type!=="split")throw new Error("Root node is not a split node");let o=this._tree.findNode(t);if(o===null)throw new Error(`Node with id ${t} not found`);if(o.type!=="panel")throw new Error(`Node with id ${t} is not a panel node`);let n=this._tree.findParentNode(t);u(n!==null);let a=this._tree.findNode(e);if(a===null)throw new Error(`Node with id ${e} not found`);if(a.type!=="panel")throw new Error(`Node with id ${e} is not a panel node`);let p=n.left.id===t?n.right:n.left,d=this.findRect(e);u(d!==null),u(d.type==="panel");let c=x(d,r);if(p.id===e){c==="left"?(n.orientation="horizontal",n.left=o,n.right=a):c==="right"?(n.orientation="horizontal",n.left=a,n.right=o):c==="top"?(n.orientation="vertical",n.left=o,n.right=a):c==="bottom"?(n.orientation="vertical",n.left=a,n.right=o):l(c),this.syncLayoutRects();return}let y=this._tree.findParentNode(n.id);y===null?this._tree.root=p:this._tree.replaceChildNode({parent:y,oldChildId:n.id,newChild:p});let s=this._tree.findParentNode(e);u(s!==null);let h=this.createSplitNode({direction:c,sourceNode:o,targetNode:a});this._tree.replaceChildNode({parent:s,oldChildId:e,newChild:h}),this.syncLayoutRects()}resizePanel(t,e){if(this._tree.root===null)throw new Error("Root node is null");let r=this.findRect(t);if(r===null)throw new Error(`Rect with id ${t} not found`);if(r.type!=="split")throw new Error(`Rect with id ${t} is not a split node`);let o=this._tree.findNode(t);u(o!==null,"Split node is not null"),u(o.type==="split","Split node is a split"),o.ratio=this.calculateResizeRatio(o,r,e),this.syncLayoutRects()}addPanel(t){if(this._tree.root===null){this._tree.root={id:t,type:"panel"},this.syncLayoutRects();return}let{targetId:e,direction:r,ratio:o=.5}=this._options.placementStrategy.getPlacementOnAdd(this._tree.root);if(e===this._tree.root.id){this._tree.root=this.createSplitNode({direction:r,ratio:o,sourceNode:{id:t,type:"panel"},targetNode:this._tree.root}),this.syncLayoutRects();return}let n=this._tree.findNode(e);if(n===null)throw new Error(`Node with id ${e} not found`);let a=this._tree.findParentNode(e);u(a!==null,"Target node parent is not null");let p=this.createSplitNode({direction:r,sourceNode:{id:t,type:"panel"},targetNode:n,ratio:o});this._tree.replaceChildNode({parent:a,oldChildId:e,newChild:p}),this.syncLayoutRects()}calculateDropTarget({draggedPanelId:t,targetPanelId:e,point:r}){u(t!==e,"Dragged panel id is not the same as target panel id");let o=this.findRect(e);return u(o!==null&&o.type==="panel"),{id:e,direction:x(o,r)}}emit(){this._listeners.forEach(t=>{t()})}syncLayoutRects(){this._layoutRects=S(this._tree.root,this._options),this.emit()}createSplitNode({direction:t,sourceNode:e,targetNode:r,ratio:o=.5}){switch(t){case"left":return{id:w(),type:"split",orientation:"horizontal",ratio:o,left:e,right:r};case"right":return{id:w(),type:"split",orientation:"horizontal",ratio:o,left:r,right:e};case"top":return{id:w(),type:"split",orientation:"vertical",ratio:o,left:e,right:r};case"bottom":return{id:w(),type:"split",orientation:"vertical",ratio:o,left:r,right:e};default:l(t)}}findRect(t){return _nullishCoalesce(this._layoutRects.find(e=>e.id===t), () => (null))}getSurroundingRect(t){let e=this._tree.findNode(t);if(u(e!==null,"Node is not null"),e.type==="panel"){let r=this.findRect(t);return u(r!==null,"Rect is not null"),u(r.type==="panel","Rect is a panel"),{x:r.x,y:r.y,width:r.width,height:r.height}}else if(e.type==="split"){let r=this.getSurroundingRect(e.left.id),o=this.getSurroundingRect(e.right.id);if(e.orientation==="horizontal")return{x:r.x,y:r.y,width:r.width+this._options.gap+o.width,height:r.height};if(e.orientation==="vertical")return{x:r.x,y:r.y,width:r.width,height:r.height+this._options.gap+o.height};l(e.orientation)}else l(e)}calculateResizeRatio(t,e,r){if(e.orientation==="horizontal"){let o=this.getSurroundingRect(t.left.id),n=this.getSurroundingRect(t.right.id),a=r.x-o.x,p=m(a/(o.width+e.width+n.width),this.MIN_RESIZE_RATIO,this.MAX_RESIZE_RATIO),d=o.width+this._options.gap+n.width,y=(f(t.left,this._options.gap).width+this._options.gap/2)/d,s=f(t.right,this._options.gap).width,h=(d-(s+this._options.gap/2))/d;return m(p,y,h)}else if(e.orientation==="vertical"){let o=this.getSurroundingRect(t.left.id),n=this.getSurroundingRect(t.right.id),a=r.y-o.y,p=m(a/(o.height+e.height+n.height),this.MIN_RESIZE_RATIO,this.MAX_RESIZE_RATIO),d=o.height+this._options.gap+n.height,y=(f(t.left,this._options.gap).height+this._options.gap/2)/d,s=f(t.right,this._options.gap).height,h=(d-(s+this._options.gap/2))/d;return m(p,y,h)}else l(e.orientation)}}, _class2);function z(i){_react.useEffect.call(void 0, ()=>{let t=document.body.style.cursor;return document.body.style.cursor=_nullishCoalesce(i, () => ("default")),()=>{document.body.style.cursor=t}},[i])}function _(i){let t=_react.useRef.call(void 0, i);return _react.useEffect.call(void 0, ()=>{t.current=i},[i]),_react.useCallback.call(void 0, (...e)=>t.current(...e),[])}function b(i,t,e,r){let o=_(e);_react.useEffect.call(void 0, ()=>(i.addEventListener(t,o,r),()=>{i.removeEventListener(t,o,r)}),[i,t,o,r])}function T(i){let t=_react.useRef.call(void 0, null),e=_(i);return _react.useEffect.call(void 0, ()=>{let r=t.current;if(r===null)throw new Error("Ref is not attached to an element");let o=new ResizeObserver(n=>{for(let a of n)e(a)});return o.observe(r),()=>{o.disconnect()}},[e]),t}function zt(i,t){let[e]=_react.useState.call(void 0, ()=>{let s=typeof i=="function"?i():i;return new v(s,t)}),r=_react.useSyncExternalStore.call(void 0, e.subscribe,()=>e.layoutRects),[o,n]=_react.useState.call(void 0, null),[a,p]=_react.useState.call(void 0, null),[d,c]=_react.useState.call(void 0, null),y=T(s=>{e.setSize({width:s.contentRect.width,height:s.contentRect.height})});return b(document,"mousemove",s=>{if(o===null)return;let h=y.current;if(h===null)throw new Error("containerRef is not attached to an element");let R=h.getBoundingClientRect();e.resizePanel(o.id,{x:s.clientX-R.left,y:s.clientY-R.top})}),b(document,"mouseup",()=>{o!==null&&n(null)}),z(o===null?"default":D[o.orientation]),{containerRef:y,layoutRects:r,getRectProps:s=>{if(s.type==="split")return{style:{position:"absolute",left:s.x,top:s.y,width:s.width,height:s.height,cursor:D[s.orientation]},onMouseDown:()=>{n(s)}};if(s.type==="panel")return{style:{position:"absolute",left:s.x,top:s.y,width:s.width,height:s.height},onMouseMove:h=>{if(a===null)return;if(a.id===s.id){c(null);return}let R=e.calculateDropTarget({draggedPanelId:a.id,targetPanelId:s.id,point:{x:h.clientX,y:h.clientY}});c(R)},onMouseUp:h=>{if(a!==null){if(a.id===s.id){p(null),c(null);return}e.movePanel({sourceId:a.id,targetId:s.id,point:{x:h.clientX,y:h.clientY}}),p(null),c(null)}}};l(s)},getDropIndicatorProps:s=>a===null||!(s.id===_optionalChain([d, 'optionalAccess', _9 => _9.id]))?null:{style:K(d.direction)},getDragHandleProps:s=>({onMouseDown:()=>{p(s)}}),draggingRect:a,addPanel:e.addPanel.bind(e),removePanel:e.removePanel.bind(e),root:e.root}}function K(i){if(i==="top")return{position:"absolute",left:0,top:0,width:"100%",height:"50%"};if(i==="bottom")return{position:"absolute",left:0,top:"50%",width:"100%",height:"50%"};if(i==="left")return{position:"absolute",left:0,top:0,width:"50%",height:"100%"};if(i==="right")return{position:"absolute",left:"50%",top:0,width:"50%",height:"100%"};l(i)}var D={horizontal:"col-resize",vertical:"row-resize"};exports.equalWidthRightStrategy = P; exports.useDockLayout = zt;

package/dist/index.d.cts

@@ -15,8 +15,23 @@ type Orientation = "horizontal" | "vertical";
 type Direction = "top" | "bottom" | "left" | "right";
 
 interface LayoutManagerOptions {
+    /**
+     * Initial size of the container in pixels.
+     * If not provided, defaults to `{ width: 0, height: 0 }`.
+     * The size is automatically updated when the container is resized.
+     */
     size?: Size;
+    /**
+     * Gap between panels in pixels.
+     * This is the width/height of the split bar between panels.
+     * Defaults to `10` if not provided.
+     */
     gap?: number;
+    /**
+     * Strategy for determining where new panels are placed when added.
+     * Defaults to `equalWidthRightStrategy` if not provided.
+     */
+    placementStrategy?: PlacementStrategy;
 }
 interface PanelLayoutRect extends Pick<PanelNode, "id" | "type">, Rect {
 }
@@ -25,32 +40,129 @@ interface SplitLayoutRect extends Pick<SplitNode, "id" | "type" | "orientation">
 type LayoutRect = PanelLayoutRect | SplitLayoutRect;
 interface PanelNode {
     type: "panel";
+    /** Unique identifier for the panel. */
     id: string;
+    /**
+     * Optional minimum size constraints for the panel.
+     * If specified, the panel cannot be resized smaller than these dimensions.
+     */
     minSize?: Partial<Size>;
 }
 interface SplitNode {
     type: "split";
+    /** Unique identifier for the split node. */
     id: string;
+    /** Left child node (or top child for vertical splits). */
     left: LayoutNode;
+    /** Right child node (or bottom child for vertical splits). */
     right: LayoutNode;
+    /**
+     * Orientation of the split.
+     * - `"horizontal"`: splits left/right
+     * - `"vertical"`: splits top/bottom
+     */
     orientation: Orientation;
+    /**
+     * Ratio determining how space is divided between left and right children.
+     * Value between 0 and 1, where:
+     * - `0.5` means equal space
+     * - `< 0.5` means left child gets less space
+     * - `> 0.5` means left child gets more space
+     */
     ratio: number;
 }
 type LayoutNode = PanelNode | SplitNode;
 
-interface AddPanelStrategy {
-    getPlacement(root: LayoutNode): {
+interface PlacementStrategy {
+    /**
+     * Calculates the placement for a new panel based on the current layout tree.
+     *
+     * @param root - The root node of the current layout tree.
+     * @returns Placement configuration specifying:
+     *   - `targetId`: The ID of the panel that will be split to make room for the new panel
+     *   - `direction`: The direction in which to split (`"top"`, `"bottom"`, `"left"`, or `"right"`)
+     *   - `ratio`: The ratio for dividing space (0-1, where 0.5 is equal split)
+     */
+    getPlacementOnAdd(root: LayoutNode): {
         targetId: string;
         direction: Direction;
         ratio: number;
     };
 }
-declare const evenlyDividedHorizontalStrategy: AddPanelStrategy;
-declare const bspStrategy: AddPanelStrategy;
+/**
+ * Default placement strategy that adds panels to the right with equal widths.
+ * New panels are added by splitting the root panel horizontally, maintaining equal widths
+ * for all panels.
+ */
+declare const equalWidthRightStrategy: PlacementStrategy;
 
+/**
+ * Main hook for managing a dock layout.
+ *
+ * This hook provides all the necessary state and functions to create and manage
+ * a resizable, draggable dock layout system. It handles panel addition/removal,
+ * drag-and-drop, and resize operations.
+ *
+ * @param initialRoot - Initial layout tree root node. Can be:
+ *   - `null` for an empty layout
+ *   - A `LayoutNode` object
+ *   - A function that returns `LayoutNode | null` (useful for lazy initialization)
+ * @param options - Optional configuration for the layout manager.
+ * @returns An object containing layout state and helper functions.
+ *
+ * @example
+ * ```tsx
+ * // Start with an empty layout
+ * const {
+ *   containerRef,
+ *   layoutRects,
+ *   addPanel,
+ *   removePanel,
+ *   getRectProps,
+ *   getDragHandleProps,
+ * } = useDockLayout<HTMLDivElement>(null);
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Load initial layout from localStorage
+ * const {
+ *   containerRef,
+ *   layoutRects,
+ *   addPanel,
+ *   removePanel,
+ *   getRectProps,
+ *   getDragHandleProps,
+ * } = useDockLayout<HTMLDivElement>(() => {
+ *   const saved = localStorage.getItem("layout");
+ *   if (saved === null) {
+ *     return null;
+ *   }
+ *   return JSON.parse(saved);
+ * });
+ * ```
+ */
 declare function useDockLayout<T extends HTMLElement>(initialRoot: LayoutNode | null | (() => LayoutNode | null), options?: LayoutManagerOptions): {
+    /**
+     * Ref callback that must be attached to the container element.
+     * The container should have `position: relative` styling.
+     * The layout will automatically resize when the container size changes.
+     */
     containerRef: react.RefObject<T | null>;
+    /**
+     * Array of layout rectangles representing all panels and split bars.
+     * Each rectangle contains position, size, and type information.
+     * Use this to render your panels and split bars.
+     */
     layoutRects: LayoutRect[];
+    /**
+     * Returns props (style and event handlers) for a given layout rectangle.
+     * For split bars, returns style with cursor and onMouseDown handler for resizing.
+     * For panels, returns style and onMouseMove/onMouseUp handlers for drag-and-drop.
+     *
+     * @param rect - The layout rectangle to get props for.
+     * @returns An object with `style` and event handler props.
+     */
     getRectProps: (rect: LayoutRect) => {
         readonly style: {
             readonly position: "absolute";
@@ -76,6 +188,14 @@ declare function useDockLayout<T extends HTMLElement>(initialRoot: LayoutNode |
         readonly onMouseUp: (event: MouseEvent<T>) => void;
         readonly onMouseDown?: undefined;
     };
+    /**
+     * Returns props for rendering a drop indicator overlay on a panel.
+     * The drop indicator shows where a dragged panel will be placed.
+     * Returns `null` if no panel is being dragged or if this panel is not the drop target.
+     *
+     * @param rect - The panel layout rectangle to get drop indicator props for.
+     * @returns An object with `style` for the drop indicator, or `null` if not applicable.
+     */
     getDropIndicatorProps: (rect: PanelLayoutRect) => {
         style: {
             readonly position: "absolute";
@@ -103,13 +223,44 @@ declare function useDockLayout<T extends HTMLElement>(initialRoot: LayoutNode |
             readonly height: "100%";
         };
     } | null;
+    /**
+     * Returns props for a drag handle element.
+     * Attach these props to a button or element that users can drag to move panels.
+     *
+     * @param rect - The panel layout rectangle to get drag handle props for.
+     * @returns An object with `onMouseDown` handler that initiates dragging.
+     */
     getDragHandleProps: (rect: PanelLayoutRect) => {
         onMouseDown: () => void;
     };
+    /**
+     * The currently dragging panel rectangle, or `null` if no panel is being dragged.
+     * Use this to apply visual feedback (e.g., reduce opacity) to the dragging panel.
+     */
     draggingRect: PanelLayoutRect | null;
+    /**
+     * Adds a new panel to the layout.
+     * The panel will be placed according to the configured placement strategy.
+     *
+     * @param id - Unique identifier for the new panel.
+     * @throws {Error} If the target node with the ID returned by the placement strategy is not found in the layout tree.
+     */
     addPanel: (id: string) => void;
+    /**
+     * Removes a panel from the layout.
+     * If it's the last panel, the layout becomes empty (root becomes `null`).
+     * The layout tree is automatically restructured to remove empty splits.
+     *
+     * @param id - The ID of the panel to remove.
+     * @throws {Error} If the panel is not found or if the root is null.
+     */
     removePanel: (id: string) => void;
+    /**
+     * The current root node of the layout tree.
+     * Use this to serialize the layout state (e.g., `JSON.stringify(root)`).
+     * Can be `null` if the layout is empty.
+     */
     root: LayoutNode | null;
 };
 
-export { type AddPanelStrategy, type LayoutManagerOptions, type LayoutNode, type LayoutRect, type PanelLayoutRect, type PanelNode, type SplitLayoutRect, type SplitNode, bspStrategy, evenlyDividedHorizontalStrategy, useDockLayout };
+export { type LayoutManagerOptions, type LayoutNode, type LayoutRect, type PanelLayoutRect, type PanelNode, type PlacementStrategy, type SplitLayoutRect, type SplitNode, equalWidthRightStrategy, useDockLayout };

package/dist/index.d.ts

@@ -15,8 +15,23 @@ type Orientation = "horizontal" | "vertical";
 type Direction = "top" | "bottom" | "left" | "right";
 
 interface LayoutManagerOptions {
+    /**
+     * Initial size of the container in pixels.
+     * If not provided, defaults to `{ width: 0, height: 0 }`.
+     * The size is automatically updated when the container is resized.
+     */
     size?: Size;
+    /**
+     * Gap between panels in pixels.
+     * This is the width/height of the split bar between panels.
+     * Defaults to `10` if not provided.
+     */
     gap?: number;
+    /**
+     * Strategy for determining where new panels are placed when added.
+     * Defaults to `equalWidthRightStrategy` if not provided.
+     */
+    placementStrategy?: PlacementStrategy;
 }
 interface PanelLayoutRect extends Pick<PanelNode, "id" | "type">, Rect {
 }
@@ -25,32 +40,129 @@ interface SplitLayoutRect extends Pick<SplitNode, "id" | "type" | "orientation">
 type LayoutRect = PanelLayoutRect | SplitLayoutRect;
 interface PanelNode {
     type: "panel";
+    /** Unique identifier for the panel. */
     id: string;
+    /**
+     * Optional minimum size constraints for the panel.
+     * If specified, the panel cannot be resized smaller than these dimensions.
+     */
     minSize?: Partial<Size>;
 }
 interface SplitNode {
     type: "split";
+    /** Unique identifier for the split node. */
     id: string;
+    /** Left child node (or top child for vertical splits). */
     left: LayoutNode;
+    /** Right child node (or bottom child for vertical splits). */
     right: LayoutNode;
+    /**
+     * Orientation of the split.
+     * - `"horizontal"`: splits left/right
+     * - `"vertical"`: splits top/bottom
+     */
     orientation: Orientation;
+    /**
+     * Ratio determining how space is divided between left and right children.
+     * Value between 0 and 1, where:
+     * - `0.5` means equal space
+     * - `< 0.5` means left child gets less space
+     * - `> 0.5` means left child gets more space
+     */
     ratio: number;
 }
 type LayoutNode = PanelNode | SplitNode;
 
-interface AddPanelStrategy {
-    getPlacement(root: LayoutNode): {
+interface PlacementStrategy {
+    /**
+     * Calculates the placement for a new panel based on the current layout tree.
+     *
+     * @param root - The root node of the current layout tree.
+     * @returns Placement configuration specifying:
+     *   - `targetId`: The ID of the panel that will be split to make room for the new panel
+     *   - `direction`: The direction in which to split (`"top"`, `"bottom"`, `"left"`, or `"right"`)
+     *   - `ratio`: The ratio for dividing space (0-1, where 0.5 is equal split)
+     */
+    getPlacementOnAdd(root: LayoutNode): {
         targetId: string;
         direction: Direction;
         ratio: number;
     };
 }
-declare const evenlyDividedHorizontalStrategy: AddPanelStrategy;
-declare const bspStrategy: AddPanelStrategy;
+/**
+ * Default placement strategy that adds panels to the right with equal widths.
+ * New panels are added by splitting the root panel horizontally, maintaining equal widths
+ * for all panels.
+ */
+declare const equalWidthRightStrategy: PlacementStrategy;
 
+/**
+ * Main hook for managing a dock layout.
+ *
+ * This hook provides all the necessary state and functions to create and manage
+ * a resizable, draggable dock layout system. It handles panel addition/removal,
+ * drag-and-drop, and resize operations.
+ *
+ * @param initialRoot - Initial layout tree root node. Can be:
+ *   - `null` for an empty layout
+ *   - A `LayoutNode` object
+ *   - A function that returns `LayoutNode | null` (useful for lazy initialization)
+ * @param options - Optional configuration for the layout manager.
+ * @returns An object containing layout state and helper functions.
+ *
+ * @example
+ * ```tsx
+ * // Start with an empty layout
+ * const {
+ *   containerRef,
+ *   layoutRects,
+ *   addPanel,
+ *   removePanel,
+ *   getRectProps,
+ *   getDragHandleProps,
+ * } = useDockLayout<HTMLDivElement>(null);
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Load initial layout from localStorage
+ * const {
+ *   containerRef,
+ *   layoutRects,
+ *   addPanel,
+ *   removePanel,
+ *   getRectProps,
+ *   getDragHandleProps,
+ * } = useDockLayout<HTMLDivElement>(() => {
+ *   const saved = localStorage.getItem("layout");
+ *   if (saved === null) {
+ *     return null;
+ *   }
+ *   return JSON.parse(saved);
+ * });
+ * ```
+ */
 declare function useDockLayout<T extends HTMLElement>(initialRoot: LayoutNode | null | (() => LayoutNode | null), options?: LayoutManagerOptions): {
+    /**
+     * Ref callback that must be attached to the container element.
+     * The container should have `position: relative` styling.
+     * The layout will automatically resize when the container size changes.
+     */
     containerRef: react.RefObject<T | null>;
+    /**
+     * Array of layout rectangles representing all panels and split bars.
+     * Each rectangle contains position, size, and type information.
+     * Use this to render your panels and split bars.
+     */
     layoutRects: LayoutRect[];
+    /**
+     * Returns props (style and event handlers) for a given layout rectangle.
+     * For split bars, returns style with cursor and onMouseDown handler for resizing.
+     * For panels, returns style and onMouseMove/onMouseUp handlers for drag-and-drop.
+     *
+     * @param rect - The layout rectangle to get props for.
+     * @returns An object with `style` and event handler props.
+     */
     getRectProps: (rect: LayoutRect) => {
         readonly style: {
             readonly position: "absolute";
@@ -76,6 +188,14 @@ declare function useDockLayout<T extends HTMLElement>(initialRoot: LayoutNode |
         readonly onMouseUp: (event: MouseEvent<T>) => void;
         readonly onMouseDown?: undefined;
     };
+    /**
+     * Returns props for rendering a drop indicator overlay on a panel.
+     * The drop indicator shows where a dragged panel will be placed.
+     * Returns `null` if no panel is being dragged or if this panel is not the drop target.
+     *
+     * @param rect - The panel layout rectangle to get drop indicator props for.
+     * @returns An object with `style` for the drop indicator, or `null` if not applicable.
+     */
     getDropIndicatorProps: (rect: PanelLayoutRect) => {
         style: {
             readonly position: "absolute";
@@ -103,13 +223,44 @@ declare function useDockLayout<T extends HTMLElement>(initialRoot: LayoutNode |
             readonly height: "100%";
         };
     } | null;
+    /**
+     * Returns props for a drag handle element.
+     * Attach these props to a button or element that users can drag to move panels.
+     *
+     * @param rect - The panel layout rectangle to get drag handle props for.
+     * @returns An object with `onMouseDown` handler that initiates dragging.
+     */
     getDragHandleProps: (rect: PanelLayoutRect) => {
         onMouseDown: () => void;
     };
+    /**
+     * The currently dragging panel rectangle, or `null` if no panel is being dragged.
+     * Use this to apply visual feedback (e.g., reduce opacity) to the dragging panel.
+     */
     draggingRect: PanelLayoutRect | null;
+    /**
+     * Adds a new panel to the layout.
+     * The panel will be placed according to the configured placement strategy.
+     *
+     * @param id - Unique identifier for the new panel.
+     * @throws {Error} If the target node with the ID returned by the placement strategy is not found in the layout tree.
+     */
     addPanel: (id: string) => void;
+    /**
+     * Removes a panel from the layout.
+     * If it's the last panel, the layout becomes empty (root becomes `null`).
+     * The layout tree is automatically restructured to remove empty splits.
+     *
+     * @param id - The ID of the panel to remove.
+     * @throws {Error} If the panel is not found or if the root is null.
+     */
     removePanel: (id: string) => void;
+    /**
+     * The current root node of the layout tree.
+     * Use this to serialize the layout state (e.g., `JSON.stringify(root)`).
+     * Can be `null` if the layout is empty.
+     */
     root: LayoutNode | null;
 };
 
-export { type AddPanelStrategy, type LayoutManagerOptions, type LayoutNode, type LayoutRect, type PanelLayoutRect, type PanelNode, type SplitLayoutRect, type SplitNode, bspStrategy, evenlyDividedHorizontalStrategy, useDockLayout };
+export { type LayoutManagerOptions, type LayoutNode, type LayoutRect, type PanelLayoutRect, type PanelNode, type PlacementStrategy, type SplitLayoutRect, type SplitNode, equalWidthRightStrategy, useDockLayout };

package/dist/index.js

@@ -1 +1 @@
-function l(i){throw new Error(`Unexpected value: ${i}`)}function N(i,t){return i===null?null:x(t,i)}function x(i,t){if(t.type==="panel")return null;if(t.type==="split")return t.left.id===i||t.right.id===i?t:x(i,t.left)??x(i,t.right);l(t)}var M={getPlacement(i){let t=g(i)+1;return{targetId:i.id,direction:"right",ratio:t/(t+1)}}};function g(i){if(i.type==="panel")return 0;if(i.type==="split"){if(i.orientation==="horizontal")return 1+g(i.left)+g(i.right);if(i.orientation==="vertical")return g(i.left)+g(i.right);l(i.orientation)}else l(i)}var G={getPlacement(i){let t=z(i),e=N(i,t.id);return{targetId:t.id,direction:e===null?"right":e.orientation==="horizontal"?"bottom":"right",ratio:.5}}};function z(i){if(i.type==="panel")return i;if(i.type==="split")return z(i.right);l(i)}import{useState as S,useSyncExternalStore as k}from"react";function m(i,t,e){return Math.max(t,Math.min(e,i))}function w(){return typeof crypto<"u"&&crypto.randomUUID?crypto.randomUUID():Date.now().toString(36)}function u(i,t){if(!i)throw new Error(t??"Invariant failed")}function E(i,t){if(i===null)return[];let e=[],r=(o,n)=>{o.type==="split"?o.orientation==="horizontal"?(e.push({id:o.id,type:"split",orientation:o.orientation,x:Math.round(n.x+n.width*o.ratio-t.gap/2),y:Math.round(n.y),width:Math.round(t.gap),height:Math.round(n.height)}),r(o.left,{x:n.x,y:n.y,width:n.width*o.ratio-t.gap/2,height:n.height}),r(o.right,{x:n.x+n.width*o.ratio+t.gap/2,y:n.y,width:n.width*(1-o.ratio)-t.gap/2,height:n.height})):o.orientation==="vertical"?(e.push({id:o.id,type:"split",orientation:o.orientation,x:Math.round(n.x),y:Math.round(n.y+n.height*o.ratio-t.gap/2),width:Math.round(n.width),height:Math.round(t.gap)}),r(o.left,{x:n.x,y:n.y,width:n.width,height:n.height*o.ratio-t.gap/2}),r(o.right,{x:n.x,y:n.y+n.height*o.ratio+t.gap/2,width:n.width,height:n.height*(1-o.ratio)-t.gap/2})):l(o.orientation):o.type==="panel"?e.push({id:o.id,type:"panel",x:Math.round(n.x),y:Math.round(n.y),width:Math.round(n.width),height:Math.round(n.height)}):l(o)};return r(i,{x:0,y:0,width:t.size.width,height:t.size.height}),e}function f(i,t){if(i.type==="panel")return{width:i.minSize?.width??0,height:i.minSize?.height??0};if(i.type==="split"){if(i.orientation==="horizontal")return{width:f(i.left,t).width+t+f(i.right,t).width,height:Math.max(f(i.left,t).height,f(i.right,t).height)};if(i.orientation==="vertical")return{width:Math.max(f(i.left,t).width,f(i.right,t).width),height:f(i.left,t).height+t+f(i.right,t).height};l(i.orientation)}else l(i)}function P(i,t){let e=i.x+i.width/2,r=i.y+i.height/2,o=(t.x-e)/(i.width/2),n=(t.y-r)/(i.height/2);return Math.abs(o)>Math.abs(n)?o>0?"right":"left":n>0?"bottom":"top"}var v=class{_root=null;constructor(t){this._root=t}get root(){return this._root}set root(t){this._root=t}findNode(t){return this._root===null?null:this.findNodeInSubTree(t,this._root)}findNodeInSubTree(t,e){if(t===e.id)return e;if(e.type==="panel")return null;if(e.type==="split")return this.findNodeInSubTree(t,e.left)??this.findNodeInSubTree(t,e.right);l(e)}findParentNode(t){return N(this._root,t)}replaceChildNode({parent:t,oldChildId:e,newChild:r}){if(this.findNode(e)===null)throw new Error(`Child node with id ${e} not found`);if(t.left.id===e)t.left=r;else if(t.right.id===e)t.right=r;else throw new Error(`Child node with id ${e} is not a child of the parent node with id ${t.id}`)}};var _=class{MIN_RESIZE_RATIO=.1;MAX_RESIZE_RATIO=.9;_tree;_options;_listeners=new Set;_layoutRects=[];_addPanelStrategy=M;constructor(t,e){this._tree=new v(t),this._options={gap:e?.gap??10,size:e?.size??{width:0,height:0}},this._layoutRects=E(t,this._options)}get root(){return this._tree.root}set root(t){this._tree.root=t,this.syncLayoutRects()}get layoutRects(){return this._layoutRects}subscribe=t=>(this._listeners.add(t),()=>{this._listeners.delete(t)});setSize(t){this._options.size=t,this.syncLayoutRects()}removePanel(t){if(this._tree.root===null)throw new Error("Root node is null");let e=this._tree.findNode(t);if(e===null)throw new Error(`Node with id ${t} not found`);if(e.type!=="panel")throw new Error(`Node with id ${t} is not a panel`);if(e.id===this._tree.root.id){this._tree.root=null,this.syncLayoutRects();return}let r=this._tree.findParentNode(t);u(r!==null,"Parent node is not null");let o=r.left.id===e.id?r.right:r.left;if(r.id===this._tree.root.id){this._tree.root=o,this.syncLayoutRects();return}let n=this._tree.findParentNode(r.id);u(n!==null,"Grand parent node is not null"),this._tree.replaceChildNode({parent:n,oldChildId:r.id,newChild:o}),this.syncLayoutRects()}movePanel({sourceId:t,targetId:e,point:r}){if(this._tree.root===null)throw new Error("Root node is null");if(this._tree.root.type!=="split")throw new Error("Root node is not a split node");let o=this._tree.findNode(t);if(o===null)throw new Error(`Node with id ${t} not found`);if(o.type!=="panel")throw new Error(`Node with id ${t} is not a panel node`);let n=this._tree.findParentNode(t);u(n!==null);let a=this._tree.findNode(e);if(a===null)throw new Error(`Node with id ${e} not found`);if(a.type!=="panel")throw new Error(`Node with id ${e} is not a panel node`);let p=n.left.id===t?n.right:n.left,d=this.findRect(e);u(d!==null),u(d.type==="panel");let c=P(d,r);if(p.id===e){c==="left"?(n.orientation="horizontal",n.left=o,n.right=a):c==="right"?(n.orientation="horizontal",n.left=a,n.right=o):c==="top"?(n.orientation="vertical",n.left=o,n.right=a):c==="bottom"?(n.orientation="vertical",n.left=a,n.right=o):l(c),this.syncLayoutRects();return}let y=this._tree.findParentNode(n.id);y===null?this._tree.root=p:this._tree.replaceChildNode({parent:y,oldChildId:n.id,newChild:p});let s=this._tree.findParentNode(e);u(s!==null);let h=this.createSplitNode({direction:c,sourceNode:o,targetNode:a});this._tree.replaceChildNode({parent:s,oldChildId:e,newChild:h}),this.syncLayoutRects()}resizePanel(t,e){if(this._tree.root===null)throw new Error("Root node is null");let r=this.findRect(t);if(r===null)throw new Error(`Rect with id ${t} not found`);if(r.type!=="split")throw new Error(`Rect with id ${t} is not a split node`);let o=this._tree.findNode(t);u(o!==null,"Split node is not null"),u(o.type==="split","Split node is a split"),o.ratio=this.calculateResizeRatio(o,r,e),this.syncLayoutRects()}addPanel(t){if(this._tree.root===null){this._tree.root={id:t,type:"panel"},this.syncLayoutRects();return}let{targetId:e,direction:r,ratio:o=.5}=this._addPanelStrategy.getPlacement(this._tree.root);if(e===this._tree.root.id){this._tree.root=this.createSplitNode({direction:r,ratio:o,sourceNode:{id:t,type:"panel"},targetNode:this._tree.root}),this.syncLayoutRects();return}let n=this._tree.findNode(e);if(n===null)throw new Error(`Node with id ${e} not found`);let a=this._tree.findParentNode(e);u(a!==null,"Target node parent is not null");let p=this.createSplitNode({direction:r,sourceNode:{id:t,type:"panel"},targetNode:n,ratio:o});this._tree.replaceChildNode({parent:a,oldChildId:e,newChild:p}),this.syncLayoutRects()}calculateDropTarget({draggedPanelId:t,targetPanelId:e,point:r}){u(t!==e,"Dragged panel id is not the same as target panel id");let o=this.findRect(e);return u(o!==null&&o.type==="panel"),{id:e,direction:P(o,r)}}emit(){this._listeners.forEach(t=>{t()})}syncLayoutRects(){this._layoutRects=E(this._tree.root,this._options),this.emit()}createSplitNode({direction:t,sourceNode:e,targetNode:r,ratio:o=.5}){switch(t){case"left":return{id:w(),type:"split",orientation:"horizontal",ratio:o,left:e,right:r};case"right":return{id:w(),type:"split",orientation:"horizontal",ratio:o,left:r,right:e};case"top":return{id:w(),type:"split",orientation:"vertical",ratio:o,left:e,right:r};case"bottom":return{id:w(),type:"split",orientation:"vertical",ratio:o,left:r,right:e};default:l(t)}}findRect(t){return this._layoutRects.find(e=>e.id===t)??null}getSurroundingRect(t){let e=this._tree.findNode(t);if(u(e!==null,"Node is not null"),e.type==="panel"){let r=this.findRect(t);return u(r!==null,"Rect is not null"),u(r.type==="panel","Rect is a panel"),{x:r.x,y:r.y,width:r.width,height:r.height}}else if(e.type==="split"){let r=this.getSurroundingRect(e.left.id),o=this.getSurroundingRect(e.right.id);if(e.orientation==="horizontal")return{x:r.x,y:r.y,width:r.width+this._options.gap+o.width,height:r.height};if(e.orientation==="vertical")return{x:r.x,y:r.y,width:r.width,height:r.height+this._options.gap+o.height};l(e.orientation)}else l(e)}calculateResizeRatio(t,e,r){if(e.orientation==="horizontal"){let o=this.getSurroundingRect(t.left.id),n=this.getSurroundingRect(t.right.id),a=r.x-o.x,p=m(a/(o.width+e.width+n.width),this.MIN_RESIZE_RATIO,this.MAX_RESIZE_RATIO),d=o.width+this._options.gap+n.width,y=(f(t.left,this._options.gap).width+this._options.gap/2)/d,s=f(t.right,this._options.gap).width,h=(d-(s+this._options.gap/2))/d;return m(p,y,h)}else if(e.orientation==="vertical"){let o=this.getSurroundingRect(t.left.id),n=this.getSurroundingRect(t.right.id),a=r.y-o.y,p=m(a/(o.height+e.height+n.height),this.MIN_RESIZE_RATIO,this.MAX_RESIZE_RATIO),d=o.height+this._options.gap+n.height,y=(f(t.left,this._options.gap).height+this._options.gap/2)/d,s=f(t.right,this._options.gap).height,h=(d-(s+this._options.gap/2))/d;return m(p,y,h)}else l(e.orientation)}};import{useEffect as I}from"react";function D(i){I(()=>{let t=document.body.style.cursor;return document.body.style.cursor=i??"default",()=>{document.body.style.cursor=t}},[i])}import{useEffect as W}from"react";import{useCallback as O,useEffect as A,useRef as $}from"react";function L(i){let t=$(i);return A(()=>{t.current=i},[i]),O((...e)=>t.current(...e),[])}function b(i,t,e,r){let o=L(e);W(()=>(i.addEventListener(t,o,r),()=>{i.removeEventListener(t,o,r)}),[i,t,o,r])}import{useEffect as H,useRef as K}from"react";function T(i){let t=K(null),e=L(i);return H(()=>{let r=t.current;if(r===null)throw new Error("Ref is not attached to an element");let o=new ResizeObserver(n=>{for(let a of n)e(a)});return o.observe(r),()=>{o.disconnect()}},[e]),t}function Ct(i,t){let[e]=S(()=>{let s=typeof i=="function"?i():i;return new _(s,t)}),r=k(e.subscribe,()=>e.layoutRects),[o,n]=S(null),[a,p]=S(null),[d,c]=S(null),y=T(s=>{e.setSize({width:s.contentRect.width,height:s.contentRect.height})});return b(document,"mousemove",s=>{if(o===null)return;let h=y.current;if(h===null)throw new Error("containerRef is not attached to an element");let R=h.getBoundingClientRect();e.resizePanel(o.id,{x:s.clientX-R.left,y:s.clientY-R.top})}),b(document,"mouseup",()=>{o!==null&&n(null)}),D(o===null?"default":C[o.orientation]),{containerRef:y,layoutRects:r,getRectProps:s=>{if(s.type==="split")return{style:{position:"absolute",left:s.x,top:s.y,width:s.width,height:s.height,cursor:C[s.orientation]},onMouseDown:()=>{n(s)}};if(s.type==="panel")return{style:{position:"absolute",left:s.x,top:s.y,width:s.width,height:s.height},onMouseMove:h=>{if(a===null)return;if(a.id===s.id){c(null);return}let R=e.calculateDropTarget({draggedPanelId:a.id,targetPanelId:s.id,point:{x:h.clientX,y:h.clientY}});c(R)},onMouseUp:h=>{if(a!==null){if(a.id===s.id){p(null),c(null);return}e.movePanel({sourceId:a.id,targetId:s.id,point:{x:h.clientX,y:h.clientY}}),p(null),c(null)}}};l(s)},getDropIndicatorProps:s=>a===null||!(s.id===d?.id)?null:{style:U(d.direction)},getDragHandleProps:s=>({onMouseDown:()=>{p(s)}}),draggingRect:a,addPanel:e.addPanel.bind(e),removePanel:e.removePanel.bind(e),root:e.root}}function U(i){if(i==="top")return{position:"absolute",left:0,top:0,width:"100%",height:"50%"};if(i==="bottom")return{position:"absolute",left:0,top:"50%",width:"100%",height:"50%"};if(i==="left")return{position:"absolute",left:0,top:0,width:"50%",height:"100%"};if(i==="right")return{position:"absolute",left:"50%",top:0,width:"50%",height:"100%"};l(i)}var C={horizontal:"col-resize",vertical:"row-resize"};export{G as bspStrategy,M as evenlyDividedHorizontalStrategy,Ct as useDockLayout};
+function l(i){throw new Error(`Unexpected value: ${i}`)}var P={getPlacementOnAdd(i){let t=g(i)+1;return{targetId:i.id,direction:"right",ratio:t/(t+1)}}};function g(i){if(i.type==="panel")return 0;if(i.type==="split"){if(i.orientation==="horizontal")return 1+g(i.left)+g(i.right);if(i.orientation==="vertical")return g(i.left)+g(i.right);l(i.orientation)}else l(i)}import{useState as L,useSyncExternalStore as k}from"react";function m(i,t,e){return Math.max(t,Math.min(e,i))}function w(){return typeof crypto<"u"&&crypto.randomUUID?crypto.randomUUID():Date.now().toString(36)}function u(i,t){if(!i)throw new Error(t??"Invariant failed")}function S(i,t){if(i===null)return[];let e=[],r=(o,n)=>{o.type==="split"?o.orientation==="horizontal"?(e.push({id:o.id,type:"split",orientation:o.orientation,x:Math.round(n.x+n.width*o.ratio-t.gap/2),y:Math.round(n.y),width:Math.round(t.gap),height:Math.round(n.height)}),r(o.left,{x:n.x,y:n.y,width:n.width*o.ratio-t.gap/2,height:n.height}),r(o.right,{x:n.x+n.width*o.ratio+t.gap/2,y:n.y,width:n.width*(1-o.ratio)-t.gap/2,height:n.height})):o.orientation==="vertical"?(e.push({id:o.id,type:"split",orientation:o.orientation,x:Math.round(n.x),y:Math.round(n.y+n.height*o.ratio-t.gap/2),width:Math.round(n.width),height:Math.round(t.gap)}),r(o.left,{x:n.x,y:n.y,width:n.width,height:n.height*o.ratio-t.gap/2}),r(o.right,{x:n.x,y:n.y+n.height*o.ratio+t.gap/2,width:n.width,height:n.height*(1-o.ratio)-t.gap/2})):l(o.orientation):o.type==="panel"?e.push({id:o.id,type:"panel",x:Math.round(n.x),y:Math.round(n.y),width:Math.round(n.width),height:Math.round(n.height)}):l(o)};return r(i,{x:0,y:0,width:t.size.width,height:t.size.height}),e}function f(i,t){if(i.type==="panel")return{width:i.minSize?.width??0,height:i.minSize?.height??0};if(i.type==="split"){if(i.orientation==="horizontal")return{width:f(i.left,t).width+t+f(i.right,t).width,height:Math.max(f(i.left,t).height,f(i.right,t).height)};if(i.orientation==="vertical")return{width:Math.max(f(i.left,t).width,f(i.right,t).width),height:f(i.left,t).height+t+f(i.right,t).height};l(i.orientation)}else l(i)}function x(i,t){let e=i.x+i.width/2,r=i.y+i.height/2,o=(t.x-e)/(i.width/2),n=(t.y-r)/(i.height/2);return Math.abs(o)>Math.abs(n)?o>0?"right":"left":n>0?"bottom":"top"}function M(i,t){return i===null?null:E(t,i)}function E(i,t){if(t.type==="panel")return null;if(t.type==="split")return t.left.id===i||t.right.id===i?t:E(i,t.left)??E(i,t.right);l(t)}var N=class{_root=null;constructor(t){this._root=t}get root(){return this._root}set root(t){this._root=t}findNode(t){return this._root===null?null:this.findNodeInSubTree(t,this._root)}findNodeInSubTree(t,e){if(t===e.id)return e;if(e.type==="panel")return null;if(e.type==="split")return this.findNodeInSubTree(t,e.left)??this.findNodeInSubTree(t,e.right);l(e)}findParentNode(t){return M(this._root,t)}replaceChildNode({parent:t,oldChildId:e,newChild:r}){if(this.findNode(e)===null)throw new Error(`Child node with id ${e} not found`);if(t.left.id===e)t.left=r;else if(t.right.id===e)t.right=r;else throw new Error(`Child node with id ${e} is not a child of the parent node with id ${t.id}`)}};var v=class{MIN_RESIZE_RATIO=.1;MAX_RESIZE_RATIO=.9;_tree;_options;_listeners=new Set;_layoutRects=[];constructor(t,e){this._tree=new N(t),this._options={gap:e?.gap??10,size:e?.size??{width:0,height:0},placementStrategy:e?.placementStrategy??P},this._layoutRects=S(t,this._options)}get root(){return this._tree.root}set root(t){this._tree.root=t,this.syncLayoutRects()}get layoutRects(){return this._layoutRects}subscribe=t=>(this._listeners.add(t),()=>{this._listeners.delete(t)});setSize(t){this._options.size=t,this.syncLayoutRects()}removePanel(t){if(this._tree.root===null)throw new Error("Root node is null");let e=this._tree.findNode(t);if(e===null)throw new Error(`Node with id ${t} not found`);if(e.type!=="panel")throw new Error(`Node with id ${t} is not a panel`);if(e.id===this._tree.root.id){this._tree.root=null,this.syncLayoutRects();return}let r=this._tree.findParentNode(t);u(r!==null,"Parent node is not null");let o=r.left.id===e.id?r.right:r.left;if(r.id===this._tree.root.id){this._tree.root=o,this.syncLayoutRects();return}let n=this._tree.findParentNode(r.id);u(n!==null,"Grand parent node is not null"),this._tree.replaceChildNode({parent:n,oldChildId:r.id,newChild:o}),this.syncLayoutRects()}movePanel({sourceId:t,targetId:e,point:r}){if(this._tree.root===null)throw new Error("Root node is null");if(this._tree.root.type!=="split")throw new Error("Root node is not a split node");let o=this._tree.findNode(t);if(o===null)throw new Error(`Node with id ${t} not found`);if(o.type!=="panel")throw new Error(`Node with id ${t} is not a panel node`);let n=this._tree.findParentNode(t);u(n!==null);let a=this._tree.findNode(e);if(a===null)throw new Error(`Node with id ${e} not found`);if(a.type!=="panel")throw new Error(`Node with id ${e} is not a panel node`);let p=n.left.id===t?n.right:n.left,d=this.findRect(e);u(d!==null),u(d.type==="panel");let c=x(d,r);if(p.id===e){c==="left"?(n.orientation="horizontal",n.left=o,n.right=a):c==="right"?(n.orientation="horizontal",n.left=a,n.right=o):c==="top"?(n.orientation="vertical",n.left=o,n.right=a):c==="bottom"?(n.orientation="vertical",n.left=a,n.right=o):l(c),this.syncLayoutRects();return}let y=this._tree.findParentNode(n.id);y===null?this._tree.root=p:this._tree.replaceChildNode({parent:y,oldChildId:n.id,newChild:p});let s=this._tree.findParentNode(e);u(s!==null);let h=this.createSplitNode({direction:c,sourceNode:o,targetNode:a});this._tree.replaceChildNode({parent:s,oldChildId:e,newChild:h}),this.syncLayoutRects()}resizePanel(t,e){if(this._tree.root===null)throw new Error("Root node is null");let r=this.findRect(t);if(r===null)throw new Error(`Rect with id ${t} not found`);if(r.type!=="split")throw new Error(`Rect with id ${t} is not a split node`);let o=this._tree.findNode(t);u(o!==null,"Split node is not null"),u(o.type==="split","Split node is a split"),o.ratio=this.calculateResizeRatio(o,r,e),this.syncLayoutRects()}addPanel(t){if(this._tree.root===null){this._tree.root={id:t,type:"panel"},this.syncLayoutRects();return}let{targetId:e,direction:r,ratio:o=.5}=this._options.placementStrategy.getPlacementOnAdd(this._tree.root);if(e===this._tree.root.id){this._tree.root=this.createSplitNode({direction:r,ratio:o,sourceNode:{id:t,type:"panel"},targetNode:this._tree.root}),this.syncLayoutRects();return}let n=this._tree.findNode(e);if(n===null)throw new Error(`Node with id ${e} not found`);let a=this._tree.findParentNode(e);u(a!==null,"Target node parent is not null");let p=this.createSplitNode({direction:r,sourceNode:{id:t,type:"panel"},targetNode:n,ratio:o});this._tree.replaceChildNode({parent:a,oldChildId:e,newChild:p}),this.syncLayoutRects()}calculateDropTarget({draggedPanelId:t,targetPanelId:e,point:r}){u(t!==e,"Dragged panel id is not the same as target panel id");let o=this.findRect(e);return u(o!==null&&o.type==="panel"),{id:e,direction:x(o,r)}}emit(){this._listeners.forEach(t=>{t()})}syncLayoutRects(){this._layoutRects=S(this._tree.root,this._options),this.emit()}createSplitNode({direction:t,sourceNode:e,targetNode:r,ratio:o=.5}){switch(t){case"left":return{id:w(),type:"split",orientation:"horizontal",ratio:o,left:e,right:r};case"right":return{id:w(),type:"split",orientation:"horizontal",ratio:o,left:r,right:e};case"top":return{id:w(),type:"split",orientation:"vertical",ratio:o,left:e,right:r};case"bottom":return{id:w(),type:"split",orientation:"vertical",ratio:o,left:r,right:e};default:l(t)}}findRect(t){return this._layoutRects.find(e=>e.id===t)??null}getSurroundingRect(t){let e=this._tree.findNode(t);if(u(e!==null,"Node is not null"),e.type==="panel"){let r=this.findRect(t);return u(r!==null,"Rect is not null"),u(r.type==="panel","Rect is a panel"),{x:r.x,y:r.y,width:r.width,height:r.height}}else if(e.type==="split"){let r=this.getSurroundingRect(e.left.id),o=this.getSurroundingRect(e.right.id);if(e.orientation==="horizontal")return{x:r.x,y:r.y,width:r.width+this._options.gap+o.width,height:r.height};if(e.orientation==="vertical")return{x:r.x,y:r.y,width:r.width,height:r.height+this._options.gap+o.height};l(e.orientation)}else l(e)}calculateResizeRatio(t,e,r){if(e.orientation==="horizontal"){let o=this.getSurroundingRect(t.left.id),n=this.getSurroundingRect(t.right.id),a=r.x-o.x,p=m(a/(o.width+e.width+n.width),this.MIN_RESIZE_RATIO,this.MAX_RESIZE_RATIO),d=o.width+this._options.gap+n.width,y=(f(t.left,this._options.gap).width+this._options.gap/2)/d,s=f(t.right,this._options.gap).width,h=(d-(s+this._options.gap/2))/d;return m(p,y,h)}else if(e.orientation==="vertical"){let o=this.getSurroundingRect(t.left.id),n=this.getSurroundingRect(t.right.id),a=r.y-o.y,p=m(a/(o.height+e.height+n.height),this.MIN_RESIZE_RATIO,this.MAX_RESIZE_RATIO),d=o.height+this._options.gap+n.height,y=(f(t.left,this._options.gap).height+this._options.gap/2)/d,s=f(t.right,this._options.gap).height,h=(d-(s+this._options.gap/2))/d;return m(p,y,h)}else l(e.orientation)}};import{useEffect as C}from"react";function z(i){C(()=>{let t=document.body.style.cursor;return document.body.style.cursor=i??"default",()=>{document.body.style.cursor=t}},[i])}import{useEffect as W}from"react";import{useCallback as I,useEffect as O,useRef as A}from"react";function _(i){let t=A(i);return O(()=>{t.current=i},[i]),I((...e)=>t.current(...e),[])}function b(i,t,e,r){let o=_(e);W(()=>(i.addEventListener(t,o,r),()=>{i.removeEventListener(t,o,r)}),[i,t,o,r])}import{useEffect as $,useRef as H}from"react";function T(i){let t=H(null),e=_(i);return $(()=>{let r=t.current;if(r===null)throw new Error("Ref is not attached to an element");let o=new ResizeObserver(n=>{for(let a of n)e(a)});return o.observe(r),()=>{o.disconnect()}},[e]),t}function zt(i,t){let[e]=L(()=>{let s=typeof i=="function"?i():i;return new v(s,t)}),r=k(e.subscribe,()=>e.layoutRects),[o,n]=L(null),[a,p]=L(null),[d,c]=L(null),y=T(s=>{e.setSize({width:s.contentRect.width,height:s.contentRect.height})});return b(document,"mousemove",s=>{if(o===null)return;let h=y.current;if(h===null)throw new Error("containerRef is not attached to an element");let R=h.getBoundingClientRect();e.resizePanel(o.id,{x:s.clientX-R.left,y:s.clientY-R.top})}),b(document,"mouseup",()=>{o!==null&&n(null)}),z(o===null?"default":D[o.orientation]),{containerRef:y,layoutRects:r,getRectProps:s=>{if(s.type==="split")return{style:{position:"absolute",left:s.x,top:s.y,width:s.width,height:s.height,cursor:D[s.orientation]},onMouseDown:()=>{n(s)}};if(s.type==="panel")return{style:{position:"absolute",left:s.x,top:s.y,width:s.width,height:s.height},onMouseMove:h=>{if(a===null)return;if(a.id===s.id){c(null);return}let R=e.calculateDropTarget({draggedPanelId:a.id,targetPanelId:s.id,point:{x:h.clientX,y:h.clientY}});c(R)},onMouseUp:h=>{if(a!==null){if(a.id===s.id){p(null),c(null);return}e.movePanel({sourceId:a.id,targetId:s.id,point:{x:h.clientX,y:h.clientY}}),p(null),c(null)}}};l(s)},getDropIndicatorProps:s=>a===null||!(s.id===d?.id)?null:{style:K(d.direction)},getDragHandleProps:s=>({onMouseDown:()=>{p(s)}}),draggingRect:a,addPanel:e.addPanel.bind(e),removePanel:e.removePanel.bind(e),root:e.root}}function K(i){if(i==="top")return{position:"absolute",left:0,top:0,width:"100%",height:"50%"};if(i==="bottom")return{position:"absolute",left:0,top:"50%",width:"100%",height:"50%"};if(i==="left")return{position:"absolute",left:0,top:0,width:"50%",height:"100%"};if(i==="right")return{position:"absolute",left:"50%",top:0,width:"50%",height:"100%"};l(i)}var D={horizontal:"col-resize",vertical:"row-resize"};export{P as equalWidthRightStrategy,zt as useDockLayout};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-headless-dock-layout",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "A lightweight, headless dock layout library for React.",
   "type": "module",
   "exports": {