oasis-editor 0.0.114 → 0.0.116

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

@@ -2539,7 +2539,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-XloOiKSu.js").then((m) => {
+    import("./OasisEditorApp-DY_N4M54.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -13135,6 +13135,10 @@ function getPreciseFontProgram(family, bold, italic) {
   const resolved = family ?? "";
   return registry.get(faceKey(resolved, bold, italic)) ?? registry.get(faceKey(resolved, false, false)) ?? null;
 }
+function roundTo(value, decimals) {
+  const factor = 10 ** decimals;
+  return Math.round(value * factor) / factor;
+}
 const familyFileCache = /* @__PURE__ */ new Map();
 const fontLogger$1 = createEditorLogger("fonts");
 function resolveFaceFiles(family) {
@@ -13312,7 +13316,7 @@ async function preloadLayoutFonts(families) {
   );
   const finishedAt = typeof performance !== "undefined" ? performance.now() : Date.now();
   fontLogger$1.info("preload:done", {
-    durationMs: Math.round((finishedAt - startedAt) * 100) / 100,
+    durationMs: roundTo(finishedAt - startedAt, 2),
     results,
     documentFontsStatus: typeof document !== "undefined" && document.fonts ? document.fonts.status : "unavailable"
   });
@@ -14086,7 +14090,6 @@ function findHyphenationPoints(word, lang) {
 }
 const DEFAULT_CONTENT_WIDTH = 624;
 const MIN_CONTENT_WIDTH = 120;
-const PT_TO_PX = 96 / 72;
 function intersectsVertically(aTop, aBottom, bTop, bBottom) {
   return aTop < bBottom && aBottom > bTop;
 }
@@ -14538,7 +14541,7 @@ function composeMeasuredParagraphLines(options) {
     }
     if (!isEmptyLine) {
       const remaining = lineAvailableWidth - lineWidth;
-      const zonePx = ((hyphenation == null ? void 0 : hyphenation.zone) ?? 0) * PT_TO_PX;
+      const zonePx = ((hyphenation == null ? void 0 : hyphenation.zone) ?? 0) * PX_PER_POINT;
       if (remaining > zonePx) {
         const hy = tryHyphenate(token.chars, remaining);
         if (hy) {
@@ -14938,6 +14941,9 @@ function getParagraphBorderInsets(style2) {
     bottom: edgeInset(style2.borderBottom)
   };
 }
+const VERTICAL_HIT_WEIGHT = 1e3;
+const TEXT_BASELINE_RATIO = 0.8;
+const NO_WRAP_MEASURE_WIDTH_PX = 1e5;
 function formatTimestamp() {
   const now = /* @__PURE__ */ new Date();
   const h = String(now.getHours()).padStart(2, "0");
@@ -14972,7 +14978,7 @@ function markEnd(label) {
   performance.mark(endName);
   try {
     const measure = performance.measure(label, startName, endName);
-    const duration = Math.round(measure.duration * 100) / 100;
+    const duration = roundTo(measure.duration, 2);
     marks.push({
       name: label,
       duration,
@@ -14993,14 +14999,14 @@ function markEnd(label) {
 function recordDuration(label, durationMs) {
   marks.push({
     name: label,
-    duration: Math.round(durationMs * 100) / 100,
+    duration: roundTo(durationMs, 2),
     timestamp: Date.now()
   });
   if (shouldLogPerformanceMetrics()) {
     console.info(
       `%c[perf] ${label}`,
       "color: #f59e0b;",
-      `${formatTimestamp()} ${Math.round(durationMs * 100) / 100}ms`
+      `${formatTimestamp()} ${roundTo(durationMs, 2)}ms`
     );
   }
 }
@@ -15052,7 +15058,7 @@ function startLongTaskObserver() {
     observer = new PerformanceObserver((list) => {
       for (const entry of list.getEntries()) {
         longTasks.push({
-          duration: Math.round(entry.duration * 100) / 100,
+          duration: roundTo(entry.duration, 2),
           startTime: Math.round(entry.startTime)
         });
       }
@@ -15347,11 +15353,14 @@ function resolveDropCapExclusion(options) {
     sourceRunId: DROP_CAP_EXCLUSION_RUN_ID
   };
 }
-let activeHyphenation;
-let activeHyphenationSignature = "";
-function setActiveHyphenation(options) {
-  activeHyphenation = (options == null ? void 0 : options.enabled) ? options : void 0;
-  activeHyphenationSignature = activeHyphenation ? `h:${activeHyphenation.zone ?? ""}:${activeHyphenation.consecutiveLimit ?? ""}:${activeHyphenation.doNotHyphenateCaps ? 1 : 0}` : "";
+const EMPTY_PROJECTION_CONTEXT = {
+  hyphenation: void 0,
+  hyphenationSignature: ""
+};
+function createProjectionContext(options) {
+  const hyphenation = (options == null ? void 0 : options.enabled) ? options : void 0;
+  const hyphenationSignature = hyphenation ? `h:${hyphenation.zone ?? ""}:${hyphenation.consecutiveLimit ?? ""}:${hyphenation.doNotHyphenateCaps ? 1 : 0}` : "";
+  return { hyphenation, hyphenationSignature };
 }
 function paragraphStyleComparableKey(style2) {
   const {
@@ -15418,9 +15427,9 @@ function getParagraphFieldDependence(paragraph) {
   paragraphFieldDependenceCache.set(paragraph, result);
   return result;
 }
-function projectParagraphLayout(paragraph, pageIndex, totalPages, styles, contentWidth, measurer = domTextMeasurer, defaultTabStop) {
+function projectParagraphLayout(paragraph, pageIndex, totalPages, styles, contentWidth, measurer = domTextMeasurer, defaultTabStop, context2 = EMPTY_PROJECTION_CONTEXT) {
   const { dependsOnPageIndex, dependsOnTotalPages } = getParagraphFieldDependence(paragraph);
-  const cacheKey = `${dependsOnPageIndex ? pageIndex ?? "" : ""}:${dependsOnTotalPages ? totalPages ?? "" : ""}:${contentWidth ?? ""}:${defaultTabStop ?? ""}:${activeHyphenationSignature}`;
+  const cacheKey = `${dependsOnPageIndex ? pageIndex ?? "" : ""}:${dependsOnTotalPages ? totalPages ?? "" : ""}:${contentWidth ?? ""}:${defaultTabStop ?? ""}:${context2.hyphenationSignature}`;
   let cacheForParagraph = paragraphLayoutCache.get(paragraph);
   if (cacheForParagraph) {
     const cached = cacheForParagraph.get(cacheKey);
@@ -15478,7 +15487,7 @@ function projectParagraphLayout(paragraph, pageIndex, totalPages, styles, conten
         styles,
         contentWidth,
         defaultTabStop,
-        hyphenation: activeHyphenation
+        hyphenation: context2.hyphenation
       }).map((line) => ({
         ...line,
         height: line.height || lineHeight,
@@ -15507,7 +15516,7 @@ function projectParagraphLayout(paragraph, pageIndex, totalPages, styles, conten
   cacheForParagraph.set(cacheKey, result);
   return result;
 }
-function projectParagraphLayoutWithExclusions(paragraph, pageSettings, contentWidth, measurer = domTextMeasurer, pageIndex, totalPages, styles, defaultTabStop, resolveTextBoxHeight, externalExclusions = []) {
+function projectParagraphLayoutWithExclusions(paragraph, pageSettings, contentWidth, measurer = domTextMeasurer, pageIndex, totalPages, styles, defaultTabStop, resolveTextBoxHeight, externalExclusions = [], context2 = EMPTY_PROJECTION_CONTEXT) {
   const preliminary = projectParagraphLayout(
     paragraph,
     pageIndex,
@@ -15515,7 +15524,8 @@ function projectParagraphLayoutWithExclusions(paragraph, pageSettings, contentWi
     styles,
     contentWidth,
     measurer,
-    defaultTabStop
+    defaultTabStop,
+    context2
   );
   if (!pageSettings || !contentWidth) {
     return preliminary;
@@ -15776,7 +15786,6 @@ function estimateParagraphBlockHeight(paragraph, styles, contentWidth, measurer
 }
 const MIN_TABLE_CELL_CONTENT_WIDTH_PX$2 = 24;
 const DEFAULT_CELL_PADDING_LEFT_RIGHT_PX$1 = 7.2;
-const NO_WRAP_MEASURE_WIDTH_PX$1 = 1e5;
 function toPx$1(valuePt) {
   return valuePt * PX_PER_POINT;
 }
@@ -15850,7 +15859,7 @@ function getTableCellContentWidthForParagraph(document2, paragraphId, activeSect
   if (!row) return null;
   const cell = row.cells[tableLocation.cellIndex];
   if (!cell) return null;
-  if ((_a = cell.style) == null ? void 0 : _a.noWrap) return NO_WRAP_MEASURE_WIDTH_PX$1;
+  if ((_a = cell.style) == null ? void 0 : _a.noWrap) return NO_WRAP_MEASURE_WIDTH_PX;
   const pageContentWidthPx = getPageContentWidth(
     getDocumentPageSettings(document2)
   );
@@ -15917,7 +15926,6 @@ function resolveCachedTableCellParagraph(source, formatting, styles) {
   return resolved;
 }
 const DEFAULT_LINE_HEIGHT = 1.15;
-const NO_WRAP_MEASURE_WIDTH_PX = 1e5;
 const DEFAULT_TABLE_CELL_HORIZONTAL_PADDING_PX = 14.4;
 const MIN_TABLE_CELL_CONTENT_WIDTH_PX$1 = 24;
 const DEFAULT_TABLE_SEGMENT_VERTICAL_SPACING = 0;
@@ -16471,7 +16479,8 @@ function paginateParagraphBlock(track, params, sourceBlock, nextBlock, index) {
     track.floatingExclusions.map((exclusion) => ({
       ...exclusion,
       y: exclusion.y - track.height
-    }))
+    })),
+    params.projectionContext ?? EMPTY_PROJECTION_CONTEXT
   );
   const measuredParagraphLayout = measuredParagraphLayouts == null ? void 0 : measuredParagraphLayouts[sourceBlock.id];
   const paragraphLayout = measuredParagraphLayout && isMeasuredLayoutCurrent(projectedParagraphLayout, measuredParagraphLayout) ? applyMeasuredLineGeometry(
@@ -16783,7 +16792,7 @@ function estimateSingleCellRowSliceHeight(row, cellIndex, start, end, styles, me
     rowIndex
   );
 }
-function findCellSplitEndPosition(row, cellIndex, start, availableHeight, styles, measurer, defaultTabStop, contentWidth, table, rowIndex) {
+function findCellSplitEndPosition(row, cellIndex, start, availableHeight, styles, measurer, defaultTabStop, contentWidth, table, rowIndex, projectionContext = EMPTY_PROJECTION_CONTEXT) {
   const cell = row.cells[cellIndex];
   if (!cell) return start;
   const limit = cell.blocks.length;
@@ -16822,7 +16831,8 @@ function findCellSplitEndPosition(row, cellIndex, start, availableHeight, styles
     styles,
     contentWidth,
     measurer,
-    defaultTabStop
+    defaultTabStop,
+    projectionContext
   );
   for (const line of layout.lines) {
     if (line.endOffset <= startOffset || line.endOffset >= paragraphLength) {
@@ -16894,7 +16904,14 @@ function resolveFloatingTableWidth(table, contentWidth) {
 }
 function paginateTableBlock(track, params, sourceBlock, index) {
   var _a;
-  const { contentWidth, measurer, styles, defaultTabStop, measuredHeights } = params;
+  const {
+    contentWidth,
+    measurer,
+    styles,
+    defaultTabStop,
+    measuredHeights,
+    projectionContext
+  } = params;
   const tableHeight = (measuredHeights == null ? void 0 : measuredHeights[sourceBlock.id]) ?? estimateTableBlockHeight(
     sourceBlock,
     styles,
@@ -17108,7 +17125,8 @@ function paginateTableBlock(track, params, sourceBlock, index) {
                 defaultTabStop,
                 contentWidth,
                 sourceBlock,
-                rowGroups[groupEndIndex].startRowIndex
+                rowGroups[groupEndIndex].startRowIndex,
+                projectionContext
               )
             );
             if (positionsProgressed(starts, ends)) {
@@ -17155,7 +17173,12 @@ function paginateTableBlock(track, params, sourceBlock, index) {
         splitEndPositions,
         startCellPositions
       );
-      advanceCursor(groupEndIndex, isLastRowSplit, splitEnds, splitEndPositions);
+      advanceCursor(
+        groupEndIndex,
+        isLastRowSplit,
+        splitEnds,
+        splitEndPositions
+      );
       return block;
     },
     force(segmentId) {
@@ -17187,7 +17210,8 @@ function paginateTableBlock(track, params, sourceBlock, index) {
             defaultTabStop,
             contentWidth,
             sourceBlock,
-            startRowIndex
+            startRowIndex,
+            projectionContext
           )
         );
         if (!positionsProgressed(starts, ends)) {
@@ -17201,7 +17225,11 @@ function paginateTableBlock(track, params, sourceBlock, index) {
         splitEnds = positionsToBlockIndexes(ends);
         splitEndPositions = ends;
         isLastRowSplit = true;
-        const slicedLastRow = buildRowSliceFromPositions(targetRow, starts, ends);
+        const slicedLastRow = buildRowSliceFromPositions(
+          targetRow,
+          starts,
+          ends
+        );
         segmentHeight = getTableSegmentHeight(
           { ...sourceBlock, rows: [slicedLastRow] },
           0,
@@ -17236,7 +17264,12 @@ function paginateTableBlock(track, params, sourceBlock, index) {
         splitEndPositions,
         startCellPositions
       );
-      advanceCursor(groupEndIndex, isLastRowSplit, splitEnds, splitEndPositions);
+      advanceCursor(
+        groupEndIndex,
+        isLastRowSplit,
+        splitEnds,
+        splitEndPositions
+      );
       return block;
     }
   });
@@ -17267,7 +17300,8 @@ function projectColumnTrackLayout(context2) {
     measurer = domTextMeasurer,
     reservedHeightByPageIndex,
     defaultTabStop,
-    contentWidthOverride
+    contentWidthOverride,
+    projectionContext
   } = context2;
   const contentWidth = contentWidthOverride ?? getPageContentWidth(pageSettings);
   const track = new PaginationTrack(
@@ -17285,7 +17319,8 @@ function projectColumnTrackLayout(context2) {
     totalPages,
     defaultTabStop,
     measuredHeights,
-    measuredParagraphLayouts
+    measuredParagraphLayouts,
+    projectionContext
   };
   for (let index = 0; index < blocks.length; index += 1) {
     const sourceBlock = blocks[index];
@@ -17843,17 +17878,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 +17898,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 +17926,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 +17960,86 @@ 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 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,32 +18061,29 @@ 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) ? {
+        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
           )
         } : {},
-        ...((_v = cell.style) == null ? void 0 : _v.borderTopRightToBottomLeft) ? {
+        ...((_q = cell.style) == null ? void 0 : _q.borderTopRightToBottomLeft) ? {
           topRightToBottomLeft: resolveBorder(
             cell.style.borderTopRightToBottomLeft
           )
@@ -18137,13 +18096,13 @@ 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;
+      ) : NO_WRAP_MEASURE_WIDTH_PX : contentWidthPx;
       const projectedParagraphs = [];
       let contentNaturalHeightPx = 0;
       for (const original of cell.blocks) {
@@ -18154,9 +18113,9 @@ function buildCanvasTableLayout(options) {
             pageIndex,
             void 0,
             state.document.styles,
-            NO_WRAP_WIDTH_PX,
+            NO_WRAP_MEASURE_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 +18141,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 +18155,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
@@ -18258,15 +18217,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 +18242,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 +18274,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 {
@@ -18383,21 +18353,137 @@ 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,
@@ -18405,7 +18491,7 @@ function buildCanvasTableLayout(options) {
   };
 }
 var _tmpl$$y = /* @__PURE__ */ template(`<div class=oasis-editor-page-break style="display:flex;align-items:center;justify-content:center;margin:16px 0;position:relative;user-select:none"><div style="position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--oasis-toolbar-border, #e0e3e7)"></div><div style="background:var(--oasis-bg, #f6f8fb);padding:0 12px;color:var(--oasis-text-muted, #5f6368);font-size:12px;font-family:var(--oasis-font-ui, sans-serif);z-index:1">`);
-function PageBreak(props) {
+function PageBreak(_props) {
   const t = useI18n();
   return (() => {
     var _el$ = _tmpl$$y(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
@@ -18413,45 +18499,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 +20033,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 +20250,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 +20422,262 @@ 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 +20754,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 +20783,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 +20889,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 +20921,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 +20945,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,453 +20969,62 @@ function drawFloatingImagesForParagraph(options) {
     }
   }
 }
-function drawParagraph(ctx, paragraph, lines, state, originX, originY, onUpdate, painters, pageIndex = 0) {
-  var _a, _b, _c, _d;
-  for (const line of lines) {
-    const slotByOffset = /* @__PURE__ */ new Map();
-    for (const slot of line.slots) {
-      slotByOffset.set(slot.offset, slot);
-    }
-    const baselineY = originY + line.top + line.height * 0.8;
-    const listPrefix = line.index === 0 ? resolveListPrefix(paragraph, state.document) : "";
-    if (listPrefix) {
-      const prefixStyles = resolveEffectiveTextStyleForParagraph(
-        (_a = paragraph.runs[0]) == null ? void 0 : _a.styles,
-        (_b = paragraph.style) == null ? void 0 : _b.styleId,
-        state.document.styles
-      );
-      const { font: prefixFont, fillStyle: prefixFillStyle } = resolveCanvasRunPaintStyle(prefixStyles);
-      ctx.save();
-      ctx.font = prefixFont;
-      ctx.fillStyle = prefixFillStyle;
-      const first = line.slots[0];
-      const gap = ctx.measureText(`${listPrefix} `).width;
-      const labelInset = getListLabelInset(paragraph, state.document.styles);
-      const labelWidth = ctx.measureText(listPrefix).width;
-      const alignedLeft = getAlignedListLabelInset(
-        paragraph,
-        state.document.styles,
-        (first == null ? void 0 : first.left) ?? labelInset + labelWidth,
-        labelWidth
-      );
-      const left = first !== void 0 && labelInset + labelWidth > first.left ? Math.max(0, first.left - gap) : alignedLeft;
-      ctx.fillText(listPrefix, originX + left, baselineY);
-      ctx.restore();
-    }
-    for (const fragment of line.fragments) {
-      const styles = resolveEffectiveTextStyleForParagraph(
-        fragment.styles,
-        (_c = paragraph.style) == null ? void 0 : _c.styleId,
-        state.document.styles
-      );
-      if (styles.hidden) {
-        continue;
-      }
-      const fontSize = styles.fontSize ?? DEFAULT_FONT_SIZE_PX;
-      const metricFamily = resolveMetricCompatibleFamily(
-        styles.fontFamily ?? "Calibri"
-      );
-      const { font, renderMetrics } = resolveCanvasRunPaintStyle(styles);
-      ctx.save();
-      ctx.font = font;
-      applyCanvasTextFeatureHints(ctx, styles, fontSize);
-      logCanvasFontUse({
-        requestedFamily: styles.fontFamily,
-        metricFamily,
-        cssFont: ctx.font,
-        fontSize: renderMetrics.fontSize,
-        bold: Boolean(styles.bold),
-        italic: Boolean(styles.italic),
-        sample: fragment.text.slice(0, 80)
-      });
-      ctx.fillStyle = resolveCanvasTextFill(
-        ctx,
-        styles,
-        line,
-        fragment,
-        originX,
-        originY
-      );
-      if (styles.shading) {
-        drawFragmentShading(
-          ctx,
-          line,
-          fragment,
-          originX,
-          originY,
-          styles.shading
-        );
-      }
-      if (styles.highlight) {
-        drawFragmentHighlight(
-          ctx,
-          line,
-          fragment,
-          originX,
-          originY,
-          styles.highlight
-        );
-      }
-      if (styles.textBorder) {
-        drawFragmentBorder(
-          ctx,
-          line,
-          fragment,
-          originX,
-          originY,
-          styles.textBorder
-        );
-      }
-      if (fragment.image && !fragment.image.floating) {
-        const slot = slotByOffset.get(fragment.startOffset);
-        if (slot) {
-          const src = resolveImageSrc(state.document, fragment.image.src);
-          const img = getCachedCanvasImage(src, onUpdate);
-          if (img.complete && img.naturalWidth > 0) {
-            const rect = resolveInlineObjectRect({
-              originLeft: originX,
-              originTop: originY,
-              lineTop: line.top,
-              lineHeight: line.height,
-              slotLeft: slot.left,
-              objectWidth: fragment.image.width,
-              objectHeight: fragment.image.height
-            });
-            drawImageFragment(ctx, img, fragment.image, rect.left, rect.top);
-          }
-        }
-      } else if (fragment.textBox && !fragment.textBox.floating) {
-        const slot = slotByOffset.get(fragment.startOffset);
-        if (slot) {
-          const textBox = fragment.textBox;
-          const height = resolveTextBoxRenderHeight(textBox, state, pageIndex);
-          const rect = resolveInlineObjectRect({
-            originLeft: originX,
-            originTop: originY,
-            lineTop: line.top,
-            lineHeight: line.height,
-            slotLeft: slot.left,
-            objectWidth: textBox.width,
-            objectHeight: height
-          });
-          paintTextBox(
-            ctx,
-            textBox,
-            state,
-            rect.left,
-            rect.top,
-            rect.width,
-            rect.height,
-            pageIndex,
-            onUpdate,
-            painters
-          );
-        }
-      } else {
-        drawTextFragment(
-          ctx,
-          paragraph,
-          line,
-          fragment,
-          slotByOffset,
-          state,
-          styles,
-          originX,
-          baselineY + renderMetrics.baselineOffset
-        );
-        if (styles.reflection) {
-          drawFragmentReflection(
-            ctx,
-            fragment,
-            slotByOffset,
-            styles,
-            originX,
-            baselineY + renderMetrics.baselineOffset,
-            styles.reflection
-          );
-        }
-      }
-      if (styles.underline) {
-        drawTextDecoration(
-          ctx,
-          line,
-          fragment,
-          originX,
-          originY,
-          "underline",
-          styles.underlineStyle ?? void 0,
-          styles.underlineColor ?? void 0
-        );
-      }
-      if (styles.strike) {
-        drawTextDecoration(ctx, line, fragment, originX, originY, "strike");
-      }
-      if (styles.doubleStrike) {
-        drawTextDecoration(
-          ctx,
-          line,
-          fragment,
-          originX,
-          originY,
-          "doubleStrike"
-        );
-      }
-      if (styles.emphasisMark) {
-        drawFragmentEmphasis(
-          ctx,
-          line,
-          fragment,
-          slotByOffset,
-          originX,
-          originY,
-          styles.emphasisMark,
-          styles.color ?? "#000000"
-        );
-      }
-      ctx.restore();
-    }
-    if (line.trailingHyphen) {
-      const lastFragment = [...line.fragments].reverse().find(
-        (fragment) => fragment.text && !fragment.image && !fragment.textBox
-      );
-      const endSlot = slotByOffset.get(line.endOffset) ?? line.slots[line.slots.length - 1];
-      if (lastFragment && endSlot) {
-        const styles = resolveEffectiveTextStyleForParagraph(
-          lastFragment.styles,
-          (_d = paragraph.style) == null ? void 0 : _d.styleId,
-          state.document.styles
-        );
-        if (!styles.hidden) {
-          const { font, fillStyle, renderMetrics, scale } = resolveCanvasRunPaintStyle(styles);
-          ctx.save();
-          ctx.font = font;
-          ctx.fillStyle = fillStyle;
-          drawStyledText(
-            ctx,
-            "-",
-            originX + endSlot.left,
-            baselineY + renderMetrics.baselineOffset,
-            scale,
-            styles
-          );
-          ctx.restore();
-        }
-      }
-    }
-    const isLastLine = line.index === lines.length - 1;
-    if (state.showParagraphMarks && isLastLine) {
-      const lastSlot = line.slots[line.slots.length - 1];
-      const markSlot = line.slots.find((slot) => slot.offset === line.endOffset) ?? lastSlot;
-      if (markSlot) {
-        ctx.save();
-        ctx.font = "400 13px Calibri";
-        ctx.fillStyle = "#9ca3af";
-        const y = originY + line.top + line.height * 0.8;
-        ctx.fillText("¶", originX + markSlot.left + 2, y);
-        ctx.restore();
-      }
-    }
-  }
-}
-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
+function resolveTabLeader(paragraph, line, tabLeft, state) {
+  var _a;
+  const paragraphStyle = resolveEffectiveParagraphStyle(
+    paragraph.style,
+    state.document.styles
   );
-  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;
+  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 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();
-  }
+function drawTabLeader(ctx, leader, x1, x2, y) {
+  if (x2 <= x1 + 2) return;
   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);
-    }
+  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 {
-    drawScaledText(ctx, text, x, y, scale);
+    ctx.setLineDash([]);
   }
+  const leaderY = leader === "underscore" ? y + 2 : y;
+  ctx.beginPath();
+  ctx.moveTo(x1, leaderY);
+  ctx.lineTo(x2, leaderY);
+  ctx.stroke();
   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();
+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;
@@ -21164,109 +21093,254 @@ function drawTextFragment(ctx, paragraph, line, fragment, slotByOffset, state, s
       flushSegment();
       continue;
     }
-    if (segmentLeft === null) {
-      segmentLeft = slot.left;
-    }
+    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);
+function drawParagraph(ctx, paragraph, lines, state, originX, originY, onUpdate, painters, pageIndex = 0) {
+  var _a, _b, _c, _d;
+  for (const line of lines) {
+    const slotByOffset = /* @__PURE__ */ new Map();
+    for (const slot of line.slots) {
+      slotByOffset.set(slot.offset, slot);
+    }
+    const baselineY = originY + line.top + line.height * TEXT_BASELINE_RATIO;
+    const listPrefix = line.index === 0 ? resolveListPrefix(paragraph, state.document) : "";
+    if (listPrefix) {
+      const prefixStyles = resolveEffectiveTextStyleForParagraph(
+        (_a = paragraph.runs[0]) == null ? void 0 : _a.styles,
+        (_b = paragraph.style) == null ? void 0 : _b.styleId,
+        state.document.styles
+      );
+      const { font: prefixFont, fillStyle: prefixFillStyle } = resolveCanvasRunPaintStyle(prefixStyles);
+      ctx.save();
+      ctx.font = prefixFont;
+      ctx.fillStyle = prefixFillStyle;
+      const first = line.slots[0];
+      const gap = ctx.measureText(`${listPrefix} `).width;
+      const labelInset = getListLabelInset(paragraph, state.document.styles);
+      const labelWidth = ctx.measureText(listPrefix).width;
+      const alignedLeft = getAlignedListLabelInset(
+        paragraph,
+        state.document.styles,
+        (first == null ? void 0 : first.left) ?? labelInset + labelWidth,
+        labelWidth
+      );
+      const left = first !== void 0 && labelInset + labelWidth > first.left ? Math.max(0, first.left - gap) : alignedLeft;
+      ctx.fillText(listPrefix, originX + left, baselineY);
+      ctx.restore();
+    }
+    for (const fragment of line.fragments) {
+      const styles = resolveEffectiveTextStyleForParagraph(
+        fragment.styles,
+        (_c = paragraph.style) == null ? void 0 : _c.styleId,
+        state.document.styles
+      );
+      if (styles.hidden) continue;
+      const fontSize = styles.fontSize ?? DEFAULT_FONT_SIZE_PX;
+      const metricFamily = resolveMetricCompatibleFamily(
+        styles.fontFamily ?? "Calibri"
+      );
+      const { font, renderMetrics } = resolveCanvasRunPaintStyle(styles);
+      ctx.save();
+      ctx.font = font;
+      applyCanvasTextFeatureHints(ctx, styles, fontSize);
+      logCanvasFontUse({
+        requestedFamily: styles.fontFamily,
+        metricFamily,
+        cssFont: ctx.font,
+        fontSize: renderMetrics.fontSize,
+        bold: Boolean(styles.bold),
+        italic: Boolean(styles.italic),
+        sample: fragment.text.slice(0, 80)
+      });
+      ctx.fillStyle = resolveCanvasTextFill(
+        ctx,
+        styles,
+        line,
+        fragment,
+        originX,
+        originY
+      );
+      if (styles.shading) {
+        drawFragmentShading(
+          ctx,
+          line,
+          fragment,
+          originX,
+          originY,
+          styles.shading
+        );
+      }
+      if (styles.highlight) {
+        drawFragmentHighlight(
+          ctx,
+          line,
+          fragment,
+          originX,
+          originY,
+          styles.highlight
+        );
+      }
+      if (styles.textBorder) {
+        drawFragmentBorder(
+          ctx,
+          line,
+          fragment,
+          originX,
+          originY,
+          styles.textBorder
+        );
+      }
+      if (fragment.image && !fragment.image.floating) {
+        const slot = slotByOffset.get(fragment.startOffset);
+        if (slot) {
+          const src = resolveImageSrc(state.document, fragment.image.src);
+          const img = getCachedCanvasImage(src, onUpdate);
+          if (img.complete && img.naturalWidth > 0) {
+            const rect = resolveInlineObjectRect({
+              originLeft: originX,
+              originTop: originY,
+              lineTop: line.top,
+              lineHeight: line.height,
+              slotLeft: slot.left,
+              objectWidth: fragment.image.width,
+              objectHeight: fragment.image.height
+            });
+            drawImageFragment(ctx, img, fragment.image, rect.left, rect.top);
+          }
+        }
+      } else if (fragment.textBox && !fragment.textBox.floating) {
+        const slot = slotByOffset.get(fragment.startOffset);
+        if (slot) {
+          const textBox = fragment.textBox;
+          const height = resolveTextBoxRenderHeight(textBox, state, pageIndex);
+          const rect = resolveInlineObjectRect({
+            originLeft: originX,
+            originTop: originY,
+            lineTop: line.top,
+            lineHeight: line.height,
+            slotLeft: slot.left,
+            objectWidth: textBox.width,
+            objectHeight: height
+          });
+          paintTextBox(
+            ctx,
+            textBox,
+            state,
+            rect.left,
+            rect.top,
+            rect.width,
+            rect.height,
+            pageIndex,
+            onUpdate,
+            painters
+          );
+        }
+      } else {
+        drawTextFragment(
+          ctx,
+          paragraph,
+          line,
+          fragment,
+          slotByOffset,
+          state,
+          styles,
+          originX,
+          baselineY + renderMetrics.baselineOffset
+        );
+        if (styles.reflection) {
+          drawFragmentReflection(
+            ctx,
+            fragment,
+            slotByOffset,
+            styles,
+            originX,
+            baselineY + renderMetrics.baselineOffset,
+            styles.reflection
+          );
+        }
+      }
+      if (styles.underline) {
+        drawTextDecoration(
+          ctx,
+          line,
+          fragment,
+          originX,
+          originY,
+          "underline",
+          styles.underlineStyle ?? void 0,
+          styles.underlineColor ?? void 0
+        );
+      }
+      if (styles.strike) {
+        drawTextDecoration(ctx, line, fragment, originX, originY, "strike");
+      }
+      if (styles.doubleStrike) {
+        drawTextDecoration(
+          ctx,
+          line,
+          fragment,
+          originX,
+          originY,
+          "doubleStrike"
+        );
+      }
+      if (styles.emphasisMark) {
+        drawFragmentEmphasis(
+          ctx,
+          line,
+          fragment,
+          slotByOffset,
+          originX,
+          originY,
+          styles.emphasisMark,
+          styles.color ?? "#000000"
+        );
+      }
+      ctx.restore();
+    }
+    if (line.trailingHyphen) {
+      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(
+          lastFragment.styles,
+          (_d = paragraph.style) == null ? void 0 : _d.styleId,
+          state.document.styles
+        );
+        if (!styles.hidden) {
+          const { font, fillStyle, renderMetrics, scale } = resolveCanvasRunPaintStyle(styles);
+          ctx.save();
+          ctx.font = font;
+          ctx.fillStyle = fillStyle;
+          drawStyledText(
+            ctx,
+            "-",
+            originX + endSlot.left,
+            baselineY + renderMetrics.baselineOffset,
+            scale,
+            styles
+          );
+          ctx.restore();
+        }
+      }
+    }
+    const isLastLine = line.index === lines.length - 1;
+    if (state.showParagraphMarks && isLastLine) {
+      const lastSlot = line.slots[line.slots.length - 1];
+      const markSlot = line.slots.find((slot) => slot.offset === line.endOffset) ?? lastSlot;
+      if (markSlot) {
+        ctx.save();
+        ctx.font = "400 13px Calibri";
+        ctx.fillStyle = "#9ca3af";
+        const y = originY + line.top + line.height * TEXT_BASELINE_RATIO;
+        ctx.fillText("¶", originX + markSlot.left + 2, y);
+        ctx.restore();
+      }
+    }
   }
-  ctx.stroke();
 }
 const __vite_import_meta_env__ = { "DEV": false };
 function drawVerticalCell(ctx, cell, state, pageIndex, onUpdate, painters) {
@@ -21390,7 +21464,7 @@ function drawDropCapForParagraph(options) {
   }
   const style2 = dropCap.style;
   const { font, fillStyle, renderMetrics } = resolveCanvasRunPaintStyle(style2);
-  const bodyLineHeight = ((_a = lines[0]) == null ? void 0 : _a.height) ?? ((style2 == null ? void 0 : style2.fontSize) ?? DEFAULT_FONT_SIZE_PX);
+  const bodyLineHeight = ((_a = lines[0]) == null ? void 0 : _a.height) ?? (style2 == null ? void 0 : style2.fontSize) ?? DEFAULT_FONT_SIZE_PX;
   const glyphWidth = measureDropCapWidth(dropCap);
   const x = dropCap.type === "margin" ? originX - glyphWidth : originX;
   const baselineY = paragraphTop + (dropCap.lines - 0.2) * bodyLineHeight + renderMetrics.baselineOffset;
@@ -23252,7 +23326,6 @@ const WRAP_OPTIONS = [{
   labelKey: "layoutOptions.front"
 }];
 function WrapIcon(props) {
-  useI18n();
   const line = (x, y, w) => (() => {
     var _el$ = _tmpl$$q();
     setAttribute(_el$, "x", x);
@@ -32301,14 +32374,14 @@ function twipsToPoints(value) {
   if (!Number.isFinite(parsed)) {
     return void 0;
   }
-  return Math.round(parsed / 20 * 1e4) / 1e4;
+  return roundTo(parsed / 20, 4);
 }
 function halfPointsToPx(value) {
   const parsed = value ? Number(value) : Number.NaN;
   if (!Number.isFinite(parsed)) {
     return null;
   }
-  return Math.round(parsed / 2 / 72 * PX_PER_INCH * 1e4) / 1e4;
+  return roundTo(parsed / 2 / 72 * PX_PER_INCH, 4);
 }
 function normalizeImportedFontFamily(value) {
   const family = value == null ? void 0 : value.trim();
@@ -32773,7 +32846,7 @@ function parseDocxBorder(borderNode) {
     return { width: 0, type: "none", color: "transparent" };
   }
   const size = Number(getAttributeValue(borderNode, "sz"));
-  const width = Number.isFinite(size) && size > 0 ? Math.round(size / 8 * 1e4) / 1e4 : 0.75;
+  const width = Number.isFinite(size) && size > 0 ? roundTo(size / 8, 4) : 0.75;
   const color = normalizeImportedHexColor(getAttributeValue(borderNode, "color")) ?? "#000000";
   const normalizedValue = (value == null ? void 0 : value.toLowerCase()) ?? "single";
   const type = normalizedValue.includes("dotted") || normalizedValue.includes("dot") ? "dotted" : normalizedValue.includes("dash") ? "dashed" : "solid";
@@ -33505,7 +33578,7 @@ function parseParagraphStyle$1(paragraphProperties, colors) {
   }
   if (line) {
     if (lineRule === "exact" || lineRule === "atLeast") {
-      style2.lineHeight = Math.round(Number(line) / 1440 * 96 * 1e4) / 1e4;
+      style2.lineHeight = roundTo(Number(line) / 1440 * 96, 4);
       style2.lineRule = lineRule;
     } else {
       style2.lineHeight = Number(line) / 240;
@@ -33638,7 +33711,7 @@ function parseDocxWidthValue(element) {
       return void 0;
     }
     const pct = raw.trim().endsWith("%") ? Number.parseFloat(raw) : Number(raw) / 50;
-    return Number.isFinite(pct) ? `${Math.round(pct * 1e4) / 1e4}%` : void 0;
+    return Number.isFinite(pct) ? `${roundTo(pct, 4)}%` : void 0;
   }
   return twipsToPoints(raw);
 }
@@ -34022,7 +34095,7 @@ function parseTableCellStyle(cellProperties, tableDefaultMargins, colors) {
   } else if (cellWidthType === "pct" && cellWidthValue) {
     const pct = Number(cellWidthValue);
     if (Number.isFinite(pct)) {
-      style2.width = `${Math.round(pct / 50 * 1e4) / 1e4}%`;
+      style2.width = `${roundTo(pct / 50, 4)}%`;
     }
   }
   const tcMar = parseCellMargins(
@@ -35080,7 +35153,7 @@ function parseTextBoxShape(wsp) {
     } else if (el.localName === "ln") {
       const width = parseOptionalInt$1(el.getAttribute("w"));
       if (width !== void 0) {
-        shape.borderWidthPt = Math.round(width / EMU_PER_PT * 100) / 100;
+        shape.borderWidthPt = roundTo(width / EMU_PER_PT, 2);
       }
       const color = normalizeHexColor(
         (_b = findElementDeep(el, "srgbClr")) == null ? void 0 : _b.getAttribute("val")
@@ -36850,12 +36923,16 @@ async function importDocxToEditorDocument(buffer, options = {}) {
   const hasAssets = Object.keys(assets.assets).length > 0;
   const finalize = (doc2) => {
     const settingsPatch = {};
-    if (docSettings.defaultTabStop !== void 0) settingsPatch.defaultTabStop = docSettings.defaultTabStop;
-    if (docSettings.allowSpaceOfSameStyleInTable) settingsPatch.allowSpaceOfSameStyleInTable = true;
+    if (docSettings.defaultTabStop !== void 0)
+      settingsPatch.defaultTabStop = docSettings.defaultTabStop;
+    if (docSettings.allowSpaceOfSameStyleInTable)
+      settingsPatch.allowSpaceOfSameStyleInTable = true;
     if (docSettings.autoHyphenation) settingsPatch.autoHyphenation = true;
     if (docSettings.doNotHyphenateCaps) settingsPatch.doNotHyphenateCaps = true;
-    if (docSettings.consecutiveHyphenLimit !== void 0) settingsPatch.consecutiveHyphenLimit = docSettings.consecutiveHyphenLimit;
-    if (docSettings.hyphenationZone !== void 0) settingsPatch.hyphenationZone = docSettings.hyphenationZone;
+    if (docSettings.consecutiveHyphenLimit !== void 0)
+      settingsPatch.consecutiveHyphenLimit = docSettings.consecutiveHyphenLimit;
+    if (docSettings.hyphenationZone !== void 0)
+      settingsPatch.hyphenationZone = docSettings.hyphenationZone;
     if (Object.keys(settingsPatch).length > 0) {
       doc2.settings = { ...doc2.settings ?? {}, ...settingsPatch };
     }
@@ -37043,7 +37120,7 @@ function importDocxInWorker(buffer, options = {}) {
     const worker = new Worker(
       new URL(
         /* @vite-ignore */
-        "" + new URL("assets/importDocxWorker-D0F0jbcF.js", import.meta.url).href,
+        "" + new URL("assets/importDocxWorker-nIS-zjkj.js", import.meta.url).href,
         import.meta.url
       ),
       {
@@ -37102,6 +37179,10 @@ const docxImporter = {
     });
   }
 };
+function isAllowedImageSrc(src) {
+  const normalized = src.trim().toLowerCase();
+  return normalized.startsWith("data:image/") || normalized.startsWith("blob:");
+}
 function parseInlineImage(element) {
   var _a, _b, _c;
   if (element.tagName !== "IMG") {
@@ -37109,7 +37190,7 @@ function parseInlineImage(element) {
   }
   const img = element;
   const src = ((_a = img.getAttribute("src")) == null ? void 0 : _a.trim()) ?? "";
-  if (!src) {
+  if (!src || !isAllowedImageSrc(src)) {
     return void 0;
   }
   const widthAttr = ((_b = img.getAttribute("width")) == null ? void 0 : _b.trim()) ?? "";
@@ -38903,7 +38984,7 @@ function buildCanvasLayoutSnapshot(options) {
   };
 }
 function rounded(value) {
-  return Math.round(value * 100) / 100;
+  return roundTo(value, 2);
 }
 function getCanvasPageRectSignature(surface) {
   const surfaceRect = surface.getBoundingClientRect();
@@ -40257,10 +40338,10 @@ function previousFontSizePt(currentPt) {
   return Math.max(1, Math.round(currentPt) - 1);
 }
 function fontSizePxToPt(px) {
-  return Math.round(pxToPt(px) * 100) / 100;
+  return roundTo(pxToPt(px), 2);
 }
 function fontSizePtToPx(pt2) {
-  return Math.round(ptToPx(pt2) * 1e4) / 1e4;
+  return roundTo(ptToPx(pt2), 4);
 }
 function formatFontSizePt(px) {
   const value = Number(px);
@@ -41150,7 +41231,7 @@ function cmToPx(cm) {
   return Math.round(cm * PX_PER_CM);
 }
 function pxToCm(px) {
-  return Math.round(px / PX_PER_CM * 100) / 100;
+  return roundTo(px / PX_PER_CM, 2);
 }
 const MARGIN_PRESETS = [
   {
@@ -42672,249 +42753,258 @@ const OASIS_MENU_ITEMS = {
   formatListsNumbered: "format_lists_numbered"
 };
 export {
-  isParagraphTag as $,
+  resolveImageSrc as $,
   getParagraphLength as A,
   getParagraphText as B,
   getActiveZone as C,
   getActiveSectionIndex as D,
-  getParagraphs as E,
-  normalizeSelection as F,
-  positionToParagraphOffset as G,
-  paragraphOffsetToPosition as H,
-  clampPosition as I,
-  findParagraphIndex as J,
-  createCollapsedSelection as K,
-  isSelectionCollapsed as L,
+  EMPTY_PROJECTION_CONTEXT as E,
+  getParagraphs as F,
+  normalizeSelection as G,
+  positionToParagraphOffset as H,
+  paragraphOffsetToPosition as I,
+  clampPosition as J,
+  findParagraphIndex as K,
+  createCollapsedSelection as L,
   MAX_FOOTNOTE_LAYOUT_ITERATIONS as M,
-  parseFontSizePtToPx as N,
-  formatFontSizePt as O,
-  createEditorParagraph as P,
-  getBlockParagraphs as Q,
-  findParagraphTableLocation as R,
+  isSelectionCollapsed as N,
+  parseFontSizePtToPx as O,
+  formatFontSizePt as P,
+  createEditorParagraph as Q,
+  getBlockParagraphs as R,
   STANDARD_FONT_SIZES_PT as S,
-  buildTableCellLayout as T,
-  PT_PER_PX as U,
-  createEditorTableCell as V,
-  createEditorTableRow as W,
-  createEditorTable as X,
-  underlineStyleToCssDecorationStyle as Y,
-  resolveImageSrc as Z,
-  listKindForTag as _,
+  findParagraphTableLocation as T,
+  buildTableCellLayout as U,
+  PT_PER_PX as V,
+  createEditorTableCell as W,
+  createEditorTableRow as X,
+  createEditorTable as Y,
+  PX_PER_POINT as Z,
+  underlineStyleToCssDecorationStyle as _,
   getPageContentWidth as a,
-  resolveFloatingObjectRect as a$,
-  collectInlineRuns as a0,
-  parseParagraphStyle as a1,
-  getRunImage as a2,
-  InlineShell as a3,
-  BalloonShell as a4,
-  DocumentShell as a5,
-  createMemo as a6,
-  getCaretRectFromSnapshot as a7,
-  getParagraphRectFromSnapshot as a8,
-  createComponent as a9,
-  setPreciseFontPreference as aA,
-  setWelcomeSeen as aB,
-  enablePreciseFontMode as aC,
-  TWIPS_PER_POINT as aD,
-  PX_PER_INCH as aE,
-  TWIPS_PER_INCH as aF,
-  normalizeHex6 as aG,
-  TABLE_CONDITIONAL_FLAG_ATTRIBUTES as aH,
-  TABLE_BORDER_EDGE_KEYS as aI,
-  resolveEffectiveParagraphStyle as aJ,
-  resolveEffectiveTextStyleForParagraph as aK,
-  EMU_PER_PT as aL,
-  OOXML_ROTATION_UNITS as aM,
-  OOXML_PERCENT_DENOMINATOR as aN,
-  parseHexColorToRgb255 as aO,
-  EMU_PER_PX as aP,
-  getRunFootnoteReference as aQ,
-  getRunEndnoteReference as aR,
-  iterateFootnoteReferenceRuns as aS,
-  iterateEndnoteReferenceRuns as aT,
-  imageContentTypeDefaults as aU,
-  getRunFieldChar as aV,
-  getRunFieldInstruction as aW,
-  createEditorRun as aX,
-  JSZip as aY,
-  imageExtensionFromMime as aZ,
-  pxToPt as a_,
-  CaretOverlay as aa,
-  Show as ab,
-  createRenderEffect as ac,
-  style as ad,
-  setAttribute as ae,
-  setStyleProperty as af,
-  memo as ag,
-  template as ah,
-  addEventListener as ai,
-  insert as aj,
-  delegateEvents as ak,
-  useI18n as al,
-  createEffect as am,
-  use as an,
-  Dialog as ao,
-  className as ap,
-  For as aq,
-  UNDERLINE_STYLE_OPTIONS as ar,
-  Tabs as as,
-  createStore as at,
-  reconcile as au,
-  onMount as av,
-  onCleanup as aw,
-  PluginUiHost as ax,
-  OasisEditorEditor as ay,
-  OasisBrandMark as az,
+  imageExtensionFromMime as a$,
+  listKindForTag as a0,
+  isParagraphTag as a1,
+  collectInlineRuns as a2,
+  parseParagraphStyle as a3,
+  getRunImage as a4,
+  InlineShell as a5,
+  BalloonShell as a6,
+  DocumentShell as a7,
+  createMemo as a8,
+  getCaretRectFromSnapshot as a9,
+  OasisEditorEditor as aA,
+  OasisBrandMark as aB,
+  setPreciseFontPreference as aC,
+  setWelcomeSeen as aD,
+  enablePreciseFontMode as aE,
+  TWIPS_PER_POINT as aF,
+  PX_PER_INCH as aG,
+  TWIPS_PER_INCH as aH,
+  normalizeHex6 as aI,
+  TABLE_CONDITIONAL_FLAG_ATTRIBUTES as aJ,
+  TABLE_BORDER_EDGE_KEYS as aK,
+  resolveEffectiveParagraphStyle as aL,
+  resolveEffectiveTextStyleForParagraph as aM,
+  EMU_PER_PT as aN,
+  OOXML_ROTATION_UNITS as aO,
+  OOXML_PERCENT_DENOMINATOR as aP,
+  parseHexColorToRgb255 as aQ,
+  EMU_PER_PX as aR,
+  getRunFootnoteReference as aS,
+  getRunEndnoteReference as aT,
+  iterateFootnoteReferenceRuns as aU,
+  iterateEndnoteReferenceRuns as aV,
+  imageContentTypeDefaults as aW,
+  getRunFieldChar as aX,
+  getRunFieldInstruction as aY,
+  createEditorRun as aZ,
+  JSZip as a_,
+  getParagraphRectFromSnapshot as aa,
+  createComponent as ab,
+  CaretOverlay as ac,
+  Show as ad,
+  createRenderEffect as ae,
+  style as af,
+  setAttribute as ag,
+  setStyleProperty as ah,
+  memo as ai,
+  template as aj,
+  addEventListener as ak,
+  insert as al,
+  delegateEvents as am,
+  useI18n as an,
+  createEffect as ao,
+  use as ap,
+  Dialog as aq,
+  className as ar,
+  For as as,
+  UNDERLINE_STYLE_OPTIONS as at,
+  Tabs as au,
+  createStore as av,
+  reconcile as aw,
+  onMount as ax,
+  onCleanup as ay,
+  PluginUiHost as az,
   getPageBodyTop as b,
-  markEnd 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,
+  VERTICAL_HIT_WEIGHT as b$,
+  pxToPt as b0,
+  resolveFloatingObjectRect as b1,
+  getTextBoxFloatingGeometry as b2,
+  getPresetPathSegments as b3,
+  buildListLabels as b4,
+  DEFAULT_FONT_SIZE_PX as b5,
+  resolveGradientAxis as b6,
+  isDoubleUnderlineStyle as b7,
+  isWavyUnderlineStyle as b8,
+  underlineStyleLineWidthPx as b9,
+  defaultFontDecoderRegistry as bA,
+  SfntFontProgram as bB,
+  collectPdfFontFamilies as bC,
+  outlineFrom as bD,
+  getPageHeaderZoneTop as bE,
+  getPageColumnRects as bF,
+  findFootnoteReference as bG,
+  FOOTNOTE_MARKER_GUTTER_PX as bH,
+  resolveImporterForFile as bI,
+  roundTo as bJ,
+  getDocumentSectionsCanonical as bK,
+  getDocumentParagraphsCanonical as bL,
+  getDocumentParagraphs as bM,
+  getDocumentPageSettings as bN,
+  getTableCellContentWidthForParagraph as bO,
+  layoutMetricsEpoch as bP,
+  bumpLayoutMetricsEpoch as bQ,
+  createCanvasLayoutSnapshotProvider as bR,
+  on as bS,
+  debounce as bT,
+  unwrap as bU,
+  perfTimer as bV,
+  getRunTextBox as bW,
+  createEditorDocument as bX,
+  resolveResizedDimensions as bY,
+  resolveTextBoxRenderHeight as bZ,
+  getToolbarStyleState as b_,
+  WAVY_UNDERLINE_WAVELENGTH_PX as ba,
+  WAVY_UNDERLINE_AMPLITUDE_PX as bb,
+  DOUBLE_UNDERLINE_OFFSET_PX as bc,
+  underlineStyleDashArray as bd,
+  EMPHASIS_GLYPH as be,
+  rgb255ToHex as bf,
+  getImageFloatingGeometry as bg,
+  textStyleToFontSizePt as bh,
+  TEXT_BASELINE_RATIO as bi,
+  resolveOpenTypeFeatureTags as bj,
+  resolveDecorationLineY as bk,
+  DOUBLE_STRIKE_OFFSET_PX as bl,
+  resolveListLabel as bm,
+  getListLabelInset as bn,
+  getAlignedListLabelInset as bo,
+  getParagraphBorderInsets as bp,
+  buildSegmentTable as bq,
+  buildCanvasTableLayout as br,
+  resolveCanvasTableWidth as bs,
+  resolveFloatingTableRect as bt,
+  normalizeFamily as bu,
+  ROBOTO_FONT_FILES as bv,
+  loadFontAsset as bw,
+  OFFICE_COMPAT_FONT_FAMILIES as bx,
+  BinaryReader as by,
+  buildSfnt 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,
+  SidePanel as c$,
+  getCachedCanvasImage as c0,
+  measureParagraphMinContentWidthPx as c1,
+  getEditableBlocksForZone as c2,
+  findParagraphLocation as c3,
+  createSectionBoundaryParagraph as c4,
+  normalizePageSettings as c5,
+  DEFAULT_EDITOR_PAGE_SETTINGS as c6,
+  markStart as c7,
+  markEnd as c8,
+  getParagraphEntries as c9,
+  Toolbar as cA,
+  OasisEditorLoading as cB,
+  I18nProvider as cC,
+  createTranslator as cD,
+  createEditorLogger as cE,
+  registerDomStatsSurface as cF,
+  Button as cG,
+  Checkbox as cH,
+  ColorPicker as cI,
+  CommandRegistry as cJ,
+  DEFAULT_PALETTE as cK,
+  DialogFooter as cL,
+  FloatingActionButton as cM,
+  GridPicker as cN,
+  IconButton as cO,
+  Menu as cP,
+  OASIS_BUILTIN_COMMANDS as cQ,
+  OASIS_MENU_ITEMS as cR,
+  OASIS_TOOLBAR_ITEMS as cS,
+  OasisEditorAppLazy as cT,
+  OasisEditorContainer as cU,
+  PluginCollection as cV,
+  Popover as cW,
+  RIBBON_TABS as cX,
+  Select as cY,
+  SelectField as cZ,
+  Separator as c_,
+  getParagraphById as ca,
+  createEditorFootnote as cb,
+  createFootnoteReferenceRun as cc,
+  renumberFootnotes as cd,
+  getHeadingLevel as ce,
+  preciseFontModeVersion as cf,
+  isPreciseFontModeEnabled as cg,
+  resolveNamedTextStyle as ch,
+  togglePreciseFontMode as ci,
+  nextFontSizePt as cj,
+  previousFontSizePt as ck,
+  fontSizePtToPx as cl,
+  createDefaultToolbarPreset as cm,
+  MenuRegistry as cn,
+  createToolbarRegistry as co,
+  Editor as cp,
+  resolveCommandRef as cq,
+  commandRefName as cr,
+  createOasisEditorClient as cs,
+  createEditorZoom as ct,
+  startLongTaskObserver as cu,
+  installGlobalReport as cv,
+  applyStoredPreciseFontPreference as cw,
+  getWelcomeSeen as cx,
+  isLocalFontAccessSupported as cy,
+  EDITOR_SCROLL_PADDING_PX as cz,
   domTextMeasurer as d,
-  createOasisEditor as d0,
-  createOasisEditorContainer as d1,
-  mount as d2,
-  registerToolbarRenderer as d3,
+  SidePanelBody as d0,
+  SidePanelFooter as d1,
+  SidePanelHeader as d2,
+  SplitButton as d3,
+  StyleGallery as d4,
+  TextField as d5,
+  Button$1 as d6,
+  buildRibbonTabDefinitions as d7,
+  createEditorCommandBus as d8,
+  createOasisEditor as d9,
+  createOasisEditorContainer as da,
+  mount as db,
+  registerToolbarRenderer as dc,
   estimateTableBlockHeight as e,
   getFootnoteDisplayMarker as f,
   getProjectedParagraphBlockHeight as g,
-  getDocumentSections as h,
-  buildFootnoteReservations as i,
-  applyFootnotesToPages as j,
-  getRunField as k,
+  createProjectionContext as h,
+  getDocumentSections as i,
+  buildFootnoteReservations as j,
+  applyFootnotesToPages as k,
   listReferencedEndnotes as l,
-  projectBlocksLayout as m,
-  assertNever as n,
-  createSignal as o,
+  getRunField as m,
+  projectBlocksLayout as n,
+  assertNever as o,
   projectParagraphLayout as p,
-  createEditorStateFromDocument as q,
+  createSignal as q,
   reservationSignature as r,
-  setActiveHyphenation as s,
+  createEditorStateFromDocument as s,
   createInitialEditorState as t,
   fontSizePxToPt as u,
   visitRun as v,