oasis-editor 0.0.114 → 0.0.115

package/dist/{index-CwpzM--5.js → index-Cq3YFYX2.js}

@@ -2539,7 +2539,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-XloOiKSu.js").then((m) => {
+    import("./OasisEditorApp-C1dyjJoH.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -17843,17 +17843,8 @@ function drawStackedParagraph(ctx, paragraph, state, box, startColumn, columnsRt
   ctx.restore();
   return endColumnRight;
 }
-const NO_WRAP_WIDTH_PX = 1e5;
-function resolveCellVerticalMode(cell) {
-  var _a, _b, _c;
-  const direction = ((_a = cell.style) == null ? void 0 : _a.textDirection) ?? ((_c = (_b = cell.blocks[0]) == null ? void 0 : _b.style) == null ? void 0 : _c.textDirection) ?? null;
-  return resolveVerticalMode(direction);
-}
-const DEFAULT_TABLE_ROW_HEIGHT = 14;
 const DEFAULT_CELL_PADDING_TOP_BOTTOM_PX = 0;
 const DEFAULT_CELL_PADDING_LEFT_RIGHT_PX = 7.2;
-const MIN_TABLE_CELL_CONTENT_WIDTH_PX = 24;
-const MIN_TABLE_CELL_CONTENT_HEIGHT_PX = 1;
 function toPx(value) {
   return value * PX_PER_POINT;
 }
@@ -17872,51 +17863,6 @@ function parseDimensionToPx(value) {
   const parsed = Number.parseFloat(trimmed);
   return Number.isFinite(parsed) ? parsed : null;
 }
-function resolveCanvasTableWidth(table, contentWidth) {
-  var _a;
-  const raw = (_a = table.style) == null ? void 0 : _a.width;
-  if (typeof raw === "number") return Math.max(24, toPx(raw));
-  if (typeof raw === "string" && raw.trim().endsWith("%")) {
-    const value = Number.parseFloat(raw.trim().slice(0, -1));
-    if (Number.isFinite(value))
-      return Math.max(24, contentWidth * (value / 100));
-  }
-  return contentWidth;
-}
-function resolveTableIndentLeft(table) {
-  var _a;
-  const raw = (_a = table.style) == null ? void 0 : _a.indentLeft;
-  return typeof raw === "number" && Number.isFinite(raw) ? toPx(raw) : 0;
-}
-function resolveTableCellSpacingPx(table) {
-  var _a;
-  const px = parseDimensionToPx((_a = table.style) == null ? void 0 : _a.cellSpacing);
-  return px !== null && px > 0 ? px : 0;
-}
-function lineNaturalWidth(line) {
-  if (line.slots.length < 2) return 0;
-  return line.slots[line.slots.length - 1].left - line.slots[0].left;
-}
-function applyFitTextScale(paragraph, scalePercent) {
-  return {
-    ...paragraph,
-    runs: paragraph.runs.map((run) => {
-      var _a;
-      const existing = (_a = run.styles) == null ? void 0 : _a.characterScale;
-      const combined = typeof existing === "number" && existing > 0 ? existing * scalePercent / 100 : scalePercent;
-      return { ...run, styles: { ...run.styles, characterScale: combined } };
-    })
-  };
-}
-function resolveTableLeftOffset(table, tableWidth, contentWidth) {
-  var _a;
-  const align = (_a = table.style) == null ? void 0 : _a.align;
-  if (align === "center" || align === "right") {
-    const slack = Math.max(0, contentWidth - tableWidth);
-    return align === "center" ? slack / 2 : slack;
-  }
-  return resolveTableIndentLeft(table);
-}
 function resolveDefaultBorder() {
   return { width: 1, color: "#6f6f6f", type: "solid" };
 }
@@ -17945,6 +17891,17 @@ function resolveCellPadding(cell) {
   const left = ((_f = cell.style) == null ? void 0 : _f.paddingLeft) !== void 0 ? toPx(cell.style.paddingLeft) : ((_g = cell.style) == null ? void 0 : _g.paddingStart) !== void 0 ? toPx(cell.style.paddingStart) : DEFAULT_CELL_PADDING_LEFT_RIGHT_PX;
   return { top, right, bottom, left };
 }
