@harbour-enterprises/superdoc 0.18.0-next.5 → 0.18.0-next.6

package/dist/superdoc.umd.js

@@ -27402,7 +27402,11 @@
       }
       const styleIdIndex = pPr?.elements?.findIndex((el) => el.name === "w:pStyle");
       if (styleIdIndex >= 0) pPr?.elements?.splice(styleIdIndex, 1);
-      const fallBack = nodeListHandler2.handler({ ...params2, nodes: [node2] })?.filter((n) => n);
+      const fallBack = nodeListHandler2.handler({
+        ...params2,
+        nodes: [node2],
+        path: [...params2.path || [], node2]
+      })?.filter((n) => n);
       return fallBack[0];
     }
     if (!lists[currentListNumId]) lists[currentListNumId] = { levels: {} };
@@ -27430,7 +27434,11 @@
     const nodePpr = node2.attrs?.paragraphProperties?.elements?.find((el) => el.name === "w:pPr");
     const numPrIndex = node2.attrs?.paragraphProperties?.elements?.findIndex((el) => el.name === "w:numPr");
     nodePpr?.elements?.splice(numPrIndex, 1);
-    const listContents = nodeListHandler2.handler({ ...params2, nodes: [node2] });
+    const listContents = nodeListHandler2.handler({
+      ...params2,
+      nodes: [node2],
+      path: [...params2.path || [], node2]
+    });
     const innerParagraph = listContents.find((el) => el.type === "paragraph");
     const firstElement = innerParagraph.content[0];
     firstElement?.marks?.find((mark) => mark.type === "textStyle");
@@ -33275,13 +33283,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const { clear } = attrs;
     return clear;
   };
