oasis-editor 0.0.129 → 0.0.131

package/dist/{OasisEditorApp-CDBzb0Eg.js → OasisEditorApp-Dn2I2b-M.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { E as EMPTY_PROJECTION_CONTEXT, d as domTextMeasurer, g as getProjectedParagraphBlockHeight, e as estimateTableBlockHeight, p as projectParagraphLayout, a as getPageBodyBottom, b as getPageBodyTop, c as getPageContentWidth, F as FOOTNOTE_MARKER_GUTTER_PX, f as getParagraphText, h as getBlockParagraphs, i as getRunFootnoteReference, l as listReferencedEndnotes, j as getFootnoteDisplayMarker, k as createProjectionContext, m as getDocumentSections, n as getRunField, o as projectBlocksLayout, v as visitRun, q as assertNever, r as createSignal, s as createEditorStateFromDocument, t as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, u as fontSizePxToPt, w as probeLocalFontFamilies, x as createEditorParagraphFromRuns, y as isInlineObjectRun, z as createEditorStyledRun, A as getParagraphLength, B as getActiveZone, C as getActiveSectionIndex, D as getParagraphs, G as normalizeSelection, H as positionToParagraphOffset, I as paragraphOffsetToPosition, J as clampPosition, K as findParagraphIndex, L as createCollapsedSelection, M as isSelectionCollapsed, N as parseFontSizePtToPx, O as formatFontSizePt, P as createEditorParagraph, Q as resolveDefaultParagraphStyleId, R as findParagraphTableLocation, T as buildTableCellLayout, U as PT_PER_PX, V as createEditorTableCell, W as createEditorTableRow, X as createEditorTable, Y as PX_PER_POINT, Z as underlineStyleToCssDecorationStyle, _ as resolveImageSrc, $ as listKindForTag, a0 as isParagraphTag, a1 as collectInlineRuns, a2 as parseParagraphStyle, a3 as getRunImage, a4 as InlineShell, a5 as BalloonShell, a6 as DocumentShell, a7 as createMemo, a8 as getCaretRectFromSnapshot, a9 as getParagraphRectFromSnapshot, aa as createComponent, ab as CaretOverlay, ac as Show, ad as createRenderEffect, ae as style, af as setAttribute, ag as setStyleProperty, ah as memo, ai as template, aj as Button, ak as useI18n, al as createEffect, am as TextField, an as Dialog, ao as insert, ap as className, aq as Grid, ar as SelectField, as as StatusText, at as ColorField, au as UNDERLINE_STYLE_OPTIONS, av as Stack, aw as For, ax as ToggleChip, ay as FormField, az as Checkbox, aA as FieldGroup, aB as Tabs, aC as NumberField, aD as createStore, aE as reconcile, aF as RadioGroup, aG as Radio$1, aH as TextAreaField, aI as Text, aJ as SurfaceButton, aK as delegateEvents, aL as onMount, aM as onCleanup, aN as use, aO as PluginUiHost, aP as OasisEditorEditor, aQ as OasisBrandMark, aR as setPreciseFontPreference, aS as setWelcomeSeen, aT as enablePreciseFontMode, aU as TWIPS_PER_POINT, aV as PX_PER_INCH, aW as TWIPS_PER_INCH, aX as normalizeHex6, aY as TABLE_CONDITIONAL_FLAG_ATTRIBUTES, aZ as TABLE_BORDER_EDGE_KEYS, a_ as resolveEffectiveParagraphStyle, a$ as resolveEffectiveTextStyleForParagraph, b0 as EMU_PER_PT, b1 as OOXML_ROTATION_UNITS, b2 as OOXML_PERCENT_DENOMINATOR, b3 as parseHexColorToRgb255, b4 as EMU_PER_PX, b5 as getRunEndnoteReference, b6 as iterateFootnoteReferenceRuns, b7 as iterateEndnoteReferenceRuns, b8 as imageContentTypeDefaults, b9 as getRunFieldChar, ba as getRunFieldInstruction, bb as createEditorRun, bc as JSZip, bd as imageExtensionFromMime, be as pxToPt$1, bf as resolveFloatingObjectRect, bg as getTextBoxFloatingGeometry, bh as getPresetPathSegments, bi as buildListLabels, bj as DEFAULT_FONT_SIZE_PX, bk as resolveGradientAxis, bl as isDoubleUnderlineStyle, bm as isWavyUnderlineStyle, bn as underlineStyleLineWidthPx, bo as WAVY_UNDERLINE_WAVELENGTH_PX, bp as WAVY_UNDERLINE_AMPLITUDE_PX, bq as DOUBLE_UNDERLINE_OFFSET_PX, br as underlineStyleDashArray, bs as EMPHASIS_GLYPH, bt as rgb255ToHex, bu as getImageFloatingGeometry, bv as textStyleToFontSizePt, bw as resolveTextAlignmentBaselineOffset, bx as TEXT_BASELINE_RATIO, by as resolveOpenTypeFeatureTags, bz as resolveDecorationLineY, bA as DOUBLE_STRIKE_OFFSET_PX, bB as resolveListLabel, bC as getListLabelInset, bD as getAlignedListLabelInset, bE as getParagraphBorderInsets, bF as buildSegmentTable, bG as buildCanvasTableLayout, bH as resolveCanvasTableWidth, bI as resolveFloatingTableRect, bJ as paragraphBetweenBorderMatches, bK as normalizeFamily, bL as ROBOTO_FONT_FILES, bM as loadFontAsset, bN as OFFICE_COMPAT_FONT_FAMILIES, bO as BinaryReader, bP as buildSfnt, bQ as defaultFontDecoderRegistry, bR as SfntFontProgram, bS as collectPdfFontFamilies, bT as outlineFrom, bU as getPageHeaderZoneTop, bV as getPageColumnRects, bW as findFootnoteReference, bX as resolveImporterForFile, bY as roundTo, bZ as getDocumentSectionsCanonical, b_ as getDocumentParagraphsCanonical, b$ as getDocumentParagraphs, c0 as getDocumentPageSettings, c1 as getTableCellContentWidthForParagraph, c2 as layoutMetricsEpoch, c3 as bumpLayoutMetricsEpoch, c4 as createCanvasLayoutSnapshotProvider, c5 as on, c6 as debounce, c7 as unwrap, c8 as perfTimer, c9 as getRunTextBox, ca as createEditorDocument, cb as resolveResizedDimensions, cc as resolveTextBoxRenderHeight, cd as getToolbarStyleState, ce as VERTICAL_HIT_WEIGHT, cf as getCachedCanvasImage, cg as measureParagraphMinContentWidthPx, ch as getEditableBlocksForZone, ci as findParagraphLocation, cj as createSectionBoundaryParagraph, ck as normalizePageSettings, cl as DEFAULT_EDITOR_PAGE_SETTINGS, cm as markStart, cn as markEnd, co as getParagraphEntries, cp as getParagraphById, cq as createEditorFootnote, cr as createFootnoteReferenceRun, cs as renumberFootnotes, ct as getHeadingLevel, cu as preciseFontModeVersion, cv as isPreciseFontModeEnabled, cw as resolveNamedTextStyle, cx as togglePreciseFontMode, cy as nextFontSizePt, cz as previousFontSizePt, cA as fontSizePtToPx, cB as createDefaultToolbarPreset, cC as MenuRegistry, cD as createToolbarRegistry, cE as Editor, cF as resolveCommandRef, cG as commandRefName, cH as createOasisEditorClient, cI as createEditorZoom, cJ as startLongTaskObserver, cK as installGlobalReport, cL as applyStoredPreciseFontPreference, cM as getWelcomeSeen, cN as isLocalFontAccessSupported, cO as EDITOR_SCROLL_PADDING_PX, cP as Toolbar, cQ as OasisEditorLoading, cR as I18nProvider, cS as createTranslator, cT as registerDomStatsSurface, cU as createEditorLogger } from "./index-XyL0Hpf4.js";
+import { E as EMPTY_PROJECTION_CONTEXT, d as domTextMeasurer, g as getProjectedParagraphBlockHeight, e as estimateTableBlockHeight, p as projectParagraphLayout, a as getPageBodyBottom, b as getPageBodyTop, c as getPageContentWidth, F as FOOTNOTE_MARKER_GUTTER_PX, f as getParagraphText, h as getBlockParagraphs, i as getRunFootnoteReference, l as listReferencedEndnotes, j as getFootnoteDisplayMarker, k as createProjectionContext, m as getDocumentSections, n as getRunField, o as projectBlocksLayout, v as visitRun, q as assertNever, r as createSignal, s as createEditorStateFromDocument, t as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, u as fontSizePxToPt, w as probeLocalFontFamilies, x as createEditorParagraphFromRuns, y as isInlineObjectRun, z as createEditorStyledRun, A as getParagraphLength, B as getActiveZone, C as getActiveSectionIndex, D as getParagraphs, G as normalizeSelection, H as positionToParagraphOffset, I as paragraphOffsetToPosition, J as clampPosition, K as findParagraphIndex, L as createCollapsedSelection, M as isSelectionCollapsed, N as parseFontSizePtToPx, O as formatFontSizePt, P as createEditorParagraph, Q as resolveDefaultParagraphStyleId, R as findParagraphTableLocation, T as buildTableCellLayout, U as PT_PER_PX, V as createEditorTableCell, W as createEditorTableRow, X as createEditorTable, Y as PX_PER_POINT, Z as underlineStyleToCssDecorationStyle, _ as resolveImageSrc, $ as listKindForTag, a0 as isParagraphTag, a1 as collectInlineRuns, a2 as parseParagraphStyle, a3 as getRunImage, a4 as InlineShell, a5 as BalloonShell, a6 as DocumentShell, a7 as createMemo, a8 as getCaretRectFromSnapshot, a9 as getParagraphRectFromSnapshot, aa as createComponent, ab as CaretOverlay, ac as Show, ad as createRenderEffect, ae as style, af as setStyleProperty, ag as setAttribute, ah as memo, ai as template, aj as Button, ak as useI18n, al as createEffect, am as TextField, an as Dialog, ao as insert, ap as className, aq as Grid, ar as SelectField, as as StatusText, at as ColorField, au as UNDERLINE_STYLE_OPTIONS, av as Stack, aw as For, ax as ToggleChip, ay as FormField, az as Checkbox, aA as FieldGroup, aB as Tabs, aC as NumberField, aD as createStore, aE as reconcile, aF as RadioGroup, aG as Radio$1, aH as TextAreaField, aI as Text, aJ as SurfaceButton, aK as delegateEvents, aL as onMount, aM as onCleanup, aN as use, aO as PluginUiHost, aP as OasisEditorEditor, aQ as OasisBrandMark, aR as setPreciseFontPreference, aS as setWelcomeSeen, aT as enablePreciseFontMode, aU as TWIPS_PER_POINT, aV as PX_PER_INCH, aW as TWIPS_PER_INCH, aX as normalizeHex6, aY as TABLE_CONDITIONAL_FLAG_ATTRIBUTES, aZ as TABLE_BORDER_EDGE_KEYS, a_ as resolveEffectiveParagraphStyle, a$ as resolveEffectiveTextStyleForParagraph, b0 as EMU_PER_PT, b1 as OOXML_ROTATION_UNITS, b2 as OOXML_PERCENT_DENOMINATOR, b3 as parseHexColorToRgb255, b4 as EMU_PER_PX, b5 as getRunEndnoteReference, b6 as iterateFootnoteReferenceRuns, b7 as iterateEndnoteReferenceRuns, b8 as imageContentTypeDefaults, b9 as getRunFieldChar, ba as getRunFieldInstruction, bb as createEditorRun, bc as JSZip, bd as imageExtensionFromMime, be as pxToPt$1, bf as resolveFloatingObjectRect, bg as getTextBoxFloatingGeometry, bh as getPresetPathSegments, bi as buildListLabels, bj as DEFAULT_FONT_SIZE_PX, bk as resolveGradientAxis, bl as isDoubleUnderlineStyle, bm as isWavyUnderlineStyle, bn as underlineStyleLineWidthPx, bo as WAVY_UNDERLINE_WAVELENGTH_PX, bp as WAVY_UNDERLINE_AMPLITUDE_PX, bq as DOUBLE_UNDERLINE_OFFSET_PX, br as underlineStyleDashArray, bs as EMPHASIS_GLYPH, bt as rgb255ToHex, bu as getImageFloatingGeometry, bv as textStyleToFontSizePt, bw as resolveTextAlignmentBaselineOffset, bx as TEXT_BASELINE_RATIO, by as resolveOpenTypeFeatureTags, bz as resolveDecorationLineY, bA as DOUBLE_STRIKE_OFFSET_PX, bB as resolveListLabel, bC as getListLabelInset, bD as getAlignedListLabelInset, bE as getParagraphBorderInsets, bF as buildSegmentTable, bG as buildCanvasTableLayout, bH as resolveCanvasTableWidth, bI as resolveFloatingTableRect, bJ as paragraphBetweenBorderMatches, bK as normalizeFamily, bL as ROBOTO_FONT_FILES, bM as loadFontAsset, bN as OFFICE_COMPAT_FONT_FAMILIES, bO as BinaryReader, bP as buildSfnt, bQ as defaultFontDecoderRegistry, bR as SfntFontProgram, bS as collectPdfFontFamilies, bT as outlineFrom, bU as getPageHeaderZoneTop, bV as getPageColumnRects, bW as findFootnoteReference, bX as resolveImporterForFile, bY as roundTo, bZ as getDocumentSectionsCanonical, b_ as getDocumentParagraphsCanonical, b$ as getDocumentParagraphs, c0 as getDocumentPageSettings, c1 as getTableCellContentWidthForParagraph, c2 as layoutMetricsEpoch, c3 as bumpLayoutMetricsEpoch, c4 as createCanvasLayoutSnapshotProvider, c5 as on, c6 as debounce, c7 as unwrap, c8 as perfTimer, c9 as getRunTextBox, ca as createEditorDocument, cb as resolveResizedDimensions, cc as resolveTextBoxRenderHeight, cd as getToolbarStyleState, ce as VERTICAL_HIT_WEIGHT, cf as getCachedCanvasImage, cg as measureParagraphMinContentWidthPx, ch as getEditableBlocksForZone, ci as findParagraphLocation, cj as createSectionBoundaryParagraph, ck as normalizePageSettings, cl as DEFAULT_EDITOR_PAGE_SETTINGS, cm as markStart, cn as markEnd, co as getParagraphEntries, cp as getParagraphById, cq as createEditorFootnote, cr as createFootnoteReferenceRun, cs as renumberFootnotes, ct as getHeadingLevel, cu as preciseFontModeVersion, cv as isPreciseFontModeEnabled, cw as resolveNamedTextStyle, cx as togglePreciseFontMode, cy as nextFontSizePt, cz as previousFontSizePt, cA as fontSizePtToPx, cB as createDefaultToolbarPreset, cC as MenuRegistry, cD as createToolbarRegistry, cE as Editor, cF as resolveCommandRef, cG as commandRefName, cH as createOasisEditorClient, cI as createEditorZoom, cJ as startLongTaskObserver, cK as installGlobalReport, cL as applyStoredPreciseFontPreference, cM as getWelcomeSeen, cN as isLocalFontAccessSupported, cO as EDITOR_SCROLL_PADDING_PX, cP as Toolbar, cQ as OasisEditorLoading, cR as I18nProvider, cS as createTranslator, cT as registerDomStatsSurface, cU as createEditorLogger } from "./index-BXo_oqOC.js";
 function projectHeaderFooterBlocksWithDependencies(blocks, deps, context = {}) {
   const {
     pageIndex,
@@ -31546,7 +31546,7 @@ function DropCaret(props) {
     })
   });
 }
