react-headless-dock-layout 0.1.1 → 0.1.3

package/dist/index.cjs

@@ -1,894 +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; var _class3;// src/internal/assertNever.ts
-function assertNever(value) {
-  throw new Error(`Unexpected value: ${value}`);
-}
-
-// src/internal/findParentNode.ts
-function findParentNode(root, id) {
-  if (root === null) {
-    return null;
-  }
-  return findParentNodeInSubTree(id, root);
-}
-function findParentNodeInSubTree(id, node) {
-  if (node.type === "panel") {
-    return null;
-  } else if (node.type === "split") {
-    if (node.left.id === id || node.right.id === id) {
-      return node;
-    }
-    return _nullishCoalesce(findParentNodeInSubTree(id, node.left), () => ( findParentNodeInSubTree(id, node.right)));
-  } else {
-    assertNever(node);
-  }
-}
-
-// src/strategies.ts
-var evenlyDividedHorizontalStrategy = {
-  getPlacement(root) {
-    const horizontalNodeCount = calculateHorizontalSplitCount(root) + 1;
-    return {
-      targetId: root.id,
-      direction: "right",
-      ratio: horizontalNodeCount / (horizontalNodeCount + 1)
-    };
-  }
-};
-function calculateHorizontalSplitCount(node) {
-  if (node.type === "panel") {
-    return 0;
-  } else if (node.type === "split") {
-    if (node.orientation === "horizontal") {
-      return 1 + calculateHorizontalSplitCount(node.left) + calculateHorizontalSplitCount(node.right);
-    } else if (node.orientation === "vertical") {
-      return 0 + calculateHorizontalSplitCount(node.left) + calculateHorizontalSplitCount(node.right);
-    } else {
-      assertNever(node.orientation);
-    }
-  } else {
-    assertNever(node);
-  }
-}
-var bspStrategy = {
-  getPlacement(root) {
-    const rightMostPanel = findRightMostPanel(root);
-    const parentNode = findParentNode(root, rightMostPanel.id);
-    return {
-      targetId: rightMostPanel.id,
-      direction: parentNode === null ? "right" : parentNode.orientation === "horizontal" ? "bottom" : "right",
-      ratio: 0.5
-    };
-  }
-};
-function findRightMostPanel(node) {
-  if (node.type === "panel") {
-    return node;
-  } else if (node.type === "split") {
-    return findRightMostPanel(node.right);
-  } else {
-    assertNever(node);
-  }
-}
-
-// src/useDockLayout.ts
-
-
-
-
-
-
-var _react = require('react');
-
-// src/internal/invariant.tsx
-function invariant(condition, message) {
-  if (!condition) {
-    throw new Error(_nullishCoalesce(message, () => ( "Invariant failed")));
-  }
-}
-
-// src/internal/clamp.tsx
-function clamp(value, min, max) {
-  return Math.max(min, Math.min(max, value));
-}
-
-// src/internal/EventEmitter.ts
-var EventEmitter = (_class = class {constructor() { _class.prototype.__init.call(this); }
-  __init() {this._listeners = /* @__PURE__ */ new Set()}
-  subscribe(listener) {
-    this._listeners.add(listener);
-    return () => {
-      this._listeners.delete(listener);
-    };
-  }
-  emit() {
-    this._listeners.forEach((listener) => {
-      listener();
-    });
-  }
-}, _class);
-
-// src/internal/LayoutManager/calculateLayoutRects.ts
-function calculateLayoutRects(root, options) {
-  if (root === null) {
-    return [];
-  }
-  const rects = [];
-  const traverse = (node, rect) => {
-    if (node.type === "split") {
-      if (node.orientation === "horizontal") {
-        rects.push({
-          id: node.id,
-          type: "split",
-          orientation: node.orientation,
-          x: Math.round(rect.x + rect.width * node.ratio - options.gap / 2),
-          y: Math.round(rect.y),
-          width: Math.round(options.gap),
-          height: Math.round(rect.height)
-        });
-        traverse(node.left, {
-          x: rect.x,
-          y: rect.y,
-          width: rect.width * node.ratio - options.gap / 2,
-          height: rect.height
-        });
-        traverse(node.right, {
-          x: rect.x + rect.width * node.ratio + options.gap / 2,
-          y: rect.y,
-          width: rect.width * (1 - node.ratio) - options.gap / 2,
-          height: rect.height
-        });
-      } else if (node.orientation === "vertical") {
-        rects.push({
-          id: node.id,
-          type: "split",
-          orientation: node.orientation,
-          x: Math.round(rect.x),
-          y: Math.round(rect.y + rect.height * node.ratio - options.gap / 2),
-          width: Math.round(rect.width),
-          height: Math.round(options.gap)
-        });
-        traverse(node.left, {
-          x: rect.x,
-          y: rect.y,
-          width: rect.width,
-          height: rect.height * node.ratio - options.gap / 2
-        });
-        traverse(node.right, {
-          x: rect.x,
-          y: rect.y + rect.height * node.ratio + options.gap / 2,
-          width: rect.width,
-          height: rect.height * (1 - node.ratio) - options.gap / 2
-        });
-      } else {
-        assertNever(node.orientation);
-      }
-    } else if (node.type === "panel") {
-      rects.push({
-        id: node.id,
-        type: "panel",
-        x: Math.round(rect.x),
-        y: Math.round(rect.y),
-        width: Math.round(rect.width),
-        height: Math.round(rect.height)
-      });
-    } else {
-      assertNever(node);
-    }
-  };
-  traverse(root, {
-    x: 0,
-    y: 0,
-    width: options.size.width,
-    height: options.size.height
-  });
-  return rects;
-}
-
-// src/internal/LayoutManager/calculateMinSize.ts
-function calculateMinSize(node, gap) {
-  if (node.type === "panel") {
-    return {
-      width: _nullishCoalesce(_optionalChain([node, 'access', _ => _.minSize, 'optionalAccess', _2 => _2.width]), () => ( 0)),
-      height: _nullishCoalesce(_optionalChain([node, 'access', _3 => _3.minSize, 'optionalAccess', _4 => _4.height]), () => ( 0))
-    };
-  } else if (node.type === "split") {
-    if (node.orientation === "horizontal") {
-      return {
-        width: calculateMinSize(node.left, gap).width + gap + calculateMinSize(node.right, gap).width,
-        height: Math.max(
-          calculateMinSize(node.left, gap).height,
-          calculateMinSize(node.right, gap).height
-        )
-      };
-    } else if (node.orientation === "vertical") {
-      return {
-        width: Math.max(
-          calculateMinSize(node.left, gap).width,
-          calculateMinSize(node.right, gap).width
-        ),
-        height: calculateMinSize(node.left, gap).height + gap + calculateMinSize(node.right, gap).height
-      };
-    } else {
-      assertNever(node.orientation);
-    }
-  } else {
-    assertNever(node);
-  }
-}
-
-// src/internal/LayoutManager/findClosestDirection.ts
-function findClosestDirection(rect, point) {
-  const centerX = rect.x + rect.width / 2;
-  const centerY = rect.y + rect.height / 2;
-  const dx = (point.x - centerX) / (rect.width / 2);
-  const dy = (point.y - centerY) / (rect.height / 2);
-  if (Math.abs(dx) > Math.abs(dy)) {
-    return dx > 0 ? "right" : "left";
-  } else {
-    return dy > 0 ? "bottom" : "top";
-  }
-}
-
-// src/internal/LayoutManager/LayoutTree.ts
-var LayoutTree = (_class2 = class {
-  __init2() {this._root = null}
-  constructor(root) {;_class2.prototype.__init2.call(this);
-    this._root = root;
-  }
-  get root() {
-    return this._root;
-  }
-  set root(root) {
-    this._root = root;
-  }
-  findNode(id) {
-    if (this._root === null) {
-      return null;
-    }
-    return this.findNodeInSubTree(id, this._root);
-  }
-  findNodeInSubTree(id, node) {
-    if (id === node.id) {
-      return node;
-    }
-    if (node.type === "panel") {
-      return null;
-    } else if (node.type === "split") {
-      return _nullishCoalesce(this.findNodeInSubTree(id, node.left), () => ( this.findNodeInSubTree(id, node.right)));
-    } else {
-      assertNever(node);
-    }
-  }
-  findParentNode(id) {
-    return findParentNode(this._root, id);
-  }
-  replaceChildNode({
-    parentId,
-    oldChildId,
-    newChild
-  }) {
-    const parentNode = this.findNode(parentId);
-    if (parentNode === null) {
-      throw new Error(`Parent node with id ${parentId} not found`);
-    }
-    if (parentNode.type !== "split") {
-      throw new Error(`Parent node with id ${parentId} is not a split node`);
-    }
-    const oldChildNode = this.findNode(oldChildId);
-    if (oldChildNode === null) {
-      throw new Error(`Child node with id ${oldChildId} not found`);
-    }
-    if (parentNode.left.id === oldChildId) {
-      parentNode.left = newChild;
-    } else if (parentNode.right.id === oldChildId) {
-      parentNode.right = newChild;
-    } else {
-      throw new Error(
-        `Child node with id ${oldChildId} is not a child of the parent node with id ${parentId}`
-      );
-    }
-  }
-}, _class2);
-
-// src/internal/LayoutManager/LayoutManager.ts
-var LayoutManager = (_class3 = class {
-  
-  
-  __init3() {this._eventEmitter = new EventEmitter()}
-  __init4() {this._layoutRects = []}
-  __init5() {this._addPanelStrategy = evenlyDividedHorizontalStrategy}
-  constructor(root, options) {;_class3.prototype.__init3.call(this);_class3.prototype.__init4.call(this);_class3.prototype.__init5.call(this);_class3.prototype.__init6.call(this);
-    this._tree = new LayoutTree(root);
-    this._options = {
-      gap: _nullishCoalesce(_optionalChain([options, 'optionalAccess', _5 => _5.gap]), () => ( 10)),
-      size: _nullishCoalesce(_optionalChain([options, 'optionalAccess', _6 => _6.size]), () => ( { width: 0, height: 0 }))
-    };
-    this._layoutRects = calculateLayoutRects(root, this._options);
-  }
-  get root() {
-    return this._tree.root;
-  }
-  set root(root) {
-    this._tree.root = root;
-    this.syncLayoutRects();
-  }
-  get layoutRects() {
-    return this._layoutRects;
-  }
-  __init6() {this.subscribe = (listener) => {
-    const unsubscribe = this._eventEmitter.subscribe(listener);
-    return unsubscribe;
-  }}
-  setSize(size) {
-    this._options.size = size;
-    this.syncLayoutRects();
-  }
-  removePanel(id) {
-    if (this._tree.root === null) {
-      throw new Error("Root node is null");
-    }
-    const node = this._tree.findNode(id);
-    if (node === null) {
-      throw new Error(`Node with id ${id} not found`);
-    }
-    if (node.type !== "panel") {
-      throw new Error(`Node with id ${id} is not a panel`);
-    }
-    if (node.id === this._tree.root.id) {
-      this._tree.root = null;
-      this.syncLayoutRects();
-      return;
-    }
-    const parentNode = this._tree.findParentNode(id);
-    invariant(parentNode !== null, "Parent node is not null");
-    const siblingNode = parentNode.left.id === node.id ? parentNode.right : parentNode.left;
-    if (parentNode.id === this._tree.root.id) {
-      this._tree.root = siblingNode;
-      this.syncLayoutRects();
-      return;
-    }
-    const grandParentNode = this._tree.findParentNode(parentNode.id);
-    invariant(grandParentNode !== null, "Grand parent node is not null");
-    this._tree.replaceChildNode({
-      parentId: grandParentNode.id,
-      oldChildId: parentNode.id,
-      newChild: siblingNode
-    });
-    this.syncLayoutRects();
-  }
-  movePanel({
-    sourceId,
-    targetId,
-    point
-  }) {
-    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");
-    }
-    const sourceNode = this._tree.findNode(sourceId);
-    if (sourceNode === null) {
-      throw new Error(`Node with id ${sourceId} not found`);
-    }
-    if (sourceNode.type !== "panel") {
-      throw new Error(`Node with id ${sourceId} is not a panel node`);
-    }
-    const sourceNodeParent = this._tree.findParentNode(sourceId);
-    invariant(sourceNodeParent !== null);
-    const targetNode = this._tree.findNode(targetId);
-    if (targetNode === null) {
-      throw new Error(`Node with id ${targetId} not found`);
-    }
-    if (targetNode.type !== "panel") {
-      throw new Error(`Node with id ${targetId} is not a panel node`);
-    }
-    const sourceNodeSibling = sourceNodeParent.left.id === sourceId ? sourceNodeParent.right : sourceNodeParent.left;
-    const targetRect = this.findRect(targetId);
-    invariant(targetRect !== null);
-    invariant(targetRect.type === "panel");
-    const direction = findClosestDirection(targetRect, point);
-    if (sourceNodeSibling.id === targetId) {
-      if (direction === "left") {
-        sourceNodeParent.orientation = "horizontal";
-        sourceNodeParent.left = sourceNode;
-        sourceNodeParent.right = targetNode;
-      } else if (direction === "right") {
-        sourceNodeParent.orientation = "horizontal";
-        sourceNodeParent.left = targetNode;
-        sourceNodeParent.right = sourceNode;
-      } else if (direction === "top") {
-        sourceNodeParent.orientation = "vertical";
-        sourceNodeParent.left = sourceNode;
-        sourceNodeParent.right = targetNode;
-      } else if (direction === "bottom") {
-        sourceNodeParent.orientation = "vertical";
-        sourceNodeParent.left = targetNode;
-        sourceNodeParent.right = sourceNode;
-      } else {
-        assertNever(direction);
-      }
-      this.syncLayoutRects();
-      return;
-    }
-    const sourceNodeGrandParent = this._tree.findParentNode(
-      sourceNodeParent.id
-    );
-    if (sourceNodeGrandParent === null) {
-      this._tree.root = sourceNodeSibling;
-    } else if (sourceNodeGrandParent.right.id === sourceNodeParent.id) {
-      sourceNodeGrandParent.right = sourceNodeSibling;
-    } else if (sourceNodeGrandParent.left.id === sourceNodeParent.id) {
-      sourceNodeGrandParent.left = sourceNodeSibling;
-    }
-    const targetNodeParent = this._tree.findParentNode(targetId);
-    invariant(targetNodeParent !== null);
-    const splitNode = this.createSplitNode({
-      direction,
-      sourceNode,
-      targetNode
-    });
-    if (targetNodeParent.left.id === targetId) {
-      targetNodeParent.left = splitNode;
-    } else if (targetNodeParent.right.id === targetId) {
-      targetNodeParent.right = splitNode;
-    } else {
-      invariant(false);
-    }
-    this.syncLayoutRects();
-  }
-  resizePanel(id, point) {
-    if (this._tree.root === null) {
-      throw new Error("Root node is null");
-    }
-    const resizingRect = this.findRect(id);
-    if (resizingRect === null) {
-      throw new Error(`Rect with id ${id} not found`);
-    }
-    if (resizingRect.type !== "split") {
-      throw new Error(`Rect with id ${id} is not a split node`);
-    }
-    if (resizingRect.orientation === "horizontal") {
-      const { left: leftRect, right: rightRect } = this.getSplitChildRects(
-        resizingRect.id
-      );
-      const leftWidth = point.x - leftRect.x;
-      const totalWidth = leftRect.width + resizingRect.width + rightRect.width;
-      const ratio = clamp(leftWidth / totalWidth, 0.1, 0.9);
-      this.setSplitRatio(resizingRect.id, ratio);
-    } else if (resizingRect.orientation === "vertical") {
-      const { left: topRect, right: bottomRect } = this.getSplitChildRects(
-        resizingRect.id
-      );
-      const topHeight = point.y - topRect.y;
-      const totalHeight = topRect.height + resizingRect.height + bottomRect.height;
-      const ratio = clamp(topHeight / totalHeight, 0.1, 0.9);
-      this.setSplitRatio(resizingRect.id, ratio);
-    } else {
-      assertNever(resizingRect.orientation);
-    }
-  }
-  /**
-   /**
-    * The addPanelStrategy is used to determine panel placement when the `targetId` is `undefined`.
-    */
-  addPanel(options) {
-    const id = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _7 => _7.id]), () => ( crypto.randomUUID()));
-    if (this._tree.root === null) {
-      this._tree.root = {
-        id,
-        type: "panel"
-      };
-      this.syncLayoutRects();
-      return;
-    }
-    const shouldUseStrategy = _optionalChain([options, 'optionalAccess', _8 => _8.targetId]) === void 0;
-    const {
-      targetId,
-      direction = "right",
-      ratio = 0.5
-    } = shouldUseStrategy ? this._addPanelStrategy.getPlacement(this._tree.root) : options;
-    invariant(targetId !== void 0, "targetId is not undefined");
-    if (targetId === this._tree.root.id) {
-      this._tree.root = this.createSplitNode({
-        direction,
-        ratio,
-        sourceNode: {
-          id,
-          type: "panel"
-        },
-        targetNode: this._tree.root
-      });
-      this.syncLayoutRects();
-      return;
-    }
-    const targetNode = this._tree.findNode(targetId);
-    if (targetNode === null) {
-      throw new Error(`Node with id ${targetId} not found`);
-    }
-    const targetNodeParent = this._tree.findParentNode(targetId);
-    invariant(targetNodeParent !== null, "Target node parent is not null");
-    const splitNode = this.createSplitNode({
-      direction,
-      sourceNode: {
-        id,
-        type: "panel"
-      },
-      targetNode,
-      ratio
-    });
-    this._tree.replaceChildNode({
-      parentId: targetNodeParent.id,
-      oldChildId: targetId,
-      newChild: splitNode
-    });
-    this.syncLayoutRects();
-  }
-  calculateDropTarget({
-    draggedPanelId,
-    targetPanelId,
-    point
-  }) {
-    invariant(
-      draggedPanelId !== targetPanelId,
-      "Dragged panel id is not the same as target panel id"
-    );
-    const targetRect = this.findRect(targetPanelId);
-    invariant(targetRect !== null && targetRect.type === "panel");
-    return {
-      id: targetPanelId,
-      direction: findClosestDirection(targetRect, point)
-    };
-  }
-  serialize() {
-    return JSON.stringify({
-      root: this._tree.root,
-      options: {
-        gap: this._options.gap
-      }
-    });
-  }
-  emit() {
-    this._eventEmitter.emit();
-  }
-  syncLayoutRects() {
-    this._layoutRects = calculateLayoutRects(this._tree.root, this._options);
-    this.emit();
-  }
-  createSplitNode({
-    direction,
-    sourceNode,
-    targetNode,
-    ratio = 0.5
-  }) {
-    switch (direction) {
-      case "left": {
-        return {
-          id: crypto.randomUUID(),
-          type: "split",
-          orientation: "horizontal",
-          ratio,
-          left: sourceNode,
-          right: targetNode
-        };
-      }
-      case "right": {
-        return {
-          id: crypto.randomUUID(),
-          type: "split",
-          orientation: "horizontal",
-          ratio,
-          left: targetNode,
-          right: sourceNode
-        };
-      }
-      case "top": {
-        return {
-          id: crypto.randomUUID(),
-          type: "split",
-          orientation: "vertical",
-          ratio,
-          left: sourceNode,
-          right: targetNode
-        };
-      }
-      case "bottom": {
-        return {
-          id: crypto.randomUUID(),
-          type: "split",
-          orientation: "vertical",
-          ratio,
-          left: targetNode,
-          right: sourceNode
-        };
-      }
-      default: {
-        assertNever(direction);
-      }
-    }
-  }
-  setSplitRatio(id, ratio) {
-    const splitNode = this._tree.findNode(id);
-    invariant(splitNode !== null, "Node is not null");
-    invariant(splitNode.type === "split", "Node is a split");
-    if (splitNode.orientation === "horizontal") {
-      const totalWidth = this.getSurroundingRect(splitNode.left.id).width + this._options.gap + this.getSurroundingRect(splitNode.right.id).width;
-      const minLeftWidth = calculateMinSize(
-        splitNode.left,
-        this._options.gap
-      ).width;
-      const minRightWidth = calculateMinSize(
-        splitNode.right,
-        this._options.gap
-      ).width;
-      const minRatio = (minLeftWidth + this._options.gap / 2) / totalWidth;
-      const maxRatio = (totalWidth - (minRightWidth + this._options.gap / 2)) / totalWidth;
-      splitNode.ratio = clamp(ratio, minRatio, maxRatio);
-    } else if (splitNode.orientation === "vertical") {
-      const totalHeight = this.getSurroundingRect(splitNode.left.id).height + this._options.gap + this.getSurroundingRect(splitNode.right.id).height;
-      const minTopHeight = calculateMinSize(
-        splitNode.left,
-        this._options.gap
-      ).height;
-      const minBottomHeight = calculateMinSize(
-        splitNode.right,
-        this._options.gap
-      ).height;
-      const minRatio = (minTopHeight + this._options.gap / 2) / totalHeight;
-      const maxRatio = (totalHeight - (minBottomHeight + this._options.gap / 2)) / totalHeight;
-      splitNode.ratio = clamp(ratio, minRatio, maxRatio);
-    } else {
-      assertNever(splitNode.orientation);
-    }
-    this.syncLayoutRects();
-  }
-  findRect(id) {
-    return _nullishCoalesce(this._layoutRects.find((rect) => rect.id === id), () => ( null));
-  }
-  getSurroundingRect(id) {
-    const node = this._tree.findNode(id);
-    invariant(node !== null, "Node is not null");
-    if (node.type === "panel") {
-      const rect = this.findRect(id);
-      invariant(rect !== null, "Rect is not null");
-      invariant(rect.type === "panel", "Rect is a panel");
-      return {
-        x: rect.x,
-        y: rect.y,
-        width: rect.width,
-        height: rect.height
-      };
-    }
-    const leftRect = this.getSurroundingRect(node.left.id);
-    const rightRect = this.getSurroundingRect(node.right.id);
-    if (node.orientation === "horizontal") {
-      return {
-        x: leftRect.x,
-        y: leftRect.y,
-        width: leftRect.width + this._options.gap + rightRect.width,
-        height: leftRect.height
-      };
-    } else if (node.orientation === "vertical") {
-      return {
-        x: leftRect.x,
-        y: leftRect.y,
-        width: leftRect.width,
-        height: leftRect.height + this._options.gap + rightRect.height
-      };
-    } else {
-      assertNever(node.orientation);
-    }
-  }
-  getSplitChildRects(splitId) {
-    const node = this._tree.findNode(splitId);
-    invariant(node !== null && node.type === "split");
-    return {
-      left: this.getSurroundingRect(node.left.id),
-      right: this.getSurroundingRect(node.right.id)
-    };
-  }
-}, _class3);
-
-// src/useDockLayout.ts
-function useDockLayout(initialRoot, options) {
-  const [layoutManager] = _react.useState.call(void 0, () => {
-    return new LayoutManager(initialRoot, options);
-  });
-  const containerRef = _react.useRef.call(void 0, null);
-  const layoutRects = _react.useSyncExternalStore.call(void 0, 
-    layoutManager.subscribe,
-    () => layoutManager.layoutRects
-  );
-  const [resizingRect, setResizingRect] = _react.useState.call(void 0, 
-    null
-  );
-  const [draggingRect, setDraggingRect] = _react.useState.call(void 0, 
-    null
-  );
-  const [dropTarget, setDropTarget] = _react.useState.call(void 0, null);
-  _react.useLayoutEffect.call(void 0, () => {
-    const container = containerRef.current;
-    invariant(container !== null);
-    layoutManager.setSize({
-      width: container.clientWidth,
-      height: container.clientHeight
-    });
-    const resizeObserver = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        layoutManager.setSize({
-          width: entry.contentRect.width,
-          height: entry.contentRect.height
-        });
-      }
-    });
-    resizeObserver.observe(container);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [layoutManager]);
-  _react.useEffect.call(void 0, () => {
-    if (resizingRect === null) {
-      return;
-    }
-    function handleMouseMove(event) {
-      invariant(resizingRect !== null);
-      layoutManager.resizePanel(resizingRect.id, {
-        x: event.clientX,
-        y: event.clientY
-      });
-    }
-    function handleMouseUp() {
-      setResizingRect(null);
-    }
-    document.addEventListener("mousemove", handleMouseMove);
-    document.addEventListener("mouseup", handleMouseUp);
-    return () => {
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseup", handleMouseUp);
-    };
-  }, [resizingRect, layoutManager]);
-  _react.useEffect.call(void 0, () => {
-    document.body.style.cursor = resizingRect === null ? "default" : CURSORS[resizingRect.orientation];
-  }, [resizingRect]);
-  return {
-    containerRef,
-    layoutRects,
-    layoutManager,
-    getRectProps: (rect) => {
-      if (rect.type === "split") {
-        return {
-          style: {
-            position: "absolute",
-            left: rect.x,
-            top: rect.y,
-            width: rect.width,
-            height: rect.height,
-            cursor: CURSORS[rect.orientation]
-          },
-          onMouseDown: () => {
-            setResizingRect(rect);
-          },
-          onMouseUp: () => {
-            setResizingRect(null);
-          }
-        };
-      } else if (rect.type === "panel") {
-        return {
-          style: {
-            position: "absolute",
-            left: rect.x,
-            top: rect.y,
-            width: rect.width,
-            height: rect.height
-          },
-          onMouseMove: (event) => {
-            if (draggingRect === null) {
-              return;
-            }
-            if (draggingRect.id === rect.id) {
-              setDropTarget(null);
-              return;
-            }
-            const dropTarget2 = layoutManager.calculateDropTarget({
-              draggedPanelId: draggingRect.id,
-              targetPanelId: rect.id,
-              point: {
-                x: event.clientX,
-                y: event.clientY
-              }
-            });
-            setDropTarget(dropTarget2);
-          },
-          onMouseUp: (event) => {
-            if (draggingRect === null) {
-              return;
-            }
-            if (draggingRect.id === rect.id) {
-              setDraggingRect(null);
-              setDropTarget(null);
-              return;
-            }
-            layoutManager.movePanel({
-              sourceId: draggingRect.id,
-              targetId: rect.id,
-              point: {
-                x: event.clientX,
-                y: event.clientY
-              }
-            });
-            setDraggingRect(null);
-            setDropTarget(null);
-          }
-        };
-      } else {
-        assertNever(rect);
-      }
-    },
-    getDropZoneProps: (rect) => {
-      if (draggingRect === null) {
-        return null;
-      }
-      const isDropTargetRect = rect.id === _optionalChain([dropTarget, 'optionalAccess', _9 => _9.id]);
-      if (!isDropTargetRect) {
-        return null;
-      }
-      return {
-        style: getDropZoneStyle(dropTarget.direction)
-      };
-    },
-    getDragHandleProps: (rect) => {
-      return {
-        onMouseDown: () => {
-          setDraggingRect(rect);
-        }
-      };
-    },
-    draggingRect
-  };
-}
-function getDropZoneStyle(direction) {
-  if (direction === "top") {
-    return {
-      position: "absolute",
-      left: 0,
-      top: 0,
-      width: "100%",
-      height: "50%"
-    };
-  } else if (direction === "bottom") {
-    return {
-      position: "absolute",
-      left: 0,
-      top: "50%",
-      width: "100%",
-      height: "50%"
-    };
-  } else if (direction === "left") {
-    return {
-      position: "absolute",
-      left: 0,
-      top: 0,
-      width: "50%",
-      height: "100%"
-    };
-  } else if (direction === "right") {
-    return {
-      position: "absolute",
-      left: "50%",
-      top: 0,
-      width: "50%",
-      height: "100%"
-    };
-  } else {
-    assertNever(direction);
-  }
-}
-var CURSORS = {
-  horizontal: "col-resize",
-  vertical: "row-resize"
-};
-
-
-
-
-exports.bspStrategy = bspStrategy; exports.evenlyDividedHorizontalStrategy = evenlyDividedHorizontalStrategy; exports.useDockLayout = useDockLayout;
+"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; var _class3;function a(r){throw new Error(`Unexpected value: ${r}`)}function R(r,t){return r===null?null:S(t,r)}function S(r,t){if(t.type==="panel")return null;if(t.type==="split")return t.left.id===r||t.right.id===r?t:_nullishCoalesce(S(r,t.left), () => (S(r,t.right)));a(t)}var M={getPlacement(r){let t=m(r)+1;return{targetId:r.id,direction:"right",ratio:t/(t+1)}}};function m(r){if(r.type==="panel")return 0;if(r.type==="split"){if(r.orientation==="horizontal")return 1+m(r.left)+m(r.right);if(r.orientation==="vertical")return 0+m(r.left)+m(r.right);a(r.orientation)}else a(r)}var X={getPlacement(r){let t=z(r),e=R(r,t.id);return{targetId:t.id,direction:e===null?"right":e.orientation==="horizontal"?"bottom":"right",ratio:.5}}};function z(r){if(r.type==="panel")return r;if(r.type==="split")return z(r.right);a(r)}var _react = require('react');function u(r,t){if(!r)throw new Error(_nullishCoalesce(t, () => ("Invariant failed")))}function w(r,t,e){return Math.max(t,Math.min(e,r))}var N= (_class =class{constructor() { _class.prototype.__init.call(this); }__init() {this._listeners=new Set}subscribe(t){return this._listeners.add(t),()=>{this._listeners.delete(t)}}emit(){this._listeners.forEach(t=>{t()})}}, _class);function P(r,t){if(r===null)return[];let e=[],n=(o,i)=>{o.type==="split"?o.orientation==="horizontal"?(e.push({id:o.id,type:"split",orientation:o.orientation,x:Math.round(i.x+i.width*o.ratio-t.gap/2),y:Math.round(i.y),width:Math.round(t.gap),height:Math.round(i.height)}),n(o.left,{x:i.x,y:i.y,width:i.width*o.ratio-t.gap/2,height:i.height}),n(o.right,{x:i.x+i.width*o.ratio+t.gap/2,y:i.y,width:i.width*(1-o.ratio)-t.gap/2,height:i.height})):o.orientation==="vertical"?(e.push({id:o.id,type:"split",orientation:o.orientation,x:Math.round(i.x),y:Math.round(i.y+i.height*o.ratio-t.gap/2),width:Math.round(i.width),height:Math.round(t.gap)}),n(o.left,{x:i.x,y:i.y,width:i.width,height:i.height*o.ratio-t.gap/2}),n(o.right,{x:i.x,y:i.y+i.height*o.ratio+t.gap/2,width:i.width,height:i.height*(1-o.ratio)-t.gap/2})):a(o.orientation):o.type==="panel"?e.push({id:o.id,type:"panel",x:Math.round(i.x),y:Math.round(i.y),width:Math.round(i.width),height:Math.round(i.height)}):a(o)};return n(r,{x:0,y:0,width:t.size.width,height:t.size.height}),e}function c(r,t){if(r.type==="panel")return{width:_nullishCoalesce(_optionalChain([r, 'access', _2 => _2.minSize, 'optionalAccess', _3 => _3.width]), () => (0)),height:_nullishCoalesce(_optionalChain([r, 'access', _4 => _4.minSize, 'optionalAccess', _5 => _5.height]), () => (0))};if(r.type==="split"){if(r.orientation==="horizontal")return{width:c(r.left,t).width+t+c(r.right,t).width,height:Math.max(c(r.left,t).height,c(r.right,t).height)};if(r.orientation==="vertical")return{width:Math.max(c(r.left,t).width,c(r.right,t).width),height:c(r.left,t).height+t+c(r.right,t).height};a(r.orientation)}else a(r)}function x(r,t){let e=r.x+r.width/2,n=r.y+r.height/2,o=(t.x-e)/(r.width/2),i=(t.y-n)/(r.height/2);return Math.abs(o)>Math.abs(i)?o>0?"right":"left":i>0?"bottom":"top"}var _= (_class2 =class{__init2() {this._root=null}constructor(t){;_class2.prototype.__init2.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)));a(e)}findParentNode(t){return R(this._root,t)}replaceChildNode({parentId:t,oldChildId:e,newChild:n}){let o=this.findNode(t);if(o===null)throw new Error(`Parent node with id ${t} not found`);if(o.type!=="split")throw new Error(`Parent node with id ${t} is not a split node`);if(this.findNode(e)===null)throw new Error(`Child node with id ${e} not found`);if(o.left.id===e)o.left=n;else if(o.right.id===e)o.right=n;else throw new Error(`Child node with id ${e} is not a child of the parent node with id ${t}`)}}, _class2);var L= (_class3 =class{__init3() {this._eventEmitter=new N}__init4() {this._layoutRects=[]}__init5() {this._addPanelStrategy=M}constructor(t,e){;_class3.prototype.__init3.call(this);_class3.prototype.__init4.call(this);_class3.prototype.__init5.call(this);_class3.prototype.__init6.call(this);this._tree=new _(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=P(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._eventEmitter.subscribe(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 n=this._tree.findParentNode(t);u(n!==null,"Parent node is not null");let o=n.left.id===e.id?n.right:n.left;if(n.id===this._tree.root.id){this._tree.root=o,this.syncLayoutRects();return}let i=this._tree.findParentNode(n.id);u(i!==null,"Grand parent node is not null"),this._tree.replaceChildNode({parentId:i.id,oldChildId:n.id,newChild:o}),this.syncLayoutRects()}movePanel({sourceId:t,targetId:e,point:n}){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 i=this._tree.findParentNode(t);u(i!==null);let h=this._tree.findNode(e);if(h===null)throw new Error(`Node with id ${e} not found`);if(h.type!=="panel")throw new Error(`Node with id ${e} is not a panel node`);let l=i.left.id===t?i.right:i.left,d=this.findRect(e);u(d!==null),u(d.type==="panel");let f=x(d,n);if(l.id===e){f==="left"?(i.orientation="horizontal",i.left=o,i.right=h):f==="right"?(i.orientation="horizontal",i.left=h,i.right=o):f==="top"?(i.orientation="vertical",i.left=o,i.right=h):f==="bottom"?(i.orientation="vertical",i.left=h,i.right=o):a(f),this.syncLayoutRects();return}let g=this._tree.findParentNode(i.id);g===null?this._tree.root=l:g.right.id===i.id?g.right=l:g.left.id===i.id&&(g.left=l);let s=this._tree.findParentNode(e);u(s!==null);let p=this.createSplitNode({direction:f,sourceNode:o,targetNode:h});s.left.id===e?s.left=p:s.right.id===e?s.right=p:u(!1),this.syncLayoutRects()}resizePanel(t,e){if(this._tree.root===null)throw new Error("Root node is null");let n=this.findRect(t);if(n===null)throw new Error(`Rect with id ${t} not found`);if(n.type!=="split")throw new Error(`Rect with id ${t} is not a split node`);if(n.orientation==="horizontal"){let{left:o,right:i}=this.getSplitChildRects(n.id),h=e.x-o.x,l=o.width+n.width+i.width,d=w(h/l,.1,.9);this.setSplitRatio(n.id,d)}else if(n.orientation==="vertical"){let{left:o,right:i}=this.getSplitChildRects(n.id),h=e.y-o.y,l=o.height+n.height+i.height,d=w(h/l,.1,.9);this.setSplitRatio(n.id,d)}else a(n.orientation)}addPanel(t){let e=_nullishCoalesce(_optionalChain([t, 'optionalAccess', _8 => _8.id]), () => (crypto.randomUUID()));if(this._tree.root===null){this._tree.root={id:e,type:"panel"},this.syncLayoutRects();return}let n=_optionalChain([t, 'optionalAccess', _9 => _9.targetId])===void 0,{targetId:o,direction:i="right",ratio:h=.5}=n?this._addPanelStrategy.getPlacement(this._tree.root):t;if(u(o!==void 0,"targetId is not undefined"),o===this._tree.root.id){this._tree.root=this.createSplitNode({direction:i,ratio:h,sourceNode:{id:e,type:"panel"},targetNode:this._tree.root}),this.syncLayoutRects();return}let l=this._tree.findNode(o);if(l===null)throw new Error(`Node with id ${o} not found`);let d=this._tree.findParentNode(o);u(d!==null,"Target node parent is not null");let f=this.createSplitNode({direction:i,sourceNode:{id:e,type:"panel"},targetNode:l,ratio:h});this._tree.replaceChildNode({parentId:d.id,oldChildId:o,newChild:f}),this.syncLayoutRects()}calculateDropTarget({draggedPanelId:t,targetPanelId:e,point:n}){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,n)}}serialize(){return JSON.stringify({root:this._tree.root,options:{gap:this._options.gap}})}emit(){this._eventEmitter.emit()}syncLayoutRects(){this._layoutRects=P(this._tree.root,this._options),this.emit()}createSplitNode({direction:t,sourceNode:e,targetNode:n,ratio:o=.5}){switch(t){case"left":return{id:crypto.randomUUID(),type:"split",orientation:"horizontal",ratio:o,left:e,right:n};case"right":return{id:crypto.randomUUID(),type:"split",orientation:"horizontal",ratio:o,left:n,right:e};case"top":return{id:crypto.randomUUID(),type:"split",orientation:"vertical",ratio:o,left:e,right:n};case"bottom":return{id:crypto.randomUUID(),type:"split",orientation:"vertical",ratio:o,left:n,right:e};default:a(t)}}setSplitRatio(t,e){let n=this._tree.findNode(t);if(u(n!==null,"Node is not null"),u(n.type==="split","Node is a split"),n.orientation==="horizontal"){let o=this.getSurroundingRect(n.left.id).width+this._options.gap+this.getSurroundingRect(n.right.id).width,i=c(n.left,this._options.gap).width,h=c(n.right,this._options.gap).width,l=(i+this._options.gap/2)/o,d=(o-(h+this._options.gap/2))/o;n.ratio=w(e,l,d)}else if(n.orientation==="vertical"){let o=this.getSurroundingRect(n.left.id).height+this._options.gap+this.getSurroundingRect(n.right.id).height,i=c(n.left,this._options.gap).height,h=c(n.right,this._options.gap).height,l=(i+this._options.gap/2)/o,d=(o-(h+this._options.gap/2))/o;n.ratio=w(e,l,d)}else a(n.orientation);this.syncLayoutRects()}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 i=this.findRect(t);return u(i!==null,"Rect is not null"),u(i.type==="panel","Rect is a panel"),{x:i.x,y:i.y,width:i.width,height:i.height}}let n=this.getSurroundingRect(e.left.id),o=this.getSurroundingRect(e.right.id);if(e.orientation==="horizontal")return{x:n.x,y:n.y,width:n.width+this._options.gap+o.width,height:n.height};if(e.orientation==="vertical")return{x:n.x,y:n.y,width:n.width,height:n.height+this._options.gap+o.height};a(e.orientation)}getSplitChildRects(t){let e=this._tree.findNode(t);return u(e!==null&&e.type==="split"),{left:this.getSurroundingRect(e.left.id),right:this.getSurroundingRect(e.right.id)}}}, _class3);function ft(r,t){let[e]=_react.useState.call(void 0, ()=>new L(r,t)),n=_react.useRef.call(void 0, null),o=_react.useSyncExternalStore.call(void 0, e.subscribe,()=>e.layoutRects),[i,h]=_react.useState.call(void 0, null),[l,d]=_react.useState.call(void 0, null),[f,g]=_react.useState.call(void 0, null);return _react.useLayoutEffect.call(void 0, ()=>{let s=n.current;u(s!==null),e.setSize({width:s.clientWidth,height:s.clientHeight});let p=new ResizeObserver(y=>{for(let b of y)e.setSize({width:b.contentRect.width,height:b.contentRect.height})});return p.observe(s),()=>{p.disconnect()}},[e]),_react.useEffect.call(void 0, ()=>{if(i===null)return;function s(y){u(i!==null),e.resizePanel(i.id,{x:y.clientX,y:y.clientY})}function p(){h(null)}return document.addEventListener("mousemove",s),document.addEventListener("mouseup",p),()=>{document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",p)}},[i,e]),_react.useEffect.call(void 0, ()=>{document.body.style.cursor=i===null?"default":D[i.orientation]},[i]),{containerRef:n,layoutRects:o,layoutManager:e,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:()=>{h(s)},onMouseUp:()=>{h(null)}};if(s.type==="panel")return{style:{position:"absolute",left:s.x,top:s.y,width:s.width,height:s.height},onMouseMove:p=>{if(l===null)return;if(l.id===s.id){g(null);return}let y=e.calculateDropTarget({draggedPanelId:l.id,targetPanelId:s.id,point:{x:p.clientX,y:p.clientY}});g(y)},onMouseUp:p=>{if(l!==null){if(l.id===s.id){d(null),g(null);return}e.movePanel({sourceId:l.id,targetId:s.id,point:{x:p.clientX,y:p.clientY}}),d(null),g(null)}}};a(s)},getDropZoneProps:s=>l===null||!(s.id===_optionalChain([f, 'optionalAccess', _10 => _10.id]))?null:{style:$(f.direction)},getDragHandleProps:s=>({onMouseDown:()=>{d(s)}}),draggingRect:l}}function $(r){if(r==="top")return{position:"absolute",left:0,top:0,width:"100%",height:"50%"};if(r==="bottom")return{position:"absolute",left:0,top:"50%",width:"100%",height:"50%"};if(r==="left")return{position:"absolute",left:0,top:0,width:"50%",height:"100%"};if(r==="right")return{position:"absolute",left:"50%",top:0,width:"50%",height:"100%"};a(r)}var D={horizontal:"col-resize",vertical:"row-resize"};exports.bspStrategy = X; exports.evenlyDividedHorizontalStrategy = M; exports.useDockLayout = ft;