@harbour-enterprises/superdoc 1.3.0-next.1 → 1.3.0-next.3

package/dist/chunks/{index-BNpbdx2a.cjs → index-D0lYfjMI.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jszip = require("./jszip-C8_CqJxM.cjs");
 const helpers$1 = require("./helpers-nOdwpmwb.cjs");
-const superEditor_converter = require("./SuperConverter-Dy0-KTCc.cjs");
+const superEditor_converter = require("./SuperConverter-XGlv5pME.cjs");
 const vue = require("./vue-De9wkgLl.cjs");
 require("./jszip.min-BPh2MMAa.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
@@ -175,6 +175,354 @@ function parseSizeUnit(val = "0") {
 function minMax(value = 0, min2 = 0, max2 = 0) {
   return Math.min(Math.max(value, min2), max2);
 }
+const FONT_FAMILY_FALLBACKS = Object.freeze({
+  swiss: "Arial, sans-serif",
+  roman: "Times New Roman, serif",
+  modern: "Courier New, monospace",
+  script: "cursive",
+  decorative: "fantasy",
+  system: "system-ui",
+  auto: "sans-serif"
+});
+const DEFAULT_GENERIC_FALLBACK = "sans-serif";
+const normalizeParts = (value) => (value || "").split(",").map((part) => part.trim()).filter(Boolean);
+function mapWordFamilyFallback(wordFamily) {
+  if (!wordFamily) return DEFAULT_GENERIC_FALLBACK;
+  const mapped = FONT_FAMILY_FALLBACKS[wordFamily.toLowerCase()];
+  return mapped || DEFAULT_GENERIC_FALLBACK;
+}
+function toCssFontFamily(fontName, options = {}) {
+  if (!fontName || typeof fontName !== "string") return fontName;
+  const trimmed = fontName.trim();
+  if (!trimmed || trimmed.includes(",")) return trimmed;
+  const { fallback, wordFamily } = options;
+  const fallbackValue = fallback ?? (wordFamily ? mapWordFamilyFallback(wordFamily) : void 0) ?? DEFAULT_GENERIC_FALLBACK;
+  const fallbackParts = normalizeParts(fallbackValue);
+  if (fallbackParts.length === 0) {
+    return trimmed;
+  }
+  const normalizedName = trimmed.toLowerCase();
+  const includesName = fallbackParts.some((part) => part.toLowerCase() === normalizedName);
+  if (includesName) {
+    return fallbackParts.join(", ");
+  }
+  return [trimmed, ...fallbackParts].join(", ");
+}
+const sdtMetadataCache = /* @__PURE__ */ new Map();
+function resolveStyle(node, context, options = {}) {
+  let paragraph = createDefaultParagraph();
+  let character = createDefaultCharacter(context);
+  let numbering;
+  const chain = resolveStyleChain(node.styleId, context.styles);
+  for (const style2 of chain) {
+    paragraph = mergeParagraph(paragraph, style2.paragraph);
+    character = mergeCharacter(character, style2.character);
+    if (!numbering && style2.numbering) {
+      numbering = resolveNumbering(style2.numbering.numId, style2.numbering.level, context);
+    }
+  }
+  paragraph = mergeParagraph(paragraph, node.paragraphProps);
+  character = mergeCharacter(character, node.characterProps);
+  if (node.numbering) {
+    numbering = resolveNumbering(node.numbering.numId, node.numbering.level, context);
+  }
+  const sdt = options?.sdt ? resolveSdtMetadata(options.sdt) : void 0;
+  return {
+    paragraph,
+    character,
+    numbering,
+    sdt
+  };
+}
+function resolveNumbering(numId, level, context) {
+  const def = context.numbering?.[numId];
+  if (!def) return void 0;
+  const levelDef = def.levels.find((entry) => entry.level === level) ?? def.levels[level];
+  if (!levelDef) return void 0;
+  return {
+    numId,
+    level,
+    indent: {
+      left: levelDef.indent?.left,
+      hanging: levelDef.indent?.hanging
+    },
+    format: levelDef.format ?? "decimal",
+    text: levelDef.text ?? "%1.",
+    start: levelDef.start ?? 1
+  };
+}
+function resolveSdtMetadata(input) {
+  if (!input) return void 0;
+  const { nodeType, attrs, cacheKey: explicitKey } = input;
+  if (!nodeType) return void 0;
+  const normalizedAttrs = isPlainObject$4(attrs) ? attrs : {};
+  const cacheKey = buildSdtCacheKey(nodeType, normalizedAttrs, explicitKey);
+  if (cacheKey && sdtMetadataCache.has(cacheKey)) {
+    return sdtMetadataCache.get(cacheKey);
+  }
+  let metadata;
+  switch (nodeType) {
+    case "fieldAnnotation":
+      metadata = normalizeFieldAnnotationMetadata(normalizedAttrs);
+      break;
+    case "structuredContent":
+    case "structuredContentBlock":
+      metadata = normalizeStructuredContentMetadata(nodeType, normalizedAttrs);
+      break;
+    case "documentSection":
+      metadata = normalizeDocumentSectionMetadata(normalizedAttrs);
+      break;
+    case "docPartObject":
+      metadata = normalizeDocPartMetadata(normalizedAttrs);
+      break;
+  }
+  if (metadata && cacheKey) {
+    sdtMetadataCache.set(cacheKey, metadata);
+  }
+  return metadata;
+}
+function createDefaultParagraph(_context) {
+  return {
+    alignment: "left",
+    spacing: {
+      before: 0,
+      after: 0,
+      line: 12,
+      lineRule: "auto"
+    },
+    indent: {
+      left: 0,
+      right: 0,
+      firstLine: 0,
+      hanging: 0
+    },
+    tabs: []
+  };
+}
+function createDefaultCharacter(context) {
+  const baseFont = context.defaults?.paragraphFont ?? "Calibri";
+  const fallback = context.defaults?.paragraphFontFallback;
+  const wordFamily = context.defaults?.paragraphFontFamily;
+  const resolvedFamily = toCssFontFamily(baseFont, { fallback, wordFamily }) ?? baseFont;
+  return {
+    font: {
+      family: resolvedFamily,
+      size: context.defaults?.fontSize ?? 11,
+      weight: 400,
+      italic: false
+    },
+    color: "#000000"
+  };
+}
+function resolveStyleChain(styleId, styles) {
+  if (!styleId || !styles) return [];
+  const result = [];
+  const visited = /* @__PURE__ */ new Set();
+  let current = styles[styleId];
+  while (current && !visited.has(current.id)) {
+    result.unshift(current);
+    visited.add(current.id);
+    current = current.basedOn ? styles[current.basedOn] : void 0;
+  }
+  return result;
+}
+function mergeParagraph(base2, overrides) {
+  if (!overrides) return base2;
+  return {
+    ...base2,
+    alignment: overrides.alignment ?? base2.alignment,
+    spacing: overrides.spacing ? { ...base2.spacing, ...overrides.spacing } : base2.spacing,
+    indent: overrides.indent ? { ...base2.indent, ...overrides.indent } : base2.indent,
+    borders: overrides.borders ? { ...base2.borders, ...overrides.borders } : base2.borders,
+    shading: overrides.shading ?? base2.shading,
+    tabs: overrides.tabs ?? base2.tabs
+  };
+}
+function mergeCharacter(base2, overrides) {
+  if (!overrides) return base2;
+  return {
+    ...base2,
+    font: overrides.font ? { ...base2.font, ...overrides.font } : base2.font,
+    color: overrides.color ?? base2.color,
+    underline: overrides.underline ?? base2.underline,
+    strike: overrides.strike ?? base2.strike,
+    highlight: overrides.highlight ?? base2.highlight,
+    letterSpacing: overrides.letterSpacing ?? base2.letterSpacing
+  };
+}
+function normalizeFieldAnnotationMetadata(attrs) {
+  const fieldId = toOptionalString(attrs.fieldId) ?? "";
+  const formatting = extractFormatting(attrs);
+  const size2 = normalizeSize(attrs.size);
+  const extras = isPlainObject$4(attrs.extras) ? attrs.extras : null;
+  const marks = isPlainObject$4(attrs.marks) ? attrs.marks : void 0;
+  return {
+    type: "fieldAnnotation",
+    fieldId,
+    variant: normalizeFieldAnnotationVariant(attrs.type),
+    fieldType: toOptionalString(attrs.fieldType),
+    displayLabel: toOptionalString(attrs.displayLabel),
+    defaultDisplayLabel: toOptionalString(attrs.defaultDisplayLabel),
+    alias: toOptionalString(attrs.alias),
+    fieldColor: normalizeColorValue(attrs.fieldColor),
+    borderColor: normalizeColorValue(attrs.borderColor),
+    highlighted: toBoolean$3(attrs.highlighted, true),
+    fontFamily: toNullableString(attrs.fontFamily),
+    fontSize: normalizeFontSize(attrs.fontSize),
+    textColor: normalizeColorValue(attrs.textColor) ?? null,
+    textHighlight: normalizeColorValue(attrs.textHighlight) ?? null,
+    linkUrl: toNullableString(attrs.linkUrl),
+    imageSrc: toNullableString(attrs.imageSrc),
+    rawHtml: attrs.rawHtml ?? void 0,
+    size: size2 ?? null,
+    extras,
+    multipleImage: toBoolean$3(attrs.multipleImage, false),
+    hash: toOptionalString(attrs.hash) ?? null,
+    generatorIndex: toNumber(attrs.generatorIndex),
+    sdtId: toOptionalString(attrs.sdtId) ?? null,
+    hidden: toBoolean$3(attrs.hidden, false),
+    visibility: normalizeVisibility(attrs.visibility),
+    isLocked: toBoolean$3(attrs.isLocked, false),
+    formatting,
+    marks
+  };
+}
+function normalizeStructuredContentMetadata(nodeType, attrs) {
+  return {
+    type: "structuredContent",
+    scope: nodeType === "structuredContentBlock" ? "block" : "inline",
+    id: toNullableString(attrs.id),
+    tag: toOptionalString(attrs.tag),
+    alias: toOptionalString(attrs.alias),
+    sdtPr: attrs.sdtPr
+  };
+}
+function normalizeDocumentSectionMetadata(attrs) {
+  return {
+    type: "documentSection",
+    id: toNullableString(attrs.id),
+    title: toOptionalString(attrs.title) ?? null,
+    description: toOptionalString(attrs.description) ?? null,
+    sectionType: toOptionalString(attrs.sectionType) ?? null,
+    isLocked: toBoolean$3(attrs.isLocked, false),
+    sdBlockId: toNullableString(attrs.sdBlockId)
+  };
+}
+function normalizeDocPartMetadata(attrs) {
+  return {
+    type: "docPartObject",
+    gallery: toOptionalString(attrs.docPartGallery ?? attrs.gallery) ?? null,
+    // Source uniqueId from attrs.id (PM adapter uses getDocPartObjectId which extracts attrs.id)
+    // Fall back to attrs.uniqueId for compatibility
+    uniqueId: toOptionalString(attrs.id ?? attrs.uniqueId) ?? null,
+    alias: toOptionalString(attrs.alias) ?? null,
+    instruction: toOptionalString(attrs.instruction) ?? null
+  };
+}
+function isPlainObject$4(value) {
+  return !!value && typeof value === "object" && !Array.isArray(value);
+}
+function toOptionalString(value) {
+  if (value == null) return void 0;
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    return trimmed.length ? trimmed : void 0;
+  }
+  return String(value);
+}
+function toNullableString(value) {
+  const str = toOptionalString(value);
+  return str ?? null;
+}
+function toBoolean$3(value, fallback) {
+  if (typeof value === "boolean") return value;
+  if (typeof value === "string") {
+    const lower = value.toLowerCase();
+    if (lower === "true") return true;
+    if (lower === "false") return false;
+  }
+  if (value == null) return fallback;
+  return Boolean(value);
+}
+function normalizeVisibility(value) {
+  if (typeof value !== "string") return void 0;
+  const normalized = value.toLowerCase();
+  if (normalized === "visible" || normalized === "hidden") {
+    return normalized;
+  }
+  return void 0;
+}
+function normalizeColorValue(value) {
+  if (typeof value !== "string") return void 0;
+  const trimmed = value.trim();
+  if (!trimmed || trimmed.toLowerCase() === "none") return void 0;
+  return trimmed;
+}
+function normalizeFontSize(value) {
+  if (value == null) return null;
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? value : null;
+  }
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    return trimmed.length ? trimmed : null;
+  }
+  return null;
+}
+function toNumber(value) {
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? value : null;
+  }
+  if (typeof value === "string") {
+    const parsed = parseFloat(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+}
+function normalizeSize(value) {
+  if (!isPlainObject$4(value)) return null;
+  const obj = value;
+  const width = toNumber(obj.width);
+  const height = toNumber(obj.height);
+  if (width == null && height == null) return null;
+  const result = {};
+  if (width != null) result.width = width;
+  if (height != null) result.height = height;
+  return result;
+}
+function normalizeFieldAnnotationVariant(value) {
+  if (typeof value !== "string") return void 0;
+  const normalized = value.toLowerCase();
+  if (normalized === "text" || normalized === "image" || normalized === "signature" || normalized === "checkbox" || normalized === "html" || normalized === "link") {
+    return normalized;
+  }
+  return void 0;
+}
+function extractFormatting(attrs) {
+  const bold = toBoolean$3(attrs.bold, false);
+  const italic = toBoolean$3(attrs.italic, false);
+  const underline = toBoolean$3(attrs.underline, false);
+  const formatting = {};
+  if (bold) formatting.bold = true;
+  if (italic) formatting.italic = true;
+  if (underline) formatting.underline = true;
+  return Object.keys(formatting).length ? formatting : void 0;
+}
+function buildSdtCacheKey(nodeType, attrs, explicitKey) {
+  const provided = toOptionalString(explicitKey);
+  if (provided) {
+    return `${nodeType}:${provided}`;
+  }
+  const hash2 = toOptionalString(attrs.hash);
+  if (hash2) {
+    return `${nodeType}:${hash2}`;
+  }
+  const id = toOptionalString(attrs.id);
+  if (id) {
+    return `${nodeType}:${id}`;
+  }
+  return void 0;
+}
 function createDocument(converter, schema, editor, { check = false } = {}) {
   const documentData = converter.getSchema(editor);
   if (documentData) {
@@ -9108,15 +9456,19 @@ const splitRunToParagraph = () => (props) => {
     dispatchTransaction = editor.dispatch.bind(editor);
   }
   if (!dispatchTransaction) return false;
-  const handled = splitBlockPatch(state, (transaction) => {
-    dispatchTransaction(transaction);
-  });
+  const handled = splitBlockPatch(
+    state,
+    (transaction) => {
+      dispatchTransaction(transaction);
+    },
+    editor
+  );
   if (handled) {
     tr.setMeta("preventDispatch", true);
   }
   return handled;
 };
-function splitBlockPatch(state, dispatch) {
+function splitBlockPatch(state, dispatch, editor) {
   let { $from } = state.selection;
   if (state.selection instanceof superEditor_converter.NodeSelection && state.selection.node.isBlock) {
     if (!$from.parentOffset || !superEditor_converter.canSplit(state.doc, $from.pos)) return false;
@@ -9125,14 +9477,15 @@ function splitBlockPatch(state, dispatch) {
   }
   if (!$from.depth) return false;
   let types = [];
-  let splitDepth, deflt, atEnd = false, atStart = false;
+  let splitDepth, deflt, paragraphAttrs = null, atEnd = false, atStart = false;
   for (let d2 = $from.depth; ; d2--) {
     let node = $from.node(d2);
     if (node.isBlock) {
       atEnd = $from.end(d2) == $from.pos + ($from.depth - d2);
       atStart = $from.start(d2) == $from.pos - ($from.depth - d2);
       deflt = defaultBlockAt$1($from.node(d2 - 1).contentMatchAt($from.indexAfter(d2 - 1)));
-      types.unshift(null);
+      paragraphAttrs = { ...node.attrs };
+      types.unshift({ type: deflt || node.type, attrs: paragraphAttrs });
       splitDepth = d2;
       break;
     } else {
@@ -9145,7 +9498,7 @@ function splitBlockPatch(state, dispatch) {
   let splitPos = tr.mapping.map($from.pos);
   let can = superEditor_converter.canSplit(tr.doc, splitPos, types.length, types);
   if (!can) {
-    types[0] = deflt ? { type: deflt } : null;
+    types[0] = deflt ? { type: deflt, attrs: paragraphAttrs } : null;
     can = superEditor_converter.canSplit(tr.doc, splitPos, types.length, types);
   }
   if (!can) return false;
@@ -9155,9 +9508,37 @@ function splitBlockPatch(state, dispatch) {
     if (deflt && $from.node(splitDepth - 1).canReplaceWith($first.index(), $first.index() + 1, deflt))
       tr.setNodeMarkup(tr.mapping.map($from.before(splitDepth)), deflt);
   }
+  applyStyleMarks(state, tr, editor, paragraphAttrs);
   if (dispatch) dispatch(tr.scrollIntoView());
   return true;
 }
+function applyStyleMarks(state, tr, editor, paragraphAttrs) {
+  const styleId = paragraphAttrs?.paragraphProperties?.styleId;
+  if (!editor?.converter && !styleId) {
+    return;
+  }
+  try {
+    const params2 = { docx: editor?.converter?.convertedXml ?? {}, numbering: editor?.converter?.numbering ?? {} };
+    const resolvedPpr = styleId ? { styleId } : {};
+    const runProperties = styleId ? superEditor_converter.resolveRunProperties(params2, {}, resolvedPpr, false, false) : {};
+    const markDefsFromStyle = styleId ? (
+      /** @type {Array<{type: string, attrs: Record<string, unknown>}>} */
+      superEditor_converter.encodeMarksFromRPr(runProperties, editor?.converter?.convertedXml ?? {})
+    ) : [];
+    const selectionMarks = state.selection?.$from?.marks ? state.selection.$from.marks() : [];
+    const selectionMarkDefs = selectionMarks.map((mark) => ({ type: mark.type.name, attrs: mark.attrs }));
+    const markDefsToApply = selectionMarks.length ? selectionMarkDefs : markDefsFromStyle;
+    const marksToApply = markDefsToApply.map((def) => {
+      const markType = state.schema.marks[def.type];
+      return markType ? markType.create(def.attrs) : null;
+    }).filter(Boolean);
+    if (marksToApply.length > 0) {
+      tr.ensureMarks(marksToApply);
+      tr.setMeta("sdStyleMarks", markDefsToApply);
+    }
+  } catch {
+  }
+}
 const splitRunAtCursor = () => (props) => {
   let { state, dispatch, tr } = props;
   const sel = state.selection;
@@ -10041,7 +10422,7 @@ const updateAttributes = (typeOrName, attrs = {}) => ({ tr, state, dispatch }) =
   }
   return true;
 };
-const isPlainObject$4 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+const isPlainObject$3 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 const assignNestedValue = (target, path, value) => {
   if (!path.includes(".")) {
     target[path] = value;
@@ -10055,7 +10436,7 @@ const assignNestedValue = (target, path, value) => {
     if (isLast) {
       current[part] = value;
     } else {
-      if (!isPlainObject$4(current[part])) {
+      if (!isPlainObject$3(current[part])) {
         current[part] = {};
       }
       current = current[part];
@@ -14915,7 +15296,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.3.0-next.1";
+const summaryVersion = "1.3.0-next.3";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -17548,7 +17929,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.1");
+    console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.3");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -19968,18 +20349,18 @@ function formatNumber(num, format) {
     case "decimal":
       return num.toString();
     case "lowerLetter":
-      return toLetter$1(num, false);
+      return toLetter(num, false);
     case "upperLetter":
-      return toLetter$1(num, true);
+      return toLetter(num, true);
     case "lowerRoman":
-      return toRoman$2(num).toLowerCase();
+      return toRoman$1(num).toLowerCase();
     case "upperRoman":
-      return toRoman$2(num);
+      return toRoman$1(num);
     default:
       return num.toString();
   }
 }
-function toLetter$1(num, uppercase) {
+function toLetter(num, uppercase) {
   let result = "";
   let n = num;
   while (n > 0) {
@@ -19990,7 +20371,7 @@ function toLetter$1(num, uppercase) {
   }
   return result || (uppercase ? "A" : "a");
 }
-function toRoman$2(num) {
+function toRoman$1(num) {
   const lookup = [
     [1e3, "M"],
     [900, "CM"],
@@ -23123,39 +23504,6 @@ const resolveTableCellBorders = (tableBorders, rowIndex, colIndex, totalRows, to
     right: borderValueToSpec(isLastCol ? tableBorders?.right : null)
   };
 };
-const FONT_FAMILY_FALLBACKS = Object.freeze({
-  swiss: "Arial, sans-serif",
-  roman: "Times New Roman, serif",
-  modern: "Courier New, monospace",
-  script: "cursive",
-  decorative: "fantasy",
-  system: "system-ui",
-  auto: "sans-serif"
-});
-const DEFAULT_GENERIC_FALLBACK = "sans-serif";
-const normalizeParts = (value) => (value || "").split(",").map((part) => part.trim()).filter(Boolean);
-function mapWordFamilyFallback(wordFamily) {
-  if (!wordFamily) return DEFAULT_GENERIC_FALLBACK;
-  const mapped = FONT_FAMILY_FALLBACKS[wordFamily.toLowerCase()];
-  return mapped || DEFAULT_GENERIC_FALLBACK;
-}
-function toCssFontFamily(fontName, options = {}) {
-  if (!fontName || typeof fontName !== "string") return fontName;
-  const trimmed = fontName.trim();
-  if (!trimmed || trimmed.includes(",")) return trimmed;
-  const { fallback, wordFamily } = options;
-  const fallbackValue = fallback ?? (wordFamily ? mapWordFamilyFallback(wordFamily) : void 0) ?? DEFAULT_GENERIC_FALLBACK;
-  const fallbackParts = normalizeParts(fallbackValue);
-  if (fallbackParts.length === 0) {
-    return trimmed;
-  }
-  const normalizedName = trimmed.toLowerCase();
-  const includesName = fallbackParts.some((part) => part.toLowerCase() === normalizedName);
-  if (includesName) {
-    return fallbackParts.join(", ");
-  }
-  return [trimmed, ...fallbackParts].join(", ");
-}
 const LIST_MARKER_GAP$3 = 8;
 function renderListMarker(params2) {
   const { doc: doc2, lineEl, markerLayout, markerMeasure, indentLeftPx } = params2;
@@ -25392,7 +25740,14 @@ class DomPainter {
         fragmentEl.dataset.continuesOnNext = "true";
       }
       const lines = fragment.lines ?? measure.lines.slice(fragment.fromLine, fragment.toLine);
-      applyParagraphBlockStyles(fragmentEl, block.attrs);
+      applyParagraphBlockStyles(fragmentEl, block.attrs, { includeBorders: false, includeShading: false });
+      const { shadingLayer, borderLayer } = createParagraphDecorationLayers(this.doc, fragment.width, block.attrs);
+      if (shadingLayer) {
+        fragmentEl.appendChild(shadingLayer);
+      }
+      if (borderLayer) {
+        fragmentEl.appendChild(borderLayer);
+      }
       if (block.attrs?.styleId) {
         fragmentEl.dataset.styleId = block.attrs.styleId;
         fragmentEl.setAttribute("styleid", block.attrs.styleId);
@@ -25776,10 +26131,18 @@ class DomPainter {
       contentEl.classList.add("superdoc-list-content");
       this.applySdtDataset(contentEl, paragraphMetadata);
       contentEl.style.display = "inline-block";
+      contentEl.style.position = "relative";
       contentEl.style.width = `${fragment.width}px`;
       const lines = itemMeasure.paragraph.lines.slice(fragment.fromLine, fragment.toLine);
       const contentAttrs = wordLayout ? item.paragraph.attrs : stripListIndent(item.paragraph.attrs);
-      applyParagraphBlockStyles(contentEl, contentAttrs);
+      applyParagraphBlockStyles(contentEl, contentAttrs, { includeBorders: false, includeShading: false });
+      const { shadingLayer, borderLayer } = createParagraphDecorationLayers(this.doc, fragment.width, contentAttrs);
+      if (shadingLayer) {
+        contentEl.appendChild(shadingLayer);
+      }
+      if (borderLayer) {
+        contentEl.appendChild(borderLayer);
+      }
       contentEl.style.textAlign = "left";
       const paraForList = {
         ...item.paragraph,
@@ -28006,7 +28369,7 @@ const applyRunDataAttributes = (element, dataAttrs) => {
     }
   });
 };
-const applyParagraphBlockStyles = (element, attrs) => {
+const applyParagraphBlockStyles = (element, attrs, options = {}) => {
   if (!attrs) return;
   if (attrs.styleId) {
     element.setAttribute("styleid", attrs.styleId);
@@ -28033,8 +28396,55 @@ const applyParagraphBlockStyles = (element, attrs) => {
       }
     }
   }
-  applyParagraphBorderStyles(element, attrs.borders);
-  applyParagraphShadingStyles(element, attrs.shading);
+  if (options.includeBorders ?? true) {
+    applyParagraphBorderStyles(element, attrs.borders);
+  }
+  if (options.includeShading ?? true) {
+    applyParagraphShadingStyles(element, attrs.shading);
+  }
+};
+const getParagraphBorderBox = (fragmentWidth, indent) => {
+  const indentLeft = Number.isFinite(indent?.left) ? indent.left : 0;
+  const indentRight = Number.isFinite(indent?.right) ? indent.right : 0;
+  const firstLine = Number.isFinite(indent?.firstLine) ? indent.firstLine : 0;
+  const hanging = Number.isFinite(indent?.hanging) ? indent.hanging : 0;
+  const firstLineOffset = firstLine - hanging;
+  const minLeftInset = Math.min(indentLeft, indentLeft + firstLineOffset);
+  const leftInset = Math.max(0, minLeftInset);
+  const rightInset = Math.max(0, indentRight);
+  return {
+    leftInset,
+    width: Math.max(0, fragmentWidth - leftInset - rightInset)
+  };
+};
+const createParagraphDecorationLayers = (doc2, fragmentWidth, attrs) => {
+  if (!attrs?.borders && !attrs?.shading) return {};
+  const borderBox = getParagraphBorderBox(fragmentWidth, attrs.indent);
+  const baseStyles = {
+    position: "absolute",
+    top: "0px",
+    bottom: "0px",
+    left: `${borderBox.leftInset}px`,
+    width: `${borderBox.width}px`,
+    pointerEvents: "none",
+    boxSizing: "border-box"
+  };
+  let shadingLayer;
+  if (attrs.shading) {
+    shadingLayer = doc2.createElement("div");
+    shadingLayer.classList.add("superdoc-paragraph-shading");
+    Object.assign(shadingLayer.style, baseStyles);
+    applyParagraphShadingStyles(shadingLayer, attrs.shading);
+  }
+  let borderLayer;
+  if (attrs.borders) {
+    borderLayer = doc2.createElement("div");
+    borderLayer.classList.add("superdoc-paragraph-border");
+    Object.assign(borderLayer.style, baseStyles);
+    borderLayer.style.zIndex = "1";
+    applyParagraphBorderStyles(borderLayer, attrs.borders);
+  }
+  return { shadingLayer, borderLayer };
 };
 const BORDER_SIDES = ["top", "right", "bottom", "left"];
 const applyParagraphBorderStyles = (element, borders) => {
@@ -31684,33 +32094,13 @@ function computePartialRow(rowIndex, blockRow, measure, availableHeight, fromLin
     toLineByCell.push(cutLine);
     heightByCell.push(cumulativeHeight);
   }
-  const allCellsCompleteInFirstPass = toLineByCell.every((cutLine, idx) => {
-    const totalLines = getCellTotalLines(row.cells[idx]);
-    return cutLine >= totalLines;
-  });
-  const lineAdvancements = toLineByCell.map((cutLine, idx) => cutLine - (startLines[idx] || 0));
-  const positiveAdvancements = lineAdvancements.filter((adv) => adv > 0);
-  const minLineAdvancement = positiveAdvancements.length > 0 ? Math.min(...positiveAdvancements) : 0;
   let actualPartialHeight = 0;
   let maxPaddingTotal = 0;
   for (let cellIdx = 0; cellIdx < cellCount; cellIdx++) {
-    const cell = row.cells[cellIdx];
-    const startLine = startLines[cellIdx] || 0;
-    const lines = getCellLines(cell);
     const cellPadding = cellPaddings[cellIdx];
     const paddingTotal = cellPadding.top + cellPadding.bottom;
     maxPaddingTotal = Math.max(maxPaddingTotal, paddingTotal);
-    if (allCellsCompleteInFirstPass) {
-      actualPartialHeight = Math.max(actualPartialHeight, heightByCell[cellIdx] + paddingTotal);
-    } else {
-      const targetLine = Math.min(startLine + minLineAdvancement, lines.length);
-      let cumulativeHeight = 0;
-      for (let i = startLine; i < targetLine; i++) {
-        cumulativeHeight += lines[i].lineHeight || 0;
-      }
-      toLineByCell[cellIdx] = targetLine;
-      actualPartialHeight = Math.max(actualPartialHeight, cumulativeHeight + paddingTotal);
-    }
+    actualPartialHeight = Math.max(actualPartialHeight, heightByCell[cellIdx] + paddingTotal);
   }
   const madeProgress = toLineByCell.some((cutLine, idx) => cutLine > (startLines[idx] || 0));
   const isFirstPart = startLines.every((l) => l === 0);
@@ -32263,7 +32653,7 @@ function toUpperLetter(num) {
 function toLowerLetter(num) {
   return toUpperLetter(num).toLowerCase();
 }
-function formatPageNumber$1(pageNumber, format) {
+function formatPageNumber(pageNumber, format) {
   const num = Math.max(1, pageNumber);
   switch (format) {
     case "decimal":
@@ -32276,6 +32666,8 @@ function formatPageNumber$1(pageNumber, format) {
       return toUpperLetter(num);
     case "lowerLetter":
       return toLowerLetter(num);
+    case "numberInDash":
+      return `-${num}-`;
     default:
       return String(num);
   }
@@ -32304,7 +32696,7 @@ function computeDisplayPageNumber(pages, sections) {
     const sectionMetadata = sectionMap.get(pageSectionIndex);
     const format = sectionMetadata?.numbering?.format ?? "decimal";
     const displayNumber = runningCounter;
-    const displayText = formatPageNumber$1(displayNumber, format);
+    const displayText = formatPageNumber(displayNumber, format);
     result.push({
       physicalPage: page.number,
       displayNumber,
@@ -32439,59 +32831,6 @@ const layoutLog = (...args) => {
   if (!layoutDebugEnabled$1) return;
   console.log(...args);
 };
-function formatPageNumber(num, format) {
-  switch (format) {
-    case "decimal":
-      return String(num);
-    case "lowerLetter":
-      return toLetter(num, false);
-    case "upperLetter":
-      return toLetter(num, true);
-    case "lowerRoman":
-      return toRoman$1(num).toLowerCase();
-    case "upperRoman":
-      return toRoman$1(num);
-    default:
-      return String(num);
-  }
-}
-function toLetter(num, uppercase) {
-  let result = "";
-  let n = Math.max(1, Math.floor(num));
-  while (n > 0) {
-    const remainder = (n - 1) % 26;
-    const char = String.fromCharCode((uppercase ? 65 : 97) + remainder);
-    result = char + result;
-    n = Math.floor((n - 1) / 26);
-  }
-  return result;
-}
-function toRoman$1(num) {
-  const lookup = [
-    [1e3, "M"],
-    [900, "CM"],
-    [500, "D"],
-    [400, "CD"],
-    [100, "C"],
-    [90, "XC"],
-    [50, "L"],
-    [40, "XL"],
-    [10, "X"],
-    [9, "IX"],
-    [5, "V"],
-    [4, "IV"],
-    [1, "I"]
-  ];
-  let result = "";
-  let n = Math.max(1, Math.floor(num));
-  for (const [value, numeral] of lookup) {
-    while (n >= value) {
-      result += numeral;
-      n -= value;
-    }
-  }
-  return result;
-}
 function layoutDocument(blocks, measures, options = {}) {
   if (blocks.length !== measures.length) {
     throw new Error(
@@ -33947,7 +34286,7 @@ class MeasureCache {
     return `${block.id}@${safeWidth}x${safeHeight}:${hash2}`;
   }
 }
-function resolveHeaderFooterTokens(blocks, pageNumber, totalPages) {
+function resolveHeaderFooterTokens(blocks, pageNumber, totalPages, pageNumberText) {
   if (!blocks || blocks.length === 0) {
     return;
   }
@@ -33959,7 +34298,7 @@ function resolveHeaderFooterTokens(blocks, pageNumber, totalPages) {
     console.warn("[resolveHeaderFooterTokens] Invalid totalPages:", totalPages, "- using 1 as fallback");
     totalPages = 1;
   }
-  const pageNumberStr = String(pageNumber);
+  const pageNumberStr = pageNumberText ?? String(pageNumber);
   const totalPagesStr = String(totalPages);
   for (const block of blocks) {
     if (block.kind !== "paragraph") continue;
@@ -34382,15 +34721,31 @@ async function layoutHeaderFooterWithCache(sections, constraints, measureBlock2,
     for (const pageNum of pagesToLayout) {
       const clonedBlocks = cloneHeaderFooterBlocks(blocks);
       const { displayText, totalPages: totalPagesForPage } = pageResolver(pageNum);
-      const resolvedPageNum = parseInt(displayText, 10) || pageNum;
-      resolveHeaderFooterTokens(clonedBlocks, resolvedPageNum, totalPagesForPage);
+      resolveHeaderFooterTokens(clonedBlocks, pageNum, totalPagesForPage, displayText);
       const measures = await cache2.measureBlocks(clonedBlocks, constraints, measureBlock2);
       const pageLayout = layoutHeaderFooter(clonedBlocks, measures, constraints);
+      const measuresById = /* @__PURE__ */ new Map();
+      for (let i = 0; i < clonedBlocks.length; i += 1) {
+        measuresById.set(clonedBlocks[i].id, measures[i]);
+      }
+      const fragmentsWithLines = pageLayout.pages[0]?.fragments.map((fragment) => {
+        if (fragment.kind !== "para") {
+          return fragment;
+        }
+        const measure = measuresById.get(fragment.blockId);
+        if (!measure || measure.kind !== "paragraph") {
+          return fragment;
+        }
+        return {
+          ...fragment,
+          lines: measure.lines.slice(fragment.fromLine, fragment.toLine)
+        };
+      }) ?? [];
       pages.push({
         number: pageNum,
         blocks: clonedBlocks,
         measures,
-        fragments: pageLayout.pages[0]?.fragments ?? []
+        fragments: fragmentsWithLines
       });
     }
     const firstPageLayout = pages[0] ? layoutHeaderFooter(pages[0].blocks, pages[0].measures, constraints) : { height: 0 };
@@ -39277,7 +39632,14 @@ function extractPageNumbering(elements) {
   const pgNumType = elements.find((el) => el?.name === "w:pgNumType");
   if (!pgNumType?.attributes) return void 0;
   const fmtRaw = pgNumType.attributes["w:fmt"];
-  const validFormats = ["decimal", "lowerLetter", "upperLetter", "lowerRoman", "upperRoman"];
+  const validFormats = [
+    "decimal",
+    "lowerLetter",
+    "upperLetter",
+    "lowerRoman",
+    "upperRoman",
+    "numberInDash"
+  ];
   const fmt = validFormats.includes(fmtRaw) ? fmtRaw : void 0;
   const startRaw = pgNumType.attributes["w:start"];
   const startNum = startRaw != null ? Number(startRaw) : void 0;
@@ -39706,7 +40068,7 @@ const pxToPt = (px) => {
   return px / PX_PER_PT;
 };
 const isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
-const isPlainObject$3 = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
+const isPlainObject$2 = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
 const normalizePrefix = (value) => {
   if (!value) return "";
   return String(value);
@@ -39768,7 +40130,7 @@ function coerceBoolean(value) {
   }
   return void 0;
 }
-const toBoolean$3 = (value) => {
+const toBoolean$2 = (value) => {
   if (typeof value === "boolean") return value;
   if (typeof value === "string") {
     const v = value.trim().toLowerCase();
@@ -40059,7 +40421,7 @@ function hydrateImageBlocks(blocks, mediaFiles) {
   });
 }
 function isGradientFill(value) {
-  if (!isPlainObject$3(value)) return false;
+  if (!isPlainObject$2(value)) return false;
   if (value.type !== "gradient") return false;
   const gradientType = value.gradientType;
   if (gradientType !== "linear" && gradientType !== "radial") return false;
@@ -40070,12 +40432,12 @@ function isGradientFill(value) {
   }
   if (!Array.isArray(value.stops) || value.stops.length === 0) return false;
   return value.stops.every((stop) => {
-    if (!isPlainObject$3(stop)) return false;
+    if (!isPlainObject$2(stop)) return false;
     return typeof stop.position === "number" && Number.isFinite(stop.position) && typeof stop.color === "string" && (stop.alpha === void 0 || typeof stop.alpha === "number" && Number.isFinite(stop.alpha));
   });
 }
 function isSolidFillWithAlpha(value) {
-  return isPlainObject$3(value) && value.type === "solidWithAlpha" && typeof value.color === "string" && typeof value.alpha === "number";
+  return isPlainObject$2(value) && value.type === "solidWithAlpha" && typeof value.color === "string" && typeof value.alpha === "number";
 }
 function normalizeFillColor(value) {
   if (value === null) return null;
@@ -40090,10 +40452,10 @@ function normalizeStrokeColor(value) {
   return void 0;
 }
 function normalizeTextContent(value) {
-  if (!isPlainObject$3(value)) return void 0;
+  if (!isPlainObject$2(value)) return void 0;
   if (!Array.isArray(value.parts)) return void 0;
   if (value.parts.length === 0) return void 0;
-  const validParts = value.parts.filter((p) => isPlainObject$3(p) && typeof p.text === "string");
+  const validParts = value.parts.filter((p) => isPlainObject$2(p) && typeof p.text === "string");
   if (validParts.length === 0) return void 0;
   const result = {
     parts: validParts
@@ -40111,7 +40473,7 @@ function normalizeTextVerticalAlign(value) {
   return void 0;
 }
 function normalizeTextInsets(value) {
-  if (!isPlainObject$3(value)) return void 0;
+  if (!isPlainObject$2(value)) return void 0;
   const top2 = pickNumber(value.top);
   const right2 = pickNumber(value.right);
   const bottom2 = pickNumber(value.bottom);
@@ -40123,7 +40485,7 @@ function normalizeTextInsets(value) {
 }
 const OOXML_Z_INDEX_BASE = 251658240;
 function normalizeZIndex(originalAttributes) {
-  if (!isPlainObject$3(originalAttributes)) return void 0;
+  if (!isPlainObject$2(originalAttributes)) return void 0;
   const relativeHeight = originalAttributes.relativeHeight;
   if (typeof relativeHeight !== "number") return void 0;
   return Math.max(0, relativeHeight - OOXML_Z_INDEX_BASE);
@@ -41317,321 +41679,6 @@ const ensureBidiIndentPx = (indent) => {
   }
   return adjusted;
 };
-const sdtMetadataCache = /* @__PURE__ */ new Map();
-function resolveStyle(node, context, options = {}) {
-  let paragraph = createDefaultParagraph();
-  let character = createDefaultCharacter(context);
-  let numbering;
-  const chain = resolveStyleChain(node.styleId, context.styles);
-  for (const style2 of chain) {
-    paragraph = mergeParagraph(paragraph, style2.paragraph);
-    character = mergeCharacter(character, style2.character);
-    if (!numbering && style2.numbering) {
-      numbering = resolveNumbering(style2.numbering.numId, style2.numbering.level, context);
-    }
-  }
-  paragraph = mergeParagraph(paragraph, node.paragraphProps);
-  character = mergeCharacter(character, node.characterProps);
-  if (node.numbering) {
-    numbering = resolveNumbering(node.numbering.numId, node.numbering.level, context);
-  }
-  const sdt = options?.sdt ? resolveSdtMetadata(options.sdt) : void 0;
-  return {
-    paragraph,
-    character,
-    numbering,
-    sdt
-  };
-}
-function resolveNumbering(numId, level, context) {
-  const def = context.numbering?.[numId];
-  if (!def) return void 0;
-  const levelDef = def.levels.find((entry) => entry.level === level) ?? def.levels[level];
-  if (!levelDef) return void 0;
-  return {
-    numId,
-    level,
-    indent: {
-      left: levelDef.indent?.left,
-      hanging: levelDef.indent?.hanging
-    },
-    format: levelDef.format ?? "decimal",
-    text: levelDef.text ?? "%1.",
-    start: levelDef.start ?? 1
-  };
-}
-function resolveSdtMetadata(input) {
-  if (!input) return void 0;
-  const { nodeType, attrs, cacheKey: explicitKey } = input;
-  if (!nodeType) return void 0;
-  const normalizedAttrs = isPlainObject$2(attrs) ? attrs : {};
-  const cacheKey = buildSdtCacheKey(nodeType, normalizedAttrs, explicitKey);
-  if (cacheKey && sdtMetadataCache.has(cacheKey)) {
-    return sdtMetadataCache.get(cacheKey);
-  }
-  let metadata;
-  switch (nodeType) {
-    case "fieldAnnotation":
-      metadata = normalizeFieldAnnotationMetadata(normalizedAttrs);
-      break;
-    case "structuredContent":
-    case "structuredContentBlock":
-      metadata = normalizeStructuredContentMetadata(nodeType, normalizedAttrs);
-      break;
-    case "documentSection":
-      metadata = normalizeDocumentSectionMetadata(normalizedAttrs);
-      break;
-    case "docPartObject":
-      metadata = normalizeDocPartMetadata(normalizedAttrs);
-      break;
-  }
-  if (metadata && cacheKey) {
-    sdtMetadataCache.set(cacheKey, metadata);
-  }
-  return metadata;
-}
-function createDefaultParagraph(_context) {
-  return {
-    alignment: "left",
-    spacing: {
-      before: 0,
-      after: 0,
-      line: 12,
-      lineRule: "auto"
-    },
-    indent: {
-      left: 0,
-      right: 0,
-      firstLine: 0,
-      hanging: 0
-    },
-    tabs: []
-  };
-}
-function createDefaultCharacter(context) {
-  const baseFont = context.defaults?.paragraphFont ?? "Calibri";
-  const fallback = context.defaults?.paragraphFontFallback;
-  const wordFamily = context.defaults?.paragraphFontFamily;
-  const resolvedFamily = toCssFontFamily(baseFont, { fallback, wordFamily }) ?? baseFont;
-  return {
-    font: {
-      family: resolvedFamily,
-      size: context.defaults?.fontSize ?? 11,
-      weight: 400,
-      italic: false
-    },
-    color: "#000000"
-  };
-}
-function resolveStyleChain(styleId, styles) {
-  if (!styleId || !styles) return [];
-  const result = [];
-  const visited = /* @__PURE__ */ new Set();
-  let current = styles[styleId];
-  while (current && !visited.has(current.id)) {
-    result.unshift(current);
-    visited.add(current.id);
-    current = current.basedOn ? styles[current.basedOn] : void 0;
-  }
-  return result;
-}
-function mergeParagraph(base2, overrides) {
-  if (!overrides) return base2;
-  return {
-    ...base2,
-    alignment: overrides.alignment ?? base2.alignment,
-    spacing: overrides.spacing ? { ...base2.spacing, ...overrides.spacing } : base2.spacing,
-    indent: overrides.indent ? { ...base2.indent, ...overrides.indent } : base2.indent,
-    borders: overrides.borders ? { ...base2.borders, ...overrides.borders } : base2.borders,
-    shading: overrides.shading ?? base2.shading,
-    tabs: overrides.tabs ?? base2.tabs
-  };
-}
-function mergeCharacter(base2, overrides) {
-  if (!overrides) return base2;
-  return {
-    ...base2,
-    font: overrides.font ? { ...base2.font, ...overrides.font } : base2.font,
-    color: overrides.color ?? base2.color,
-    underline: overrides.underline ?? base2.underline,
-    strike: overrides.strike ?? base2.strike,
-    highlight: overrides.highlight ?? base2.highlight,
-    letterSpacing: overrides.letterSpacing ?? base2.letterSpacing
-  };
-}
-function normalizeFieldAnnotationMetadata(attrs) {
-  const fieldId = toOptionalString(attrs.fieldId) ?? "";
-  const formatting = extractFormatting(attrs);
-  const size2 = normalizeSize(attrs.size);
-  const extras = isPlainObject$2(attrs.extras) ? attrs.extras : null;
-  const marks = isPlainObject$2(attrs.marks) ? attrs.marks : void 0;
-  return {
-    type: "fieldAnnotation",
-    fieldId,
-    variant: normalizeFieldAnnotationVariant(attrs.type),
-    fieldType: toOptionalString(attrs.fieldType),
-    displayLabel: toOptionalString(attrs.displayLabel),
-    defaultDisplayLabel: toOptionalString(attrs.defaultDisplayLabel),
-    alias: toOptionalString(attrs.alias),
-    fieldColor: normalizeColorValue(attrs.fieldColor),
-    borderColor: normalizeColorValue(attrs.borderColor),
-    highlighted: toBoolean$2(attrs.highlighted, true),
-    fontFamily: toNullableString(attrs.fontFamily),
-    fontSize: normalizeFontSize(attrs.fontSize),
-    textColor: normalizeColorValue(attrs.textColor) ?? null,
-    textHighlight: normalizeColorValue(attrs.textHighlight) ?? null,
-    linkUrl: toNullableString(attrs.linkUrl),
-    imageSrc: toNullableString(attrs.imageSrc),
-    rawHtml: attrs.rawHtml ?? void 0,
-    size: size2 ?? null,
-    extras,
-    multipleImage: toBoolean$2(attrs.multipleImage, false),
-    hash: toOptionalString(attrs.hash) ?? null,
-    generatorIndex: toNumber(attrs.generatorIndex),
-    sdtId: toOptionalString(attrs.sdtId) ?? null,
-    hidden: toBoolean$2(attrs.hidden, false),
-    visibility: normalizeVisibility(attrs.visibility),
-    isLocked: toBoolean$2(attrs.isLocked, false),
-    formatting,
-    marks
-  };
-}
-function normalizeStructuredContentMetadata(nodeType, attrs) {
-  return {
-    type: "structuredContent",
-    scope: nodeType === "structuredContentBlock" ? "block" : "inline",
-    id: toNullableString(attrs.id),
-    tag: toOptionalString(attrs.tag),
-    alias: toOptionalString(attrs.alias),
-    sdtPr: attrs.sdtPr
-  };
-}
-function normalizeDocumentSectionMetadata(attrs) {
-  return {
-    type: "documentSection",
-    id: toNullableString(attrs.id),
-    title: toOptionalString(attrs.title) ?? null,
-    description: toOptionalString(attrs.description) ?? null,
-    sectionType: toOptionalString(attrs.sectionType) ?? null,
-    isLocked: toBoolean$2(attrs.isLocked, false),
-    sdBlockId: toNullableString(attrs.sdBlockId)
-  };
-}
-function normalizeDocPartMetadata(attrs) {
-  return {
-    type: "docPartObject",
-    gallery: toOptionalString(attrs.docPartGallery ?? attrs.gallery) ?? null,
-    // Source uniqueId from attrs.id (PM adapter uses getDocPartObjectId which extracts attrs.id)
-    // Fall back to attrs.uniqueId for compatibility
-    uniqueId: toOptionalString(attrs.id ?? attrs.uniqueId) ?? null,
-    alias: toOptionalString(attrs.alias) ?? null,
-    instruction: toOptionalString(attrs.instruction) ?? null
-  };
-}
-function isPlainObject$2(value) {
-  return !!value && typeof value === "object" && !Array.isArray(value);
-}
-function toOptionalString(value) {
-  if (value == null) return void 0;
-  if (typeof value === "string") {
-    const trimmed = value.trim();
-    return trimmed.length ? trimmed : void 0;
-  }
-  return String(value);
-}
-function toNullableString(value) {
-  const str = toOptionalString(value);
-  return str ?? null;
-}
-function toBoolean$2(value, fallback) {
-  if (typeof value === "boolean") return value;
-  if (typeof value === "string") {
-    const lower = value.toLowerCase();
-    if (lower === "true") return true;
-    if (lower === "false") return false;
-  }
-  if (value == null) return fallback;
-  return Boolean(value);
-}
-function normalizeVisibility(value) {
-  if (typeof value !== "string") return void 0;
-  const normalized = value.toLowerCase();
-  if (normalized === "visible" || normalized === "hidden") {
-    return normalized;
-  }
-  return void 0;
-}
-function normalizeColorValue(value) {
-  if (typeof value !== "string") return void 0;
-  const trimmed = value.trim();
-  if (!trimmed || trimmed.toLowerCase() === "none") return void 0;
-  return trimmed;
-}
-function normalizeFontSize(value) {
-  if (value == null) return null;
-  if (typeof value === "number") {
-    return Number.isFinite(value) ? value : null;
-  }
-  if (typeof value === "string") {
-    const trimmed = value.trim();
-    return trimmed.length ? trimmed : null;
-  }
-  return null;
-}
-function toNumber(value) {
-  if (typeof value === "number") {
-    return Number.isFinite(value) ? value : null;
-  }
-  if (typeof value === "string") {
-    const parsed = parseFloat(value);
-    return Number.isFinite(parsed) ? parsed : null;
-  }
-  return null;
-}
-function normalizeSize(value) {
-  if (!isPlainObject$2(value)) return null;
-  const obj = value;
-  const width = toNumber(obj.width);
-  const height = toNumber(obj.height);
-  if (width == null && height == null) return null;
-  const result = {};
-  if (width != null) result.width = width;
-  if (height != null) result.height = height;
-  return result;
-}
-function normalizeFieldAnnotationVariant(value) {
-  if (typeof value !== "string") return void 0;
-  const normalized = value.toLowerCase();
-  if (normalized === "text" || normalized === "image" || normalized === "signature" || normalized === "checkbox" || normalized === "html" || normalized === "link") {
-    return normalized;
-  }
-  return void 0;
-}
-function extractFormatting(attrs) {
-  const bold = toBoolean$2(attrs.bold, false);
-  const italic = toBoolean$2(attrs.italic, false);
-  const underline = toBoolean$2(attrs.underline, false);
-  const formatting = {};
-  if (bold) formatting.bold = true;
-  if (italic) formatting.italic = true;
-  if (underline) formatting.underline = true;
-  return Object.keys(formatting).length ? formatting : void 0;
-}
-function buildSdtCacheKey(nodeType, attrs, explicitKey) {
-  const provided = toOptionalString(explicitKey);
-  if (provided) {
-    return `${nodeType}:${provided}`;
-  }
-  const hash2 = toOptionalString(attrs.hash);
-  if (hash2) {
-    return `${nodeType}:${hash2}`;
-  }
-  const id = toOptionalString(attrs.id);
-  if (id) {
-    return `${nodeType}:${id}`;
-  }
-  return void 0;
-}
 const DEFAULT_LIST_HANGING_PX = 18;
 const LIST_MARKER_GAP = 8;
 const DEFAULT_BULLET_GLYPH = "•";
@@ -42191,6 +42238,7 @@ const EMPTY_NUMBERING_CONTEXT = {
   definitions: {},
   abstracts: {}
 };
+const ooxmlResolver = superEditor_converter.createOoxmlResolver({ pPr: superEditor_converter.translator, rPr: superEditor_converter.translator$1 });
 const hydrateParagraphStyleAttrs = (para, context, preResolved) => {
   if (!hasParagraphStyleContext(context)) {
     return null;
@@ -42218,7 +42266,7 @@ const hydrateParagraphStyleAttrs = (para, context, preResolved) => {
     // should still get docDefaults spacing from style resolution
     numbering: context.numbering ?? EMPTY_NUMBERING_CONTEXT
   };
-  const resolved = superEditor_converter.resolveParagraphProperties(resolverParams, inlineProps);
+  const resolved = ooxmlResolver.resolveParagraphProperties(resolverParams, inlineProps);
   if (!resolved) {
     return null;
   }
@@ -42273,6 +42321,138 @@ const cloneIfObject = (value) => {
   }
   return { ...value };
 };
+const buildCharacterStyleHydration = (resolved, docx) => {
+  const fontFamily2 = extractFontFamily(resolved.fontFamily, docx);
+  const fontSize2 = typeof resolved.fontSize === "number" ? resolved.fontSize : 20;
+  const color = extractColorValue(resolved.color);
+  const bold = normalizeBooleanProp(resolved.bold);
+  const italic = normalizeBooleanProp(resolved.italic);
+  const strike = normalizeBooleanProp(resolved.strike);
+  const underline = extractUnderline(resolved.underline);
+  const letterSpacing = typeof resolved.letterSpacing === "number" ? resolved.letterSpacing : void 0;
+  return {
+    fontFamily: fontFamily2,
+    fontSize: fontSize2,
+    color,
+    bold,
+    italic,
+    strike,
+    underline,
+    letterSpacing
+  };
+};
+const hydrateCharacterStyleAttrs = (para, context, resolvedPpr) => {
+  if (!hasParagraphStyleContext(context)) {
+    return null;
+  }
+  const attrs = para.attrs ?? {};
+  const paragraphProps = typeof attrs.paragraphProperties === "object" && attrs.paragraphProperties !== null ? attrs.paragraphProperties : {};
+  const styleIdSource = attrs.styleId ?? paragraphProps.styleId;
+  const styleId = typeof styleIdSource === "string" && styleIdSource.trim() ? styleIdSource : null;
+  const inlineRpr = {};
+  const pprForChain = resolvedPpr ?? { styleId };
+  const numberingProps = attrs.numberingProperties ?? paragraphProps.numberingProperties;
+  if (numberingProps != null) {
+    pprForChain.numberingProperties = numberingProps;
+  }
+  const resolverParams = {
+    docx: context.docx,
+    numbering: context.numbering ?? EMPTY_NUMBERING_CONTEXT
+  };
+  let resolved = null;
+  try {
+    resolved = ooxmlResolver.resolveRunProperties(
+      resolverParams,
+      inlineRpr,
+      pprForChain,
+      false,
+      // not list number marker
+      false
+      // not numberingDefinedInline
+    );
+    if (!resolved || typeof resolved !== "object") {
+      return null;
+    }
+  } catch {
+    return null;
+  }
+  return buildCharacterStyleHydration(resolved, context.docx);
+};
+const hydrateMarkerStyleAttrs = (para, context, resolvedPpr) => {
+  if (!hasParagraphStyleContext(context)) {
+    return null;
+  }
+  const attrs = para.attrs ?? {};
+  const paragraphProps = typeof attrs.paragraphProperties === "object" && attrs.paragraphProperties !== null ? attrs.paragraphProperties : {};
+  const styleIdSource = attrs.styleId ?? paragraphProps.styleId;
+  const styleId = typeof styleIdSource === "string" && styleIdSource.trim() ? styleIdSource : null;
+  const inlineRpr = {};
+  const numberingProps = attrs.numberingProperties ?? paragraphProps.numberingProperties;
+  const numberingDefinedInline = numberingProps?.numId != null;
+  const pprForChain = resolvedPpr ? { ...resolvedPpr } : { styleId };
+  if (styleId && !pprForChain.styleId) {
+    pprForChain.styleId = styleId;
+  }
+  if (numberingProps != null) {
+    pprForChain.numberingProperties = numberingProps;
+  }
+  const resolverParams = {
+    docx: context.docx,
+    numbering: context.numbering ?? EMPTY_NUMBERING_CONTEXT
+  };
+  let resolved = null;
+  try {
+    resolved = ooxmlResolver.resolveRunProperties(
+      resolverParams,
+      inlineRpr,
+      pprForChain,
+      true,
+      numberingDefinedInline
+    );
+    if (!resolved || typeof resolved !== "object") {
+      return null;
+    }
+  } catch {
+    return null;
+  }
+  return buildCharacterStyleHydration(resolved, context.docx);
+};
+function extractFontFamily(fontFamily2, docx) {
+  if (!fontFamily2 || typeof fontFamily2 !== "object") return void 0;
+  const toCssFontFamily2 = superEditor_converter.SuperConverter.toCssFontFamily;
+  const resolved = superEditor_converter.resolveDocxFontFamily(fontFamily2, docx ?? null, toCssFontFamily2);
+  return resolved ?? void 0;
+}
+function extractColorValue(color) {
+  if (!color || typeof color !== "object") return void 0;
+  const c2 = color;
+  const val = c2.val;
+  if (typeof val !== "string") return void 0;
+  if (!val || val.toLowerCase() === "auto") return void 0;
+  return val;
+}
+function normalizeBooleanProp(value) {
+  if (value == null) return void 0;
+  if (typeof value === "boolean") return value;
+  if (typeof value === "number") return value !== 0;
+  if (typeof value === "string") {
+    const lower = value.toLowerCase();
+    if (lower === "0" || lower === "false" || lower === "off") return false;
+    if (lower === "1" || lower === "true" || lower === "on" || lower === "") return true;
+  }
+  return Boolean(value);
+}
+function extractUnderline(underline) {
+  if (!underline || typeof underline !== "object") return void 0;
+  const u = underline;
+  const type = u["w:val"] ?? u.type ?? u.val;
+  if (typeof type !== "string" || type === "none") return void 0;
+  const color = u["w:color"] ?? u.color;
+  return {
+    type,
+    color: typeof color === "string" ? color : void 0
+  };
+}
 const { resolveSpacingIndent } = Engines;
 const DEFAULT_DECIMAL_SEPARATOR$2 = ".";
 const isValidNumberingId = (numId) => {
@@ -42788,7 +42968,7 @@ const extractDropCapRunFromParagraph = (para) => {
   }
   return dropCapRun;
 };
-const computeWordLayoutForParagraph = (paragraphAttrs, numberingProps, styleContext, _paragraphNode) => {
+const computeWordLayoutForParagraph = (paragraphAttrs, numberingProps, styleContext, paragraphNode, converterContext, resolvedPpr) => {
   if (numberingProps === null) {
     return null;
   }
@@ -42826,7 +43006,23 @@ const computeWordLayoutForParagraph = (paragraphAttrs, numberingProps, styleCont
         spacing: {}
       }
     };
-    let markerRun = numberingProps?.resolvedMarkerRpr;
+    let markerRun;
+    const markerHydration = paragraphNode && converterContext ? hydrateMarkerStyleAttrs(paragraphNode, converterContext, resolvedPpr) : null;
+    if (markerHydration) {
+      const resolvedColor = markerHydration.color ? `#${markerHydration.color.replace("#", "")}` : void 0;
+      markerRun = {
+        fontFamily: markerHydration.fontFamily ?? "Times New Roman",
+        fontSize: markerHydration.fontSize / 2,
+        // half-points to points
+        bold: markerHydration.bold,
+        italic: markerHydration.italic,
+        color: resolvedColor,
+        letterSpacing: markerHydration.letterSpacing != null ? twipsToPx$1(markerHydration.letterSpacing) : void 0
+      };
+    }
+    if (!markerRun) {
+      markerRun = numberingProps?.resolvedMarkerRpr;
+    }
     if (!markerRun) {
       const { character: characterStyle } = resolveStyle({ styleId: paragraphAttrs.styleId }, styleContext);
       if (characterStyle) {
@@ -43147,7 +43343,12 @@ const computeParagraphAttrs = (para, styleContext, listCounterContext, converter
     const numId = numberingProps.numId;
     const ilvl = Number.isFinite(numberingProps.ilvl) ? Math.max(0, Math.floor(Number(numberingProps.ilvl))) : 0;
     const numericNumId = typeof numId === "number" ? numId : void 0;
-    const resolvedLevel = resolveNumberingFromContext(numId, ilvl, converterContext?.numbering);
+    let resolvedLevel;
+    try {
+      resolvedLevel = resolveNumberingFromContext(numId, ilvl, converterContext?.numbering);
+    } catch (error) {
+      resolvedLevel = void 0;
+    }
     if (resolvedLevel) {
       if (resolvedLevel.format && numberingProps.format == null) {
         numberingProps.format = resolvedLevel.format;
@@ -43208,7 +43409,19 @@ const computeParagraphAttrs = (para, styleContext, listCounterContext, converter
         }
       }
     }
-    let wordLayout = computeWordLayoutForParagraph(paragraphAttrs, enrichedNumberingProps, styleContext);
+    let wordLayout = null;
+    try {
+      wordLayout = computeWordLayoutForParagraph(
+        paragraphAttrs,
+        enrichedNumberingProps,
+        styleContext,
+        para,
+        converterContext,
+        hydrated?.resolved
+      );
+    } catch (error) {
+      wordLayout = null;
+    }
     if (!wordLayout && enrichedNumberingProps.resolvedLevelIndent) {
       const resolvedIndentPx = convertIndentTwipsToPx(enrichedNumberingProps.resolvedLevelIndent);
       const baseIndent = resolvedIndentPx ?? enrichedNumberingProps.resolvedLevelIndent;
@@ -43753,7 +43966,7 @@ const V_RELATIVE_VALUES$1 = /* @__PURE__ */ new Set(["paragraph", "page", "margi
 const H_ALIGN_VALUES$1 = /* @__PURE__ */ new Set(["left", "center", "right"]);
 const V_ALIGN_VALUES$1 = /* @__PURE__ */ new Set(["top", "center", "bottom"]);
 const getAttrs$1 = (node) => {
-  return isPlainObject$3(node.attrs) ? node.attrs : {};
+  return isPlainObject$2(node.attrs) ? node.attrs : {};
 };
 const normalizeWrapType$1 = (value) => {
   if (typeof value !== "string") return void 0;
@@ -43776,7 +43989,7 @@ const normalizePolygon$1 = (value) => {
   return polygon.length > 0 ? polygon : void 0;
 };
 const normalizeWrap$2 = (value) => {
-  if (!isPlainObject$3(value)) {
+  if (!isPlainObject$2(value)) {
     return void 0;
   }
   const type = normalizeWrapType$1(value.type);
@@ -43784,7 +43997,7 @@ const normalizeWrap$2 = (value) => {
     return void 0;
   }
   const wrap = { type };
-  const attrs = isPlainObject$3(value.attrs) ? value.attrs : {};
+  const attrs = isPlainObject$2(value.attrs) ? value.attrs : {};
   const wrapText = normalizeWrapText$1(attrs.wrapText);
   if (wrapText) {
     wrap.wrapText = wrapText;
@@ -43801,7 +44014,7 @@ const normalizeWrap$2 = (value) => {
   if (polygon) {
     wrap.polygon = polygon;
   }
-  const behindDoc = toBoolean$3(attrs.behindDoc);
+  const behindDoc = toBoolean$2(attrs.behindDoc);
   if (behindDoc != null) {
     wrap.behindDoc = behindDoc;
   }
@@ -43816,10 +44029,10 @@ const normalizeAnchorAlign$1 = (value, allowed) => {
   return allowed.has(value) ? value : void 0;
 };
 const normalizeAnchorData$1 = (value, attrs, wrapBehindDoc) => {
-  const raw = isPlainObject$3(value) ? value : void 0;
-  const marginOffset = isPlainObject$3(attrs.marginOffset) ? attrs.marginOffset : void 0;
-  const simplePos = isPlainObject$3(attrs.simplePos) ? attrs.simplePos : void 0;
-  const originalAttrs = isPlainObject$3(attrs.originalAttributes) ? attrs.originalAttributes : void 0;
+  const raw = isPlainObject$2(value) ? value : void 0;
+  const marginOffset = isPlainObject$2(attrs.marginOffset) ? attrs.marginOffset : void 0;
+  const simplePos = isPlainObject$2(attrs.simplePos) ? attrs.simplePos : void 0;
+  const originalAttrs = isPlainObject$2(attrs.originalAttributes) ? attrs.originalAttributes : void 0;
   const isAnchored = attrs.isAnchor === true || Boolean(raw);
   const anchor = {};
   if (isAnchored) {
@@ -43837,7 +44050,7 @@ const normalizeAnchorData$1 = (value, attrs, wrapBehindDoc) => {
   if (offsetH != null) anchor.offsetH = offsetH;
   const offsetV = pickNumber(marginOffset?.top ?? marginOffset?.vertical ?? raw?.offsetV ?? simplePos?.y);
   if (offsetV != null) anchor.offsetV = offsetV;
-  const behindDoc = toBoolean$3(raw?.behindDoc ?? wrapBehindDoc ?? originalAttrs?.behindDoc);
+  const behindDoc = toBoolean$2(raw?.behindDoc ?? wrapBehindDoc ?? originalAttrs?.behindDoc);
   if (behindDoc != null) anchor.behindDoc = behindDoc;
   const hasData = anchor.isAnchored || anchor.hRelativeFrom != null || anchor.vRelativeFrom != null || anchor.alignH != null || anchor.alignV != null || anchor.offsetH != null || anchor.offsetV != null || anchor.behindDoc != null;
   return hasData ? anchor : void 0;
@@ -43962,7 +44175,7 @@ function handleShapeTextboxNode(node, context) {
   }
 }
 const getAttrs = (node) => {
-  return isPlainObject$3(node.attrs) ? { ...node.attrs } : {};
+  return isPlainObject$2(node.attrs) ? { ...node.attrs } : {};
 };
 const parseFullWidth = (value) => {
   if (typeof value === "string") {
@@ -43981,7 +44194,7 @@ function contentBlockNodeToDrawingBlock(node, nextBlockId, positions) {
   if (rawAttrs.horizontalRule !== true) {
     return null;
   }
-  const size2 = isPlainObject$3(rawAttrs.size) ? rawAttrs.size : void 0;
+  const size2 = isPlainObject$2(rawAttrs.size) ? rawAttrs.size : void 0;
   const { width, isFullWidth } = parseFullWidth(size2?.width);
   const height = pickNumber(size2?.height);
   if (!height || height <= 0) {
@@ -44183,6 +44396,9 @@ const extractRunStyleId = (runProperties) => {
   return null;
 };
 const DEFAULT_IMAGE_DIMENSION_PX = 100;
+const HALF_POINTS_PER_POINT = 2;
+const SCREEN_DPI = 96;
+const POINT_DPI = 72;
 function isInlineImage(node) {
   const attrs = node.attrs ?? {};
   const wrap = attrs.wrap;
@@ -44210,8 +44426,8 @@ function imageNodeToRun(node, positions, activeSdt) {
   const size2 = attrs.size ?? {};
   const width = typeof size2.width === "number" && Number.isFinite(size2.width) && size2.width > 0 ? size2.width : DEFAULT_IMAGE_DIMENSION_PX;
   const height = typeof size2.height === "number" && Number.isFinite(size2.height) && size2.height > 0 ? size2.height : DEFAULT_IMAGE_DIMENSION_PX;
-  const wrap = isPlainObject$3(attrs.wrap) ? attrs.wrap : {};
-  const wrapAttrs = isPlainObject$3(wrap.attrs) ? wrap.attrs : {};
+  const wrap = isPlainObject$2(attrs.wrap) ? attrs.wrap : {};
+  const wrapAttrs = isPlainObject$2(wrap.attrs) ? wrap.attrs : {};
   const run = {
     kind: "image",
     src,
@@ -44421,15 +44637,6 @@ const applyBaseRunDefaults = (run, defaults, uiDisplayFallbackFont, fallbackSize
   if (defaults.letterSpacing != null && run.letterSpacing == null) {
     run.letterSpacing = defaults.letterSpacing;
   }
-  if (defaults.bold && run.bold === void 0) {
-    run.bold = true;
-  }
-  if (defaults.italic && run.italic === void 0) {
-    run.italic = true;
-  }
-  if (defaults.underline && !run.underline) {
-    run.underline = defaults.underline;
-  }
 };
 function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defaultSize, styleContext, listCounterContext, trackedChanges, bookmarks, hyperlinkConfig = DEFAULT_HYPERLINK_CONFIG$1, themeColors, converters, converterContext) {
   const baseBlockId = nextBlockId("paragraph");
@@ -44438,28 +44645,45 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
   const paragraphHydration = converterContext ? hydrateParagraphStyleAttrs(para, converterContext) : null;
   let baseRunDefaults = {};
   try {
-    const spacingSource = para.attrs?.spacing !== void 0 ? para.attrs.spacing : paragraphProps.spacing !== void 0 ? paragraphProps.spacing : paragraphHydration?.spacing;
-    const indentSource = para.attrs?.indent ?? paragraphProps.indent ?? paragraphHydration?.indent;
-    const normalizedSpacing = normalizeParagraphSpacing(spacingSource);
-    const normalizedIndent = normalizePxIndent(indentSource) ?? normalizeParagraphIndent(indentSource ?? para.attrs?.textIndent);
-    const styleNodeAttrs = paragraphHydration?.tabStops && !para.attrs?.tabStops && !para.attrs?.tabs ? { ...para.attrs ?? {}, tabStops: paragraphHydration.tabStops } : para.attrs ?? {};
-    const styleNode = buildStyleNodeFromAttrs(styleNodeAttrs, normalizedSpacing, normalizedIndent);
-    if (styleNodeAttrs.styleId == null && paragraphProps.styleId) {
-      styleNode.styleId = paragraphProps.styleId;
-    }
-    const resolved = resolveStyle(styleNode, styleContext);
-    baseRunDefaults = {
-      fontFamily: resolved.character.font?.family,
-      fontSizePx: ptToPx(resolved.character.font?.size),
-      color: resolved.character.color,
-      bold: resolved.character.font?.weight != null ? resolved.character.font.weight >= 600 : void 0,
-      italic: resolved.character.font?.italic,
-      underline: resolved.character.underline ? {
-        style: resolved.character.underline.style,
-        color: resolved.character.underline.color
-      } : void 0,
-      letterSpacing: ptToPx(resolved.character.letterSpacing)
-    };
+    const charHydration = converterContext ? hydrateCharacterStyleAttrs(para, converterContext, paragraphHydration?.resolved) : null;
+    if (charHydration) {
+      const fontSizePx = charHydration.fontSize / HALF_POINTS_PER_POINT * (SCREEN_DPI / POINT_DPI);
+      baseRunDefaults = {
+        fontFamily: charHydration.fontFamily,
+        fontSizePx,
+        color: charHydration.color ? `#${charHydration.color.replace("#", "")}` : void 0,
+        bold: charHydration.bold,
+        italic: charHydration.italic,
+        underline: charHydration.underline ? {
+          style: charHydration.underline.type,
+          color: charHydration.underline.color
+        } : void 0,
+        letterSpacing: charHydration.letterSpacing != null ? twipsToPx$1(charHydration.letterSpacing) : void 0
+      };
+    } else {
+      const spacingSource = para.attrs?.spacing !== void 0 ? para.attrs.spacing : paragraphProps.spacing !== void 0 ? paragraphProps.spacing : paragraphHydration?.spacing;
+      const indentSource = para.attrs?.indent ?? paragraphProps.indent ?? paragraphHydration?.indent;
+      const normalizedSpacing = normalizeParagraphSpacing(spacingSource);
+      const normalizedIndent = normalizePxIndent(indentSource) ?? normalizeParagraphIndent(indentSource ?? para.attrs?.textIndent);
+      const styleNodeAttrs = paragraphHydration?.tabStops && !para.attrs?.tabStops && !para.attrs?.tabs ? { ...para.attrs ?? {}, tabStops: paragraphHydration.tabStops } : para.attrs ?? {};
+      const styleNode = buildStyleNodeFromAttrs(styleNodeAttrs, normalizedSpacing, normalizedIndent);
+      if (styleNodeAttrs.styleId == null && paragraphProps.styleId) {
+        styleNode.styleId = paragraphProps.styleId;
+      }
+      const resolved = resolveStyle(styleNode, styleContext);
+      baseRunDefaults = {
+        fontFamily: resolved.character.font?.family,
+        fontSizePx: ptToPx(resolved.character.font?.size),
+        color: resolved.character.color,
+        bold: resolved.character.font?.weight != null ? resolved.character.font.weight >= 600 : void 0,
+        italic: resolved.character.font?.italic,
+        underline: resolved.character.underline ? {
+          style: resolved.character.underline.style,
+          color: resolved.character.underline.color
+        } : void 0,
+        letterSpacing: ptToPx(resolved.character.letterSpacing)
+      };
+    }
   } catch {
     baseRunDefaults = {};
   }
@@ -48010,7 +48234,8 @@ async function measureParagraphBlock(block, maxWidth) {
       const originX = currentLine.width;
       const { target, nextIndex, stop } = getNextTabStopPx(currentLine.width, tabStops, tabStopCursor);
       tabStopCursor = nextIndex;
-      const tabAdvance = Math.max(0, target - currentLine.width);
+      const clampedTarget = Math.min(target, currentLine.maxWidth);
+      const tabAdvance = Math.max(0, clampedTarget - currentLine.width);
       currentLine.width = roundValue(currentLine.width + tabAdvance);
       run.width = tabAdvance;
       currentLine.maxFontSize = Math.max(currentLine.maxFontSize, 12);
@@ -48018,14 +48243,14 @@ async function measureParagraphBlock(block, maxWidth) {
       currentLine.toChar = 1;
       if (stop) {
         validateTabStopVal(stop);
-        pendingTabAlignment = { target, val: stop.val };
+        pendingTabAlignment = { target: clampedTarget, val: stop.val };
       } else {
         pendingTabAlignment = null;
       }
       if (stop && stop.leader && stop.leader !== "none") {
         const leaderStyle = stop.leader;
-        const from3 = Math.min(originX, target);
-        const to = Math.max(originX, target);
+        const from3 = Math.min(originX, clampedTarget);
+        const to = Math.max(originX, clampedTarget);
         if (!currentLine.leaders) currentLine.leaders = [];
         currentLine.leaders.push({ from: from3, to, style: leaderStyle });
       }
@@ -48620,7 +48845,8 @@ async function measureParagraphBlock(block, maxWidth) {
         const originX = currentLine.width;
         const { target, nextIndex, stop } = getNextTabStopPx(currentLine.width, tabStops, tabStopCursor);
         tabStopCursor = nextIndex;
-        const tabAdvance = Math.max(0, target - currentLine.width);
+        const clampedTarget = Math.min(target, currentLine.maxWidth);
+        const tabAdvance = Math.max(0, clampedTarget - currentLine.width);
         currentLine.width = roundValue(currentLine.width + tabAdvance);
         currentLine.maxFontInfo = updateMaxFontInfo(currentLine.maxFontSize, currentLine.maxFontInfo, run);
         currentLine.maxFontSize = Math.max(currentLine.maxFontSize, run.fontSize);
@@ -48629,14 +48855,14 @@ async function measureParagraphBlock(block, maxWidth) {
         charPosInRun += 1;
         if (stop) {
           validateTabStopVal(stop);
-          pendingTabAlignment = { target, val: stop.val };
+          pendingTabAlignment = { target: clampedTarget, val: stop.val };
         } else {
           pendingTabAlignment = null;
         }
         if (stop && stop.leader && stop.leader !== "none" && stop.leader !== "middleDot") {
           const leaderStyle = stop.leader;
-          const from3 = Math.min(originX, target);
-          const to = Math.max(originX, target);
+          const from3 = Math.min(originX, clampedTarget);
+          const to = Math.max(originX, clampedTarget);
           if (!currentLine.leaders) currentLine.leaders = [];
           currentLine.leaders.push({ from: from3, to, style: leaderStyle });
         }
@@ -57192,16 +57418,112 @@ const mapRangesThroughTransactions = (ranges, transactions, docSize) => {
   });
   return mergeRanges$2(mapped, docSize);
 };
-const buildWrapTransaction = (state, ranges, runType) => {
+const getParagraphAtPos = (doc2, pos) => {
+  try {
+    const $pos = doc2.resolve(pos);
+    for (let depth = $pos.depth; depth >= 0; depth--) {
+      const node = $pos.node(depth);
+      if (node.type.name === "paragraph") {
+        return node;
+      }
+    }
+  } catch (_e) {
+  }
+  return null;
+};
+const resolveRunPropertiesFromParagraphStyle = (paragraphNode, editor) => {
+  if (!paragraphNode || !editor?.converter) return {};
+  const styleId = paragraphNode.attrs?.paragraphProperties?.styleId;
+  if (!styleId) return {};
+  try {
+    const params2 = { docx: editor.converter.convertedXml, numbering: editor.converter.numbering };
+    const resolvedPpr = { styleId };
+    const runProps = superEditor_converter.resolveRunProperties(params2, {}, resolvedPpr, false, false);
+    const runProperties = {};
+    if (runProps.fontFamily) {
+      const fontValue = runProps.fontFamily.ascii || runProps.fontFamily;
+      if (fontValue) {
+        runProperties.fontFamily = typeof fontValue === "string" ? fontValue : fontValue.ascii;
+      }
+    }
+    if (runProps.fontSize) {
+      runProperties.fontSize = `${runProps.fontSize / 2}pt`;
+    }
+    if (runProps.bold) runProperties.bold = true;
+    if (runProps.italic) runProperties.italic = true;
+    if (runProps.underline) runProperties.underline = runProps.underline;
+    if (runProps.strike) runProperties.strike = true;
+    return runProperties;
+  } catch (_e) {
+    return {};
+  }
+};
+const createMarksFromDefs = (schema, markDefs = []) => markDefs.map((def) => {
+  const markType = schema.marks[def.type];
+  return markType ? markType.create(def.attrs) : null;
+}).filter(Boolean);
+const createMarkDefsFromStyleRunProps = (styleRunProps) => {
+  const markDefs = [];
+  const textStyleAttrs = {};
+  if (styleRunProps.fontSize) {
+    textStyleAttrs.fontSize = styleRunProps.fontSize;
+  }
+  if (styleRunProps.fontFamily) {
+    textStyleAttrs.fontFamily = styleRunProps.fontFamily;
+  }
+  if (Object.keys(textStyleAttrs).length > 0) {
+    markDefs.push({ type: "textStyle", attrs: textStyleAttrs });
+  }
+  if (styleRunProps.bold) {
+    markDefs.push({ type: "bold", attrs: { value: true } });
+  }
+  if (styleRunProps.italic) {
+    markDefs.push({ type: "italic", attrs: { value: true } });
+  }
+  if (styleRunProps.strike) {
+    markDefs.push({ type: "strike", attrs: { value: true } });
+  }
+  if (styleRunProps.underline) {
+    const underlineType = styleRunProps.underline["w:val"];
+    if (underlineType) {
+      let underlineColor = styleRunProps.underline["w:color"];
+      if (underlineColor && underlineColor.toLowerCase() !== "auto" && !underlineColor.startsWith("#")) {
+        underlineColor = `#${underlineColor}`;
+      }
+      markDefs.push({
+        type: "underline",
+        attrs: { underlineType, underlineColor }
+      });
+    }
+  }
+  return markDefs;
+};
+const buildWrapTransaction = (state, ranges, runType, editor, markDefsFromMeta = []) => {
   if (!ranges.length) return null;
   const replacements = [];
+  const metaStyleMarks = createMarksFromDefs(state.schema, markDefsFromMeta);
   ranges.forEach(({ from: from3, to }) => {
     state.doc.nodesBetween(from3, to, (node, pos, parent, index2) => {
       if (!node.isText || !parent || parent.type === runType) return;
       const match = parent.contentMatchAt ? parent.contentMatchAt(index2) : null;
       if (match && !match.matchType(runType)) return;
       if (!match && !parent.type.contentMatch.matchType(runType)) return;
-      const runProperties = superEditor_converter.decodeRPrFromMarks(node.marks);
+      let runProperties = superEditor_converter.decodeRPrFromMarks(node.marks);
+      if ((!node.marks || node.marks.length === 0) && editor?.converter) {
+        const paragraphNode = getParagraphAtPos(state.doc, pos);
+        const styleRunProps = resolveRunPropertiesFromParagraphStyle(paragraphNode, editor);
+        if (Object.keys(styleRunProps).length > 0) {
+          runProperties = styleRunProps;
+          const markDefs = metaStyleMarks.length ? markDefsFromMeta : createMarkDefsFromStyleRunProps(styleRunProps);
+          const styleMarks = metaStyleMarks.length ? metaStyleMarks : createMarksFromDefs(state.schema, markDefs);
+          if (styleMarks.length && typeof state.schema.text === "function") {
+            const textNode = state.schema.text(node.text || "", styleMarks);
+            if (textNode) {
+              node = textNode;
+            }
+          }
+        }
+      }
       const runNode = runType.create({ runProperties }, node);
       replacements.push({ from: pos, to: pos + node.nodeSize, runNode });
     });
@@ -57211,9 +57533,10 @@ const buildWrapTransaction = (state, ranges, runType) => {
   replacements.sort((a, b) => b.from - a.from).forEach(({ from: from3, to, runNode }) => tr.replaceWith(from3, to, runNode));
   return tr.docChanged ? tr : null;
 };
-const wrapTextInRunsPlugin = () => {
+const wrapTextInRunsPlugin = (editor) => {
   let view = null;
   let pendingRanges = [];
+  let lastStyleMarksMeta = [];
   const flush = () => {
     if (!view) return;
     const runType = view.state.schema.nodes.run;
@@ -57221,7 +57544,7 @@ const wrapTextInRunsPlugin = () => {
       pendingRanges = [];
       return;
     }
-    const tr = buildWrapTransaction(view.state, pendingRanges, runType);
+    const tr = buildWrapTransaction(view.state, pendingRanges, runType, editor, lastStyleMarksMeta);
     pendingRanges = [];
     if (tr) {
       view.dispatch(tr);
@@ -57240,6 +57563,7 @@ const wrapTextInRunsPlugin = () => {
           editorView.dom.removeEventListener("compositionend", onCompositionEnd);
           view = null;
           pendingRanges = [];
+          lastStyleMarksMeta = [];
         }
       };
     },
@@ -57253,7 +57577,11 @@ const wrapTextInRunsPlugin = () => {
       if (view?.composing) {
         return null;
       }
-      const tr = buildWrapTransaction(newState, pendingRanges, runType);
+      const latestStyleMarksMeta = [...transactions].reverse().find((tr2) => tr2.getMeta && tr2.getMeta("sdStyleMarks"))?.getMeta("sdStyleMarks") || lastStyleMarksMeta;
+      if (latestStyleMarksMeta && latestStyleMarksMeta.length) {
+        lastStyleMarksMeta = latestStyleMarksMeta;
+      }
+      const tr = buildWrapTransaction(newState, pendingRanges, runType, editor, latestStyleMarksMeta);
       pendingRanges = [];
       return tr;
     }
@@ -57516,7 +57844,7 @@ const Run = OxmlNode.create({
   },
   addPmPlugins() {
     return [
-      wrapTextInRunsPlugin(),
+      wrapTextInRunsPlugin(this.editor),
       splitRunsAfterMarkPlugin,
       calculateInlineRunPropertiesPlugin(this.editor),
       cleanupEmptyRunsPlugin