oasis-editor 0.0.128 → 0.0.130

package/dist/{OasisEditorApp-3vvH6KOz.js → OasisEditorApp-BQvsqccA.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-Ceyv5JS5.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-CX5iCo8O.js";
 function projectHeaderFooterBlocksWithDependencies(blocks, deps, context = {}) {
   const {
     pageIndex,
@@ -27498,6 +27498,9 @@ const MERGE_KEYS = {
   tableWidth: "tableWidth",
   tableAlign: "tableAlign",
   tableCellWidth: "tableCellWidth",
+  tableStyleOptions: "tableStyleOptions",
+  tableStyleGallery: "tableStyleGallery",
+  tableDistribute: "tableDistribute",
   layoutWrapPreset: "layoutWrapPreset",
   layoutFixedPosition: "layoutFixedPosition"
 };
@@ -29781,6 +29784,31 @@ function setTableRowHeight(state, tableId, rowIndex, height) {
     (blocks) => updateTablesInBlocks(blocks, updateTable)
   );
 }
+const DEFAULT_DISTRIBUTED_ROW_PX = 24;
+function distributeSelectedTableRows(state) {
+  return updateActiveTableBlocks(state, (table) => {
+    var _a2;
+    let target = 0;
+    for (const row of table.rows) {
+      const height = (_a2 = row.style) == null ? void 0 : _a2.height;
+      const px = typeof height === "number" ? height : typeof height === "string" ? Number.parseFloat(height) : 0;
+      if (Number.isFinite(px) && px > target) target = px;
+    }
+    if (target <= 0) target = DEFAULT_DISTRIBUTED_ROW_PX;
+    const nextRows = table.rows.map(
+      (row) => ({
+        ...row,
+        style: {
+          ...row.style ?? {},
+          height: target,
+          heightRule: "atLeast"
+        }
+      })
+    );
+    return { ...table, rows: nextRows };
+  });
+}
+const DEFAULT_DISTRIBUTED_COLUMN_PT = 120;
 function parseWidthToPt(value) {
   if (typeof value === "number" && Number.isFinite(value)) {
     return value;
@@ -29896,6 +29924,49 @@ function setTableColumnWidths(state, tableId, columnWidths, tableWidth, tableInd
     (blocks) => updateTablesInBlocks(blocks, updateTable)
   );
 }
+function distributeSelectedTableColumns(state) {
+  return updateActiveTableBlocks(state, (table) => {
+    const layout = buildTableCellLayout(table);
+    const visualColumnCount = Math.max(
+      1,
+      ...layout.map(
+        (entry) => entry.visualColumnIndex + Math.max(1, entry.colSpan)
+      )
+    );
+    const totalPt = (table.gridCols ?? []).reduce(
+      (sum, width) => sum + (typeof width === "number" && width > 0 ? width : 0),
+      0
+    );
+    const total = totalPt > 0 ? totalPt : visualColumnCount * DEFAULT_DISTRIBUTED_COLUMN_PT;
+    const columnWidth = total / visualColumnCount;
+    const nextGridCols = Array.from(
+      { length: visualColumnCount },
+      () => columnWidth
+    );
+    const nextRows = table.rows.map((row, rowIndex) => ({
+      ...row,
+      cells: row.cells.map((cell, cellIndex) => {
+        const entry = layout.find(
+          (item) => item.rowIndex === rowIndex && item.cellIndex === cellIndex
+        );
+        if (!entry) return cell;
+        return {
+          ...cell,
+          style: {
+            ...cell.style ?? {},
+            width: columnWidth * Math.max(1, entry.colSpan)
+          }
+        };
+      })
+    }));
+    return {
+      ...table,
+      gridCols: nextGridCols,
+      rows: nextRows,
+      style: { ...table.style ?? {}, width: total }
+    };
+  });
+}
 function insertTableAtSelection(state, rows, cols) {
   const initialCellWidth = `${100 / Math.max(1, cols)}%`;
   const insertionRevision = state.trackChangesEnabled ? createTableRevisionMetadata() : void 0;
@@ -31475,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() {
@@ -31508,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,
@@ -31529,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,
@@ -31550,7 +31642,7 @@ function EditorDragLayers(props) {
         a: void 0,
         o: void 0
       });
-      return _el$3;
+      return _el$4;
     })()
   }), createComponent(Show, {
     get when() {
@@ -35768,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,
@@ -35818,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)
@@ -44541,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;
@@ -44728,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) {
@@ -44939,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,
@@ -44973,6 +45094,7 @@ function useEditorLayoutImpl(props) {
       setCommentHighlights([]);
       setSelectedImageBox(null);
       setSelectedTextBoxBox(null);
+      setSelectedTableBox(null);
       setCaretBox(
         (current) => ({
           ...current,
@@ -44992,6 +45114,7 @@ function useEditorLayoutImpl(props) {
       setCommentHighlights([]);
       setSelectedImageBox(null);
       setSelectedTextBoxBox(null);
+      setSelectedTableBox(null);
       setCaretBox(
         (current) => ({
           ...current,
@@ -45005,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);
   };
@@ -45112,6 +45236,7 @@ function useEditorLayoutImpl(props) {
     commentHighlights,
     selectedImageBox,
     selectedTextBoxBox,
+    selectedTableBox,
     caretBox,
     preferredColumnX,
     setPreferredColumnX,
@@ -45689,6 +45814,7 @@ function createEditorDocumentRuntimeImpl(deps) {
     commentHighlights,
     selectedImageBox,
     selectedTextBoxBox,
+    selectedTableBox,
     caretBox,
     preferredColumnX,
     setPreferredColumnX,
@@ -45777,6 +45903,7 @@ function createEditorDocumentRuntimeImpl(deps) {
     commentHighlights,
     selectedImageBox,
     selectedTextBoxBox,
+    selectedTableBox,
     caretBox,
     preferredColumnX,
     setPreferredColumnX,
@@ -49352,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) => {
@@ -49481,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);
@@ -49500,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);
 }
@@ -50794,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,
@@ -50872,6 +51147,7 @@ function useEditorInteractionWiring(ctx) {
   });
   return {
     tableResize,
+    tableCornerResize,
     tableDrag,
     revisionController,
     textDrag,
@@ -51029,6 +51305,7 @@ function createEditorInteractionRuntimeImpl(deps) {
     styleController,
     onEditorMouseDown,
     tableResize: wiring.tableResize,
+    tableCornerResize: wiring.tableCornerResize,
     tableDrag: wiring.tableDrag,
     revisionController: wiring.revisionController,
     textDrag: wiring.textDrag,
@@ -53470,6 +53747,102 @@ function buildTableCommands({
       "tableSetCellWidth",
       (p) => table.setCellWidth(String(p))
     ),
+    tableToggleHeaderRow: actionCommand(
+      "tableToggleHeaderRow",
+      () => table.toggleTblLook("firstRow"),
+      () => {
+        var _a2;
+        return {
+          isEnabled: table.insideTable(),
+          isActive: ((_a2 = table.getTblLook()) == null ? void 0 : _a2.firstRow) ?? false
+        };
+      }
+    ),
+    tableToggleTotalRow: actionCommand(
+      "tableToggleTotalRow",
+      () => table.toggleTblLook("lastRow"),
+      () => {
+        var _a2;
+        return {
+          isEnabled: table.insideTable(),
+          isActive: ((_a2 = table.getTblLook()) == null ? void 0 : _a2.lastRow) ?? false
+        };
+      }
+    ),
+    tableToggleBandedRows: actionCommand(
+      "tableToggleBandedRows",
+      () => table.toggleTblLook("bandedRows"),
+      () => {
+        var _a2;
+        return {
+          isEnabled: table.insideTable(),
+          isActive: ((_a2 = table.getTblLook()) == null ? void 0 : _a2.bandedRows) ?? false
+        };
+      }
+    ),
+    tableToggleFirstColumn: actionCommand(
+      "tableToggleFirstColumn",
+      () => table.toggleTblLook("firstCol"),
+      () => {
+        var _a2;
+        return {
+          isEnabled: table.insideTable(),
+          isActive: ((_a2 = table.getTblLook()) == null ? void 0 : _a2.firstCol) ?? false
+        };
+      }
+    ),
+    tableToggleLastColumn: actionCommand(
+      "tableToggleLastColumn",
+      () => table.toggleTblLook("lastCol"),
+      () => {
+        var _a2;
+        return {
+          isEnabled: table.insideTable(),
+          isActive: ((_a2 = table.getTblLook()) == null ? void 0 : _a2.lastCol) ?? false
+        };
+      }
+    ),
+    tableToggleBandedColumns: actionCommand(
+      "tableToggleBandedColumns",
+      () => table.toggleTblLook("bandedCols"),
+      () => {
+        var _a2;
+        return {
+          isEnabled: table.insideTable(),
+          isActive: ((_a2 = table.getTblLook()) == null ? void 0 : _a2.bandedCols) ?? false
+        };
+      }
+    ),
+    setTableStyle: actionCommand(
+      "setTableStyle",
+      (p) => table.setStyleId(String(p ?? "")),
+      () => ({
+        isEnabled: table.insideTable(),
+        value: table.getStyleId()
+      })
+    ),
+    tableToggleAutoFit: actionCommand(
+      "tableToggleAutoFit",
+      () => table.toggleAutoFit(),
+      () => ({
+        isEnabled: table.insideTable(),
+        isActive: table.getLayout() === "autofit"
+      })
+    ),
+    tableDistributeColumns: actionCommand(
+      "tableDistributeColumns",
+      () => table.distributeColumns(),
+      () => ({
+        isEnabled: gate.isCommandEnabled("tableDistributeColumns") && table.canEditColumn()
+      })
+    ),
+    tableDistributeRows: actionCommand(
+      "tableDistributeRows",
+      () => table.distributeRows(),
+      () => ({
+        isEnabled: gate.isCommandEnabled("tableDistributeRows") && table.canEditRow()
+      })
+    ),
     insertTable: actionCommand("insertTable", (p) => {
       const { rows, cols, columns } = p ?? {};
       const columnCount = cols ?? columns;
@@ -53882,6 +54255,34 @@ function createEditorEssentialsRuntimePlugin(options) {
       options.applyTransactionalState(producer, { mergeKey });
       options.focusInput();
     };
+    const RAW_TBL_LOOK_DEFAULTS = {
+      firstRow: false,
+      lastRow: false,
+      firstCol: false,
+      lastCol: false,
+      noHBand: false,
+      noVBand: false
+    };
+    const selectedTableIn = (state) => {
+      const secIdx = getActiveSectionIndex(state);
+      const loc = findParagraphTableLocation(
+        state.document,
+        state.selection.focus.paragraphId,
+        secIdx
+      );
+      if (!loc) return null;
+      const section = getDocumentSections(state.document)[secIdx];
+      if (!section) return null;
+      const blocks = loc.zone === "header" ? section.header ?? [] : loc.zone === "footer" ? section.footer ?? [] : section.blocks;
+      const table = blocks[loc.blockIndex];
+      return table && table.type === "table" ? table : null;
+    };
+    const rawTblLookIn = (state) => {
+      var _a2;
+      const table = selectedTableIn(state);
+      if (!table) return null;
+      return { ...RAW_TBL_LOOK_DEFAULTS, ...((_a2 = table.style) == null ? void 0 : _a2.tblLook) ?? {} };
+    };
     const selectionLabel = () => {
       const normalized = normalizeSelection(options.state());
       if (normalized.isCollapsed) return null;
@@ -53906,6 +54307,71 @@ function createEditorEssentialsRuntimePlugin(options) {
     return {
       insideTable,
       selectionLabel,
+      getTblLook: () => {
+        const raw = rawTblLookIn(options.state());
+        if (!raw) return null;
+        return {
+          firstRow: raw.firstRow,
+          lastRow: raw.lastRow,
+          firstCol: raw.firstCol,
+          lastCol: raw.lastCol,
+          // Banding is stored as the negated "no band" flags in OOXML.
+          bandedRows: !raw.noHBand,
+          bandedCols: !raw.noVBand
+        };
+      },
+      toggleTblLook: (flag) => apply((current) => {
+        const raw = rawTblLookIn(current);
+        if (!raw) return current;
+        const next = { ...raw };
+        switch (flag) {
+          case "firstRow":
+            next.firstRow = !raw.firstRow;
+            break;
+          case "lastRow":
+            next.lastRow = !raw.lastRow;
+            break;
+          case "firstCol":
+            next.firstCol = !raw.firstCol;
+            break;
+          case "lastCol":
+            next.lastCol = !raw.lastCol;
+            break;
+          case "bandedRows":
+            next.noHBand = !raw.noHBand;
+            break;
+          case "bandedCols":
+            next.noVBand = !raw.noVBand;
+            break;
+        }
+        return setTableStyleValue(current, "tblLook", next);
+      }, MERGE_KEYS.tableStyleOptions),
+      getStyleId: () => {
+        var _a2, _b2;
+        return ((_b2 = (_a2 = selectedTableIn(options.state())) == null ? void 0 : _a2.style) == null ? void 0 : _b2.styleId) ?? null;
+      },
+      setStyleId: (styleId) => apply(
+        (current) => setTableStyleValue(current, "styleId", styleId || null),
+        MERGE_KEYS.tableStyleGallery
+      ),
+      getLayout: () => {
+        var _a2, _b2;
+        return ((_b2 = (_a2 = selectedTableIn(options.state())) == null ? void 0 : _a2.style) == null ? void 0 : _b2.layout) ?? null;
+      },
+      toggleAutoFit: () => apply((current) => {
+        var _a2;
+        const table = selectedTableIn(current);
+        const nextLayout = ((_a2 = table == null ? void 0 : table.style) == null ? void 0 : _a2.layout) === "autofit" ? "fixed" : "autofit";
+        return setTableStyleValue(current, "layout", nextLayout);
+      }, MERGE_KEYS.tableDistribute),
+      distributeColumns: () => apply(
+        (current) => distributeSelectedTableColumns(current),
+        MERGE_KEYS.tableDistribute
+      ),
+      distributeRows: () => apply(
+        (current) => distributeSelectedTableRows(current),
+        MERGE_KEYS.tableDistribute
+      ),
       canMerge: () => options.tableOps.canMergeSelectedTable(options.state()),
       canSplit: () => options.tableOps.canSplitSelectedTable(options.state()),
       canEditColumn: () => options.tableOps.canEditSelectedTableColumn(options.state()),
@@ -54757,6 +55223,7 @@ function OasisEditorApp(props = {}) {
     commentHighlights,
     selectedImageBox,
     selectedTextBoxBox,
+    selectedTableBox,
     caretBox,
     preferredColumnX,
     setPreferredColumnX,
@@ -54803,6 +55270,7 @@ function OasisEditorApp(props = {}) {
     styleController,
     onEditorMouseDown,
     tableResize,
+    tableCornerResize,
     tableDrag,
     revisionController,
     textDrag,
@@ -54902,6 +55370,7 @@ function OasisEditorApp(props = {}) {
       commentHighlights,
       selectedImageBox,
       selectedTextBoxBox,
+      selectedTableBox,
       layoutOptions: layoutOptionsOverlay,
       caretBox,
       inputBox,
@@ -54920,6 +55389,7 @@ function OasisEditorApp(props = {}) {
     surface: {
       surfaceEvents: surfaceEventsWithTextDrag,
       tableResize,
+      tableCornerResize,
       tableDrag,
       revisionController,
       handleDrop,
@@ -55064,6 +55534,7 @@ function OasisEditorApp(props = {}) {
           return zoom.zoomFactor;
         },
         tableResize,
+        tableCornerResize,
         imageOps,
         tableDrag,
         textDrag