-var _tmpl$$f = /* @__PURE__ */ template(`<div class=oasis-editor-table-resize-guide>`), _tmpl$2$5 = /* @__PURE__ */ template(`<img class=oasis-editor-image-ghost>`), _tmpl$3$2 = /* @__PURE__ */ template(`<div class=oasis-editor-table-ghost>`);
+var _tmpl$$f = /* @__PURE__ */ template(`<div class=oasis-editor-table-resize-guide>`), _tmpl$2$5 = /* @__PURE__ */ template(`<div class=oasis-editor-table-resize-outline>`), _tmpl$3$2 = /* @__PURE__ */ template(`<img class=oasis-editor-image-ghost>`), _tmpl$4$1 = /* @__PURE__ */ template(`<div class=oasis-editor-table-ghost>`);
 function EditorDragLayers(props) {
   return [createComponent(Show, {
     get when() {
@@ -31579,19 +31579,40 @@ function EditorDragLayers(props) {
       });
       return _el$;
     })()
+  }), createComponent(Show, {
+    get when() {
+      return props.tableCornerResize.previewRect();
+    },
+    children: (rect) => (() => {
+      var _el$2 = _tmpl$2$5();
+      createRenderEffect((_p$) => {
+        var _v$4 = `${rect().left}px`, _v$5 = `${rect().top}px`, _v$6 = `${rect().width}px`, _v$7 = `${rect().height}px`;
+        _v$4 !== _p$.e && setStyleProperty(_el$2, "left", _p$.e = _v$4);
+        _v$5 !== _p$.t && setStyleProperty(_el$2, "top", _p$.t = _v$5);
+        _v$6 !== _p$.a && setStyleProperty(_el$2, "width", _p$.a = _v$6);
+        _v$7 !== _p$.o && setStyleProperty(_el$2, "height", _p$.o = _v$7);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0
+      });
+      return _el$2;
+    })()
   }), createComponent(Show, {
     get when() {
       return memo(() => !!props.imageOps.dragging())() && props.imageOps.draggedImageInfo();
     },
     children: (info) => (() => {
-      var _el$2 = _tmpl$2$5();
+      var _el$3 = _tmpl$3$2();
       createRenderEffect((_p$) => {
-        var _v$4 = info().src, _v$5 = `${info().width}px`, _v$6 = `${info().height}px`, _v$7 = `${props.imageOps.mousePos().x - info().offsetX}px`, _v$8 = `${props.imageOps.mousePos().y - info().offsetY}px`;
-        _v$4 !== _p$.e && setAttribute(_el$2, "src", _p$.e = _v$4);
-        _v$5 !== _p$.t && setStyleProperty(_el$2, "width", _p$.t = _v$5);
-        _v$6 !== _p$.a && setStyleProperty(_el$2, "height", _p$.a = _v$6);
-        _v$7 !== _p$.o && setStyleProperty(_el$2, "left", _p$.o = _v$7);
-        _v$8 !== _p$.i && setStyleProperty(_el$2, "top", _p$.i = _v$8);
+        var _v$8 = info().src, _v$9 = `${info().width}px`, _v$0 = `${info().height}px`, _v$1 = `${props.imageOps.mousePos().x - info().offsetX}px`, _v$10 = `${props.imageOps.mousePos().y - info().offsetY}px`;
+        _v$8 !== _p$.e && setAttribute(_el$3, "src", _p$.e = _v$8);
+        _v$9 !== _p$.t && setStyleProperty(_el$3, "width", _p$.t = _v$9);
+        _v$0 !== _p$.a && setStyleProperty(_el$3, "height", _p$.a = _v$0);
+        _v$1 !== _p$.o && setStyleProperty(_el$3, "left", _p$.o = _v$1);
+        _v$10 !== _p$.i && setStyleProperty(_el$3, "top", _p$.i = _v$10);
         return _p$;
       }, {
         e: void 0,
@@ -31600,20 +31621,20 @@ function EditorDragLayers(props) {
         o: void 0,
         i: void 0
       });
-      return _el$2;
+      return _el$3;
     })()
   }), createComponent(Show, {
     get when() {
       return memo(() => !!props.tableDrag.dragging())() && props.tableDrag.draggedTableInfo();
     },
     children: (info) => (() => {
-      var _el$3 = _tmpl$3$2();
+      var _el$4 = _tmpl$4$1();
       createRenderEffect((_p$) => {
-        var _v$9 = `${info().width}px`, _v$0 = `${info().height}px`, _v$1 = `${props.tableDrag.mousePos().x - info().offsetX}px`, _v$10 = `${props.tableDrag.mousePos().y - info().offsetY}px`;
-        _v$9 !== _p$.e && setStyleProperty(_el$3, "width", _p$.e = _v$9);
-        _v$0 !== _p$.t && setStyleProperty(_el$3, "height", _p$.t = _v$0);
-        _v$1 !== _p$.a && setStyleProperty(_el$3, "left", _p$.a = _v$1);
-        _v$10 !== _p$.o && setStyleProperty(_el$3, "top", _p$.o = _v$10);
+        var _v$11 = `${info().width}px`, _v$12 = `${info().height}px`, _v$13 = `${props.tableDrag.mousePos().x - info().offsetX}px`, _v$14 = `${props.tableDrag.mousePos().y - info().offsetY}px`;
+        _v$11 !== _p$.e && setStyleProperty(_el$4, "width", _p$.e = _v$11);
+        _v$12 !== _p$.t && setStyleProperty(_el$4, "height", _p$.t = _v$12);
+        _v$13 !== _p$.a && setStyleProperty(_el$4, "left", _p$.a = _v$13);
+        _v$14 !== _p$.o && setStyleProperty(_el$4, "top", _p$.o = _v$14);
         return _p$;
       }, {
         e: void 0,
@@ -31621,7 +31642,7 @@ function EditorDragLayers(props) {
         a: void 0,
         o: void 0
       });
-      return _el$3;
+      return _el$4;
     })()
   }), createComponent(Show, {
     get when() {
@@ -35839,6 +35860,7 @@ function buildEditorViewProps(ctx) {
     commentHighlights: overlayInput.commentHighlights,
     selectedImageBox: overlayInput.selectedImageBox,
     selectedTextBoxBox: overlayInput.selectedTextBoxBox,
+    selectedTableBox: overlayInput.selectedTableBox,
     layoutOptions: overlayInput.layoutOptions,
     caretBox: overlayInput.caretBox,
     inputBox: overlayInput.inputBox,
@@ -35889,6 +35911,7 @@ function buildEditorViewProps(ctx) {
     onImageRotateHandleMouseDown: surface.handleImageRotateHandleMouseDown,
     onTextBoxRotateHandleMouseDown: surface.handleTextBoxRotateHandleMouseDown,
     onTableDragHandleMouseDown: surface.tableDrag.handleMouseDown,
+    onTableCornerResizeHandleMouseDown: surface.tableCornerResize.handleMouseDown,
     onRevisionMouseEnter: surface.revisionController.handleRevisionMouseEnter,
     onRevisionMouseLeave: surface.revisionController.handleRevisionMouseLeave,
     onEditorContextMenu: (event) => surface.handleEditorContextMenu(event)
@@ -44612,7 +44635,7 @@ function resolveCaretSlot(paragraphs, focusOffset) {
   };
 }
 function computeCanvasSelectionGeometry(snapshot, state) {
-  var _a2, _b2, _c, _d;
+  var _a2, _b2, _c, _d, _e, _f;
   const normalized = normalizeSelection(state);
   const selectionBoxes = [];
   const surfaceRect = snapshot.surfaceRect;
@@ -44799,12 +44822,38 @@ function computeCanvasSelectionGeometry(snapshot, state) {
     height: caretHeight,
     visible: focusParagraphSegments.length > 0 && !isMultiCellSelection && !selectedImageBox && !selectedTextBoxBox
   };
+  let selectedTableBox = null;
+  const focusTableId = ((_f = (_e = (snapshot.paragraphsById.get(focusParagraphId) ?? [])[0]) == null ? void 0 : _e.tableCell) == null ? void 0 : _f.tableId) ?? null;
+  if (focusTableId) {
+    let left = Number.POSITIVE_INFINITY;
+    let top = Number.POSITIVE_INFINITY;
+    let right = Number.NEGATIVE_INFINITY;
+    let bottom = Number.NEGATIVE_INFINITY;
+    for (const paragraph of snapshot.paragraphs) {
+      const cell = paragraph.tableCell;
+      if (!cell || cell.tableId !== focusTableId) continue;
+      left = Math.min(left, cell.left);
+      top = Math.min(top, cell.top);
+      right = Math.max(right, cell.left + cell.width);
+      bottom = Math.max(bottom, cell.top + cell.height);
+    }
+    if (Number.isFinite(left) && right > left && bottom > top) {
+      selectedTableBox = {
+        tableId: focusTableId,
+        left: left - surfaceRect.left,
+        top: top - surfaceRect.top,
+        width: right - left,
+        height: bottom - top
+      };
+    }
+  }
   return {
     selectionBoxes,
     inputBox: { left: caretLeft, top: caretTop, height: caretHeight },
     caretBox,
     selectedImageBox,
-    selectedTextBoxBox
+    selectedTextBoxBox,
+    selectedTableBox
   };
 }
 function computeCommentHighlights(snapshot, state) {
@@ -45010,6 +45059,7 @@ function useEditorLayoutImpl(props) {
   const [commentHighlights, setCommentHighlights] = createSignal([]);
   const [selectedImageBox, setSelectedImageBox] = createSignal(null);
   const [selectedTextBoxBox, setSelectedTextBoxBox] = createSignal(null);
+  const [selectedTableBox, setSelectedTableBox] = createSignal(null);
   const [caretBox, setCaretBox] = createSignal({
     left: 0,
     top: 0,
@@ -45044,6 +45094,7 @@ function useEditorLayoutImpl(props) {
       setCommentHighlights([]);
       setSelectedImageBox(null);
       setSelectedTextBoxBox(null);
+      setSelectedTableBox(null);
       setCaretBox(
         (current) => ({
           ...current,
@@ -45063,6 +45114,7 @@ function useEditorLayoutImpl(props) {
       setCommentHighlights([]);
       setSelectedImageBox(null);
       setSelectedTextBoxBox(null);
+      setSelectedTableBox(null);
       setCaretBox(
         (current) => ({
           ...current,
@@ -45076,6 +45128,7 @@ function useEditorLayoutImpl(props) {
     setCommentHighlights(computeCommentHighlights(snapshot, props.state));
     setSelectedImageBox(geometry.selectedImageBox);
     setSelectedTextBoxBox(geometry.selectedTextBoxBox);
+    setSelectedTableBox(geometry.selectedTableBox);
     setInputBox(geometry.inputBox);
     setCaretBox(geometry.caretBox);
   };
@@ -45183,6 +45236,7 @@ function useEditorLayoutImpl(props) {
     commentHighlights,
     selectedImageBox,
     selectedTextBoxBox,
+    selectedTableBox,
     caretBox,
     preferredColumnX,
     setPreferredColumnX,
@@ -45760,6 +45814,7 @@ function createEditorDocumentRuntimeImpl(deps) {
     commentHighlights,
     selectedImageBox,
     selectedTextBoxBox,
+    selectedTableBox,
     caretBox,
     preferredColumnX,
     setPreferredColumnX,
@@ -45848,6 +45903,7 @@ function createEditorDocumentRuntimeImpl(deps) {
     commentHighlights,
     selectedImageBox,
     selectedTextBoxBox,
+    selectedTableBox,
     caretBox,
     preferredColumnX,
     setPreferredColumnX,
@@ -49423,7 +49479,7 @@ function setHoverCursorClass(isCol) {
 function setActiveCursorClass(isCol) {
   setResizeCursorClass(isCol);
 }
-const DRAG_THRESHOLD_PX = 2;
+const DRAG_THRESHOLD_PX$1 = 2;
 function createEditorTableResize(deps) {
   const [resizing, setResizing] = createSignal(null);
   const handleMouseMove = (event) => {
@@ -49552,7 +49608,7 @@ function createEditorTableResize(deps) {
     if (!currentResizing) return;
     const z = ((_a2 = deps.zoomFactor) == null ? void 0 : _a2.call(deps)) ?? 1;
     const delta = ((currentResizing.type === "column" ? event.clientX : event.clientY) - currentResizing.initialPos) / z;
-    if (Math.abs(delta) >= DRAG_THRESHOLD_PX) {
+    if (Math.abs(delta) >= DRAG_THRESHOLD_PX$1) {
       deps.applyTransactionalState((current) => {
         if (currentResizing.type === "row") {
           return applyRowResize(current, currentResizing, delta);
@@ -49571,6 +49627,146 @@ function createEditorTableResize(deps) {
     handleMouseDown
   };
 }
+const DRAG_THRESHOLD_PX = 2;
+function computeCornerScales(resize) {
+  const rawX = (resize.bounds.width + (resize.currentClientX - resize.startClientX)) / resize.bounds.width;
+  const rawY = (resize.bounds.height + (resize.currentClientY - resize.startClientY)) / resize.bounds.height;
+  const widthValues = Object.values(resize.widthsPt);
+  const minColumnPt = widthValues.length > 0 ? Math.min(...widthValues) : 1;
+  const minScaleX = minColumnPt > 0 ? MIN_TABLE_SIZE_PT / minColumnPt : 0;
+  const minRowPx = ptToPx(MIN_TABLE_SIZE_PT);
+  const minRowHeightPx = resize.rowHeightsPx.length > 0 ? Math.min(...resize.rowHeightsPx) : minRowPx;
+  const minScaleY = minRowHeightPx > 0 ? minRowPx / minRowHeightPx : 0;
+  return {
+    scaleX: Math.max(minScaleX, rawX),
+    scaleY: Math.max(minScaleY, rawY)
+  };
+}
+function applyTableCornerResize(state, resize, scaleX, scaleY) {
+  const nextWidths = {};
+  for (const key of Object.keys(resize.widthsPt)) {
+    const index = Number(key);
+    nextWidths[index] = Math.max(
+      MIN_TABLE_SIZE_PT,
+      resize.widthsPt[index] * scaleX
+    );
+  }
+  const nextTotalPt = Object.values(nextWidths).reduce(
+    (sum, value) => sum + value,
+    0
+  );
+  let next = setTableColumnWidths(
+    state,
+    resize.tableId,
+    nextWidths,
+    nextTotalPt
+  );
+  resize.rowHeightsPx.forEach((heightPx, index) => {
+    const nextHeightPt = Math.max(MIN_TABLE_SIZE_PT, pxToPt(heightPx * scaleY));
+    next = setTableRowHeight(next, resize.tableId, index, nextHeightPt);
+  });
+  return next;
+}
+function createEditorTableCornerResize(deps) {
+  const [resizing, setResizing] = createSignal(
+    null
+  );
+  const previewRect = () => {
+    const current = resizing();
+    if (!current) return null;
+    const { scaleX, scaleY } = computeCornerScales(current);
+    return {
+      left: current.bounds.left,
+      top: current.bounds.top,
+      width: current.bounds.width * scaleX,
+      height: current.bounds.height * scaleY
+    };
+  };
+  const handleWindowMouseMove = (event) => {
+    setResizing(
+      (current) => current ? {
+        ...current,
+        currentClientX: event.clientX,
+        currentClientY: event.clientY
+      } : null
+    );
+  };
+  const stop = () => {
+    setResizing(null);
+    window.removeEventListener("mousemove", handleWindowMouseMove);
+    window.removeEventListener("mouseup", handleWindowMouseUp);
+    document.body.style.cursor = "";
+  };
+  const handleWindowMouseUp = (event) => {
+    const current = resizing();
+    if (current) {
+      const movedX = Math.abs(event.clientX - current.startClientX);
+      const movedY = Math.abs(event.clientY - current.startClientY);
+      if (movedX >= DRAG_THRESHOLD_PX || movedY >= DRAG_THRESHOLD_PX) {
+        const settled = {
+          ...current,
+          currentClientX: event.clientX,
+          currentClientY: event.clientY
+        };
+        const { scaleX, scaleY } = computeCornerScales(settled);
+        deps.applyTransactionalState(
+          (state) => applyTableCornerResize(state, settled, scaleX, scaleY)
+        );
+      }
+    }
+    stop();
+  };
+  const handleMouseDown = (tableId, event) => {
+    var _a2;
+    const surface = deps.surfaceRef();
+    if (!surface) return;
+    const geometries = buildTableGeometries(
+      surface,
+      deps.state(),
+      deps.documentLayout(),
+      deps.canvasSnapshotProvider,
+      (_a2 = deps.zoomFactor) == null ? void 0 : _a2.call(deps)
+    );
+    const geometry = geometries.find(
+      (candidate) => candidate.tableId === tableId
+    );
+    const tableNode = getTableById(deps.state(), tableId);
+    if (!geometry || !tableNode) return;
+    const tableLayout = buildTableCellLayout(tableNode);
+    const { widthsPt } = resolveColumnWidthsPt(
+      tableNode,
+      tableLayout,
+      geometry
+    );
+    const rowHeightsPx = resolveRowHeightsPx(tableNode, tableLayout, geometry);
+    const totalWidthPt = Object.values(widthsPt).reduce(
+      (sum, value) => sum + value,
+      0
+    );
+    setResizing({
+      tableId,
+      bounds: {
+        left: geometry.bounds.left,
+        top: geometry.bounds.top,
+        width: Math.max(1, geometry.bounds.width),
+        height: Math.max(1, geometry.bounds.height)
+      },
+      startClientX: event.clientX,
+      startClientY: event.clientY,
+      currentClientX: event.clientX,
+      currentClientY: event.clientY,
+      widthsPt,
+      totalWidthPt,
+      rowHeightsPx
+    });
+    document.body.style.cursor = "nwse-resize";
+    window.addEventListener("mousemove", handleWindowMouseMove);
+    window.addEventListener("mouseup", handleWindowMouseUp);
+    event.preventDefault();
+    event.stopPropagation();
+  };
+  return { resizing, previewRect, handleMouseDown };
+}
 function createEditorTableDrag(deps) {
   return createEditorTableDragImpl(deps);
 }
@@ -50865,6 +51061,14 @@ function useEditorInteractionWiring(ctx) {
     documentLayout: ctx.documentLayout,
     canvasSnapshotProvider: ctx.canvasSnapshotProvider
   });
+  const tableCornerResize = createEditorTableCornerResize({
+    state,
+    applyTransactionalState: ctx.applyTransactionalState,
+    surfaceRef: ctx.surfaceRef,
+    zoomFactor: ctx.zoomFactor,
+    documentLayout: ctx.documentLayout,
+    canvasSnapshotProvider: ctx.canvasSnapshotProvider
+  });
   const tableDrag = createEditorTableDrag({
     state,
     applyTransactionalState: ctx.applyTransactionalState,
@@ -50943,6 +51147,7 @@ function useEditorInteractionWiring(ctx) {
   });
   return {
     tableResize,
+    tableCornerResize,
     tableDrag,
     revisionController,
     textDrag,
@@ -51100,6 +51305,7 @@ function createEditorInteractionRuntimeImpl(deps) {
     styleController,
     onEditorMouseDown,
     tableResize: wiring.tableResize,
+    tableCornerResize: wiring.tableCornerResize,
     tableDrag: wiring.tableDrag,
     revisionController: wiring.revisionController,
     textDrag: wiring.textDrag,
@@ -55017,6 +55223,7 @@ function OasisEditorApp(props = {}) {
     commentHighlights,
     selectedImageBox,
     selectedTextBoxBox,
+    selectedTableBox,
     caretBox,
     preferredColumnX,
     setPreferredColumnX,
@@ -55063,6 +55270,7 @@ function OasisEditorApp(props = {}) {
     styleController,
     onEditorMouseDown,
     tableResize,
+    tableCornerResize,
     tableDrag,
     revisionController,
     textDrag,
@@ -55162,6 +55370,7 @@ function OasisEditorApp(props = {}) {
       commentHighlights,
       selectedImageBox,
       selectedTextBoxBox,
+      selectedTableBox,
       layoutOptions: layoutOptionsOverlay,
       caretBox,
       inputBox,
@@ -55180,6 +55389,7 @@ function OasisEditorApp(props = {}) {
     surface: {
       surfaceEvents: surfaceEventsWithTextDrag,
       tableResize,
+      tableCornerResize,
       tableDrag,
       revisionController,
       handleDrop,
@@ -55324,6 +55534,7 @@ function OasisEditorApp(props = {}) {
           return zoom.zoomFactor;
         },
         tableResize,
+        tableCornerResize,
         imageOps,
         tableDrag,
         textDrag

package/dist/app/controllers/useEditorLayout.d.ts

@@ -1,6 +1,6 @@
 import { EditorLayoutParagraph, EditorState, EditorLayoutDocument } from '../../core/model.js';
 import { CaretBox, CommentHighlightBox, InputBox, SelectionBox } from '../../ui/editorUiTypes.js';
-import { SelectedImageSelectionBox, SelectedTextBoxSelectionBox } from '../../ui/canvas/CanvasSelectionGeometry.js';
+import { SelectedImageSelectionBox, SelectedTextBoxSelectionBox, SelectedTableBox } from '../../ui/canvas/CanvasSelectionGeometry.js';
 
 interface UseEditorLayoutProps {
     state: EditorState;
@@ -27,6 +27,7 @@ declare function useEditorLayoutImpl(props: UseEditorLayoutProps): {
     commentHighlights: import('solid-js').Accessor<CommentHighlightBox[]>;
     selectedImageBox: import('solid-js').Accessor<SelectedImageSelectionBox | null>;
     selectedTextBoxBox: import('solid-js').Accessor<SelectedTextBoxSelectionBox | null>;
+    selectedTableBox: import('solid-js').Accessor<SelectedTableBox | null>;
     caretBox: import('solid-js').Accessor<CaretBox>;
     preferredColumnX: import('solid-js').Accessor<number | null>;
     setPreferredColumnX: import('solid-js').Setter<number | null>;

package/dist/app/controllers/useEditorTableCornerResize.d.ts

@@ -0,0 +1,56 @@
+import { Accessor } from 'solid-js';
+import { EditorLayoutDocument, EditorState } from '../../core/model.js';
+import { CanvasLayoutSnapshotProvider } from '../../ui/canvas/canvasLayoutSnapshotProvider.js';
+
+/** Live state of a bottom-right corner drag on a single table. */
+export interface TableCornerResizeState {
+    tableId: string;
+    /** Table bounding box in client px at gesture start. */
+    bounds: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+    startClientX: number;
+    startClientY: number;
+    currentClientX: number;
+    currentClientY: number;
+    /** Column widths (pt) and total width (pt) captured at start. */
+    widthsPt: Record<number, number>;
+    totalWidthPt: number;
+    /** Rendered row heights (px) captured at start. */
+    rowHeightsPx: number[];
+}
+export interface TableCornerResizeOps {
+    resizing: Accessor<TableCornerResizeState | null>;
+    /** Preview outline in client/fixed coords while dragging (null otherwise). */
+    previewRect: Accessor<{
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    } | null>;
+    handleMouseDown: (tableId: string, event: MouseEvent) => void;
+}
+/**
+ * Proportional width/height scale for the current drag, floored so no column
+ * shrinks below `MIN_TABLE_SIZE_PT` (pt) and no row below its px equivalent.
+ */
+export declare function computeCornerScales(resize: TableCornerResizeState): {
+    scaleX: number;
+    scaleY: number;
+};
+/**
+ * Pure producer: scale every column width by `scaleX` (preserving the scaled
+ * total) and every row height by `scaleY`. Exported for unit testing.
+ */
+export declare function applyTableCornerResize(state: EditorState, resize: TableCornerResizeState, scaleX: number, scaleY: number): EditorState;
+export declare function createEditorTableCornerResize(deps: {
+    state: () => EditorState;
+    applyTransactionalState: (producer: (current: EditorState) => EditorState) => void;
+    surfaceRef: () => HTMLElement | undefined;
+    documentLayout: Accessor<EditorLayoutDocument>;
+    canvasSnapshotProvider: CanvasLayoutSnapshotProvider;
+    zoomFactor?: () => number;
+}): TableCornerResizeOps;