@opentui/core 0.1.82 → 0.1.83

package/index.js

@@ -153,7 +153,7 @@ import {
   white,
   wrapWithDelegates,
   yellow
-} from "./index-fv58mb45.js";
+} from "./index-a215gqtt.js";
 // src/text-buffer-view.ts
 class TextBufferView {
   lib;
@@ -7186,6 +7186,7 @@ class TextTableRenderable extends Renderable {
   _selectionBg;
   _selectionFg;
   _lastLocalSelection = null;
+  _lastSelectionMode = null;
   _cells = [];
   _prevCellContent = [];
   _rowCount = 0;
@@ -7344,6 +7345,7 @@ class TextTableRenderable extends Renderable {
     const dirtyRows = this.getDirtySelectionRowRange(previousLocalSelection, localSelection);
     if (!localSelection?.isActive) {
       this.resetCellSelections();
+      this._lastSelectionMode = null;
     } else {
       this.applySelectionToCells(localSelection, selection?.isStart ?? false);
     }
@@ -7876,6 +7878,10 @@ class TextTableRenderable extends Renderable {
     const maxSelY = Math.max(localSelection.anchorY, localSelection.focusY);
     const firstRow = this.findRowForLocalY(minSelY);
     const lastRow = this.findRowForLocalY(maxSelY);
+    const selection = this.resolveSelectionResolution(localSelection);
+    const modeChanged = this._lastSelectionMode !== selection.mode;
+    this._lastSelectionMode = selection.mode;
+    const lockToAnchorColumn = selection.mode === "column-locked" && selection.anchorColumn !== null;
     for (let rowIdx = 0;rowIdx < this._rowCount; rowIdx++) {
       if (rowIdx < firstRow || rowIdx > lastRow) {
         this.resetRowSelection(rowIdx);
@@ -7886,19 +7892,82 @@ class TextTableRenderable extends Renderable {
         const cell = this._cells[rowIdx]?.[colIdx];
         if (!cell)
           continue;
+        if (lockToAnchorColumn && colIdx !== selection.anchorColumn) {
+          cell.textBufferView.resetLocalSelection();
+          continue;
+        }
         const cellLeft = (this._layout.columnOffsets[colIdx] ?? 0) + 1 + this._cellPadding;
-        const anchorX = localSelection.anchorX - cellLeft;
-        const anchorY = localSelection.anchorY - cellTop;
-        const focusX = localSelection.focusX - cellLeft;
-        const focusY = localSelection.focusY - cellTop;
-        if (isStart) {
-          cell.textBufferView.setLocalSelection(anchorX, anchorY, focusX, focusY, this._selectionBg, this._selectionFg);
+        let coords = {
+          anchorX: localSelection.anchorX - cellLeft,
+          anchorY: localSelection.anchorY - cellTop,
+          focusX: localSelection.focusX - cellLeft,
+          focusY: localSelection.focusY - cellTop
+        };
+        const isAnchorCell = selection.anchorCell !== null && selection.anchorCell.rowIdx === rowIdx && selection.anchorCell.colIdx === colIdx;
+        const forceSet = isAnchorCell && selection.mode !== "single-cell";
+        if (forceSet) {
+          coords = this.getFullCellSelectionCoords(rowIdx, colIdx);
+        }
+        const shouldUseSet = isStart || modeChanged || forceSet;
+        if (shouldUseSet) {
+          cell.textBufferView.setLocalSelection(coords.anchorX, coords.anchorY, coords.focusX, coords.focusY, this._selectionBg, this._selectionFg);
         } else {
-          cell.textBufferView.updateLocalSelection(anchorX, anchorY, focusX, focusY, this._selectionBg, this._selectionFg);
+          cell.textBufferView.updateLocalSelection(coords.anchorX, coords.anchorY, coords.focusX, coords.focusY, this._selectionBg, this._selectionFg);
         }
       }
     }
   }
+  resolveSelectionResolution(localSelection) {
+    const anchorCell = this.getCellAtLocalPosition(localSelection.anchorX, localSelection.anchorY);
+    const focusCell = this.getCellAtLocalPosition(localSelection.focusX, localSelection.focusY);
+    const anchorColumn = anchorCell?.colIdx ?? this.getColumnAtLocalX(localSelection.anchorX);
+    if (anchorCell !== null && focusCell !== null && anchorCell.rowIdx === focusCell.rowIdx && anchorCell.colIdx === focusCell.colIdx) {
+      return {
+        mode: "single-cell",
+        anchorCell,
+        anchorColumn
+      };
+    }
+    const focusColumn = this.getColumnAtLocalX(localSelection.focusX);
+    if (anchorColumn !== null && focusColumn === anchorColumn) {
+      return {
+        mode: "column-locked",
+        anchorCell,
+        anchorColumn
+      };
+    }
+    return {
+      mode: "grid",
+      anchorCell,
+      anchorColumn
+    };
+  }
+  getColumnAtLocalX(localX) {
+    if (this._columnCount === 0)
+      return null;
+    if (localX < 0 || localX >= this._layout.tableWidth)
+      return null;
+    for (let colIdx = 0;colIdx < this._columnCount; colIdx++) {
+      const colStart = (this._layout.columnOffsets[colIdx] ?? 0) + 1;
+      const colEnd = colStart + (this._layout.columnWidths[colIdx] ?? 1) - 1;
+      if (localX >= colStart && localX <= colEnd) {
+        return colIdx;
+      }
+    }
+    return null;
+  }
+  getFullCellSelectionCoords(rowIdx, colIdx) {
+    const colWidth = this._layout.columnWidths[colIdx] ?? 1;
+    const rowHeight = this._layout.rowHeights[rowIdx] ?? 1;
+    const contentWidth = Math.max(1, colWidth - this.getHorizontalCellPadding());
+    const contentHeight = Math.max(1, rowHeight - this.getVerticalCellPadding());
+    return {
+      anchorX: -1,
+      anchorY: 0,
+      focusX: contentWidth,
+      focusY: contentHeight
+    };
+  }
   findRowForLocalY(localY) {
     if (this._rowCount === 0)
       return 0;
@@ -7939,8 +8008,6 @@ class TextTableRenderable extends Renderable {
     if (!row)
       return;
     for (const cell of row) {
-      if (!cell.textBufferView.hasSelection())
-        continue;
       cell.textBufferView.resetLocalSelection();
     }
   }
@@ -9308,6 +9375,7 @@ class MarkdownRenderable extends Renderable {
   _syntaxStyle;
   _conceal;
   _treeSitterClient;
+  _tableOptions;
   _renderNode;
   _parseState = null;
   _streaming = false;
@@ -9328,6 +9396,7 @@ class MarkdownRenderable extends Renderable {
     this._conceal = options.conceal ?? this._contentDefaultOptions.conceal;
     this._content = options.content ?? this._contentDefaultOptions.content;
     this._treeSitterClient = options.treeSitterClient;
+    this._tableOptions = options.tableOptions;
     this._renderNode = options.renderNode;
     this._streaming = options.streaming ?? this._contentDefaultOptions.streaming;
     this.updateBlocks();
@@ -9369,6 +9438,13 @@ class MarkdownRenderable extends Renderable {
       this.clearCache();
     }
   }
+  get tableOptions() {
+    return this._tableOptions;
+  }
+  set tableOptions(value) {
+    this._tableOptions = value;
+    this.applyTableOptionsToBlocks();
+  }
   getStyle(group) {
     if (!this._syntaxStyle)
       return;
@@ -9744,18 +9820,60 @@ class MarkdownRenderable extends Renderable {
       changed
     };
   }
+  resolveTableRenderableOptions() {
+    const borders = this._tableOptions?.borders ?? true;
+    return {
+      columnWidthMode: this._tableOptions?.widthMode ?? "content",
+      wrapMode: this._tableOptions?.wrapMode ?? "none",
+      cellPadding: this._tableOptions?.cellPadding ?? 0,
+      border: borders,
+      outerBorder: this._tableOptions?.outerBorder ?? borders,
+      showBorders: borders,
+      borderStyle: this._tableOptions?.borderStyle ?? "single",
+      borderColor: this._tableOptions?.borderColor ?? this.getStyle("conceal")?.fg ?? "#888888",
+      selectable: this._tableOptions?.selectable ?? true
+    };
+  }
+  applyTableRenderableOptions(tableRenderable, options) {
+    tableRenderable.columnWidthMode = options.columnWidthMode;
+    tableRenderable.wrapMode = options.wrapMode;
+    tableRenderable.cellPadding = options.cellPadding;
+    tableRenderable.border = options.border;
+    tableRenderable.outerBorder = options.outerBorder;
+    tableRenderable.showBorders = options.showBorders;
+    tableRenderable.borderStyle = options.borderStyle;
+    tableRenderable.borderColor = options.borderColor;
+    tableRenderable.selectable = options.selectable;
+  }
+  applyTableOptionsToBlocks() {
+    const options = this.resolveTableRenderableOptions();
+    let updated = false;
+    for (const state of this._blockStates) {
+      if (state.renderable instanceof TextTableRenderable) {
+        this.applyTableRenderableOptions(state.renderable, options);
+        updated = true;
+      }
+    }
+    if (updated) {
+      this.requestRender();
+    }
+  }
   createTextTableRenderable(content, id, marginBottom = 0) {
+    const options = this.resolveTableRenderableOptions();
     return new TextTableRenderable(this.ctx, {
       id,
       content,
       width: "100%",
       marginBottom,
-      border: true,
-      outerBorder: true,
-      showBorders: true,
-      borderStyle: "single",
-      borderColor: this.getStyle("conceal")?.fg ?? "#888888",
-      selectable: false
+      columnWidthMode: options.columnWidthMode,
+      wrapMode: options.wrapMode,
+      cellPadding: options.cellPadding,
+      border: options.border,
+      outerBorder: options.outerBorder,
+      showBorders: options.showBorders,
+      borderStyle: options.borderStyle,
+      borderColor: options.borderColor,
+      selectable: options.selectable
     });
   }
   createTableBlock(table, id, marginBottom = 0, previousCache, forceRegenerate = false) {
@@ -9824,7 +9942,7 @@ class MarkdownRenderable extends Renderable {
         if (changed) {
           state.renderable.content = cache.content;
         }
-        state.renderable.borderColor = this.getStyle("conceal")?.fg ?? "#888888";
+        this.applyTableRenderableOptions(state.renderable, this.resolveTableRenderableOptions());
         state.renderable.marginBottom = marginBottom;
         state.tableContentCache = cache;
         return;
@@ -9968,7 +10086,7 @@ class MarkdownRenderable extends Renderable {
           state.tableContentCache = undefined;
         } else if (state.renderable instanceof TextTableRenderable) {
           state.renderable.content = cache.content;
-          state.renderable.borderColor = this.getStyle("conceal")?.fg ?? "#888888";
+          this.applyTableRenderableOptions(state.renderable, this.resolveTableRenderableOptions());
           state.renderable.marginBottom = marginBottom;
           state.tableContentCache = cache;
         } else {
@@ -12088,5 +12206,5 @@ export {
   ASCIIFont
 };
 
-//# debugId=115C19DFB6D5E10364756E2164756E21
+//# debugId=0C8001DA726AC37664756E2164756E21
 //# sourceMappingURL=index.js.map