-  const XML_NODE_NAME$1 = "w:br";
-  const SD_NODE_NAME$1 = "lineBreak";
-  const validXmlAttributes$1 = [
+  const XML_NODE_NAME$2 = "w:br";
+  const SD_NODE_NAME$2 = "lineBreak";
+  const validXmlAttributes$2 = [
     { xmlName: "w:type", sdName: "lineBreakType", encode: lineBreakTypeEncoder, decode: lineBreakTypeDecoder },
     { xmlName: "w:clear", sdName: "clear", encode: wClearEncoder, decode: wClearDecoder }
   ];
-  const encode$1 = (_2, encodedAttrs) => {
+  const encode$2 = (_2, encodedAttrs) => {
     const isPageBreak = encodedAttrs?.lineBreakType === "page";
     const translated = {
       type: isPageBreak ? "hardBreak" : "lineBreak"
@@ -33291,7 +33299,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return translated;
   };
-  const decode$1 = (params2, decodedAttrs) => {
+  const decode$2 = (params2, decodedAttrs) => {
     const { node: node2 } = params2;
     if (!node2) return;
     const wBreak = { name: "w:br" };
@@ -33308,15 +33316,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     };
     return translated;
   };
-  const config$1 = {
-    xmlName: XML_NODE_NAME$1,
-    sdNodeOrKeyName: SD_NODE_NAME$1,
+  const config$2 = {
+    xmlName: XML_NODE_NAME$2,
+    sdNodeOrKeyName: SD_NODE_NAME$2,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$1,
-    decode: decode$1,
-    attributes: validXmlAttributes$1
+    encode: encode$2,
+    decode: decode$2,
+    attributes: validXmlAttributes$2
   };
-  const translator$1 = NodeTranslator.from(config$1);
+  const translator$2 = NodeTranslator.from(config$2);
   const tabSizeEncoder = (attributes) => {
     return attributes["w:val"];
   };
@@ -33338,19 +33346,19 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const { pos } = attrs;
     return pos;
   };
-  const XML_NODE_NAME = "w:tab";
-  const SD_NODE_NAME = "tab";
-  const validXmlAttributes = [
+  const XML_NODE_NAME$1 = "w:tab";
+  const SD_NODE_NAME$1 = "tab";
+  const validXmlAttributes$1 = [
     { xmlName: "w:val", sdName: "tabSize", encode: tabSizeEncoder, decode: tabSizeDecoder },
     { xmlName: "w:pos", sdName: "pos", encode: tabPositionEncoder, decode: tabPositionDecoder },
     { xmlName: "w:leader", sdName: "leader", encode: tabLeaderEncoder, decode: tabLeaderDecoder }
   ];
-  const encode$2 = (_2, encodedAttrs = {}) => {
+  const encode$1 = (_2, encodedAttrs = {}) => {
     const translated = { type: "tab" };
     if (encodedAttrs) translated.attrs = { ...encodedAttrs };
     return translated;
   };
-  const decode = (params2, decodedAttrs = {}) => {
+  const decode$1 = (params2, decodedAttrs = {}) => {
     const { node: node2 } = params2 || {};
     if (!node2) return;
     const wTab = { name: "w:tab" };
@@ -33366,11 +33374,543 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return translated;
   };
+  const config$1 = {
+    xmlName: XML_NODE_NAME$1,
+    sdNodeOrKeyName: SD_NODE_NAME$1,
+    type: NodeTranslator.translatorTypes.NODE,
+    encode: encode$1,
+    decode: decode$1,
+    attributes: validXmlAttributes$1
+  };
+  const translator$1 = NodeTranslator.from(config$1);
+  const handleAllTableNodes = (params2) => {
+    const { nodes } = params2;
+    if (nodes.length === 0) {
+      return { nodes: [], consumed: 0 };
+    }
+    const node2 = nodes[0];
+    switch (node2.name) {
+      case "w:tbl":
+        return { nodes: [handleTableNode(node2, params2)], consumed: 1 };
+    }
+    return { nodes: [], consumed: 0 };
+  };
+  const tableNodeHandlerEntity = {
+    handlerName: "tableNodeHandler",
+    handler: handleAllTableNodes
+  };
+  function handleTableNode(node2, params2) {
+    const { docx, nodeListHandler: nodeListHandler2 } = params2;
+    const tblPr = node2.elements.find((el) => el.name === "w:tblPr");
+    const tableBordersElement = tblPr.elements.find((el) => el.name === "w:tblBorders");
+    const tableBorders = tableBordersElement?.elements || [];
+    const { borders, rowBorders } = processTableBorders(tableBorders);
+    const tblStyleTag = tblPr.elements.find((el) => el.name === "w:tblStyle");
+    const tableStyleId = tblStyleTag?.attributes["w:val"];
+    const attrs = { tableStyleId };
+    const tableIndent = tblPr?.elements.find((el) => el.name === "w:tblInd");
+    if (tableIndent) {
+      const { "w:w": width, "w:type": type2 } = tableIndent.attributes;
+      attrs["tableIndent"] = { width: twipsToPixels(width), type: type2 };
+    }
+    const tableLayout = tblPr?.elements.find((el) => el.name === "w:tblLayout");
+    if (tableLayout) {
+      const { "w:type": type2 } = tableLayout.attributes;
+      attrs["tableLayout"] = type2;
+    }
+    const referencedStyles = getReferencedTableStyles(tblStyleTag, docx);
+    const tblW = tblPr.elements.find((el) => el.name === "w:tblW");
+    if (tblW) {
+      attrs["tableWidth"] = {
+        width: twipsToPixels(tblW.attributes["w:w"]),
+        type: tblW.attributes["w:type"]
+      };
+    }
+    const tblCellSpacing = tblPr.elements.find((el) => el.name === "w:tblCellSpacing");
+    if (tblCellSpacing) {
+      attrs["tableCellSpacing"] = {
+        w: tblCellSpacing.attributes["w:w"],
+        type: tblCellSpacing.attributes["w:type"]
+      };
+      attrs["borderCollapse"] = "separate";
+    }
+    const tblJustification = tblPr.elements.find((el) => el.name === "w:jc");
+    if (tblJustification?.attributes) {
+      attrs["justification"] = tblJustification.attributes["w:val"];
+    }
+    const rows = node2.elements.filter((el) => el.name === "w:tr");
+    const refStylesBorders = referencedStyles?.borders || {};
+    const refStylesRowBorders = referencedStyles?.rowBorders || {};
+    const borderData = Object.keys(borders)?.length ? Object.assign(refStylesBorders, borders) : refStylesBorders;
+    const borderRowData = Object.keys(rowBorders)?.length ? Object.assign(refStylesRowBorders, rowBorders) : refStylesRowBorders;
+    attrs["borders"] = borderData;
+    const content = [];
+    rows.forEach((row) => {
+      const result = handleTableRowNode(row, node2, borderRowData, tblStyleTag, params2);
+      if (result.content?.length) content.push(result);
+    });
+    return {
+      type: "table",
+      content,
+      attrs
+    };
+  }
+  function handleTableCellNode$1({
+    params: params2,
+    node: node2,
+    table,
+    row,
+    rowBorders,
+    styleTag,
+    columnIndex,
+    columnWidth = null
+  }) {
+    const translatorParams = {
+      ...params2,
+      extraParams: {
+        node: node2,
+        table,
+        row,
+        rowBorders,
+        styleTag,
+        columnIndex,
+        columnWidth
+      }
+    };
+    const schemaNode = translator.encode(translatorParams);
+    return schemaNode;
+  }
+  function getReferencedTableStyles(tblStyleTag, docx) {
+    if (!tblStyleTag) return null;
+    const stylesToReturn = {};
+    const { attributes = {} } = tblStyleTag;
+    const tableStyleReference = attributes["w:val"];
+    if (!tableStyleReference) return null;
+    const styles = docx["word/styles.xml"];
+    const { elements } = styles.elements[0];
+    const styleElements = elements.filter((el) => el.name === "w:style");
+    const styleTag = styleElements.find((el) => el.attributes["w:styleId"] === tableStyleReference);
+    if (!styleTag) return null;
+    stylesToReturn.name = styleTag.elements.find((el) => el.name === "w:name");
+    const basedOn = styleTag.elements.find((el) => el.name === "w:basedOn");
+    let baseTblPr;
+    if (basedOn?.attributes) {
+      const baseStyles = styleElements.find((el) => el.attributes["w:styleId"] === basedOn.attributes["w:val"]);
+      baseTblPr = baseStyles ? baseStyles.elements.find((el) => el.name === "w:tblPr") : {};
+    }
+    const pPr = styleTag.elements.find((el) => el.name === "w:pPr");
+    if (pPr) {
+      const justification = pPr.elements.find((el) => el.name === "w:jc");
+      if (justification?.attributes) stylesToReturn.justification = justification.attributes["w:val"];
+    }
+    const rPr = styleTag?.elements.find((el) => el.name === "w:rPr");
+    if (rPr) {
+      const fonts = rPr.elements.find((el) => el.name === "w:rFonts");
+      if (fonts) {
+        const { "w:ascii": ascii, "w:hAnsi": hAnsi, "w:cs": cs } = fonts.attributes;
+        stylesToReturn.fonts = { ascii, hAnsi, cs };
+      }
+      const fontSize2 = rPr.elements.find((el) => el.name === "w:sz");
+      if (fontSize2?.attributes) stylesToReturn.fontSize = halfPointToPoints(fontSize2.attributes["w:val"]) + "pt";
+    }
+    const tblPr = styleTag.elements.find((el) => el.name === "w:tblPr");
+    if (tblPr && tblPr.elements) {
+      if (baseTblPr && baseTblPr.elements) {
+        tblPr.elements.push(...baseTblPr.elements);
+      }
+      const tableBorders = tblPr?.elements?.find((el) => el.name === "w:tblBorders");
+      const { elements: borderElements = [] } = tableBorders || {};
+      const { borders, rowBorders } = processTableBorders(borderElements);
+      if (borders) stylesToReturn.borders = borders;
+      if (rowBorders) stylesToReturn.rowBorders = rowBorders;
+      const tableCellMargin = tblPr?.elements.find((el) => el.name === "w:tblCellMar");
+      if (tableCellMargin) {
+        const marginLeft = tableCellMargin.elements.find((el) => el.name === "w:left");
+        const marginRight = tableCellMargin.elements.find((el) => el.name === "w:right");
+        const marginTop = tableCellMargin.elements.find((el) => el.name === "w:top");
+        const marginBottom = tableCellMargin.elements.find((el) => el.name === "w:bottom");
+        stylesToReturn.cellMargins = {
+          marginLeft: marginLeft?.attributes["w:w"],
+          marginRight: marginRight?.attributes["w:w"],
+          marginTop: marginTop?.attributes["w:w"],
+          marginBottom: marginBottom?.attributes["w:w"]
+        };
+      }
+    }
+    return stylesToReturn;
+  }
+  function processTableBorders(borderElements) {
+    const borders = {};
+    const rowBorders = {};
+    borderElements.forEach((borderElement) => {
+      const { name } = borderElement;
+      const borderName = name.split("w:")[1];
+      const { attributes } = borderElement;
+      const attrs = {};
+      const color = attributes["w:color"];
+      const size2 = attributes["w:sz"];
+      if (color && color !== "auto") attrs["color"] = color.startsWith("#") ? color : `#${color}`;
+      if (size2 && size2 !== "auto") attrs["size"] = eigthPointsToPixels(size2);
+      const rowBorderNames = ["insideH", "insideV"];
+      if (rowBorderNames.includes(borderName)) rowBorders[borderName] = attrs;
+      borders[borderName] = attrs;
+    });
+    return {
+      borders,
+      rowBorders
+    };
+  }
+  function handleTableRowNode(node2, table, rowBorders, styleTag, params2) {
+    const attrs = {};
+    const tPr = node2.elements.find((el) => el.name === "w:trPr");
+    const rowHeightTag = tPr?.elements?.find((el) => el.name === "w:trHeight");
+    const rowHeight = rowHeightTag?.attributes["w:val"];
+    const cantSplitTag = tPr?.elements?.find((el) => el.name === "w:cantSplit");
+    if (cantSplitTag) {
+      attrs["cantSplit"] = true;
+    }
+    const borders = {};
+    if (rowBorders?.insideH) borders["bottom"] = rowBorders.insideH;
+    if (rowBorders?.insideV) borders["right"] = rowBorders.insideV;
+    attrs["borders"] = borders;
+    if (rowHeight) {
+      attrs["rowHeight"] = twipsToPixels(rowHeight);
+    }
+    const gridColumnWidths = getGridColumnWidths(table);
+    const cellNodes = node2.elements.filter((el) => el.name === "w:tc");
+    let currentColumnIndex = 0;
+    const content = cellNodes?.map((n) => {
+      let colWidth = gridColumnWidths?.[currentColumnIndex] || null;
+      const result = handleTableCellNode$1({
+        params: params2,
+        node: n,
+        table,
+        row: node2,
+        rowBorders: borders,
+        styleTag,
+        columnIndex: currentColumnIndex,
+        columnWidth: colWidth
+      });
+      const tcPr = n.elements?.find((el) => el.name === "w:tcPr");
+      const colspanTag = tcPr?.elements?.find((el) => el.name === "w:gridSpan");
+      const colspan = parseInt(colspanTag?.attributes["w:val"] || 1, 10);
+      currentColumnIndex += colspan;
+      return result;
+    }) || [];
+    const newNode = {
+      type: "tableRow",
+      content,
+      attrs
+    };
+    return newNode;
+  }
+  const getGridColumnWidths = (tableNode) => {
+    const tblGrid = tableNode.elements.find((el) => el.name === "w:tblGrid");
+    if (!tblGrid) return [];
+    const columnWidths = tblGrid?.elements?.flatMap((el) => {
+      if (el.name !== "w:gridCol") return [];
+      return twipsToPixels(el.attributes["w:w"]);
+    }) || [];
+    return columnWidths;
+  };
+  function handleTableCellNode({
+    params: params2,
+    node: node2,
+    table,
+    row,
+    rowBorders,
+    styleTag,
+    columnIndex,
+    columnWidth = null
+  }) {
+    const { docx, nodeListHandler: nodeListHandler2 } = params2;
+    const tcPr = node2.elements.find((el) => el.name === "w:tcPr");
+    const borders = tcPr?.elements?.find((el) => el.name === "w:tcBorders");
+    const inlineBorders = processInlineCellBorders(borders, rowBorders);
+    const gridColumnWidths = getGridColumnWidths(table);
+    const tcWidth = tcPr?.elements?.find((el) => el.name === "w:tcW");
+    let width = tcWidth ? twipsToPixels(tcWidth.attributes["w:w"]) : null;
+    const widthType = tcWidth?.attributes["w:type"];
+    if (!width && columnWidth) width = columnWidth;
+    const vMerge = getTableCellMergeTag(node2);
+    const { attributes: vMergeAttrs } = vMerge || {};
+    const backgroundColor = tcPr?.elements?.find((el) => el.name === "w:shd");
+    const background = {
+      color: backgroundColor?.attributes["w:fill"]
+    };
+    const colspanTag = tcPr?.elements?.find((el) => el.name === "w:gridSpan");
+    const colspan = colspanTag?.attributes["w:val"];
+    const marginTag = tcPr?.elements?.find((el) => el.name === "w:tcMar");
+    const verticalAlignTag = tcPr?.elements?.find((el) => el.name === "w:vAlign");
+    const verticalAlign = verticalAlignTag?.attributes["w:val"] || "top";
+    const attributes = {};
+    const referencedStyles = getReferencedTableStyles(styleTag, docx) || {};
+    attributes.cellMargins = getTableCellMargins(marginTag, referencedStyles);
+    const { fontSize: fontSize2, fonts = {} } = referencedStyles;
+    const fontFamily2 = fonts["ascii"];
+    if (width) {
+      attributes["colwidth"] = [width];
+      attributes["widthUnit"] = "px";
+      const defaultColWidths = gridColumnWidths;
+      const hasDefaultColWidths = gridColumnWidths && gridColumnWidths.length > 0;
+      const colspanNum = parseInt(colspan || 1, 10);
+      if (colspanNum && colspanNum > 1 && hasDefaultColWidths) {
+        let colwidth = [];
+        for (let i2 = 0; i2 < colspanNum; i2++) {
+          let colwidthValue = defaultColWidths[columnIndex + i2];
+          let defaultColwidth = 100;
+          if (typeof colwidthValue !== "undefined") {
+            colwidth.push(colwidthValue);
+          } else {
+            colwidth.push(defaultColwidth);
+          }
+        }
+        if (colwidth.length) {
+          attributes["colwidth"] = [...colwidth];
+        }
+      }
+    }
+    if (widthType) attributes["widthType"] = widthType;
+    if (colspan) attributes["colspan"] = parseInt(colspan, 10);
+    if (background) attributes["background"] = background;
+    attributes["verticalAlign"] = verticalAlign;
+    if (fontSize2) attributes["fontSize"] = fontSize2;
+    if (fontFamily2) attributes["fontFamily"] = fontFamily2["ascii"];
+    if (rowBorders) attributes["borders"] = { ...rowBorders };
+    if (inlineBorders) attributes["borders"] = Object.assign(attributes["borders"] || {}, inlineBorders);
+    if (vMergeAttrs && vMergeAttrs["w:val"] === "restart") {
+      const rows = table.elements.filter((el) => el.name === "w:tr");
+      const currentRowIndex = rows.findIndex((r2) => r2 === row);
+      const remainingRows = rows.slice(currentRowIndex + 1);
+      const cellsInRow = row.elements.filter((el) => el.name === "w:tc");
+      let cellIndex = cellsInRow.findIndex((el) => el === node2);
+      let rowspan = 1;
+      for (let remainingRow of remainingRows) {
+        const firstCell = remainingRow.elements.findIndex((el) => el.name === "w:tc");
+        const cellAtIndex = remainingRow.elements[firstCell + cellIndex];
+        if (!cellAtIndex) break;
+        const vMerge2 = getTableCellMergeTag(cellAtIndex);
+        const { attributes: currentCellMergeAttrs } = vMerge2 || {};
+        if (!vMerge2 && !currentCellMergeAttrs || currentCellMergeAttrs && currentCellMergeAttrs["w:val"] === "restart") {
+          break;
+        }
+        rowspan++;
+        remainingRow.elements.splice(firstCell + cellIndex, 1);
+      }
+      attributes["rowspan"] = rowspan;
+    }
+    return {
+      type: "tableCell",
+      content: nodeListHandler2.handler({
+        ...params2,
+        nodes: node2.elements,
+        path: [...params2.path || [], node2]
+      }),
+      attrs: attributes
+    };
+  }
+  const processInlineCellBorders = (borders, rowBorders) => {
+    if (!borders) return null;
+    const processedBorders = {};
+    const inlineBorderBottom = processBorder(borders, "bottom", rowBorders);
+    if (inlineBorderBottom) processedBorders["bottom"] = inlineBorderBottom;
+    const inlineBorderTop = processBorder(borders, "top", rowBorders);
+    if (inlineBorderTop) processedBorders["top"] = inlineBorderTop;
+    const inlineBorderLeft = processBorder(borders, "left", rowBorders);
+    if (inlineBorderLeft) processedBorders["left"] = inlineBorderLeft;
+    const inlineBorderRight = processBorder(borders, "right", rowBorders);
+    if (inlineBorderRight) processedBorders["right"] = inlineBorderRight;
+    return processedBorders;
+  };
+  const processBorder = (borders, direction, rowBorders = {}) => {
+    const borderAttrs = borders?.elements?.find((el) => el.name === `w:${direction}`)?.attributes;
+    if (borderAttrs && borderAttrs["w:val"] !== "nil") {
+      const border = {};
+      const color = borderAttrs["w:color"];
+      if (color) border["color"] = color === "auto" ? "#000000" : `#${color}`;
+      const size2 = borderAttrs["w:sz"];
+      if (size2) border["size"] = eigthPointsToPixels(size2);
+      return border;
+    }
+    if (borderAttrs && borderAttrs["w:val"] === "nil") {
+      const border = Object.assign({}, rowBorders[direction] || {});
+      if (!Object.keys(border)) return null;
+      border["val"] = "none";
+      return border;
+    }
+    return null;
+  };
+  const getTableCellMergeTag = (node2) => {
+    const tcPr = node2.elements.find((el) => el.name === "w:tcPr");
+    const vMerge = tcPr?.elements?.find((el) => el.name === "w:vMerge");
+    return vMerge;
+  };
+  const getTableCellMargins = (marginTag, referencedStyles) => {
+    const inlineMarginLeftTag = marginTag?.elements?.find((el) => el.name === "w:left");
+    const inlineMarginRightTag = marginTag?.elements?.find((el) => el.name === "w:right");
+    const inlineMarginTopTag = marginTag?.elements?.find((el) => el.name === "w:top");
+    const inlineMarginBottomTag = marginTag?.elements?.find((el) => el.name === "w:bottom");
+    const inlineMarginLeftValue = inlineMarginLeftTag?.attributes["w:w"];
+    const inlineMarginRightValue = inlineMarginRightTag?.attributes["w:w"];
+    const inlineMarginTopValue = inlineMarginTopTag?.attributes["w:w"];
+    const inlineMarginBottomValue = inlineMarginBottomTag?.attributes["w:w"];
+    const { cellMargins = {} } = referencedStyles;
+    const {
+      marginLeft: marginLeftStyle,
+      marginRight: marginRightStyle,
+      marginTop: marginTopStyle,
+      marginBottom: marginBottomStyle
+    } = cellMargins;
+    const margins = {
+      left: twipsToPixels(inlineMarginLeftValue ?? marginLeftStyle),
+      right: twipsToPixels(inlineMarginRightValue ?? marginRightStyle),
+      top: twipsToPixels(inlineMarginTopValue ?? marginTopStyle),
+      bottom: twipsToPixels(inlineMarginBottomValue ?? marginBottomStyle)
+    };
+    return margins;
+  };
+  function translateTableCell(params2) {
+    const elements = translateChildNodes({
+      ...params2,
+      tableCell: params2.node
+    });
+    const cellProps = generateTableCellProperties(params2.node);
+    elements.unshift(cellProps);
+    return {
+      name: "w:tc",
+      elements
+    };
+  }
+  function generateTableCellProperties(node2) {
+    const elements = [];
+    const { attrs } = node2;
+    const { colwidth = [], cellWidthType = "dxa", background = {}, colspan, rowspan, widthUnit } = attrs;
+    const colwidthSum = colwidth.reduce((acc, curr) => acc + curr, 0);
+    const cellWidthElement = {
+      name: "w:tcW",
+      attributes: {
+        "w:w": widthUnit === "px" ? pixelsToTwips(colwidthSum) : inchesToTwips(colwidthSum),
+        "w:type": cellWidthType
+      }
+    };
+    elements.push(cellWidthElement);
+    if (colspan) {
+      const gridSpanElement = {
+        name: "w:gridSpan",
+        attributes: { "w:val": `${colspan}` }
+      };
+      elements.push(gridSpanElement);
+    }
+    const { color } = background || {};
+    if (color) {
+      const cellBgElement = {
+        name: "w:shd",
+        attributes: { "w:fill": color }
+      };
+      elements.push(cellBgElement);
+    }
+    const { cellMargins } = attrs;
+    if (cellMargins) {
+      const cellMarginsElement = {
+        name: "w:tcMar",
+        elements: generateCellMargins(cellMargins)
+      };
+      elements.push(cellMarginsElement);
+    }
+    const { verticalAlign } = attrs;
+    if (verticalAlign) {
+      const vertAlignElement = {
+        name: "w:vAlign",
+        attributes: { "w:val": verticalAlign }
+      };
+      elements.push(vertAlignElement);
+    }
+    if (rowspan && rowspan > 1) {
+      const vMergeElement = {
+        name: "w:vMerge",
+        type: "element",
+        attributes: { "w:val": "restart" }
+      };
+      elements.push(vMergeElement);
+    } else if (attrs.continueMerge) {
+      const vMergeElement = {
+        name: "w:vMerge",
+        type: "element"
+      };
+      elements.push(vMergeElement);
+    }
+    const { borders = {} } = attrs;
+    if (!!borders && Object.keys(borders).length) {
+      const cellBordersElement = {
+        name: "w:tcBorders",
+        elements: Object.entries(borders).map(([key, value]) => {
+          if (!value.size || value.val === "none") {
+            return {
+              name: `w:${key}`,
+              attributes: {
+                "w:val": "nil"
+              }
+            };
+          }
+          return {
+            name: `w:${key}`,
+            attributes: {
+              "w:val": "single",
+              "w:color": value.color ? value.color.substring(1) : "auto",
+              "w:sz": pixelsToEightPoints(value.size),
+              "w:space": value.space || 0
+            }
+          };
+        })
+      };
+      elements.push(cellBordersElement);
+    }
+    return {
+      name: "w:tcPr",
+      elements
+    };
+  }
+  function generateCellMargins(cellMargins) {
+    const elements = [];
+    const { top: top2, right: right2, bottom: bottom2, left: left2 } = cellMargins;
+    if (top2 != null) elements.push({ name: "w:top", attributes: { "w:w": pixelsToTwips(top2) } });
+    if (right2 != null) elements.push({ name: "w:right", attributes: { "w:w": pixelsToTwips(right2) } });
+    if (bottom2 != null) elements.push({ name: "w:bottom", attributes: { "w:w": pixelsToTwips(bottom2) } });
+    if (left2 != null) elements.push({ name: "w:left", attributes: { "w:w": pixelsToTwips(left2) } });
+    return elements;
+  }
+  const XML_NODE_NAME = "w:tc";
+  const SD_NODE_NAME = "tableCell";
+  const validXmlAttributes = [];
+  function encode$3(params2, encodedAttrs) {
+    const { node: node2, table, row, rowBorders, styleTag, columnIndex, columnWidth } = params2.extraParams;
+    const schemaNode = handleTableCellNode({
+      params: params2,
+      node: node2,
+      table,
+      row,
+      rowBorders,
+      styleTag,
+      columnIndex,
+      columnWidth
+    });
+    if (encodedAttrs && Object.keys(encodedAttrs).length) {
+      schemaNode.attrs = { ...schemaNode.attrs, ...encodedAttrs };
+    }
+    return schemaNode;
+  }
+  function decode(params2, decodedAttrs) {
+    const translated = translateTableCell(params2);
+    if (decodedAttrs && Object.keys(decodedAttrs).length) {
+      translated.attributes = { ...translated.attributes || {}, ...decodedAttrs };
+    }
+    return translated;
+  }
   const config = {
     xmlName: XML_NODE_NAME,
     sdNodeOrKeyName: SD_NODE_NAME,
     type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$2,
+    encode: encode$3,
     decode,
     attributes: validXmlAttributes
   };
@@ -33385,15 +33925,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       text: translateTextNode,
       bulletList: translateList,
       orderedList: translateList,
-      lineBreak: translator$1,
+      lineBreak: translator$2,
       table: translateTable,
       tableRow: translateTableRow,
-      tableCell: translateTableCell,
+      tableCell: translator,
       bookmarkStart: translateBookmarkStart,
       fieldAnnotation: translateFieldAnnotation,
-      tab: translator,
+      tab: translator$1,
       image: translateImageNode,
-      hardBreak: translator$1,
+      hardBreak: translator$2,
       commentRangeStart: () => translateCommentNode(params2, "Start"),
       commentRangeEnd: () => translateCommentNode(params2, "End"),
       commentReference: () => null,
@@ -34224,116 +34764,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       elements
     };
   }
-  function translateTableCell(params2) {
-    const elements = translateChildNodes({
-      ...params2,
-      tableCell: params2.node
-    });
-    const cellProps = generateTableCellProperties(params2.node);
-    elements.unshift(cellProps);
-    return {
-      name: "w:tc",
-      elements
-    };
-  }
-  function generateTableCellProperties(node2) {
-    const elements = [];
-    const { attrs } = node2;
-    const { colwidth = [], cellWidthType = "dxa", background = {}, colspan, rowspan, widthUnit } = attrs;
-    const colwidthSum = colwidth.reduce((acc, curr) => acc + curr, 0);
-    const cellWidthElement = {
-      name: "w:tcW",
-      attributes: {
-        "w:w": widthUnit === "px" ? pixelsToTwips(colwidthSum) : inchesToTwips(colwidthSum),
-        "w:type": cellWidthType
-      }
-    };
-    elements.push(cellWidthElement);
-    if (colspan) {
-      const gridSpanElement = {
-        name: "w:gridSpan",
-        attributes: { "w:val": `${colspan}` }
-      };
-      elements.push(gridSpanElement);
-    }
-    const { color } = background || {};
-    if (color) {
-      const cellBgElement = {
-        name: "w:shd",
-        attributes: { "w:fill": color }
-      };
-      elements.push(cellBgElement);
-    }
-    const { cellMargins } = attrs;
-    if (cellMargins) {
-      const cellMarginsElement = {
-        name: "w:tcMar",
-        elements: generateCellMargins(cellMargins)
-      };
-      elements.push(cellMarginsElement);
-    }
-    const { verticalAlign } = attrs;
-    if (verticalAlign) {
-      const vertAlignElement = {
-        name: "w:vAlign",
-        attributes: { "w:val": verticalAlign }
-      };
-      elements.push(vertAlignElement);
-    }
-    if (rowspan && rowspan > 1) {
-      const vMergeElement = {
-        name: "w:vMerge",
-        type: "element",
-        attributes: { "w:val": "restart" }
-      };
-      elements.push(vMergeElement);
-    } else if (attrs.continueMerge) {
-      const vMergeElement = {
-        name: "w:vMerge",
-        type: "element"
-      };
-      elements.push(vMergeElement);
-    }
-    const { borders = {} } = attrs;
-    if (!!borders && Object.keys(borders).length) {
-      const cellBordersElement = {
-        name: "w:tcBorders",
-        elements: Object.entries(borders).map(([key, value]) => {
-          if (!value.size || value.val === "none") {
-            return {
-              name: `w:${key}`,
-              attributes: {
-                "w:val": "nil"
-              }
-            };
-          }
-          return {
-            name: `w:${key}`,
-            attributes: {
-              "w:val": "single",
-              "w:color": value.color ? value.color.substring(1) : "auto",
-              "w:sz": pixelsToEightPoints(value.size),
-              "w:space": value.space || 0
-            }
-          };
-        })
-      };
-      elements.push(cellBordersElement);
-    }
-    return {
-      name: "w:tcPr",
-      elements
-    };
-  }
-  function generateCellMargins(cellMargins) {
-    const elements = [];
-    const { top: top2, right: right2, bottom: bottom2, left: left2 } = cellMargins;
-    if (top2 != null) elements.push({ name: "w:top", attributes: { "w:w": pixelsToTwips(top2) } });
-    if (right2 != null) elements.push({ name: "w:right", attributes: { "w:w": pixelsToTwips(right2) } });
-    if (bottom2 != null) elements.push({ name: "w:bottom", attributes: { "w:w": pixelsToTwips(bottom2) } });
-    if (left2 != null) elements.push({ name: "w:left", attributes: { "w:w": pixelsToTwips(left2) } });
-    return elements;
-  }
   function translateBookmarkStart(params2) {
     const bookmarkStartNode = {
       name: "w:bookmarkStart",
@@ -35282,345 +35712,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   const getInitialJSON = (parsedDocx, fallbackXml = defaultInitialXml) => {
     return parsedDocx["word/document.xml"] || parseXmlToJson(fallbackXml);
   };
-  const handleAllTableNodes = (params2) => {
-    const { nodes } = params2;
-    if (nodes.length === 0) {
-      return { nodes: [], consumed: 0 };
-    }
-    const node2 = nodes[0];
-    switch (node2.name) {
-      case "w:tbl":
-        return { nodes: [handleTableNode(node2, params2)], consumed: 1 };
-    }
-    return { nodes: [], consumed: 0 };
-  };
-  const tableNodeHandlerEntity = {
-    handlerName: "tableNodeHandler",
-    handler: handleAllTableNodes
-  };
-  function handleTableNode(node2, params2) {
-    const { docx, nodeListHandler: nodeListHandler2 } = params2;
-    const tblPr = node2.elements.find((el) => el.name === "w:tblPr");
-    const tableBordersElement = tblPr.elements.find((el) => el.name === "w:tblBorders");
-    const tableBorders = tableBordersElement?.elements || [];
-    const { borders, rowBorders } = processTableBorders(tableBorders);
-    const tblStyleTag = tblPr.elements.find((el) => el.name === "w:tblStyle");
-    const tableStyleId = tblStyleTag?.attributes["w:val"];
-    const attrs = { tableStyleId };
-    const tableIndent = tblPr?.elements.find((el) => el.name === "w:tblInd");
-    if (tableIndent) {
-      const { "w:w": width, "w:type": type2 } = tableIndent.attributes;
-      attrs["tableIndent"] = { width: twipsToPixels(width), type: type2 };
-    }
-    const tableLayout = tblPr?.elements.find((el) => el.name === "w:tblLayout");
-    if (tableLayout) {
-      const { "w:type": type2 } = tableLayout.attributes;
-      attrs["tableLayout"] = type2;
-    }
-    const referencedStyles = getReferencedTableStyles(tblStyleTag, docx);
-    const tblW = tblPr.elements.find((el) => el.name === "w:tblW");
-    if (tblW) {
-      attrs["tableWidth"] = {
-        width: twipsToPixels(tblW.attributes["w:w"]),
-        type: tblW.attributes["w:type"]
-      };
-    }
-    const tblCellSpacing = tblPr.elements.find((el) => el.name === "w:tblCellSpacing");
-    if (tblCellSpacing) {
-      attrs["tableCellSpacing"] = {
-        w: tblCellSpacing.attributes["w:w"],
-        type: tblCellSpacing.attributes["w:type"]
-      };
-      attrs["borderCollapse"] = "separate";
-    }
-    const tblJustification = tblPr.elements.find((el) => el.name === "w:jc");
-    if (tblJustification?.attributes) {
-      attrs["justification"] = tblJustification.attributes["w:val"];
-    }
-    const rows = node2.elements.filter((el) => el.name === "w:tr");
-    const refStylesBorders = referencedStyles?.borders || {};
-    const refStylesRowBorders = referencedStyles?.rowBorders || {};
-    const borderData = Object.keys(borders)?.length ? Object.assign(refStylesBorders, borders) : refStylesBorders;
-    const borderRowData = Object.keys(rowBorders)?.length ? Object.assign(refStylesRowBorders, rowBorders) : refStylesRowBorders;
-    attrs["borders"] = borderData;
-    const content = [];
-    rows.forEach((row) => {
-      const result = handleTableRowNode(row, node2, borderRowData, tblStyleTag, params2);
-      if (result.content?.length) content.push(result);
-    });
-    return {
-      type: "table",
-      content,
-      attrs
-    };
-  }
-  function handleTableCellNode(node2, row, table, rowBorders, columnWidth = null, styleTag, params2, columnIndex) {
-    const { docx, nodeListHandler: nodeListHandler2 } = params2;
-    const tcPr = node2.elements.find((el) => el.name === "w:tcPr");
-    const borders = tcPr?.elements?.find((el) => el.name === "w:tcBorders");
-    const inlineBorders = processInlineCellBorders(borders, rowBorders);
-    const gridColumnWidths = getGridColumnWidths(table);
-    const tcWidth = tcPr?.elements?.find((el) => el.name === "w:tcW");
-    let width = tcWidth ? twipsToPixels(tcWidth.attributes["w:w"]) : null;
-    const widthType = tcWidth?.attributes["w:type"];
-    if (!width && columnWidth) width = columnWidth;
-    const vMerge = getTableCellMergeTag(node2);
-    const { attributes: vMergeAttrs } = vMerge || {};
-    const backgroundColor = tcPr?.elements?.find((el) => el.name === "w:shd");
-    const background = {
-      color: backgroundColor?.attributes["w:fill"]
-    };
-    const colspanTag = tcPr?.elements?.find((el) => el.name === "w:gridSpan");
-    const colspan = colspanTag?.attributes["w:val"];
-    const marginTag = tcPr?.elements?.find((el) => el.name === "w:tcMar");
-    const verticalAlignTag = tcPr?.elements?.find((el) => el.name === "w:vAlign");
-    const verticalAlign = verticalAlignTag?.attributes["w:val"] || "top";
-    const attributes = {};
-    const referencedStyles = getReferencedTableStyles(styleTag, docx) || {};
-    attributes.cellMargins = getTableCellMargins(marginTag, referencedStyles);
-    const { fontSize: fontSize2, fonts = {} } = referencedStyles;
-    const fontFamily2 = fonts["ascii"];
-    if (width) {
-      attributes["colwidth"] = [width];
-      attributes["widthUnit"] = "px";
-      const defaultColWidths = gridColumnWidths;
-      const hasDefaultColWidths = gridColumnWidths && gridColumnWidths.length > 0;
-      const colspanNum = parseInt(colspan || 1, 10);
-      if (colspanNum && colspanNum > 1 && hasDefaultColWidths) {
-        let colwidth = [];
-        for (let i2 = 0; i2 < colspanNum; i2++) {
-          let colwidthValue = defaultColWidths[columnIndex + i2];
-          let defaultColwidth = 100;
-          if (typeof colwidthValue !== "undefined") {
-            colwidth.push(colwidthValue);
-          } else {
-            colwidth.push(defaultColwidth);
-          }
-        }
-        if (colwidth.length) {
-          attributes["colwidth"] = [...colwidth];
-        }
-      }
-    }
-    if (widthType) attributes["widthType"] = widthType;
-    if (colspan) attributes["colspan"] = parseInt(colspan, 10);
-    if (background) attributes["background"] = background;
-    attributes["verticalAlign"] = verticalAlign;
-    if (fontSize2) attributes["fontSize"] = fontSize2;
-    if (fontFamily2) attributes["fontFamily"] = fontFamily2["ascii"];
-    if (rowBorders) attributes["borders"] = { ...rowBorders };
-    if (inlineBorders) attributes["borders"] = Object.assign(attributes["borders"] || {}, inlineBorders);
-    if (vMergeAttrs && vMergeAttrs["w:val"] === "restart") {
-      const rows = table.elements.filter((el) => el.name === "w:tr");
-      const currentRowIndex = rows.findIndex((r2) => r2 === row);
-      const remainingRows = rows.slice(currentRowIndex + 1);
-      const cellsInRow = row.elements.filter((el) => el.name === "w:tc");
-      let cellIndex = cellsInRow.findIndex((el) => el === node2);
-      let rowspan = 1;
-      for (let remainingRow of remainingRows) {
-        const firstCell = remainingRow.elements.findIndex((el) => el.name === "w:tc");
-        const cellAtIndex = remainingRow.elements[firstCell + cellIndex];
-        if (!cellAtIndex) break;
-        const vMerge2 = getTableCellMergeTag(cellAtIndex);
-        const { attributes: currentCellMergeAttrs } = vMerge2 || {};
-        if (!vMerge2 && !currentCellMergeAttrs || currentCellMergeAttrs && currentCellMergeAttrs["w:val"] === "restart") {
-          break;
-        }
-        rowspan++;
-        remainingRow.elements.splice(firstCell + cellIndex, 1);
-      }
-      attributes["rowspan"] = rowspan;
-    }
-    return {
-      type: "tableCell",
-      content: nodeListHandler2.handler({ ...params2, nodes: node2.elements }),
-      attrs: attributes
-    };
-  }
-  const getTableCellMergeTag = (node2) => {
-    const tcPr = node2.elements.find((el) => el.name === "w:tcPr");
-    const vMerge = tcPr?.elements?.find((el) => el.name === "w:vMerge");
-    return vMerge;
-  };
-  const processBorder = (borders, direction, rowBorders = {}) => {
-    const borderAttrs = borders?.elements?.find((el) => el.name === `w:${direction}`)?.attributes;
-    if (borderAttrs && borderAttrs["w:val"] !== "nil") {
-      const border = {};
-      const color = borderAttrs["w:color"];
-      if (color) border["color"] = color === "auto" ? "#000000" : `#${color}`;
-      const size2 = borderAttrs["w:sz"];
-      if (size2) border["size"] = eigthPointsToPixels(size2);
-      return border;
-    }
-    if (borderAttrs && borderAttrs["w:val"] === "nil") {
-      const border = Object.assign({}, rowBorders[direction] || {});
-      if (!Object.keys(border)) return null;
-      border["val"] = "none";
-      return border;
-    }
-    return null;
-  };
-  const processInlineCellBorders = (borders, rowBorders) => {
-    if (!borders) return null;
-    const processedBorders = {};
-    const inlineBorderBottom = processBorder(borders, "bottom", rowBorders);
-    if (inlineBorderBottom) processedBorders["bottom"] = inlineBorderBottom;
-    const inlineBorderTop = processBorder(borders, "top", rowBorders);
-    if (inlineBorderTop) processedBorders["top"] = inlineBorderTop;
-    const inlineBorderLeft = processBorder(borders, "left", rowBorders);
-    if (inlineBorderLeft) processedBorders["left"] = inlineBorderLeft;
-    const inlineBorderRight = processBorder(borders, "right", rowBorders);
-    if (inlineBorderRight) processedBorders["right"] = inlineBorderRight;
-    return processedBorders;
-  };
-  function getReferencedTableStyles(tblStyleTag, docx) {
-    if (!tblStyleTag) return null;
-    const stylesToReturn = {};
-    const { attributes = {} } = tblStyleTag;
-    const tableStyleReference = attributes["w:val"];
-    if (!tableStyleReference) return null;
-    const styles = docx["word/styles.xml"];
-    const { elements } = styles.elements[0];
-    const styleElements = elements.filter((el) => el.name === "w:style");
-    const styleTag = styleElements.find((el) => el.attributes["w:styleId"] === tableStyleReference);
-    if (!styleTag) return null;
-    stylesToReturn.name = styleTag.elements.find((el) => el.name === "w:name");
-    const basedOn = styleTag.elements.find((el) => el.name === "w:basedOn");
-    let baseTblPr;
-    if (basedOn?.attributes) {
-      const baseStyles = styleElements.find((el) => el.attributes["w:styleId"] === basedOn.attributes["w:val"]);
-      baseTblPr = baseStyles ? baseStyles.elements.find((el) => el.name === "w:tblPr") : {};
-    }
-    const pPr = styleTag.elements.find((el) => el.name === "w:pPr");
-    if (pPr) {
-      const justification = pPr.elements.find((el) => el.name === "w:jc");
-      if (justification?.attributes) stylesToReturn.justification = justification.attributes["w:val"];
-    }
-    const rPr = styleTag?.elements.find((el) => el.name === "w:rPr");
-    if (rPr) {
-      const fonts = rPr.elements.find((el) => el.name === "w:rFonts");
-      if (fonts) {
-        const { "w:ascii": ascii, "w:hAnsi": hAnsi, "w:cs": cs } = fonts.attributes;
-        stylesToReturn.fonts = { ascii, hAnsi, cs };
-      }
-      const fontSize2 = rPr.elements.find((el) => el.name === "w:sz");
-      if (fontSize2?.attributes) stylesToReturn.fontSize = halfPointToPoints(fontSize2.attributes["w:val"]) + "pt";
-    }
-    const tblPr = styleTag.elements.find((el) => el.name === "w:tblPr");
-    if (tblPr && tblPr.elements) {
-      if (baseTblPr && baseTblPr.elements) {
-        tblPr.elements.push(...baseTblPr.elements);
-      }
-      const tableBorders = tblPr?.elements?.find((el) => el.name === "w:tblBorders");
-      const { elements: borderElements = [] } = tableBorders || {};
-      const { borders, rowBorders } = processTableBorders(borderElements);
-      if (borders) stylesToReturn.borders = borders;
-      if (rowBorders) stylesToReturn.rowBorders = rowBorders;
-      const tableCellMargin = tblPr?.elements.find((el) => el.name === "w:tblCellMar");
-      if (tableCellMargin) {
-        const marginLeft = tableCellMargin.elements.find((el) => el.name === "w:left");
-        const marginRight = tableCellMargin.elements.find((el) => el.name === "w:right");
-        const marginTop = tableCellMargin.elements.find((el) => el.name === "w:top");
-        const marginBottom = tableCellMargin.elements.find((el) => el.name === "w:bottom");
-        stylesToReturn.cellMargins = {
-          marginLeft: marginLeft?.attributes["w:w"],
-          marginRight: marginRight?.attributes["w:w"],
-          marginTop: marginTop?.attributes["w:w"],
-          marginBottom: marginBottom?.attributes["w:w"]
-        };
-      }
-    }
-    return stylesToReturn;
-  }
-  function processTableBorders(borderElements) {
-    const borders = {};
-    const rowBorders = {};
-    borderElements.forEach((borderElement) => {
-      const { name } = borderElement;
-      const borderName = name.split("w:")[1];
-      const { attributes } = borderElement;
-      const attrs = {};
-      const color = attributes["w:color"];
-      const size2 = attributes["w:sz"];
-      if (color && color !== "auto") attrs["color"] = color.startsWith("#") ? color : `#${color}`;
-      if (size2 && size2 !== "auto") attrs["size"] = eigthPointsToPixels(size2);
-      const rowBorderNames = ["insideH", "insideV"];
-      if (rowBorderNames.includes(borderName)) rowBorders[borderName] = attrs;
-      borders[borderName] = attrs;
-    });
-    return {
-      borders,
-      rowBorders
-    };
-  }
-  function handleTableRowNode(node2, table, rowBorders, styleTag, params2) {
-    const attrs = {};
-    const tPr = node2.elements.find((el) => el.name === "w:trPr");
-    const rowHeightTag = tPr?.elements?.find((el) => el.name === "w:trHeight");
-    const rowHeight = rowHeightTag?.attributes["w:val"];
-    const cantSplitTag = tPr?.elements?.find((el) => el.name === "w:cantSplit");
-    if (cantSplitTag) {
-      attrs["cantSplit"] = true;
-    }
-    const borders = {};
-    if (rowBorders?.insideH) borders["bottom"] = rowBorders.insideH;
-    if (rowBorders?.insideV) borders["right"] = rowBorders.insideV;
-    attrs["borders"] = borders;
-    if (rowHeight) {
-      attrs["rowHeight"] = twipsToPixels(rowHeight);
-    }
-    const gridColumnWidths = getGridColumnWidths(table);
-    const cellNodes = node2.elements.filter((el) => el.name === "w:tc");
-    let currentColumnIndex = 0;
-    const content = cellNodes?.map((n) => {
-      let colWidth = gridColumnWidths?.[currentColumnIndex] || null;
-      const result = handleTableCellNode(n, node2, table, borders, colWidth, styleTag, params2, currentColumnIndex);
-      const tcPr = n.elements?.find((el) => el.name === "w:tcPr");
-      const colspanTag = tcPr?.elements?.find((el) => el.name === "w:gridSpan");
-      const colspan = parseInt(colspanTag?.attributes["w:val"] || 1, 10);
-      currentColumnIndex += colspan;
-      return result;
-    }) || [];
-    const newNode = {
-      type: "tableRow",
-      content,
-      attrs
-    };
-    return newNode;
-  }
-  const getTableCellMargins = (marginTag, referencedStyles) => {
-    const inlineMarginLeftTag = marginTag?.elements?.find((el) => el.name === "w:left");
-    const inlineMarginRightTag = marginTag?.elements?.find((el) => el.name === "w:right");
-    const inlineMarginTopTag = marginTag?.elements?.find((el) => el.name === "w:top");
-    const inlineMarginBottomTag = marginTag?.elements?.find((el) => el.name === "w:bottom");
-    const inlineMarginLeftValue = inlineMarginLeftTag?.attributes["w:w"];
-    const inlineMarginRightValue = inlineMarginRightTag?.attributes["w:w"];
-    const inlineMarginTopValue = inlineMarginTopTag?.attributes["w:w"];
-    const inlineMarginBottomValue = inlineMarginBottomTag?.attributes["w:w"];
-    const { cellMargins = {} } = referencedStyles;
-    const {
-      marginLeft: marginLeftStyle,
-      marginRight: marginRightStyle,
-      marginTop: marginTopStyle,
-      marginBottom: marginBottomStyle
-    } = cellMargins;
-    const margins = {
-      left: twipsToPixels(inlineMarginLeftValue ?? marginLeftStyle),
-      right: twipsToPixels(inlineMarginRightValue ?? marginRightStyle),
-      top: twipsToPixels(inlineMarginTopValue ?? marginTopStyle),
-      bottom: twipsToPixels(inlineMarginBottomValue ?? marginBottomStyle)
-    };
-    return margins;
-  };
-  const getGridColumnWidths = (tableNode) => {
-    const tblGrid = tableNode.elements.find((el) => el.name === "w:tblGrid");
-    if (!tblGrid) return [];
-    const columnWidths = tblGrid?.elements?.flatMap((el) => {
-      if (el.name !== "w:gridCol") return [];
-      return twipsToPixels(el.attributes["w:w"]);
-    }) || [];
-    return columnWidths;
-  };
   const handleDrawingNode = (params2) => {
     const { nodes, filename } = params2;
     const validNodes = ["w:drawing", "w:p"];
@@ -35762,7 +35853,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const translatedElement = nodeListHandler2.handler({
       ...params2,
       node: textBoxContent.elements[0],
-      nodes: textBoxContent.elements
+      nodes: textBoxContent.elements,
+      path: [...params2.path || [], textBoxContent]
     });
     return translatedElement[0];
   };
@@ -36025,7 +36117,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     const { name } = node2;
     const { attributes, elements } = parseProperties(node2);
-    const subs = nodeListHandler2.handler({ ...params2, insideTrackChange: true, nodes: elements });
+    const subs = nodeListHandler2.handler({
+      ...params2,
+      insideTrackChange: true,
+      nodes: elements,
+      path: [...params2.path || [], node2]
+    });
     const changeType = name === "w:del" ? TrackDeleteMarkName : TrackInsertMarkName;
     const mappedAttributes = {
       id: attributes["w:id"],
@@ -36084,7 +36181,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         }
       }
     }
-    const updatedNode = nodeListHandler2.handler({ ...params2, nodes: runNodes });
+    const updatedNode = nodeListHandler2.handler({
+      ...params2,
+      nodes: runNodes,
+      path: [...params2.path || [], node2]
+    });
     return { nodes: updatedNode, consumed: 1 };
   };
   const hyperlinkNodeHandlerEntity = {
@@ -36097,7 +36198,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return { nodes: [], consumed: 0 };
     }
     const node2 = nodes[0];
-    const childParams = { ...params2, nodes: node2.elements };
+    const childParams = { ...params2, nodes: node2.elements, path: [...params2.path || [], node2] };
     let processedRun = nodeListHandler2.handler(childParams)?.filter((n) => n) || [];
     const hasRunProperties = node2.elements?.some((el) => el.name === "w:rPr");
     const defaultNodeStyles = getMarksFromStyles(docx, parentStyleId);
@@ -36907,7 +37008,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const sdtContent = node2.elements.find((el) => el.name === "w:sdtContent");
     const par = sdtContent?.elements?.find((el) => el.name === "w:p");
     const { marks } = parseAnnotationMarks(sdtContent);
-    const translatedContent = nodeListHandler2.handler({ ...params2, nodes: sdtContent?.elements });
+    const translatedContent = nodeListHandler2.handler({
+      ...params2,
+      nodes: sdtContent?.elements,
+      path: [...params2.path || [], node2]
+    });
     let structuredContentType = "structuredContent";
     if (par) {
       structuredContentType = "structuredContentBlock";
@@ -36935,7 +37040,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const title = titleTag?.attributes?.["w:val"] || tagValue.title || null;
     const { description } = tagValue;
     const sdtContent = node2.elements.find((el) => el.name === "w:sdtContent");
-    const translatedContent = nodeListHandler2.handler({ ...params2, nodes: sdtContent?.elements });
+    const translatedContent = nodeListHandler2.handler({
+      ...params2,
+      nodes: sdtContent?.elements,
+      path: [...params2.path || [], node2]
+    });
     const result = {
       type: "documentSection",
       content: translatedContent,
@@ -36999,7 +37108,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         el.marks.push(...marks);
         return el;
       });
-      const childParams = { ...params2, nodes: updatedElements, parentStyleId };
+      const childParams = {
+        ...params2,
+        nodes: updatedElements,
+        parentStyleId,
+        path: [...params2.path || [], node2]
+      };
       const childContent = nodeListHandler2.handler(childParams);
       content.push(...childContent);
     }
@@ -37025,7 +37139,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (nodes.length === 0 || nodes[0].name !== "w:br") {
       return { nodes: [], consumed: 0 };
     }
-    const result = translator$1.encode(params2);
+    const result = translator$2.encode(params2);
     if (!result) return { nodes: [], consumed: 0 };
     return {
       nodes: [result],
@@ -37065,7 +37179,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           attrs[key] = value;
         }
       });