+function resolveVerticalContentOffset(cell, contentHeightPx, contentNaturalHeightPx) {
+  var _a, _b;
+  const available = Math.max(0, contentHeightPx - contentNaturalHeightPx);
+  if (((_a = cell.style) == null ? void 0 : _a.verticalAlign) === "bottom") {
+    return available;
+  }
+  if (((_b = cell.style) == null ? void 0 : _b.verticalAlign) === "middle") {
+    return available / 2;
+  }
+  return 0;
+}
 function fitImagesToCellWidth(paragraph, maxImageWidthPx) {
   if (!Number.isFinite(maxImageWidthPx) || maxImageWidthPx <= 0) {
     return paragraph;
@@ -17968,116 +17925,87 @@ function fitImagesToCellWidth(paragraph, maxImageWidthPx) {
   if (!changed) return paragraph;
   return { ...paragraph, runs };
 }
-function resolveVerticalContentOffset(cell, contentHeightPx, contentNaturalHeightPx) {
-  var _a, _b;
-  const available = Math.max(0, contentHeightPx - contentNaturalHeightPx);
-  if (((_a = cell.style) == null ? void 0 : _a.verticalAlign) === "bottom") {
-    return available;
+function applyFitTextScale(paragraph, scalePercent) {
+  return {
+    ...paragraph,
+    runs: paragraph.runs.map((run) => {
+      var _a;
+      const existing = (_a = run.styles) == null ? void 0 : _a.characterScale;
+      const combined = typeof existing === "number" && existing > 0 ? existing * scalePercent / 100 : scalePercent;
+      return { ...run, styles: { ...run.styles, characterScale: combined } };
+    })
+  };
+}
+function resolveCanvasTableWidth(table, contentWidth) {
+  var _a;
+  const raw = (_a = table.style) == null ? void 0 : _a.width;
+  if (typeof raw === "number") return Math.max(24, toPx(raw));
+  if (typeof raw === "string" && raw.trim().endsWith("%")) {
+    const value = Number.parseFloat(raw.trim().slice(0, -1));
+    if (Number.isFinite(value))
+      return Math.max(24, contentWidth * (value / 100));
   }
-  if (((_b = cell.style) == null ? void 0 : _b.verticalAlign) === "middle") {
-    return available / 2;
+  return contentWidth;
+}
+function resolveTableIndentLeft(table) {
+  var _a;
+  const raw = (_a = table.style) == null ? void 0 : _a.indentLeft;
+  return typeof raw === "number" && Number.isFinite(raw) ? toPx(raw) : 0;
+}
+function resolveTableCellSpacingPx(table) {
+  var _a;
+  const px = parseDimensionToPx((_a = table.style) == null ? void 0 : _a.cellSpacing);
+  return px !== null && px > 0 ? px : 0;
+}
+function resolveTableLeftOffset(table, tableWidth, contentWidth) {
+  var _a;
+  const align = (_a = table.style) == null ? void 0 : _a.align;
+  if (align === "center" || align === "right") {
+    const slack = Math.max(0, contentWidth - tableWidth);
+    return align === "center" ? slack / 2 : slack;
   }
-  return 0;
+  return resolveTableIndentLeft(table);
 }
-function buildCanvasTableLayout(options) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J;
+const NO_WRAP_WIDTH_PX = 1e5;
+const MIN_TABLE_CELL_CONTENT_WIDTH_PX = 24;
+function resolveCellVerticalMode(cell) {
+  var _a, _b, _c;
+  const direction = ((_a = cell.style) == null ? void 0 : _a.textDirection) ?? ((_c = (_b = cell.blocks[0]) == null ? void 0 : _b.style) == null ? void 0 : _c.textDirection) ?? null;
+  return resolveVerticalMode(direction);
+}
+function lineNaturalWidth(line) {
+  if (line.slots.length < 2) return 0;
+  return line.slots[line.slots.length - 1].left - line.slots[0].left;
+}
+function prepareCells(options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
   const {
-    table: sourceTable,
+    table,
+    sourceTable,
+    tableEntries,
+    columnOffsets,
+    cellSpacingPx,
+    visualColumnCount,
+    effectiveRowStyles,
     state,
-    pageIndex,
-    originX,
-    originY,
-    contentWidth,
-    estimatedHeight
+    pageIndex
   } = options;
-  const table = {
-    ...sourceTable,
-    style: resolveEffectiveTableStyle(sourceTable, state.document.styles)
-  };
-  const tableWidth = resolveCanvasTableWidth(table, contentWidth);
-  const tableLeft = originX + resolveTableLeftOffset(table, tableWidth, contentWidth);
-  const cellSpacingPx = resolveTableCellSpacingPx(table);
-  const tableEntries = buildTableCellLayout(table);
   const unsupported = [];
-  const visualColumnCount = Math.max(
-    1,
-    ...tableEntries.map(
-      (entry) => entry.visualColumnIndex + Math.max(1, entry.colSpan)
-    )
-  );
-  const columnsWidthBudget = Math.max(
-    visualColumnCount,
-    tableWidth - (visualColumnCount + 1) * cellSpacingPx
-  );
-  let resolvedColumnWidths = [];
-  if (table.gridCols && table.gridCols.length >= visualColumnCount) {
-    const gridTotalWidth = table.gridCols.reduce((a, b) => a + b, 0);
-    const scale = gridTotalWidth > 0 ? columnsWidthBudget / gridTotalWidth : 1;
-    resolvedColumnWidths = table.gridCols.map((w) => w * scale);
-  } else {
-    const baseCellWidth = columnsWidthBudget / visualColumnCount;
-    resolvedColumnWidths = Array(visualColumnCount).fill(baseCellWidth);
-    for (const entry of tableEntries) {
-      if (Math.max(1, entry.colSpan) !== 1) continue;
-      const cell = (_a = table.rows[entry.rowIndex]) == null ? void 0 : _a.cells[entry.cellIndex];
-      if (!cell || resolveCellVerticalMode(cell) !== "stack") continue;
-      let glyphWidth = 0;
-      for (const block of cell.blocks) {
-        if (block.type !== "paragraph") continue;
-        glyphWidth = Math.max(
-          glyphWidth,
-          estimateStackedColumnWidth(block, state)
-        );
-      }
-      if (glyphWidth <= 0) continue;
-      const padding = resolveCellPadding(cell);
-      const needed = glyphWidth + padding.left + padding.right + resolveBorder(((_b = cell.style) == null ? void 0 : _b.borderLeft) ?? ((_c = cell.style) == null ? void 0 : _c.borderStart)).width + resolveBorder(((_d = cell.style) == null ? void 0 : _d.borderRight) ?? ((_e = cell.style) == null ? void 0 : _e.borderEnd)).width;
-      const col = entry.visualColumnIndex;
-      if (needed > (resolvedColumnWidths[col] ?? 0)) {
-        resolvedColumnWidths[col] = needed;
-      }
-    }
-  }
-  const columnOffsets = [cellSpacingPx];
-  for (let i = 0; i < resolvedColumnWidths.length; i++) {
-    columnOffsets[i + 1] = columnOffsets[i] + resolvedColumnWidths[i] + cellSpacingPx;
-  }
   const cellEntriesByKey = new Map(
     tableEntries.map(
       (entry) => [`${entry.rowIndex}:${entry.cellIndex}`, entry]
     )
   );
-  const effectiveRowStyles = table.rows.map((row, rowIndex) => {
-    const entry = tableEntries.find(
-      (candidate) => candidate.rowIndex === rowIndex
-    );
-    return entry ? resolveEffectiveTableCellFormatting({
-      table: sourceTable,
-      rowIndex,
-      cellIndex: entry.cellIndex,
-      visualColumnIndex: entry.visualColumnIndex,
-      columnCount: visualColumnCount,
-      styles: state.document.styles
-    }).rowStyle : row.style;
-  });
   const prepared = [];
   for (let rowIndex = 0; rowIndex < table.rows.length; rowIndex += 1) {
     const row = table.rows[rowIndex];
-    if ((_f = effectiveRowStyles[rowIndex]) == null ? void 0 : _f.hidden) {
-      continue;
-    }
-    if (((_h = (_g = effectiveRowStyles[rowIndex]) == null ? void 0 : _g.revision) == null ? void 0 : _h.type) === "delete") {
-      continue;
-    }
+    if ((_a = effectiveRowStyles[rowIndex]) == null ? void 0 : _a.hidden) continue;
+    if (((_c = (_b = effectiveRowStyles[rowIndex]) == null ? void 0 : _b.revision) == null ? void 0 : _c.type) === "delete") continue;
     for (let cellIndex = 0; cellIndex < row.cells.length; cellIndex += 1) {
       const sourceCell = row.cells[cellIndex];
-      if (((_j = (_i = sourceCell.style) == null ? void 0 : _i.revision) == null ? void 0 : _j.type) === "delete") {
-        continue;
-      }
+      if (((_e = (_d = sourceCell.style) == null ? void 0 : _d.revision) == null ? void 0 : _e.type) === "delete") continue;
       const entry = cellEntriesByKey.get(`${rowIndex}:${cellIndex}`);
-      if (!entry) {
-        continue;
-      }
+      if (!entry) continue;
       const formatting = resolveEffectiveTableCellFormatting({
         table: sourceTable,
         rowIndex,
@@ -18099,36 +18027,25 @@ function buildCanvasTableLayout(options) {
       };
       const effectiveRow = formatting.rowStyle;
       const rowSpan = Math.max(1, cell.rowSpan ?? 1);
-      if (rowSpan > 1) {
-        unsupported.push("unsupported:v-span");
-      }
-      if (cell.vMerge === "continue" || cell.vMerge === "restart") {
+      if (rowSpan > 1) unsupported.push("unsupported:v-span");
+      if (cell.vMerge === "continue" || cell.vMerge === "restart")
         unsupported.push("unsupported:v-merge");
-      }
       const visualCol = entry.visualColumnIndex;
       const colSpan = Math.max(1, entry.colSpan);
       const width = Math.max(
         1,
-        (columnOffsets[visualCol + colSpan] ?? tableWidth) - (columnOffsets[visualCol] ?? 0) - cellSpacingPx
+        (columnOffsets[visualCol + colSpan] ?? 0) - (columnOffsets[visualCol] ?? 0) - cellSpacingPx
       );
       const padding = resolveCellPadding(cell);
-      const logicalLeft = ((_k = table.style) == null ? void 0 : _k.bidiVisual) ? (_l = cell.style) == null ? void 0 : _l.borderEnd : (_m = cell.style) == null ? void 0 : _m.borderStart;
-      const logicalRight = ((_n = table.style) == null ? void 0 : _n.bidiVisual) ? (_o = cell.style) == null ? void 0 : _o.borderStart : (_p = cell.style) == null ? void 0 : _p.borderEnd;
+      const logicalLeft = ((_f = table.style) == null ? void 0 : _f.bidiVisual) ? (_g = cell.style) == null ? void 0 : _g.borderEnd : (_h = cell.style) == null ? void 0 : _h.borderStart;
+      const logicalRight = ((_i = table.style) == null ? void 0 : _i.bidiVisual) ? (_j = cell.style) == null ? void 0 : _j.borderStart : (_k = cell.style) == null ? void 0 : _k.borderEnd;
       const borders = {
-        top: resolveBorder((_q = cell.style) == null ? void 0 : _q.borderTop),
-        right: resolveBorder(((_r = cell.style) == null ? void 0 : _r.borderRight) ?? logicalRight),
-        bottom: resolveBorder((_s = cell.style) == null ? void 0 : _s.borderBottom),
-        left: resolveBorder(((_t = cell.style) == null ? void 0 : _t.borderLeft) ?? logicalLeft),
-        ...((_u = cell.style) == null ? void 0 : _u.borderTopLeftToBottomRight) ? {
-          topLeftToBottomRight: resolveBorder(
-            cell.style.borderTopLeftToBottomRight
-          )
-        } : {},
-        ...((_v = cell.style) == null ? void 0 : _v.borderTopRightToBottomLeft) ? {
-          topRightToBottomLeft: resolveBorder(
-            cell.style.borderTopRightToBottomLeft
-          )
-        } : {}
+        top: resolveBorder((_l = cell.style) == null ? void 0 : _l.borderTop),
+        right: resolveBorder(((_m = cell.style) == null ? void 0 : _m.borderRight) ?? logicalRight),
+        bottom: resolveBorder((_n = cell.style) == null ? void 0 : _n.borderBottom),
+        left: resolveBorder(((_o = cell.style) == null ? void 0 : _o.borderLeft) ?? logicalLeft),
+        ...((_p = cell.style) == null ? void 0 : _p.borderTopLeftToBottomRight) ? { topLeftToBottomRight: resolveBorder(cell.style.borderTopLeftToBottomRight) } : {},
+        ...((_q = cell.style) == null ? void 0 : _q.borderTopRightToBottomLeft) ? { topRightToBottomLeft: resolveBorder(cell.style.borderTopRightToBottomLeft) } : {}
       };
       const contentWidthPx = Math.max(
         MIN_TABLE_CELL_CONTENT_WIDTH_PX,
@@ -18137,10 +18054,10 @@ function buildCanvasTableLayout(options) {
       const verticalMode = resolveCellVerticalMode(cell);
       const isRotated = verticalMode === "rotate-cw" || verticalMode === "rotate-ccw";
       const isStacked = verticalMode === "stack";
-      const isFitText = !!((_w = cell.style) == null ? void 0 : _w.fitText) && !isRotated && !isStacked;
+      const isFitText = !!((_r = cell.style) == null ? void 0 : _r.fitText) && !isRotated && !isStacked;
       const explicitRowHeightPx = parseDimensionToPx(effectiveRow.height);
       const hasExplicitRowHeight = explicitRowHeightPx !== null && explicitRowHeightPx > 0;
-      const wrapWidth = isRotated || ((_x = cell.style) == null ? void 0 : _x.noWrap) ? isRotated && hasExplicitRowHeight ? Math.max(
+      const wrapWidth = isRotated || ((_s = cell.style) == null ? void 0 : _s.noWrap) ? isRotated && hasExplicitRowHeight ? Math.max(
         MIN_TABLE_CELL_CONTENT_WIDTH_PX,
         explicitRowHeightPx - borders.top.width - borders.bottom.width - padding.top - padding.bottom
       ) : NO_WRAP_WIDTH_PX : contentWidthPx;
@@ -18156,7 +18073,7 @@ function buildCanvasTableLayout(options) {
             state.document.styles,
             NO_WRAP_WIDTH_PX,
             void 0,
-            (_y = state.document.settings) == null ? void 0 : _y.defaultTabStop
+            (_t = state.document.settings) == null ? void 0 : _t.defaultTabStop
           );
           const naturalWidth = noWrapProjected.lines.length > 0 ? lineNaturalWidth(noWrapProjected.lines[0]) : 0;
           if (naturalWidth > 0 && contentWidthPx > 0) {
@@ -18182,7 +18099,7 @@ function buildCanvasTableLayout(options) {
             spacingBefore,
             spacingAfter
           });
-          const paragraphStyleSize = ((_A = (_z = paragraph.runs[0]) == null ? void 0 : _z.styles) == null ? void 0 : _A.fontSize) ?? DEFAULT_FONT_SIZE_PX;
+          const paragraphStyleSize = ((_v = (_u = paragraph.runs[0]) == null ? void 0 : _u.styles) == null ? void 0 : _v.fontSize) ?? DEFAULT_FONT_SIZE_PX;
           contentNaturalHeightPx = Math.max(
             contentNaturalHeightPx,
             hasExplicitRowHeight ? paragraphStyleSize * 1.25 : stackLength
@@ -18196,13 +18113,13 @@ function buildCanvasTableLayout(options) {
           state.document.styles,
           wrapWidth,
           void 0,
-          (_B = state.document.settings) == null ? void 0 : _B.defaultTabStop
+          (_w = state.document.settings) == null ? void 0 : _w.defaultTabStop
         );
         const linesBottom = projected.lines.length > 0 ? Math.max(...projected.lines.map((line) => line.top + line.height)) : 1;
         let effectiveSpacingBefore = spacingBefore;
         if (!isRotated && projectedParagraphs.length > 0) {
           const previous = projectedParagraphs[projectedParagraphs.length - 1];
-          if (((_C = state.document.settings) == null ? void 0 : _C.allowSpaceOfSameStyleInTable) && shouldCollapseContextualSpacing(
+          if (((_x = state.document.settings) == null ? void 0 : _x.allowSpaceOfSameStyleInTable) && shouldCollapseContextualSpacing(
             previous.paragraph,
             paragraph,
             state.document.styles
@@ -18210,10 +18127,7 @@ function buildCanvasTableLayout(options) {
             const removedAfter = previous.spacingAfter;
             previous.height = Math.max(1, previous.height - removedAfter);
             previous.spacingAfter = 0;
-            contentNaturalHeightPx = Math.max(
-              0,
-              contentNaturalHeightPx - removedAfter
-            );
+            contentNaturalHeightPx = Math.max(0, contentNaturalHeightPx - removedAfter);
             effectiveSpacingBefore = 0;
           } else {
             const collapsed = Math.min(previous.spacingAfter, spacingBefore);
@@ -18258,15 +18172,13 @@ function buildCanvasTableLayout(options) {
           contentNaturalHeightPx += paragraphHeight;
         }
       }
-      if ((_D = cell.style) == null ? void 0 : _D.hideMark) {
+      if ((_y = cell.style) == null ? void 0 : _y.hideMark) {
         const allEmpty = cell.blocks.every(
           (para) => para.runs.every(
             (run) => (run.kind === "text" || run.kind === void 0) && (!run.text || run.text.length === 0)
           )
         );
-        if (allEmpty) {
-          contentNaturalHeightPx = 0;
-        }
+        if (allEmpty) contentNaturalHeightPx = 0;
       }
       prepared.push({
         rowIndex,
@@ -18285,21 +18197,24 @@ function buildCanvasTableLayout(options) {
       });
     }
   }
+  return { prepared, unsupported };
+}
+const DEFAULT_TABLE_ROW_HEIGHT$1 = 14;
+function resolveRowHeights(options) {
+  var _a, _b, _c;
+  const { prepared, table, effectiveRowStyles, estimatedHeight } = options;
   const rowCount = Math.max(1, table.rows.length);
-  const explicitRowHeights = table.rows.map((row) => {
+  const explicitRowHeights = table.rows.map((row, rowIndex) => {
     var _a2;
-    const rowIndex = table.rows.indexOf(row);
     const effective = effectiveRowStyles[rowIndex];
-    if ((effective == null ? void 0 : effective.hidden) || ((_a2 = effective == null ? void 0 : effective.revision) == null ? void 0 : _a2.type) === "delete") {
-      return 0;
-    }
+    if ((effective == null ? void 0 : effective.hidden) || ((_a2 = effective == null ? void 0 : effective.revision) == null ? void 0 : _a2.type) === "delete") return 0;
     const explicit = parseDimensionToPx(effective == null ? void 0 : effective.height);
     return explicit !== null && explicit > 0 ? explicit : null;
   });
-  const fallbackPerRow = estimatedHeight > 0 ? estimatedHeight / rowCount : DEFAULT_TABLE_ROW_HEIGHT;
+  const fallbackPerRow = estimatedHeight > 0 ? estimatedHeight / rowCount : DEFAULT_TABLE_ROW_HEIGHT$1;
   const rowHeights = [];
   for (let rowIndex = 0; rowIndex < table.rows.length; rowIndex += 1) {
-    if (((_E = effectiveRowStyles[rowIndex]) == null ? void 0 : _E.hidden) || ((_G = (_F = effectiveRowStyles[rowIndex]) == null ? void 0 : _F.revision) == null ? void 0 : _G.type) === "delete") {
+    if (((_a = effectiveRowStyles[rowIndex]) == null ? void 0 : _a.hidden) || ((_c = (_b = effectiveRowStyles[rowIndex]) == null ? void 0 : _b.revision) == null ? void 0 : _c.type) === "delete") {
       rowHeights[rowIndex] = 0;
       continue;
     }
@@ -18314,12 +18229,22 @@ function buildCanvasTableLayout(options) {
     const baseFloor = explicit !== null ? explicit : Math.max(1, fallbackPerRow * 0.25);
     rowHeights[rowIndex] = Math.max(baseFloor, measured, 1);
   }
-  const rowOffsets = [];
-  let cumulativeY = cellSpacingPx;
-  for (let rowIndex = 0; rowIndex < table.rows.length; rowIndex += 1) {
-    rowOffsets[rowIndex] = cumulativeY;
-    cumulativeY += (rowHeights[rowIndex] ?? DEFAULT_TABLE_ROW_HEIGHT) + cellSpacingPx;
-  }
+  return rowHeights;
+}
+const DEFAULT_TABLE_ROW_HEIGHT = 14;
+const MIN_TABLE_CELL_CONTENT_HEIGHT_PX = 1;
+function assembleCellEntries(options) {
+  var _a, _b, _c;
+  const {
+    prepared,
+    rowHeights,
+    rowOffsets,
+    columnOffsets,
+    tableLeft,
+    originY,
+    cellSpacingPx,
+    table
+  } = options;
   const cells = [];
   for (const cellEntry of prepared) {
     const {
@@ -18354,11 +18279,7 @@ function buildCanvasTableLayout(options) {
       0
     );
     let paragraphCursorY = 0;
-    const verticalContentOffset = cellEntry.verticalMode === "horizontal" ? resolveVerticalContentOffset(
-      cell,
-      contentHeightPx,
-      cellEntry.contentNaturalHeightPx
-    ) : 0;
+    const verticalContentOffset = cellEntry.verticalMode === "horizontal" ? resolveVerticalContentOffset(cell, contentHeightPx, cellEntry.contentNaturalHeightPx) : 0;
     const paragraphs = [];
     for (const projected of cellEntry.projectedParagraphs) {
       paragraphs.push({
@@ -18383,21 +18304,132 @@ function buildCanvasTableLayout(options) {
       contentTop,
       contentWidth: contentWidthPx,
       contentHeight: contentHeightPx,
-      shading: (_H = cell.style) == null ? void 0 : _H.shading,
+      shading: (_a = cell.style) == null ? void 0 : _a.shading,
       anchorPosition,
       padding,
       borders,
       paragraphs,
       verticalMode: cellEntry.verticalMode,
-      revision: ((_I = cell.style) == null ? void 0 : _I.revision) ?? (((_J = cell.style) == null ? void 0 : _J.propertyRevision) ? { ...cell.style.propertyRevision, type: "property" } : void 0)
+      revision: ((_b = cell.style) == null ? void 0 : _b.revision) ?? (((_c = cell.style) == null ? void 0 : _c.propertyRevision) ? { ...cell.style.propertyRevision, type: "property" } : void 0)
     });
   }
+  return cells;
+}
+function buildRowOffsets(rowHeights, cellSpacingPx) {
+  const rowOffsets = [];
+  let cumulativeY = cellSpacingPx;
+  for (let rowIndex = 0; rowIndex < rowHeights.length; rowIndex += 1) {
+    rowOffsets[rowIndex] = cumulativeY;
+    cumulativeY += (rowHeights[rowIndex] ?? DEFAULT_TABLE_ROW_HEIGHT) + cellSpacingPx;
+  }
+  return rowOffsets;
+}
+function buildCanvasTableLayout(options) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const {
+    table: sourceTable,
+    state,
+    pageIndex,
+    originX,
+    originY,
+    contentWidth,
+    estimatedHeight
+  } = options;
+  const table = {
+    ...sourceTable,
+    style: resolveEffectiveTableStyle(sourceTable, state.document.styles)
+  };
+  const tableWidth = resolveCanvasTableWidth(table, contentWidth);
+  const tableLeft = originX + resolveTableLeftOffset(table, tableWidth, contentWidth);
+  const cellSpacingPx = resolveTableCellSpacingPx(table);
+  const tableEntries = buildTableCellLayout(table);
+  const visualColumnCount = Math.max(
+    1,
+    ...tableEntries.map(
+      (entry) => entry.visualColumnIndex + Math.max(1, entry.colSpan)
+    )
+  );
+  const columnsWidthBudget = Math.max(
+    visualColumnCount,
+    tableWidth - (visualColumnCount + 1) * cellSpacingPx
+  );
+  let resolvedColumnWidths = [];
+  if (table.gridCols && table.gridCols.length >= visualColumnCount) {
+    const gridTotalWidth = table.gridCols.reduce((a, b) => a + b, 0);
+    const scale = gridTotalWidth > 0 ? columnsWidthBudget / gridTotalWidth : 1;
+    resolvedColumnWidths = table.gridCols.map((w) => w * scale);
+  } else {
+    const baseCellWidth = columnsWidthBudget / visualColumnCount;
+    resolvedColumnWidths = Array(visualColumnCount).fill(baseCellWidth);
+    for (const entry of tableEntries) {
+      if (Math.max(1, entry.colSpan) !== 1) continue;
+      const cell = (_a = table.rows[entry.rowIndex]) == null ? void 0 : _a.cells[entry.cellIndex];
+      if (!cell) continue;
+      const direction = ((_b = cell.style) == null ? void 0 : _b.textDirection) ?? ((_d = (_c = cell.blocks[0]) == null ? void 0 : _c.style) == null ? void 0 : _d.textDirection) ?? null;
+      if (direction !== "tbRl" && direction !== "btLr" && direction !== "lrTbV" && direction !== "tbRlV")
+        continue;
+      let glyphWidth = 0;
+      for (const block of cell.blocks) {
+        if (block.type !== "paragraph") continue;
+        glyphWidth = Math.max(glyphWidth, estimateStackedColumnWidth(block, state));
+      }
+      if (glyphWidth <= 0) continue;
+      const padding = resolveCellPadding(cell);
+      const needed = glyphWidth + padding.left + padding.right + resolveBorder(((_e = cell.style) == null ? void 0 : _e.borderLeft) ?? ((_f = cell.style) == null ? void 0 : _f.borderStart)).width + resolveBorder(((_g = cell.style) == null ? void 0 : _g.borderRight) ?? ((_h = cell.style) == null ? void 0 : _h.borderEnd)).width;
+      const col = entry.visualColumnIndex;
+      if (needed > (resolvedColumnWidths[col] ?? 0)) {
+        resolvedColumnWidths[col] = needed;
+      }
+    }
+  }
+  const columnOffsets = [cellSpacingPx];
+  for (let i = 0; i < resolvedColumnWidths.length; i++) {
+    columnOffsets[i + 1] = columnOffsets[i] + resolvedColumnWidths[i] + cellSpacingPx;
+  }
+  const effectiveRowStyles = table.rows.map((row, rowIndex) => {
+    const entry = tableEntries.find((candidate) => candidate.rowIndex === rowIndex);
+    return entry ? resolveEffectiveTableCellFormatting({
+      table: sourceTable,
+      rowIndex,
+      cellIndex: entry.cellIndex,
+      visualColumnIndex: entry.visualColumnIndex,
+      columnCount: visualColumnCount,
+      styles: state.document.styles
+    }).rowStyle : row.style;
+  });
+  const { prepared, unsupported } = prepareCells({
+    table,
+    sourceTable,
+    tableEntries,
+    columnOffsets,
+    cellSpacingPx,
+    visualColumnCount,
+    effectiveRowStyles,
+    state,
+    pageIndex
+  });
+  const rowHeights = resolveRowHeights({
+    prepared,
+    table,
+    effectiveRowStyles,
+    estimatedHeight
+  });
+  const rowOffsets = buildRowOffsets(rowHeights, cellSpacingPx);
+  const cells = assembleCellEntries({
+    prepared,
+    rowHeights,
+    rowOffsets,
+    columnOffsets,
+    tableLeft,
+    originY,
+    cellSpacingPx,
+    table
+  });
   return {
     tableId: table.id,
     left: tableLeft,
     top: originY,
     width: tableWidth,
-    // Total height includes the leading/trailing/inter-row cell-spacing gaps.
     height: rowHeights.reduce((sum, current) => sum + current, 0) + (rowHeights.length + 1) * cellSpacingPx,
     rowHeights,
     cells,
@@ -18413,45 +18445,6 @@ function PageBreak(props) {
     return _el$;
   })();
 }
-const HEX6_PATTERN = /^[0-9a-fA-F]{6}$/;
-function stripHashPrefix(color) {
-  return color.trim().replace(/^#/, "");
-}
-function normalizeHex6(color) {
-  if (!color) {
-    return null;
-  }
-  const body = stripHashPrefix(color);
-  return HEX6_PATTERN.test(body) ? body.toUpperCase() : null;
-}
-function parseHexColorToRgb255(color) {
-  if (!color) {
-    return null;
-  }
-  const normalized = stripHashPrefix(color);
-  if (!HEX6_PATTERN.test(normalized)) {
-    return null;
-  }
-  return [
-    Number.parseInt(normalized.slice(0, 2), 16),
-    Number.parseInt(normalized.slice(2, 4), 16),
-    Number.parseInt(normalized.slice(4, 6), 16)
-  ];
-}
-function rgb255ToHex(r, g2, b) {
-  const toHex2 = (value) => Math.max(0, Math.min(255, Math.round(value))).toString(16).padStart(2, "0");
-  return `#${toHex2(r)}${toHex2(g2)}${toHex2(b)}`;
-}
-const imageCache = /* @__PURE__ */ new Map();
-function getCachedCanvasImage(src, onUpdate) {
-  const cached = imageCache.get(src);
-  if (cached) return cached;
-  const img = new Image();
-  img.src = src;
-  img.onload = onUpdate;
-  imageCache.set(src, img);
-  return img;
-}
 const listLabelsCache = /* @__PURE__ */ new WeakMap();
 function resolveListPrefix(paragraph, document2) {
   let labels = listLabelsCache.get(document2);
@@ -19986,7 +19979,7 @@ function buildPresetPath(preset, x, y, width, height) {
   }
   return path;
 }
-const DEG_TO_RAD = Math.PI / 180;
+const DEG_TO_RAD$1 = Math.PI / 180;
 const CANVAS_DASH_DASHED = [5, 3];
 const CANVAS_DASH_DOTTED = [1, 3];
 function drawEdge(ctx, border, x1, y1, x2, y2) {
@@ -20203,7 +20196,7 @@ function paintTextBox(ctx, textBox, state, x, y, width, height, pageIndex, onUpd
   if (rotation) {
     ctx.save();
     ctx.translate(x + width / 2, y + height / 2);
-    ctx.rotate(rotation * DEG_TO_RAD);
+    ctx.rotate(rotation * DEG_TO_RAD$1);
     ctx.translate(-(x + width / 2), -(y + height / 2));
   }
   drawTextBoxShape(ctx, textBox, x, y, width, height);
@@ -20375,6 +20368,259 @@ function collectInlineTextBoxesFromLines(options) {
   }
   return inlineTextBoxes;
 }
+const imageCache = /* @__PURE__ */ new Map();
+function getCachedCanvasImage(src, onUpdate) {
+  const cached = imageCache.get(src);
+  if (cached) return cached;
+  const img = new Image();
+  img.src = src;
+  img.onload = onUpdate;
+  imageCache.set(src, img);
+  return img;
+}
+function resolveFragmentPaintBounds(line, fragment) {
+  const slotByOffset = new Map(
+    line.slots.map((slot) => [slot.offset, slot])
+  );
+  const slots = fragment.chars.filter((char) => char.char !== "\n").map((char) => slotByOffset.get(char.paragraphOffset)).filter((slot) => Boolean(slot));
+  if (slots.length === 0) return null;
+  const first = slots[0];
+  const last = slots[slots.length - 1];
+  const nextSlot = slotByOffset.get(last.offset + 1);
+  if (nextSlot) {
+    return { left: first.left, right: nextSlot.left };
+  }
+  const lastSlotIndex = line.slots.findIndex(
+    (slot) => slot.offset === last.offset
+  );
+  const followingSlot = lastSlotIndex >= 0 ? line.slots[lastSlotIndex + 1] : void 0;
+  return {
+    left: first.left,
+    right: (followingSlot == null ? void 0 : followingSlot.left) ?? last.left + Math.max(8, line.height * 0.45)
+  };
+}
+function drawFragmentColorRect(ctx, line, fragment, originX, originY, color, alpha) {
+  const bounds = resolveFragmentPaintBounds(line, fragment);
+  if (!bounds) return;
+  ctx.save();
+  if (alpha !== void 0) ctx.globalAlpha = alpha;
+  ctx.fillStyle = color;
+  ctx.fillRect(
+    originX + bounds.left,
+    originY + line.top + 2,
+    Math.max(0, bounds.right - bounds.left),
+    Math.max(2, line.height - 4)
+  );
+  ctx.restore();
+}
+function drawFragmentHighlight(ctx, line, fragment, originX, originY, color) {
+  drawFragmentColorRect(ctx, line, fragment, originX, originY, color, 0.35);
+}
+function drawFragmentShading(ctx, line, fragment, originX, originY, color) {
+  drawFragmentColorRect(ctx, line, fragment, originX, originY, color);
+}
+function drawFragmentBorder(ctx, line, fragment, originX, originY, border) {
+  if (border.type === "none" || border.width <= 0) return;
+  const bounds = resolveFragmentPaintBounds(line, fragment);
+  if (!bounds) return;
+  const edge = { ...border, width: Math.max(0.5, border.width * PX_PER_POINT) };
+  drawBorderBox(
+    ctx,
+    originX + bounds.left,
+    originY + line.top + 1,
+    Math.max(0, bounds.right - bounds.left),
+    Math.max(2, line.height - 2),
+    { top: edge, right: edge, bottom: edge, left: edge }
+  );
+}
+const HEX6_PATTERN = /^[0-9a-fA-F]{6}$/;
+function stripHashPrefix(color) {
+  return color.trim().replace(/^#/, "");
+}
+function normalizeHex6(color) {
+  if (!color) {
+    return null;
+  }
+  const body = stripHashPrefix(color);
+  return HEX6_PATTERN.test(body) ? body.toUpperCase() : null;
+}
+function parseHexColorToRgb255(color) {
+  if (!color) {
+    return null;
+  }
+  const normalized = stripHashPrefix(color);
+  if (!HEX6_PATTERN.test(normalized)) {
+    return null;
+  }
+  return [
+    Number.parseInt(normalized.slice(0, 2), 16),
+    Number.parseInt(normalized.slice(2, 4), 16),
+    Number.parseInt(normalized.slice(4, 6), 16)
+  ];
+}
+function rgb255ToHex(r, g2, b) {
+  const toHex2 = (value) => Math.max(0, Math.min(255, Math.round(value))).toString(16).padStart(2, "0");
+  return `#${toHex2(r)}${toHex2(g2)}${toHex2(b)}`;
+}
+const DEG_TO_RAD = Math.PI / 180;
+function resolveGradientAxis(boxX0, boxY0, boxX1, boxY1, angleDeg) {
+  const cx = (boxX0 + boxX1) / 2;
+  const cy = (boxY0 + boxY1) / 2;
+  const rad = angleDeg * DEG_TO_RAD;
+  const dx = Math.cos(rad) * (boxX1 - boxX0) / 2;
+  const dy = Math.sin(rad) * (boxY1 - boxY0) / 2;
+  return { x0: cx - dx, y0: cy - dy, x1: cx + dx, y1: cy + dy };
+}
+function hexToRgba(color, alpha) {
+  const [r, g2, b] = parseHexColorToRgb255(color) ?? [0, 0, 0];
+  return `rgba(${r},${g2},${b},${alpha})`;
+}
+function resolveCanvasTextFill(ctx, styles, line, fragment, originX, originY) {
+  const fill = styles.textFill;
+  if (!fill) return styles.color ?? "#000000";
+  if (fill.type === "solid") return fill.color;
+  if (fill.stops.length < 2) return styles.color ?? "#000000";
+  const bounds = resolveFragmentPaintBounds(line, fragment);
+  if (!bounds) return fill.stops[0].color;
+  const x0 = originX + bounds.left;
+  const x1 = originX + bounds.right;
+  const y0 = originY + line.top;
+  const y1 = originY + line.top + line.height;
+  const axis = resolveGradientAxis(x0, y0, x1, y1, fill.angle ?? 0);
+  const gradient = ctx.createLinearGradient(axis.x0, axis.y0, axis.x1, axis.y1);
+  for (const stop of fill.stops) {
+    gradient.addColorStop(stop.position, hexToRgba(stop.color, stop.alpha ?? 1));
+  }
+  return gradient;
+}
+function drawScaledText(ctx, text, x, y, scale) {
+  if (scale === 1) {
+    ctx.fillText(text, x, y);
+    return;
+  }
+  ctx.save();
+  ctx.translate(x, y);
+  ctx.scale(scale, 1);
+  ctx.fillText(text, 0, 0);
+  ctx.restore();
+}
+function drawStyledText(ctx, text, x, y, scale, styles) {
+  const hasEffects = styles.outline || styles.shadow || styles.textShadow || styles.glow || styles.emboss || styles.imprint || styles.textOutline || styles.reflection;
+  if (!hasEffects) {
+    drawScaledText(ctx, text, x, y, scale);
+    return;
+  }
+  if (styles.emboss || styles.imprint) {
+    const offset = styles.imprint ? 1 : -1;
+    ctx.save();
+    ctx.shadowColor = "transparent";
+    ctx.fillStyle = "rgba(255,255,255,0.75)";
+    drawScaledText(ctx, text, x + offset, y + offset, scale);
+    ctx.restore();
+  }
+  ctx.save();
+  if (styles.textShadow) {
+    const ts = styles.textShadow;
+    const dirRad = ts.dirDeg * DEG_TO_RAD$1;
+    const distPx = ts.distPt * PX_PER_POINT;
+    ctx.shadowColor = hexToRgba(ts.color, ts.alpha ?? 1);
+    ctx.shadowBlur = ts.blurPt * PX_PER_POINT;
+    ctx.shadowOffsetX = Math.cos(dirRad) * distPx;
+    ctx.shadowOffsetY = Math.sin(dirRad) * distPx;
+  } else if (styles.glow) {
+    const gl = styles.glow;
+    ctx.shadowColor = hexToRgba(gl.color, gl.alpha ?? 0.7);
+    ctx.shadowBlur = gl.radiusPt * PX_PER_POINT;
+    ctx.shadowOffsetX = 0;
+    ctx.shadowOffsetY = 0;
+  } else if (styles.shadow) {
+    ctx.shadowColor = "rgba(0,0,0,0.45)";
+    ctx.shadowOffsetX = 1;
+    ctx.shadowOffsetY = 1;
+    ctx.shadowBlur = 1;
+  }
+  if (styles.textOutline) {
+    ctx.strokeStyle = styles.textOutline.color ?? ctx.fillStyle;
+    ctx.lineWidth = styles.textOutline.widthPt * PX_PER_POINT;
+    drawScaledText(ctx, text, x, y, scale);
+    if (scale === 1) {
+      ctx.strokeText(text, x, y);
+    } else {
+      ctx.save();
+      ctx.translate(x, y);
+      ctx.scale(scale, 1);
+      ctx.strokeText(text, 0, 0);
+      ctx.restore();
+    }
+  } else if (styles.outline) {
+    ctx.strokeStyle = ctx.fillStyle;
+    ctx.lineWidth = 0.75;
+    if (scale === 1) {
+      ctx.strokeText(text, x, y);
+    } else {
+      ctx.translate(x, y);
+      ctx.scale(scale, 1);
+      ctx.strokeText(text, 0, 0);
+    }
+  } else {
+    drawScaledText(ctx, text, x, y, scale);
+  }
+  ctx.restore();
+  if (styles.reflection) {
+    const ref = styles.reflection;
+    const distPx = ref.distPt * PX_PER_POINT;
+    const avgAlpha = Math.max(
+      0,
+      Math.min(1, (ref.startAlpha + ref.endAlpha) / 2)
+    );
+    ctx.save();
+    ctx.shadowColor = "transparent";
+    ctx.globalAlpha = avgAlpha;
+    if (ref.blurPt > 0 && "filter" in ctx) {
+      ctx.filter = `blur(${ref.blurPt * PX_PER_POINT}px)`;
+    }
+    ctx.translate(0, 2 * y + distPx);
+    ctx.scale(1, -1);
+    drawScaledText(ctx, text, x, y, scale);
+    ctx.restore();
+  }
+}
+function drawFragmentReflection(ctx, fragment, slotByOffset, styles, originX, baselineY, reflection) {
+  const firstChar = fragment.chars.find(
+    (c) => c.char !== "\n" && c.char !== "	"
+  );
+  if (!firstChar) return;
+  const firstSlot = slotByOffset.get(firstChar.paragraphOffset);
+  if (!firstSlot) return;
+  const text = fragment.chars.filter((c) => c.char !== "\n" && c.char !== "	").map((c) => styles.allCaps ? c.char.toUpperCase() : c.char).join("");
+  if (!text) return;
+  const scale = styles.characterScale && styles.characterScale > 0 ? styles.characterScale / 100 : 1;
+  const avgAlpha = (reflection.startAlpha + reflection.endAlpha) / 2;
+  const distPx = reflection.distPt * PX_PER_POINT;
+  const reflectY = baselineY + distPx;
+  ctx.save();
+  ctx.globalAlpha = (ctx.globalAlpha ?? 1) * avgAlpha;
+  ctx.shadowColor = "transparent";
+  ctx.shadowBlur = 0;
+  ctx.shadowOffsetX = 0;
+  ctx.shadowOffsetY = 0;
+  ctx.translate(0, 2 * reflectY);
+  ctx.scale(1, -1);
+  const x = originX + firstSlot.left;
+  if (scale === 1) {
+    ctx.fillText(text, x, baselineY);
+  } else {
+    ctx.save();
+    ctx.translate(x, baselineY);
+    ctx.scale(scale, 1);
+    ctx.fillText(text, 0, 0);
+    ctx.restore();
+  }
+  ctx.restore();
+}
+function getRenderedChar(char, styles) {
+  return styles.allCaps ? char.toUpperCase() : char;
+}
 function underlineStyleToCssDecorationStyle(underlineStyle) {
   switch (underlineStyle) {
     case "double":
@@ -20451,6 +20697,12 @@ function resolveOpenTypeFeatureTags(style2, fontSizePt) {
   }
   return Array.from(tags).sort();
 }
+const EMPHASIS_GLYPH = {
+  dot: "•",
+  comma: "‚",
+  circle: "○",
+  underDot: "•"
+};
 function underlineStyleDashArray(underlineStyle) {
   switch (underlineStyle) {
     case "dotted":
@@ -20474,75 +20726,100 @@ function underlineStyleDashArray(underlineStyle) {
 }
 const DOUBLE_STRIKE_OFFSET_PX = 1.3;
 const DOUBLE_UNDERLINE_OFFSET_PX = 1.5;
-function hexToRgba(color, alpha) {
-  const [r, g2, b] = parseHexColorToRgb255(color) ?? [0, 0, 0];
-  return `rgba(${r},${g2},${b},${alpha})`;
+function resolveDecorationLineY(kind, lineTop, lineHeight) {
+  if (kind === "underline") return lineTop + lineHeight - 2;
+  if (kind === "doubleStrike") return lineTop + lineHeight * 0.5;
+  return lineTop + lineHeight * 0.52;
 }
-const canvasTextLogger = createEditorLogger("canvas-text");
-const loggedCanvasFontKeys = /* @__PURE__ */ new Set();
-const MAX_CANVAS_FONT_LOGS = 40;
-function logCanvasFontUse(options) {
-  if (loggedCanvasFontKeys.size >= MAX_CANVAS_FONT_LOGS) {
+function drawTextDecoration(ctx, line, fragment, originX, originY, kind, underlineStyle, underlineColor) {
+  const bounds = resolveFragmentPaintBounds(line, fragment);
+  if (!bounds) return;
+  const y = originY + resolveDecorationLineY(kind, line.top, line.height);
+  const x1 = originX + bounds.left;
+  const x2 = originX + bounds.right;
+  ctx.save();
+  ctx.strokeStyle = underlineColor || ctx.fillStyle;
+  if (kind === "underline") {
+    drawUnderlineWithStyle(ctx, x1, x2, y, underlineStyle);
+  } else if (kind === "doubleStrike") {
+    ctx.beginPath();
+    ctx.lineWidth = 1;
+    ctx.setLineDash([]);
+    ctx.moveTo(x1, y - DOUBLE_STRIKE_OFFSET_PX);
+    ctx.lineTo(x2, y - DOUBLE_STRIKE_OFFSET_PX);
+    ctx.moveTo(x1, y + DOUBLE_STRIKE_OFFSET_PX);
+    ctx.lineTo(x2, y + DOUBLE_STRIKE_OFFSET_PX);
+    ctx.stroke();
+  } else {
+    ctx.beginPath();
+    ctx.lineWidth = 1;
+    ctx.setLineDash([]);
+    ctx.moveTo(x1, y);
+    ctx.lineTo(x2, y);
+    ctx.stroke();
+  }
+  ctx.restore();
+}
+function drawUnderlineWithStyle(ctx, x1, x2, y, underlineStyle) {
+  ctx.setLineDash([]);
+  ctx.lineWidth = underlineStyleLineWidthPx(underlineStyle);
+  if (isDoubleUnderlineStyle(underlineStyle)) {
+    ctx.beginPath();
+    ctx.moveTo(x1, y - DOUBLE_UNDERLINE_OFFSET_PX);
+    ctx.lineTo(x2, y - DOUBLE_UNDERLINE_OFFSET_PX);
+    ctx.moveTo(x1, y + DOUBLE_UNDERLINE_OFFSET_PX);
+    ctx.lineTo(x2, y + DOUBLE_UNDERLINE_OFFSET_PX);
+    ctx.stroke();
     return;
   }
-  const key = [
-    options.requestedFamily ?? "",
-    options.metricFamily,
-    options.fontSize,
-    options.bold,
-    options.italic
-  ].join("|");
-  if (loggedCanvasFontKeys.has(key)) {
+  if (isWavyUnderlineStyle(underlineStyle)) {
+    drawWavyLine(ctx, x1, x2, y);
     return;
   }
-  loggedCanvasFontKeys.add(key);
-  const style2 = options.italic ? "italic " : "";
-  const weight = options.bold ? "700" : "400";
-  const fontCheck = typeof document !== "undefined" && document.fonts ? document.fonts.check(
-    `${style2}${weight} ${options.fontSize}px "${options.metricFamily}"`
-  ) : "unavailable";
-  canvasTextLogger.info("font:use", {
-    ...options,
-    fontCheck,
-    documentFontsStatus: typeof document !== "undefined" && document.fonts ? document.fonts.status : "unavailable"
-  });
-}
-function resolveTabLeader(paragraph, line, tabLeft, state) {
-  var _a;
-  const paragraphStyle = resolveEffectiveParagraphStyle(
-    paragraph.style,
-    state.document.styles
-  );
-  const tabs = paragraphStyle.tabs ?? [];
-  if (tabs.length === 0) {
-    return void 0;
+  const dashArray = underlineStyleDashArray(underlineStyle);
+  if (dashArray) {
+    ctx.setLineDash(dashArray);
   }
-  const lineStart = ((_a = line.slots[0]) == null ? void 0 : _a.left) ?? 0;
-  const relativeLeft = tabLeft - lineStart;
-  const stop = tabs.filter((tab) => tab.type !== "clear").map((tab) => ({ ...tab, positionPx: tab.position * PX_PER_POINT })).filter((tab) => tab.positionPx > relativeLeft + 0.01).sort((a, b) => a.positionPx - b.positionPx)[0];
-  return (stop == null ? void 0 : stop.leader) && stop.leader !== "none" ? stop.leader : void 0;
+  ctx.beginPath();
+  ctx.moveTo(x1, y);
+  ctx.lineTo(x2, y);
+  ctx.stroke();
+  ctx.setLineDash([]);
 }
-function drawTabLeader(ctx, leader, x1, x2, y) {
-  if (x2 <= x1 + 2) {
-    return;
+function drawWavyLine(ctx, x1, x2, y) {
+  ctx.beginPath();
+  ctx.moveTo(x1, y);
+  for (let x = x1; x <= x2; x += 1) {
+    const dy = Math.sin((x - x1) / WAVY_UNDERLINE_WAVELENGTH_PX * Math.PI) * WAVY_UNDERLINE_AMPLITUDE_PX;
+    ctx.lineTo(x, y + dy);
   }
+  ctx.stroke();
+}
+function drawFragmentEmphasis(ctx, line, fragment, slotByOffset, originX, originY, mark, color) {
+  if (mark === "none") return;
+  const glyph = EMPHASIS_GLYPH[mark];
+  if (!glyph) return;
+  const below = mark === "underDot";
+  const y = below ? originY + line.top + line.height + 1 : originY + line.top + 2;
   ctx.save();
-  ctx.lineWidth = leader === "heavy" ? 1.5 : 1;
-  ctx.strokeStyle = ctx.fillStyle;
-  if (leader === "dot" || leader === "middleDot") {
-    ctx.setLineDash(CANVAS_DASH_DOTTED);
-  } else if (leader === "hyphen") {
-    ctx.setLineDash(CANVAS_DASH_DASHED);
-  } else {
-    ctx.setLineDash([]);
+  ctx.fillStyle = color;
+  ctx.textAlign = "center";
+  ctx.textBaseline = below ? "top" : "bottom";
+  ctx.font = `400 ${Math.max(6, line.height * 0.35)}px Calibri`;
+  for (const char of fragment.chars) {
+    if (char.char === "\n" || char.char === "	" || char.char === " ") continue;
+    const slot = slotByOffset.get(char.paragraphOffset);
+    const nextSlot = slotByOffset.get(char.paragraphOffset + 1);
+    if (!slot) continue;
+    const centerX = nextSlot ? (slot.left + nextSlot.left) / 2 : slot.left + line.height * 0.25;
+    ctx.fillText(glyph, originX + centerX, y);
   }
-  const leaderY = leader === "underscore" ? y + 2 : y;
-  ctx.beginPath();
-  ctx.moveTo(x1, leaderY);
-  ctx.lineTo(x2, leaderY);
-  ctx.stroke();
   ctx.restore();
 }
+function clamp01(value) {
+  if (!Number.isFinite(value) || value < 0) return 0;
+  return value > 1 ? 1 : value;
+}
 function drawImageFragment(ctx, img, image, x, y) {
   const { width, height, crop, fillMode, rotation, flipH, flipV } = image;
   const hasTransform = Boolean(rotation) || Boolean(flipH) || Boolean(flipV);
@@ -20555,9 +20832,7 @@ function drawImageFragment(ctx, img, image, x, y) {
     ctx.save();
     if (hasTransform) {
       ctx.translate(x + width / 2, y + height / 2);
-      if (rotation) {
-        ctx.rotate(rotation * DEG_TO_RAD);
-      }
+      if (rotation) ctx.rotate(rotation * DEG_TO_RAD$1);
       ctx.scale(flipH ? -1 : 1, flipV ? -1 : 1);
       ctx.translate(-(x + width / 2), -(y + height / 2));
     }
@@ -20589,19 +20864,11 @@ function drawImageFragment(ctx, img, image, x, y) {
   }
   ctx.save();
   ctx.translate(x + width / 2, y + height / 2);
-  if (rotation) {
-    ctx.rotate(rotation * DEG_TO_RAD);
-  }
+  if (rotation) ctx.rotate(rotation * DEG_TO_RAD$1);
   ctx.scale(flipH ? -1 : 1, flipV ? -1 : 1);
   ctx.drawImage(img, sx, sy, sw, sh, -width / 2, -height / 2, width, height);
   ctx.restore();
 }
-function clamp01(value) {
-  if (!Number.isFinite(value) || value < 0) {
-    return 0;
-  }
-  return value > 1 ? 1 : value;
-}
 function drawFloatingImagesForParagraph(options) {
   const {
     ctx,
@@ -20621,13 +20888,9 @@ function drawFloatingImagesForParagraph(options) {
     );
     for (const fragment of line.fragments) {
       const image = fragment.image;
-      if (!(image == null ? void 0 : image.floating)) {
-        continue;
-      }
+      if (!(image == null ? void 0 : image.floating)) continue;
       const isBehind = Boolean(image.floating.behindDoc);
-      if (layer === "behind" !== isBehind) {
-        continue;
-      }
+      if (layer === "behind" !== isBehind) continue;
       const slot = slotByOffset.get(fragment.startOffset);
       const anchorLeft = contentLeft + ((slot == null ? void 0 : slot.left) ?? 0);
       const lineTop = paragraphTop + line.top;
@@ -20649,6 +20912,115 @@ function drawFloatingImagesForParagraph(options) {
     }
   }
 }
+function resolveTabLeader(paragraph, line, tabLeft, state) {
+  var _a;
+  const paragraphStyle = resolveEffectiveParagraphStyle(
+    paragraph.style,
+    state.document.styles
+  );
+  const tabs = paragraphStyle.tabs ?? [];
+  if (tabs.length === 0) return void 0;
+  const lineStart = ((_a = line.slots[0]) == null ? void 0 : _a.left) ?? 0;
+  const relativeLeft = tabLeft - lineStart;
+  const stop = tabs.filter((tab) => tab.type !== "clear").map((tab) => ({ ...tab, positionPx: tab.position * PX_PER_POINT })).filter((tab) => tab.positionPx > relativeLeft + 0.01).sort((a, b) => a.positionPx - b.positionPx)[0];
+  return (stop == null ? void 0 : stop.leader) && stop.leader !== "none" ? stop.leader : void 0;
+}
+function drawTabLeader(ctx, leader, x1, x2, y) {
+  if (x2 <= x1 + 2) return;
+  ctx.save();
+  ctx.lineWidth = leader === "heavy" ? 1.5 : 1;
+  ctx.strokeStyle = ctx.fillStyle;
+  if (leader === "dot" || leader === "middleDot") {
+    ctx.setLineDash(CANVAS_DASH_DOTTED);
+  } else if (leader === "hyphen") {
+    ctx.setLineDash(CANVAS_DASH_DASHED);
+  } else {
+    ctx.setLineDash([]);
+  }
+  const leaderY = leader === "underscore" ? y + 2 : y;
+  ctx.beginPath();
+  ctx.moveTo(x1, leaderY);
+  ctx.lineTo(x2, leaderY);
+  ctx.stroke();
+  ctx.restore();
+}
+const canvasTextLogger = createEditorLogger("canvas-text");
+const loggedCanvasFontKeys = /* @__PURE__ */ new Set();
+const MAX_CANVAS_FONT_LOGS = 40;
+function logCanvasFontUse(options) {
+  if (loggedCanvasFontKeys.size >= MAX_CANVAS_FONT_LOGS) return;
+  const key = [
+    options.requestedFamily ?? "",
+    options.metricFamily,
+    options.fontSize,
+    options.bold,
+    options.italic
+  ].join("|");
+  if (loggedCanvasFontKeys.has(key)) return;
+  loggedCanvasFontKeys.add(key);
+  const style2 = options.italic ? "italic " : "";
+  const weight = options.bold ? "700" : "400";
+  const fontCheck = typeof document !== "undefined" && document.fonts ? document.fonts.check(
+    `${style2}${weight} ${options.fontSize}px "${options.metricFamily}"`
+  ) : "unavailable";
+  canvasTextLogger.info("font:use", {
+    ...options,
+    fontCheck,
+    documentFontsStatus: typeof document !== "undefined" && document.fonts ? document.fonts.status : "unavailable"
+  });
+}
+function drawTextFragment(ctx, paragraph, line, fragment, slotByOffset, state, styles, originX, baselineY) {
+  const scale = styles.characterScale && styles.characterScale > 0 ? styles.characterScale / 100 : 1;
+  const hasManualCharacterSpacing = styles.characterSpacing !== void 0 && styles.characterSpacing !== null && styles.characterSpacing !== 0;
+  let segmentText = "";
+  let segmentLeft = null;
+  const flushSegment = () => {
+    if (!segmentText || segmentLeft === null) {
+      segmentText = "";
+      segmentLeft = null;
+      return;
+    }
+    drawStyledText(ctx, segmentText, originX + segmentLeft, baselineY, scale, styles);
+    segmentText = "";
+    segmentLeft = null;
+  };
+  for (const char of fragment.chars) {
+    if (char.char === "\n") {
+      flushSegment();
+      continue;
+    }
+    const slot = slotByOffset.get(char.paragraphOffset);
+    if (!slot) {
+      flushSegment();
+      continue;
+    }
+    if (char.char === "	") {
+      flushSegment();
+      const nextSlot = slotByOffset.get(char.paragraphOffset + 1);
+      const leader = resolveTabLeader(paragraph, line, slot.left, state);
+      if (nextSlot && leader) {
+        drawTabLeader(ctx, leader, originX + slot.left, originX + nextSlot.left, baselineY);
+      }
+      continue;
+    }
+    const renderedChar = getRenderedChar(char.char, styles);
+    if (hasManualCharacterSpacing) {
+      flushSegment();
+      drawStyledText(ctx, renderedChar, originX + slot.left, baselineY, scale, styles);
+      continue;
+    }
+    if (char.char === " ") {
+      flushSegment();
+      segmentLeft = slot.left;
+      segmentText = renderedChar;
+      flushSegment();
+      continue;
+    }
+    if (segmentLeft === null) segmentLeft = slot.left;
+    segmentText += renderedChar;
+  }
+  flushSegment();
+}
 function drawParagraph(ctx, paragraph, lines, state, originX, originY, onUpdate, painters, pageIndex = 0) {
   var _a, _b, _c, _d;
   for (const line of lines) {
@@ -20688,9 +21060,7 @@ function drawParagraph(ctx, paragraph, lines, state, originX, originY, onUpdate,
         (_c = paragraph.style) == null ? void 0 : _c.styleId,
         state.document.styles
       );
-      if (styles.hidden) {
-        continue;
-      }
+      if (styles.hidden) continue;
       const fontSize = styles.fontSize ?? DEFAULT_FONT_SIZE_PX;
       const metricFamily = resolveMetricCompatibleFamily(
         styles.fontFamily ?? "Calibri"
@@ -20708,43 +21078,15 @@ function drawParagraph(ctx, paragraph, lines, state, originX, originY, onUpdate,
         italic: Boolean(styles.italic),
         sample: fragment.text.slice(0, 80)
       });
-      ctx.fillStyle = resolveCanvasTextFill(
-        ctx,
-        styles,
-        line,
-        fragment,
-        originX,
-        originY
-      );
+      ctx.fillStyle = resolveCanvasTextFill(ctx, styles, line, fragment, originX, originY);
       if (styles.shading) {
-        drawFragmentShading(
-          ctx,
-          line,
-          fragment,
-          originX,
-          originY,
-          styles.shading
-        );
+        drawFragmentShading(ctx, line, fragment, originX, originY, styles.shading);
       }
       if (styles.highlight) {
-        drawFragmentHighlight(
-          ctx,
-          line,
-          fragment,
-          originX,
-          originY,
-          styles.highlight
-        );
+        drawFragmentHighlight(ctx, line, fragment, originX, originY, styles.highlight);
       }
       if (styles.textBorder) {
-        drawFragmentBorder(
-          ctx,
-          line,
-          fragment,
-          originX,
-          originY,
-          styles.textBorder
-        );
+        drawFragmentBorder(ctx, line, fragment, originX, originY, styles.textBorder);
       }
       if (fragment.image && !fragment.image.floating) {
         const slot = slotByOffset.get(fragment.startOffset);
@@ -20831,14 +21173,7 @@ function drawParagraph(ctx, paragraph, lines, state, originX, originY, onUpdate,
         drawTextDecoration(ctx, line, fragment, originX, originY, "strike");
       }
       if (styles.doubleStrike) {
-        drawTextDecoration(
-          ctx,
-          line,
-          fragment,
-          originX,
-          originY,
-          "doubleStrike"
-        );
+        drawTextDecoration(ctx, line, fragment, originX, originY, "doubleStrike");
       }
       if (styles.emphasisMark) {
         drawFragmentEmphasis(
@@ -20855,9 +21190,7 @@ function drawParagraph(ctx, paragraph, lines, state, originX, originY, onUpdate,
       ctx.restore();
     }
     if (line.trailingHyphen) {
-      const lastFragment = [...line.fragments].reverse().find(
-        (fragment) => fragment.text && !fragment.image && !fragment.textBox
-      );
+      const lastFragment = [...line.fragments].reverse().find((f) => f.text && !f.image && !f.textBox);
       const endSlot = slotByOffset.get(line.endOffset) ?? line.slots[line.slots.length - 1];
       if (lastFragment && endSlot) {
         const styles = resolveEffectiveTextStyleForParagraph(
@@ -20897,377 +21230,6 @@ function drawParagraph(ctx, paragraph, lines, state, originX, originY, onUpdate,
     }
   }
 }
-function drawFragmentColorRect(ctx, line, fragment, originX, originY, color, alpha) {
-  const bounds = resolveFragmentPaintBounds(line, fragment);
-  if (!bounds) return;
-  ctx.save();
-  if (alpha !== void 0) ctx.globalAlpha = alpha;
-  ctx.fillStyle = color;
-  ctx.fillRect(
-    originX + bounds.left,
-    originY + line.top + 2,
-    Math.max(0, bounds.right - bounds.left),
-    Math.max(2, line.height - 4)
-  );
-  ctx.restore();
-}
-function drawFragmentHighlight(ctx, line, fragment, originX, originY, color) {
-  drawFragmentColorRect(ctx, line, fragment, originX, originY, color, 0.35);
-}
-function resolveFragmentPaintBounds(line, fragment) {
-  const slotByOffset = new Map(
-    line.slots.map((slot) => [slot.offset, slot])
-  );
-  const slots = fragment.chars.filter((char) => char.char !== "\n").map((char) => slotByOffset.get(char.paragraphOffset)).filter((slot) => Boolean(slot));
-  if (slots.length === 0) return null;
-  const first = slots[0];
-  const last = slots[slots.length - 1];
-  const nextSlot = slotByOffset.get(last.offset + 1);
-  if (nextSlot) {
-    return { left: first.left, right: nextSlot.left };
-  }
-  const lastSlotIndex = line.slots.findIndex(
-    (slot) => slot.offset === last.offset
-  );
-  const followingSlot = lastSlotIndex >= 0 ? line.slots[lastSlotIndex + 1] : void 0;
-  return {
-    left: first.left,
-    right: (followingSlot == null ? void 0 : followingSlot.left) ?? last.left + Math.max(8, line.height * 0.45)
-  };
-}
-function drawFragmentShading(ctx, line, fragment, originX, originY, color) {
-  drawFragmentColorRect(ctx, line, fragment, originX, originY, color);
-}
-function getRenderedChar(char, styles) {
-  return styles.allCaps ? char.toUpperCase() : char;
-}
-function drawScaledText(ctx, text, x, y, scale) {
-  if (scale === 1) {
-    ctx.fillText(text, x, y);
-    return;
-  }
-  ctx.save();
-  ctx.translate(x, y);
-  ctx.scale(scale, 1);
-  ctx.fillText(text, 0, 0);
-  ctx.restore();
-}
-function resolveCanvasTextFill(ctx, styles, line, fragment, originX, originY) {
-  const fill = styles.textFill;
-  if (!fill) return styles.color ?? "#000000";
-  if (fill.type === "solid") return fill.color;
-  if (fill.stops.length < 2) return styles.color ?? "#000000";
-  const bounds = resolveFragmentPaintBounds(line, fragment);
-  if (!bounds) return fill.stops[0].color;
-  const x0 = originX + bounds.left;
-  const x1 = originX + bounds.right;
-  const y0 = originY + line.top;
-  const y1 = originY + line.top + line.height;
-  const cx = (x0 + x1) / 2;
-  const cy = (y0 + y1) / 2;
-  const angleDeg = fill.angle ?? 0;
-  const rad = angleDeg * DEG_TO_RAD;
-  const dx = Math.cos(rad) * (x1 - x0) / 2;
-  const dy = Math.sin(rad) * (y1 - y0) / 2;
-  const gradient = ctx.createLinearGradient(cx - dx, cy - dy, cx + dx, cy + dy);
-  for (const stop of fill.stops) {
-    gradient.addColorStop(stop.position, hexToRgba(stop.color, stop.alpha ?? 1));
-  }
-  return gradient;
-}
-function drawStyledText(ctx, text, x, y, scale, styles) {
-  const hasEffects = styles.outline || styles.shadow || styles.textShadow || styles.glow || styles.emboss || styles.imprint || styles.textOutline || styles.reflection;
-  if (!hasEffects) {
-    drawScaledText(ctx, text, x, y, scale);
-    return;
-  }
-  if (styles.emboss || styles.imprint) {
-    const offset = styles.imprint ? 1 : -1;
-    ctx.save();
-    ctx.shadowColor = "transparent";
-    ctx.fillStyle = "rgba(255,255,255,0.75)";
-    drawScaledText(ctx, text, x + offset, y + offset, scale);
-    ctx.restore();
-  }
-  ctx.save();
-  if (styles.textShadow) {
-    const ts = styles.textShadow;
-    const dirRad = ts.dirDeg * DEG_TO_RAD;
-    const distPx = ts.distPt * PX_PER_POINT;
-    ctx.shadowColor = hexToRgba(ts.color, ts.alpha ?? 1);
-    ctx.shadowBlur = ts.blurPt * PX_PER_POINT;
-    ctx.shadowOffsetX = Math.cos(dirRad) * distPx;
-    ctx.shadowOffsetY = Math.sin(dirRad) * distPx;
-  } else if (styles.glow) {
-    const gl = styles.glow;
-    ctx.shadowColor = hexToRgba(gl.color, gl.alpha ?? 0.7);
-    ctx.shadowBlur = gl.radiusPt * PX_PER_POINT;
-    ctx.shadowOffsetX = 0;
-    ctx.shadowOffsetY = 0;
-  } else if (styles.shadow) {
-    ctx.shadowColor = "rgba(0,0,0,0.45)";
-    ctx.shadowOffsetX = 1;
-    ctx.shadowOffsetY = 1;
-    ctx.shadowBlur = 1;
-  }
-  if (styles.textOutline) {
-    ctx.strokeStyle = styles.textOutline.color ?? ctx.fillStyle;
-    ctx.lineWidth = styles.textOutline.widthPt * PX_PER_POINT;
-    drawScaledText(ctx, text, x, y, scale);
-    if (scale === 1) {
-      ctx.strokeText(text, x, y);
-    } else {
-      ctx.save();
-      ctx.translate(x, y);
-      ctx.scale(scale, 1);
-      ctx.strokeText(text, 0, 0);
-      ctx.restore();
-    }
-  } else if (styles.outline) {
-    ctx.strokeStyle = ctx.fillStyle;
-    ctx.lineWidth = 0.75;
-    if (scale === 1) {
-      ctx.strokeText(text, x, y);
-    } else {
-      ctx.translate(x, y);
-      ctx.scale(scale, 1);
-      ctx.strokeText(text, 0, 0);
-    }
-  } else {
-    drawScaledText(ctx, text, x, y, scale);
-  }
-  ctx.restore();
-  if (styles.reflection) {
-    const ref = styles.reflection;
-    const distPx = ref.distPt * PX_PER_POINT;
-    const avgAlpha = Math.max(
-      0,
-      Math.min(1, (ref.startAlpha + ref.endAlpha) / 2)
-    );
-    ctx.save();
-    ctx.shadowColor = "transparent";
-    ctx.globalAlpha = avgAlpha;
-    if (ref.blurPt > 0 && "filter" in ctx) {
-      ctx.filter = `blur(${ref.blurPt * PX_PER_POINT}px)`;
-    }
-    ctx.translate(0, 2 * y + distPx);
-    ctx.scale(1, -1);
-    drawScaledText(ctx, text, x, y, scale);
-    ctx.restore();
-  }
-}
-function drawFragmentBorder(ctx, line, fragment, originX, originY, border) {
-  if (border.type === "none" || border.width <= 0) return;
-  const bounds = resolveFragmentPaintBounds(line, fragment);
-  if (!bounds) return;
-  const edge = { ...border, width: Math.max(0.5, border.width * PX_PER_POINT) };
-  drawBorderBox(
-    ctx,
-    originX + bounds.left,
-    originY + line.top + 1,
-    Math.max(0, bounds.right - bounds.left),
-    Math.max(2, line.height - 2),
-    { top: edge, right: edge, bottom: edge, left: edge }
-  );
-}
-const EMPHASIS_GLYPH = {
-  dot: "•",
-  comma: "‚",
-  circle: "○",
-  underDot: "•"
-};
-function drawFragmentEmphasis(ctx, line, fragment, slotByOffset, originX, originY, mark, color) {
-  if (mark === "none") return;
-  const glyph = EMPHASIS_GLYPH[mark];
-  if (!glyph) return;
-  const below = mark === "underDot";
-  const y = below ? originY + line.top + line.height + 1 : originY + line.top + 2;
-  ctx.save();
-  ctx.fillStyle = color;
-  ctx.textAlign = "center";
-  ctx.textBaseline = below ? "top" : "bottom";
-  ctx.font = `400 ${Math.max(6, line.height * 0.35)}px Calibri`;
-  for (const char of fragment.chars) {
-    if (char.char === "\n" || char.char === "	" || char.char === " ") continue;
-    const slot = slotByOffset.get(char.paragraphOffset);
-    const nextSlot = slotByOffset.get(char.paragraphOffset + 1);
-    if (!slot) continue;
-    const centerX = nextSlot ? (slot.left + nextSlot.left) / 2 : slot.left + line.height * 0.25;
-    ctx.fillText(glyph, originX + centerX, y);
-  }
-  ctx.restore();
-}
-function drawTextFragment(ctx, paragraph, line, fragment, slotByOffset, state, styles, originX, baselineY) {
-  const scale = styles.characterScale && styles.characterScale > 0 ? styles.characterScale / 100 : 1;
-  const hasManualCharacterSpacing = styles.characterSpacing !== void 0 && styles.characterSpacing !== null && styles.characterSpacing !== 0;
-  let segmentText = "";
-  let segmentLeft = null;
-  const flushSegment = () => {
-    if (!segmentText || segmentLeft === null) {
-      segmentText = "";
-      segmentLeft = null;
-      return;
-    }
-    drawStyledText(
-      ctx,
-      segmentText,
-      originX + segmentLeft,
-      baselineY,
-      scale,
-      styles
-    );
-    segmentText = "";
-    segmentLeft = null;
-  };
-  for (const char of fragment.chars) {
-    if (char.char === "\n") {
-      flushSegment();
-      continue;
-    }
-    const slot = slotByOffset.get(char.paragraphOffset);
-    if (!slot) {
-      flushSegment();
-      continue;
-    }
-    if (char.char === "	") {
-      flushSegment();
-      const nextSlot = slotByOffset.get(char.paragraphOffset + 1);
-      const leader = resolveTabLeader(paragraph, line, slot.left, state);
-      if (nextSlot && leader) {
-        drawTabLeader(
-          ctx,
-          leader,
-          originX + slot.left,
-          originX + nextSlot.left,
-          baselineY
-        );
-      }
-      continue;
-    }
-    const renderedChar = getRenderedChar(char.char, styles);
-    if (hasManualCharacterSpacing) {
-      flushSegment();
-      drawStyledText(
-        ctx,
-        renderedChar,
-        originX + slot.left,
-        baselineY,
-        scale,
-        styles
-      );
-      continue;
-    }
-    if (char.char === " ") {
-      flushSegment();
-      segmentLeft = slot.left;
-      segmentText = renderedChar;
-      flushSegment();
-      continue;
-    }
-    if (segmentLeft === null) {
-      segmentLeft = slot.left;
-    }
-    segmentText += renderedChar;
-  }
-  flushSegment();
-}
-function drawFragmentReflection(ctx, fragment, slotByOffset, styles, originX, baselineY, reflection) {
-  const firstChar = fragment.chars.find(
-    (c) => c.char !== "\n" && c.char !== "	"
-  );
-  if (!firstChar) return;
-  const firstSlot = slotByOffset.get(firstChar.paragraphOffset);
-  if (!firstSlot) return;
-  const text = fragment.chars.filter((c) => c.char !== "\n" && c.char !== "	").map((c) => styles.allCaps ? c.char.toUpperCase() : c.char).join("");
-  if (!text) return;
-  const scale = styles.characterScale && styles.characterScale > 0 ? styles.characterScale / 100 : 1;
-  const avgAlpha = (reflection.startAlpha + reflection.endAlpha) / 2;
-  const distPx = reflection.distPt * PX_PER_POINT;
-  const reflectY = baselineY + distPx;
-  ctx.save();
-  ctx.globalAlpha = (ctx.globalAlpha ?? 1) * avgAlpha;
-  ctx.shadowColor = "transparent";
-  ctx.shadowBlur = 0;
-  ctx.shadowOffsetX = 0;
-  ctx.shadowOffsetY = 0;
-  ctx.translate(0, 2 * reflectY);
-  ctx.scale(1, -1);
-  const x = originX + firstSlot.left;
-  if (scale === 1) {
-    ctx.fillText(text, x, baselineY);
-  } else {
-    ctx.save();
-    ctx.translate(x, baselineY);
-    ctx.scale(scale, 1);
-    ctx.fillText(text, 0, 0);
-    ctx.restore();
-  }
-  ctx.restore();
-}
-function drawTextDecoration(ctx, line, fragment, originX, originY, kind, underlineStyle, underlineColor) {
-  const bounds = resolveFragmentPaintBounds(line, fragment);
-  if (!bounds) return;
-  const y = kind === "underline" ? originY + line.top + line.height - 2 : kind === "doubleStrike" ? originY + line.top + line.height * 0.5 : originY + line.top + line.height * 0.52;
-  const x1 = originX + bounds.left;
-  const x2 = originX + bounds.right;
-  ctx.save();
-  ctx.strokeStyle = underlineColor || ctx.fillStyle;
-  if (kind === "underline") {
-    drawUnderlineWithStyle(ctx, x1, x2, y, underlineStyle);
-  } else if (kind === "doubleStrike") {
-    ctx.beginPath();
-    ctx.lineWidth = 1;
-    ctx.setLineDash([]);
-    ctx.moveTo(x1, y - DOUBLE_STRIKE_OFFSET_PX);
-    ctx.lineTo(x2, y - DOUBLE_STRIKE_OFFSET_PX);
-    ctx.moveTo(x1, y + DOUBLE_STRIKE_OFFSET_PX);
-    ctx.lineTo(x2, y + DOUBLE_STRIKE_OFFSET_PX);
-    ctx.stroke();
-  } else {
-    ctx.beginPath();
-    ctx.lineWidth = 1;
-    ctx.setLineDash([]);
-    ctx.moveTo(x1, y);
-    ctx.lineTo(x2, y);
-    ctx.stroke();
-  }
-  ctx.restore();
-}
-function drawUnderlineWithStyle(ctx, x1, x2, y, underlineStyle) {
-  ctx.setLineDash([]);
-  ctx.lineWidth = underlineStyleLineWidthPx(underlineStyle);
-  if (isDoubleUnderlineStyle(underlineStyle)) {
-    ctx.beginPath();
-    ctx.moveTo(x1, y - DOUBLE_UNDERLINE_OFFSET_PX);
-    ctx.lineTo(x2, y - DOUBLE_UNDERLINE_OFFSET_PX);
-    ctx.moveTo(x1, y + DOUBLE_UNDERLINE_OFFSET_PX);
-    ctx.lineTo(x2, y + DOUBLE_UNDERLINE_OFFSET_PX);
-    ctx.stroke();
-    return;
-  }
-  if (isWavyUnderlineStyle(underlineStyle)) {
-    drawWavyLine(ctx, x1, x2, y);
-    return;
-  }
-  const dashArray = underlineStyleDashArray(underlineStyle);
-  if (dashArray) {
-    ctx.setLineDash(dashArray);
-  }
-  ctx.beginPath();
-  ctx.moveTo(x1, y);
-  ctx.lineTo(x2, y);
-  ctx.stroke();
-  ctx.setLineDash([]);
-}
-function drawWavyLine(ctx, x1, x2, y) {
-  ctx.beginPath();
-  ctx.moveTo(x1, y);
-  for (let x = x1; x <= x2; x += 1) {
-    const dy = Math.sin((x - x1) / WAVY_UNDERLINE_WAVELENGTH_PX * Math.PI) * WAVY_UNDERLINE_AMPLITUDE_PX;
-    ctx.lineTo(x, y + dy);
-  }
-  ctx.stroke();
-}
 const __vite_import_meta_env__ = { "DEV": false };
 function drawVerticalCell(ctx, cell, state, pageIndex, onUpdate, painters) {
   const box = {
@@ -42766,140 +42728,145 @@ export {
   OasisEditorEditor as ay,
   OasisBrandMark as az,
   getPageBodyTop as b,
-  markEnd as b$,
+  findParagraphLocation as b$,
   getTextBoxFloatingGeometry as b0,
   getPresetPathSegments as b1,
   buildListLabels as b2,
-  getImageFloatingGeometry as b3,
-  textStyleToFontSizePt as b4,
-  PX_PER_POINT as b5,
-  DEFAULT_FONT_SIZE_PX as b6,
-  resolveOpenTypeFeatureTags as b7,
-  rgb255ToHex as b8,
-  isDoubleUnderlineStyle as b9,
-  FOOTNOTE_MARKER_GUTTER_PX as bA,
-  resolveImporterForFile as bB,
-  getDocumentSectionsCanonical as bC,
-  getDocumentParagraphsCanonical as bD,
-  getDocumentParagraphs as bE,
-  getDocumentPageSettings as bF,
-  getTableCellContentWidthForParagraph as bG,
-  layoutMetricsEpoch as bH,
-  bumpLayoutMetricsEpoch as bI,
-  createCanvasLayoutSnapshotProvider as bJ,
-  on as bK,
-  debounce as bL,
-  unwrap as bM,
-  perfTimer as bN,
-  getRunTextBox as bO,
-  createEditorDocument as bP,
-  resolveResizedDimensions as bQ,
-  resolveTextBoxRenderHeight as bR,
-  getToolbarStyleState as bS,
-  getCachedCanvasImage as bT,
-  measureParagraphMinContentWidthPx as bU,
-  getEditableBlocksForZone as bV,
-  findParagraphLocation as bW,
-  createSectionBoundaryParagraph as bX,
-  normalizePageSettings as bY,
-  DEFAULT_EDITOR_PAGE_SETTINGS as bZ,
-  markStart as b_,
-  isWavyUnderlineStyle as ba,
-  underlineStyleLineWidthPx as bb,
-  WAVY_UNDERLINE_WAVELENGTH_PX as bc,
-  WAVY_UNDERLINE_AMPLITUDE_PX as bd,
-  underlineStyleDashArray as be,
-  resolveListLabel as bf,
-  getListLabelInset as bg,
-  getAlignedListLabelInset as bh,
-  getParagraphBorderInsets as bi,
-  buildSegmentTable as bj,
-  buildCanvasTableLayout as bk,
-  resolveCanvasTableWidth as bl,
-  resolveFloatingTableRect as bm,
-  normalizeFamily as bn,
-  ROBOTO_FONT_FILES as bo,
-  loadFontAsset as bp,
-  OFFICE_COMPAT_FONT_FAMILIES as bq,
-  BinaryReader as br,
-  buildSfnt as bs,
-  defaultFontDecoderRegistry as bt,
-  SfntFontProgram as bu,
-  collectPdfFontFamilies as bv,
-  outlineFrom as bw,
-  getPageHeaderZoneTop as bx,
-  getPageColumnRects as by,
-  findFootnoteReference as bz,
+  PX_PER_POINT as b3,
+  DEFAULT_FONT_SIZE_PX as b4,
+  resolveGradientAxis as b5,
+  isDoubleUnderlineStyle as b6,
+  isWavyUnderlineStyle as b7,
+  underlineStyleLineWidthPx as b8,
+  WAVY_UNDERLINE_WAVELENGTH_PX as b9,
+  collectPdfFontFamilies as bA,
+  outlineFrom as bB,
+  getPageHeaderZoneTop as bC,
+  getPageColumnRects as bD,
+  findFootnoteReference as bE,
+  FOOTNOTE_MARKER_GUTTER_PX as bF,
+  resolveImporterForFile as bG,
+  getDocumentSectionsCanonical as bH,
+  getDocumentParagraphsCanonical as bI,
+  getDocumentParagraphs as bJ,
+  getDocumentPageSettings as bK,
+  getTableCellContentWidthForParagraph as bL,
+  layoutMetricsEpoch as bM,
+  bumpLayoutMetricsEpoch as bN,
+  createCanvasLayoutSnapshotProvider as bO,
+  on as bP,
+  debounce as bQ,
+  unwrap as bR,
+  perfTimer as bS,
+  getRunTextBox as bT,
+  createEditorDocument as bU,
+  resolveResizedDimensions as bV,
+  resolveTextBoxRenderHeight as bW,
+  getToolbarStyleState as bX,
+  getCachedCanvasImage as bY,
+  measureParagraphMinContentWidthPx as bZ,
+  getEditableBlocksForZone as b_,
+  WAVY_UNDERLINE_AMPLITUDE_PX as ba,
+  DOUBLE_UNDERLINE_OFFSET_PX as bb,
+  underlineStyleDashArray as bc,
+  EMPHASIS_GLYPH as bd,
+  rgb255ToHex as be,
+  getImageFloatingGeometry as bf,
+  textStyleToFontSizePt as bg,
+  resolveOpenTypeFeatureTags as bh,
+  resolveDecorationLineY as bi,
+  DOUBLE_STRIKE_OFFSET_PX as bj,
+  resolveListLabel as bk,
+  getListLabelInset as bl,
+  getAlignedListLabelInset as bm,
+  getParagraphBorderInsets as bn,
+  buildSegmentTable as bo,
+  buildCanvasTableLayout as bp,
+  resolveCanvasTableWidth as bq,
+  resolveFloatingTableRect as br,
+  normalizeFamily as bs,
+  ROBOTO_FONT_FILES as bt,
+  loadFontAsset as bu,
+  OFFICE_COMPAT_FONT_FAMILIES as bv,
+  BinaryReader as bw,
+  buildSfnt as bx,
+  defaultFontDecoderRegistry as by,
+  SfntFontProgram as bz,
   getPageBodyBottom as c,
-  createEditorCommandBus as c$,
-  getParagraphEntries as c0,
-  getParagraphById as c1,
-  createEditorFootnote as c2,
-  createFootnoteReferenceRun as c3,
-  renumberFootnotes as c4,
-  getHeadingLevel as c5,
-  preciseFontModeVersion as c6,
-  isPreciseFontModeEnabled as c7,
-  resolveNamedTextStyle as c8,
-  togglePreciseFontMode as c9,
-  CommandRegistry as cA,
-  DEFAULT_PALETTE as cB,
-  DialogFooter as cC,
-  FloatingActionButton as cD,
-  GridPicker as cE,
-  IconButton as cF,
-  Menu as cG,
-  OASIS_BUILTIN_COMMANDS as cH,
-  OASIS_MENU_ITEMS as cI,
-  OASIS_TOOLBAR_ITEMS as cJ,
-  OasisEditorAppLazy as cK,
-  OasisEditorContainer as cL,
-  PluginCollection as cM,
-  Popover as cN,
-  RIBBON_TABS as cO,
-  Select as cP,
-  SelectField as cQ,
-  Separator as cR,
-  SidePanel as cS,
-  SidePanelBody as cT,
-  SidePanelFooter as cU,
-  SidePanelHeader as cV,
-  SplitButton as cW,
-  StyleGallery as cX,
-  TextField as cY,
-  Button$1 as cZ,
-  buildRibbonTabDefinitions as c_,
-  nextFontSizePt as ca,
-  previousFontSizePt as cb,
-  fontSizePtToPx as cc,
-  createDefaultToolbarPreset as cd,
-  MenuRegistry as ce,
-  createToolbarRegistry as cf,
-  Editor as cg,
-  resolveCommandRef as ch,
-  commandRefName as ci,
-  createOasisEditorClient as cj,
-  createEditorZoom as ck,
-  startLongTaskObserver as cl,
-  installGlobalReport as cm,
-  applyStoredPreciseFontPreference as cn,
-  getWelcomeSeen as co,
-  isLocalFontAccessSupported as cp,
-  EDITOR_SCROLL_PADDING_PX as cq,
-  Toolbar as cr,
-  OasisEditorLoading as cs,
-  I18nProvider as ct,
-  createTranslator as cu,
-  createEditorLogger as cv,
-  registerDomStatsSurface as cw,
-  Button as cx,
-  Checkbox as cy,
-  ColorPicker as cz,
+  SplitButton as c$,
+  createSectionBoundaryParagraph as c0,
+  normalizePageSettings as c1,
+  DEFAULT_EDITOR_PAGE_SETTINGS as c2,
+  markStart as c3,
+  markEnd as c4,
+  getParagraphEntries as c5,
+  getParagraphById as c6,
+  createEditorFootnote as c7,
+  createFootnoteReferenceRun as c8,
+  renumberFootnotes as c9,
+  createEditorLogger as cA,
+  registerDomStatsSurface as cB,
+  Button as cC,
+  Checkbox as cD,
+  ColorPicker as cE,
+  CommandRegistry as cF,
+  DEFAULT_PALETTE as cG,
+  DialogFooter as cH,
+  FloatingActionButton as cI,
+  GridPicker as cJ,
+  IconButton as cK,
+  Menu as cL,
+  OASIS_BUILTIN_COMMANDS as cM,
+  OASIS_MENU_ITEMS as cN,
+  OASIS_TOOLBAR_ITEMS as cO,
+  OasisEditorAppLazy as cP,
+  OasisEditorContainer as cQ,
+  PluginCollection as cR,
+  Popover as cS,
+  RIBBON_TABS as cT,
+  Select as cU,
+  SelectField as cV,
+  Separator as cW,
+  SidePanel as cX,
+  SidePanelBody as cY,
+  SidePanelFooter as cZ,
+  SidePanelHeader as c_,
+  getHeadingLevel as ca,
+  preciseFontModeVersion as cb,
+  isPreciseFontModeEnabled as cc,
+  resolveNamedTextStyle as cd,
+  togglePreciseFontMode as ce,
+  nextFontSizePt as cf,
+  previousFontSizePt as cg,
+  fontSizePtToPx as ch,
+  createDefaultToolbarPreset as ci,
+  MenuRegistry as cj,
+  createToolbarRegistry as ck,
+  Editor as cl,
+  resolveCommandRef as cm,
+  commandRefName as cn,
+  createOasisEditorClient as co,
+  createEditorZoom as cp,
+  startLongTaskObserver as cq,
+  installGlobalReport as cr,
+  applyStoredPreciseFontPreference as cs,
+  getWelcomeSeen as ct,
+  isLocalFontAccessSupported as cu,
+  EDITOR_SCROLL_PADDING_PX as cv,
+  Toolbar as cw,
+  OasisEditorLoading as cx,
+  I18nProvider as cy,
+  createTranslator as cz,
   domTextMeasurer as d,
-  createOasisEditor as d0,
-  createOasisEditorContainer as d1,
-  mount as d2,
-  registerToolbarRenderer as d3,
+  StyleGallery as d0,
+  TextField as d1,
+  Button$1 as d2,
+  buildRibbonTabDefinitions as d3,
+  createEditorCommandBus as d4,
+  createOasisEditor as d5,
+  createOasisEditorContainer as d6,
+  mount as d7,
+  registerToolbarRenderer as d8,
   estimateTableBlockHeight as e,
   getFootnoteDisplayMarker as f,
   getProjectedParagraphBlockHeight as g,