-      const translatedText = nodeListHandler3.handler({ ...params2, nodes: textNodes });
+      const translatedText = nodeListHandler3.handler({
+        ...params2,
+        nodes: textNodes,
+        path: [...params2.path || [], node2]
+      });
       translatedText.forEach((n) => {
         n.marks.push({
           type: customMark.name,
@@ -37113,7 +37231,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const contents = wpsNode.elements;
     const result = nodeListHandler2.handler({
       ...params2,
-      nodes: contents
+      nodes: contents,
+      path: [...params2.path || [], wpsNode]
     });
     return { nodes: result, consumed: 1 };
   };
@@ -37407,7 +37526,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         nodeListHandler: nodeListHandler2,
         docx,
         editor,
-        converter
+        converter,
+        path: [el]
       });
       const { attrs } = parsedComment[0];
       const paraId = attrs["w14:paraId"];
@@ -37463,7 +37583,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (!nodes.length || nodes[0].name !== "w:tab") {
       return { nodes: [], consumed: 0 };
     }
-    const node2 = translator.encode(params2);
+    const node2 = translator$1.encode(params2);
     return { nodes: [node2], consumed: 1 };
   };
   const tabNodeEntityHandler = {
@@ -37508,7 +37628,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         docx,
         converter,
         editor,
-        lists
+        lists,
+        path: []
       });
       const result = {
         type: "doc",
@@ -37588,7 +37709,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       editor,
       filename,
       parentStyleId,
-      lists
+      lists,
+      path = []
     }) => {
       if (!elements || !elements.length) return [];
       const filteredElements = pruneIgnoredNodes(elements);
@@ -37613,7 +37735,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
                   editor,
                   filename,
                   parentStyleId,
-                  lists
+                  lists,
+                  path
                 });
               },
               { nodes: [], consumed: 0 }
@@ -37790,7 +37913,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         docx,
         converter,
         editor,
-        filename: currentFileName
+        filename: currentFileName,
+        path: []
       });
       if (!converter.headerIds.ids) converter.headerIds.ids = [];
       converter.headerIds.ids.push(rId);
@@ -37812,7 +37936,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         docx,
         converter,
         editor,
-        filename: currentFileName
+        filename: currentFileName,
+        path: []
       });
       if (!converter.footerIds.ids) converter.footerIds.ids = [];
       converter.footerIds.ids.push(rId);
@@ -38067,7 +38192,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         return;
       }
     }
-    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.17.0") {
+    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.17.1") {
       const customLocation = "docProps/custom.xml";
       if (!docx[customLocation]) {
         docx[customLocation] = generateCustomXml();
@@ -38549,7 +38674,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   function generateCustomXml() {
     return DEFAULT_CUSTOM_XML;
   }
-  function generateSuperdocVersion(pid = 2, version2 = "0.17.0") {
+  function generateSuperdocVersion(pid = 2, version2 = "0.17.1") {
     return {
       type: "element",
       name: "property",
@@ -55409,7 +55534,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * @returns {Object | void} Migration results
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "0.17.0");
+      console.debug("[checkVersionMigrations] Current editor version", "0.17.1");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -88291,8 +88416,8 @@ ${style2}
   };
   const SuperInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-4d5cff52"]]);
   const registeredHandlers = Object.freeze({
-    "w:br": translator$1,
-    "w:tab": translator
+    "w:br": translator$2,
+    "w:tab": translator$1
   });
   const Extensions = {
     Node: Node$1,
@@ -105450,7 +105575,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.17.0";
+      this.version = "0.17.1";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;