@harbour-enterprises/superdoc 1.3.0-next.6 → 1.3.0-next.8

package/dist/superdoc.umd.js

@@ -14552,6 +14552,9 @@
     columnIndex,
     columnWidth = null,
     allColumnWidths = [],
+    rowIndex = 0,
+    totalRows = 1,
+    totalColumns,
     _referencedStyles
   }) {
     const { nodeListHandler } = params2;
@@ -14560,19 +14563,46 @@
     const tcPr = node2.elements.find((el) => el.name === "w:tcPr");
     const tableCellProperties = tcPr ? translator$J.encode({ ...params2, nodes: [tcPr] }) ?? {} : {};
     attributes["tableCellProperties"] = tableCellProperties;
-    if (rowBorders?.insideH) {
-      rowBorders["bottom"] = rowBorders.insideH;
-      delete rowBorders.insideH;
-    }
-    if (rowBorders?.insideV) {
-      rowBorders["right"] = rowBorders.insideV;
-      delete rowBorders?.insideV;
-    }
-    if (rowBorders) attributes["borders"] = { ...rowBorders };
-    const inlineBorders = processInlineCellBorders(tableCellProperties.borders, rowBorders);
-    if (inlineBorders) attributes["borders"] = Object.assign(attributes["borders"] || {}, inlineBorders);
-    const colspan = tableCellProperties.gridSpan;
-    if (colspan && !isNaN(parseInt(colspan, 10))) attributes["colspan"] = parseInt(colspan, 10);
+    const effectiveTotalColumns = totalColumns ?? (allColumnWidths.length || 1);
+    const effectiveTotalRows = totalRows ?? (table2?.elements?.filter((el) => el.name === "w:tr").length || 1);
+    const colspan = parseInt(tableCellProperties.gridSpan || 1, 10);
+    const isFirstRow = rowIndex === 0;
+    const isLastRow = rowIndex === effectiveTotalRows - 1;
+    const isFirstColumn = columnIndex === 0;
+    const isLastColumn = columnIndex + colspan >= effectiveTotalColumns;
+    const cellBorders = {};
+    if (rowBorders) {
+      if (rowBorders.top?.val === "none") {
+        cellBorders.top = rowBorders.top;
+      } else if (isFirstRow && rowBorders.top) {
+        cellBorders.top = rowBorders.top;
+      }
+      if (rowBorders.bottom?.val === "none") {
+        cellBorders.bottom = rowBorders.bottom;
+      } else if (isLastRow && rowBorders.bottom) {
+        cellBorders.bottom = rowBorders.bottom;
+      }
+      if (rowBorders.left?.val === "none") {
+        cellBorders.left = rowBorders.left;
+      } else if (isFirstColumn && rowBorders.left) {
+        cellBorders.left = rowBorders.left;
+      }
+      if (rowBorders.right?.val === "none") {
+        cellBorders.right = rowBorders.right;
+      } else if (isLastColumn && rowBorders.right) {
+        cellBorders.right = rowBorders.right;
+      }
+      if (!isLastRow && rowBorders.insideH) {
+        cellBorders.bottom = rowBorders.insideH;
+      }
+      if (!isLastColumn && rowBorders.insideV) {
+        cellBorders.right = rowBorders.insideV;
+      }
+    }
+    attributes["borders"] = cellBorders;
+    const inlineBorders = processInlineCellBorders(tableCellProperties.borders, cellBorders);
+    if (inlineBorders) attributes["borders"] = Object.assign(attributes["borders"], inlineBorders);
+    if (colspan > 1) attributes["colspan"] = colspan;
     let width = tableCellProperties.cellWidth?.value ? twipsToPixels$2(tableCellProperties.cellWidth?.value) : null;
     const widthType = tableCellProperties.cellWidth?.type;
     if (widthType) attributes["widthType"] = widthType;
@@ -14582,10 +14612,9 @@
       attributes["widthUnit"] = "px";
       const defaultColWidths = allColumnWidths;
       const hasDefaultColWidths = allColumnWidths && allColumnWidths.length > 0;
-      const colspanNum = parseInt(colspan || 1, 10);
-      if (colspanNum && colspanNum > 1 && hasDefaultColWidths) {
+      if (colspan > 1 && hasDefaultColWidths) {
         let colwidth = [];
-        for (let i2 = 0; i2 < colspanNum; i2++) {
+        for (let i2 = 0; i2 < colspan; i2++) {
           let colwidthValue = defaultColWidths[columnIndex + i2];
           let defaultColwidth = 100;
           if (typeof colwidthValue !== "undefined") {
@@ -14735,22 +14764,18 @@
     return ["bottom", "top", "left", "right"].reduce((acc, direction) => {
       const borderAttrs = borders[direction];
       const rowBorderAttrs = rowBorders[direction];
-      if (borderAttrs && borderAttrs["val"] !== "nil") {
+      if (borderAttrs && borderAttrs["val"] !== "none") {
         const color2 = borderAttrs["color"];
         let size2 = borderAttrs["size"];
         if (size2) size2 = eighthPointsToPixels(size2);
         acc[direction] = { color: color2, size: size2, val: borderAttrs["val"] };
         return acc;
       }
-      if (borderAttrs && borderAttrs["val"] === "nil") {
+      if (borderAttrs && borderAttrs["val"] === "none") {
         const border = Object.assign({}, rowBorderAttrs || {});
-        if (!Object.keys(border).length) {
-          return acc;
-        } else {
-          border["val"] = "none";
-          acc[direction] = border;
-          return acc;
-        }
+        border["val"] = "none";
+        acc[direction] = border;
+        return acc;
       }
       return acc;
     }, {});
@@ -14886,6 +14911,9 @@
       columnIndex,
       columnWidth,
       columnWidths: allColumnWidths,
+      rowIndex,
+      totalRows,
+      totalColumns,
       _referencedStyles
     } = params2.extraParams;
     const schemaNode = handleTableCellNode({
@@ -14897,6 +14925,9 @@
       columnIndex,
       columnWidth,
       allColumnWidths,
+      rowIndex,
+      totalRows,
+      totalColumns,
       _referencedStyles
     });
     if (encodedAttrs && Object.keys(encodedAttrs).length) {
@@ -14920,13 +14951,26 @@
     attributes: validXmlAttributes$a
   };
   const translator$I = NodeTranslator.from(config$i);
-  const translator$H = NodeTranslator.from({
+  const propertyTranslators$3 = [
+    translator$1q,
+    translator$Z,
+    translator$X,
+    translator$W,
+    translator$1o,
+    translator$1m,
+    translator$V,
+    translator$1k
+  ];
+  const translator$H = NodeTranslator.from(
+    createNestedPropertiesTranslator("w:tblBorders", "borders", propertyTranslators$3)
+  );
+  const translator$G = NodeTranslator.from({
     xmlName: "w:cantSplit",
     sdNodeOrKeyName: "cantSplit",
     encode: ({ nodes }) => ["1", "true"].includes(nodes[0].attributes?.["w:val"] ?? "1"),
     decode: ({ node: node2 }) => node2.attrs?.cantSplit ? { attributes: {} } : void 0
   });
-  const translator$G = NodeTranslator.from(
+  const translator$F = NodeTranslator.from(
     createSingleAttrPropertyHandler(
       "w:gridAfter",
       null,
@@ -14935,7 +14979,7 @@
       (v2) => integerToString(v2)
     )
   );
-  const translator$F = NodeTranslator.from(
+  const translator$E = NodeTranslator.from(
     createSingleAttrPropertyHandler(
       "w:gridBefore",
       null,
@@ -14944,20 +14988,20 @@
       (v2) => integerToString(v2)
     )
   );
-  const translator$E = NodeTranslator.from({
+  const translator$D = NodeTranslator.from({
     xmlName: "w:hidden",
     sdNodeOrKeyName: "hidden",
     encode: ({ nodes }) => parseBoolean(nodes[0].attributes?.["w:val"] ?? "1"),
     decode: ({ node: node2 }) => node2.attrs.hidden ? { attributes: {} } : void 0
   });
-  const translator$D = NodeTranslator.from(createMeasurementPropertyHandler("w:tblCellSpacing", "tableCellSpacing"));
-  const translator$C = NodeTranslator.from({
+  const translator$C = NodeTranslator.from(createMeasurementPropertyHandler("w:tblCellSpacing", "tableCellSpacing"));
+  const translator$B = NodeTranslator.from({
     xmlName: "w:tblHeader",
     sdNodeOrKeyName: "repeatHeader",
     encode: ({ nodes }) => parseBoolean(nodes[0].attributes?.["w:val"] ?? "1"),
     decode: ({ node: node2 }) => node2.attrs.repeatHeader ? { attributes: {} } : void 0
   });
-  const translator$B = NodeTranslator.from({
+  const translator$A = NodeTranslator.from({
     xmlName: "w:trHeight",
     sdNodeOrKeyName: "rowHeight",
     encode: ({ nodes }) => {
@@ -14984,24 +15028,24 @@
       return Object.keys(heightAttrs).length > 0 ? { attributes: heightAttrs } : void 0;
     }
   });
-  const translator$A = NodeTranslator.from(createMeasurementPropertyHandler("w:wAfter"));
-  const translator$z = NodeTranslator.from(createMeasurementPropertyHandler("w:wBefore"));
-  const propertyTranslators$3 = [
-    translator$H,
+  const translator$z = NodeTranslator.from(createMeasurementPropertyHandler("w:wAfter"));
+  const translator$y = NodeTranslator.from(createMeasurementPropertyHandler("w:wBefore"));
+  const propertyTranslators$2 = [
+    translator$G,
     translator$1I,
     translator$1G,
-    translator$G,
     translator$F,
     translator$E,
-    translator$1D,
     translator$D,
+    translator$1D,
     translator$C,
     translator$B,
     translator$A,
-    translator$z
+    translator$z,
+    translator$y
   ];
-  const translator$y = NodeTranslator.from(
-    createNestedPropertiesTranslator("w:trPr", "tableRowProperties", propertyTranslators$3, {
+  const translator$x = NodeTranslator.from(
+    createNestedPropertiesTranslator("w:trPr", "tableRowProperties", propertyTranslators$2, {
       cantSplit: false,
       hidden: false,
       repeatHeader: false
@@ -15079,7 +15123,7 @@
     let tableRowProperties = {};
     const tPr = row2.elements.find((el) => el.name === "w:trPr");
     if (tPr) {
-      tableRowProperties = translator$y.encode({
+      tableRowProperties = translator$x.encode({
         ...params2,
         nodes: [tPr]
       });
@@ -15089,6 +15133,12 @@
     encodedAttrs["tableRowProperties"] = Object.freeze(tableRowProperties);
     encodedAttrs["rowHeight"] = twipsToPixels$2(tableRowProperties["rowHeight"]?.value);
     encodedAttrs["cantSplit"] = tableRowProperties["cantSplit"];
+    const baseBorders = params2.extraParams?.rowBorders;
+    const rowTableBorders = getRowTableBorders({
+      params: params2,
+      row: row2,
+      baseBorders
+    });
     const { columnWidths: gridColumnWidths, activeRowSpans = [] } = params2.extraParams;
     const totalColumns = Array.isArray(gridColumnWidths) ? gridColumnWidths.length : 0;
     const pendingRowSpans = Array.isArray(activeRowSpans) ? activeRowSpans.slice() : [];
@@ -15121,6 +15171,10 @@
         path: [...params2.path || [], node2],
         extraParams: {
           ...params2.extraParams,
+          rowBorders: {
+            ...baseBorders,
+            ...rowTableBorders
+          },
           node: node2,
           columnIndex: startColumn,
           columnWidth
@@ -15150,6 +15204,33 @@
     };
     return newNode;
   };
+  function getRowTableBorders({ params: params2, row: row2, baseBorders }) {
+    const tblPrEx = row2?.elements?.find?.((el) => el.name === "w:tblPrEx");
+    const tblBorders = tblPrEx?.elements?.find?.((el) => el.name === "w:tblBorders");
+    if (!tblBorders) {
+      return baseBorders;
+    }
+    const rawOverrides = translator$H.encode({ ...params2, nodes: [tblBorders] }) || {};
+    const overrides = processRawTableBorders(rawOverrides);
+    if (!Object.keys(overrides).length) {
+      return baseBorders;
+    }
+    return { ...baseBorders || {}, ...overrides };
+  }
+  function processRawTableBorders(rawBorders) {
+    const borders = {};
+    Object.entries(rawBorders || {}).forEach(([name, attributes]) => {
+      const attrs = {};
+      const color2 = attributes?.color;
+      const size2 = attributes?.size;
+      const val = attributes?.val;
+      if (color2 && color2 !== "auto") attrs.color = color2.startsWith("#") ? color2 : `#${color2}`;
+      if (size2 != null && size2 !== "auto") attrs.size = eighthPointsToPixels(size2);
+      if (val) attrs.val = val;
+      borders[name] = attrs;
+    });
+    return borders;
+  }
   const decode$y = (params2, decodedAttrs) => {
     const { node: node2 } = params2;
     const cells = node2.content || [];
@@ -15190,7 +15271,7 @@
         }
       }
       tableRowProperties["cantSplit"] = node2.attrs["cantSplit"];
-      const trPr = translator$y.decode({
+      const trPr = translator$x.decode({
         ...params2,
         node: { ...node2, attrs: { ...node2.attrs, tableRowProperties } }
       });
@@ -15210,7 +15291,7 @@
     decode: decode$y,
     attributes: validXmlAttributes$9
   };
-  const translator$x = NodeTranslator.from(config$h);
+  const translator$w = NodeTranslator.from(config$h);
   function parseTagValueJSON(json) {
     if (typeof json !== "string") {
       return {};
@@ -30436,7 +30517,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     decode: decode$x,
     attributes: validXmlAttributes$8
   };
-  const translator$w = NodeTranslator.from(config$g);
+  const translator$v = NodeTranslator.from(config$g);
   function handleInlineNode(params2) {
     const { node: node2 } = params2.extraParams;
     if (node2.name !== "wp:inline") {
@@ -30490,7 +30571,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     decode: decode$w,
     attributes: validXmlAttributes$7
   };
-  const translator$v = NodeTranslator.from(config$f);
+  const translator$u = NodeTranslator.from(config$f);
   const XML_NODE_NAME$f = "w:drawing";
   const SD_NODE_NAME$d = [];
   const validXmlAttributes$6 = [];
@@ -30498,8 +30579,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const nodes = params2.nodes;
     const node2 = nodes[0];
     const translatorByChildName = {
-      "wp:anchor": translator$w,
-      "wp:inline": translator$v
+      "wp:anchor": translator$v,
+      "wp:inline": translator$u
     };
     const result = (node2.elements || []).reduce((acc, child) => {
       if (acc) return acc;
@@ -30522,7 +30603,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (!node2 || !node2.type) {
       return null;
     }
-    const childTranslator = node2.attrs.isAnchor ? translator$w : translator$v;
+    const childTranslator = node2.attrs.isAnchor ? translator$v : translator$u;
     const resultNode = childTranslator.decode(params2);
     return wrapTextInRun(
       {
@@ -30540,7 +30621,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     decode: decode$v,
     attributes: validXmlAttributes$6
   };
-  const translator$u = NodeTranslator.from(config$e);
+  const translator$t = NodeTranslator.from(config$e);
   function getTextNodeForExport(text2, marks, params2) {
     const hasLeadingOrTrailingSpace = /^\s|\s$/.test(text2);
     const space = hasLeadingOrTrailingSpace ? "preserve" : null;
@@ -30948,7 +31029,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return getTextNodeForExport(attrs.displayLabel, [...marks, ...marksFromAttrs], params2);
   }
   function prepareImageAnnotation(params2, imageSize) {
-    return translator$u.decode({
+    return translator$t.decode({
       ...params2,
       imageSize
     });
@@ -31410,7 +31491,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     decode: decode$u,
     attributes: validXmlAttributes$5
   };
-  const translator$t = NodeTranslator.from(config$d);
+  const translator$s = NodeTranslator.from(config$d);
   function preProcessVerticalMergeCells(table2, { editorSchema }) {
     if (!table2 || !Array.isArray(table2.content)) {
       return table2;
@@ -31451,17 +31532,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return table2;
   }
-  const translator$s = NodeTranslator.from({
+  const translator$r = NodeTranslator.from({
     xmlName: "w:bidiVisual",
     sdNodeOrKeyName: "rightToLeft",
     encode: ({ nodes }) => parseBoolean(nodes[0].attributes?.["w:val"] ?? "1"),
     decode: ({ node: node2 }) => node2.attrs.rightToLeft ? { attributes: {} } : void 0
   });
-  const translator$r = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblCaption", "caption"));
-  const translator$q = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblDescription", "description"));
-  const translator$p = NodeTranslator.from(createMeasurementPropertyHandler("w:tblInd", "tableIndent"));
-  const translator$o = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblLayout", "tableLayout", "w:type"));
-  const translator$n = NodeTranslator.from({
+  const translator$q = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblCaption", "caption"));
+  const translator$p = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblDescription", "description"));
+  const translator$o = NodeTranslator.from(createMeasurementPropertyHandler("w:tblInd", "tableIndent"));
+  const translator$n = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblLayout", "tableLayout", "w:type"));
+  const translator$m = NodeTranslator.from({
     xmlName: "w:tblLook",
     sdNodeOrKeyName: "tblLook",
     attributes: ["w:firstColumn", "w:firstRow", "w:lastColumn", "w:lastRow", "w:noHBand", "w:noVBand"].map((attr) => createAttributeHandler(attr, null, parseBoolean, booleanToString)).concat([createAttributeHandler("w:val")]),
@@ -31473,16 +31554,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return Object.keys(decodedAttrs).length > 0 ? { attributes: decodedAttrs } : void 0;
     }
   });
-  const translator$m = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblOverlap", "overlap"));
-  const translator$l = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblStyle", "tableStyleId"));
-  const translator$k = NodeTranslator.from(
+  const translator$l = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblOverlap", "overlap"));
+  const translator$k = NodeTranslator.from(createSingleAttrPropertyHandler("w:tblStyle", "tableStyleId"));
+  const translator$j = NodeTranslator.from(
     createSingleAttrPropertyHandler("w:tblStyleColBandSize", "tableStyleColBandSize")
   );
-  const translator$j = NodeTranslator.from(
+  const translator$i = NodeTranslator.from(
     createSingleAttrPropertyHandler("w:tblStyleRowBandSize", "tableStyleRowBandSize")
   );
-  const translator$i = NodeTranslator.from(createMeasurementPropertyHandler("w:tblW", "tableWidth"));
-  const translator$h = NodeTranslator.from({
+  const translator$h = NodeTranslator.from(createMeasurementPropertyHandler("w:tblW", "tableWidth"));
+  const translator$g = NodeTranslator.from({
     xmlName: "w:tblpPr",
     sdNodeOrKeyName: "floatingTableProperties",
     attributes: ["w:leftFromText", "w:rightFromText", "w:topFromText", "w:bottomFromText", "w:tblpX", "w:tblpY"].map((attr) => createAttributeHandler(attr, null, parseInteger, integerToString)).concat(["w:horzAnchor", "w:vertAnchor", "w:tblpXSpec", "w:tblpYSpec"].map((attr) => createAttributeHandler(attr))),
@@ -31494,19 +31575,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return Object.keys(decodedAttrs).length > 0 ? { attributes: decodedAttrs } : void 0;
     }
   });
-  const propertyTranslators$2 = [
-    translator$1q,
-    translator$Z,
-    translator$X,
-    translator$W,
-    translator$1o,
-    translator$1m,
-    translator$V,
-    translator$1k
-  ];
-  const translator$g = NodeTranslator.from(
-    createNestedPropertiesTranslator("w:tblBorders", "borders", propertyTranslators$2)
-  );
   const propertyTranslators$1 = [
     translator$1p,
     translator$Y,
@@ -31519,12 +31587,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     createNestedPropertiesTranslator("w:tblCellMar", "cellMargins", propertyTranslators$1)
   );
   const propertyTranslators = [
-    translator$s,
+    translator$r,
     translator$1D,
     translator$2b,
-    translator$r,
-    translator$D,
     translator$q,
+    translator$C,
     translator$p,
     translator$o,
     translator$n,
@@ -31535,6 +31602,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     translator$i,
     translator$h,
     translator$g,
+    translator$H,
     translator$f
   ];
   const translator$e = NodeTranslator.from(
@@ -31794,8 +31862,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     const borderProps = _processTableBorders(encodedAttrs.tableProperties.borders || {});
     const referencedStyles = _getReferencedTableStyles(encodedAttrs.tableStyleId, params2) || {};
-    const rowBorders = { ...referencedStyles.rowBorders, ...borderProps.rowBorders };
-    encodedAttrs.borders = { ...referencedStyles.borders, ...borderProps.borders };
+    encodedAttrs.borders = { ...referencedStyles.borders, ...borderProps };
     encodedAttrs.tableProperties.cellMargins = referencedStyles.cellMargins = {
       ...referencedStyles.cellMargins,
       ...encodedAttrs.tableProperties.cellMargins
@@ -31816,19 +31883,22 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     const content2 = [];
     const totalColumns = columnWidths.length;
+    const totalRows = rows.length;
     const activeRowSpans = totalColumns > 0 ? new Array(totalColumns).fill(0) : [];
     rows.forEach((row2, rowIndex) => {
-      const result = translator$x.encode({
+      const result = translator$w.encode({
         ...params2,
         path: [...params2.path || [], node2],
         nodes: [row2],
         extraParams: {
           row: row2,
           table: node2,
-          rowBorders,
+          rowBorders: encodedAttrs.borders,
           columnWidths,
           activeRowSpans: activeRowSpans.slice(),
           rowIndex,
+          totalRows,
+          totalColumns,
           _referencedStyles: referencedStyles
         }
       });
@@ -31903,21 +31973,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   };
   function _processTableBorders(rawBorders) {
     const borders = {};
-    const rowBorders = {};
     Object.entries(rawBorders).forEach(([name, attributes]) => {
       const attrs = {};
       const color2 = attributes.color;
       const size2 = attributes.size;
+      const val = attributes.val;
       if (color2 && color2 !== "auto") attrs["color"] = color2.startsWith("#") ? color2 : `#${color2}`;
       if (size2 && size2 !== "auto") attrs["size"] = eighthPointsToPixels(size2);
-      const rowBorderNames = ["insideH", "insideV"];
-      if (rowBorderNames.includes(name)) rowBorders[name] = attrs;
+      if (val) attrs["val"] = val;
       borders[name] = attrs;
     });
-    return {
-      borders,
-      rowBorders
-    };
+    return borders;
   }
   function _getReferencedTableStyles(tableStyleReference, params2) {
     if (!tableStyleReference) return null;
@@ -31957,9 +32023,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       }
       const tableProperties = translator$e.encode({ ...params2, nodes: [tblPr] });
       if (tableProperties) {
-        const { borders, rowBorders } = _processTableBorders(tableProperties.borders || {});
-        if (borders) stylesToReturn.borders = borders;
-        if (rowBorders) stylesToReturn.rowBorders = rowBorders;
+        const borders = _processTableBorders(tableProperties.borders || {});
+        if (borders || Object.keys(borders).length) stylesToReturn.borders = borders;
         const cellMargins = {};
         Object.entries(tableProperties.cellMargins || {}).forEach(([key2, attrs]) => {
           if (attrs?.value != null) {
@@ -32808,7 +32873,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return { nodes: [], consumed: 0 };
     }
     const translatorParams = { ...params2, nodes: [node2] };
-    const schemaNode = translator$u.encode(translatorParams);
+    const schemaNode = translator$t.encode(translatorParams);
     const newNodes = schemaNode ? [schemaNode] : [];
     return { nodes: newNodes, consumed: 1 };
   };
@@ -33051,7 +33116,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (nodes.length === 0 || nodes[0].name !== "w:sdt") {
       return { nodes: [], consumed: 0 };
     }
-    const result = translator$t.encode(params2);
+    const result = translator$s.encode(params2);
     if (!result) {
       return { nodes: [], consumed: 0 };
     }
@@ -33079,12 +33144,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       translator$1s,
       translator$2n,
       translator$2m,
-      translator$s,
+      translator$r,
       translator$9,
       translator$a,
       translator$1q,
       translator$2r,
-      translator$H,
+      translator$G,
       translator$2c,
       translator$1I,
       translator$2h,
@@ -33092,7 +33157,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       translator$1R,
       translator$2,
       translator$1G,
-      translator$u,
+      translator$t,
       translator$2i,
       translator$1T,
       translator$1Z,
@@ -33101,13 +33166,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       translator$Z,
       translator$1U,
       translator$1F,
-      translator$G,
       translator$F,
+      translator$E,
       translator$d,
       translator$$,
       translator$L,
       translator$K,
-      translator$E,
+      translator$D,
       translator$M,
       translator$2q,
       translator$12,
@@ -33149,7 +33214,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       translator$2f,
       translator$1S,
       translator$1m,
-      translator$t,
+      translator$s,
       translator$20,
       translator$2b,
       translator$27,
@@ -33167,23 +33232,23 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       translator$2p,
       translator$1b,
       translator$b,
-      translator$g,
-      translator$r,
-      translator$f,
-      translator$D,
+      translator$H,
       translator$q,
-      translator$c,
+      translator$f,
       translator$C,
       translator$p,
+      translator$c,
+      translator$B,
       translator$o,
       translator$n,
       translator$m,
-      translator$e,
       translator$l,
+      translator$e,
       translator$k,
       translator$j,
       translator$i,
       translator$h,
+      translator$g,
       translator$I,
       translator$R,
       translator$O,
@@ -33192,10 +33257,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       translator$10,
       translator$19,
       translator$T,
-      translator$x,
+      translator$w,
       translator$S,
-      translator$B,
-      translator$y,
+      translator$A,
+      translator$x,
       translator$1a,
       translator$18,
       translator$17,
@@ -33206,13 +33271,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       translator$28,
       translator$_,
       translator$1X,
-      translator$A,
       translator$z,
+      translator$y,
       translator$1P,
       translator$16,
       translator$15,
-      translator$w,
       translator$v,
+      translator$u,
       commentRangeStartTranslator,
       commentRangeEndTranslator
     ])
@@ -33551,8 +33616,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         converter,
         path: [el]
       });
-      const { attrs } = parsedElements[0];
-      const paraId = attrs["w14:paraId"];
+      const lastElement = parsedElements[parsedElements.length - 1];
+      const paraId = lastElement?.attrs?.["w14:paraId"];
       return {
         commentId: internalId || v4(),
         importedId,
@@ -33595,7 +33660,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       if (!extendedDef) return { ...comment2, isDone: comment2.isDone ?? false };
       const { isDone, paraIdParent } = getExtendedDetails(extendedDef);
       let parentComment;
-      if (paraIdParent) parentComment = comments.find((c2) => c2.paraId === paraIdParent);
+      if (paraIdParent) {
+        parentComment = comments.find(
+          (c2) => c2.paraId === paraIdParent || c2.elements?.some((el) => el.attrs?.["w14:paraId"] === paraIdParent)
+        );
+      }
       const newComment = {
         ...comment2,
         isDone: isDone ?? false,
@@ -35335,13 +35404,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       text: translator$1,
       lineBreak: translator$2r,
       table: translator$b,
-      tableRow: translator$x,
+      tableRow: translator$w,
       tableCell: translator$I,
       bookmarkStart: translator$a,
       bookmarkEnd: translator$9,
-      fieldAnnotation: translator$t,
+      fieldAnnotation: translator$s,
       tab: translator$2p,
-      image: translator$u,
+      image: translator$t,
       hardBreak: translator$2r,
       commentRangeStart: commentRangeStartTranslator,
       commentRangeEnd: commentRangeEndTranslator,
@@ -35353,10 +35422,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       contentBlock: translator,
       vectorShape: translateVectorShape,
       shapeGroup: translateShapeGroup,
-      structuredContent: translator$t,
-      structuredContentBlock: translator$t,
-      documentPartObject: translator$t,
-      documentSection: translator$t,
+      structuredContent: translator$s,
+      structuredContentBlock: translator$s,
+      documentPartObject: translator$s,
+      documentSection: translator$s,
       "page-number": translator$4,
       "total-page-number": translator$3,
       pageReference: translator$6,
@@ -36366,7 +36435,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.3.0-next.6") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.3.0-next.8") {
       return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -62076,7 +62145,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return false;
     }
   };
-  const summaryVersion = "1.3.0-next.6";
+  const summaryVersion = "1.3.0-next.8";
   const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
   const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
   function mapAttributes(attrs) {
@@ -64710,7 +64779,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * Process collaboration migrations
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.6");
+      console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.8");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -72296,7 +72365,28 @@ ${l}
         section: kind,
         pageNumberText: page.numberText
       };
-      data.fragments.forEach((fragment) => {
+      const behindDocFragments = [];
+      const normalFragments = [];
+      for (const fragment of data.fragments) {
+        const isBehindDoc = (fragment.kind === "image" || fragment.kind === "drawing") && "zIndex" in fragment && fragment.zIndex === 0;
+        if (isBehindDoc) {
+          behindDocFragments.push(fragment);
+        } else {
+          normalFragments.push(fragment);
+        }
+      }
+      const behindDocSelector = `[data-behind-doc-section="${kind}"]`;
+      pageEl.querySelectorAll(behindDocSelector).forEach((el) => el.remove());
+      behindDocFragments.forEach((fragment) => {
+        const fragEl = this.renderFragment(fragment, context);
+        const pageY = effectiveOffset + fragment.y + (kind === "footer" ? footerYOffset : 0);
+        fragEl.style.top = `${pageY}px`;
+        fragEl.style.left = `${marginLeft + fragment.x}px`;
+        fragEl.style.zIndex = "0";
+        fragEl.dataset.behindDocSection = kind;
+        pageEl.insertBefore(fragEl, pageEl.firstChild);
+      });
+      normalFragments.forEach((fragment) => {
         const fragEl = this.renderFragment(fragment, context);
         if (footerYOffset > 0) {
           const currentTop = parseFloat(fragEl.style.top) || fragment.y;
@@ -80623,10 +80713,6 @@ ${l}
     if (!Number.isFinite(height) || height <= 0) {
       return { pages: [], height: 0 };
     }
-    const overflowBase = typeof constraints.overflowBaseHeight === "number" && Number.isFinite(constraints.overflowBaseHeight) && constraints.overflowBaseHeight > 0 ? constraints.overflowBaseHeight : height;
-    const maxBehindDocOverflow = Math.max(192, overflowBase * 4);
-    const minBehindDocY = -maxBehindDocOverflow;
-    const maxBehindDocY = height + maxBehindDocOverflow;
     const marginLeft = constraints.margins?.left ?? 0;
     const transformedBlocks = marginLeft > 0 ? blocks2.map((block) => {
       const hasPageRelativeAnchor = (block.kind === "image" || block.kind === "drawing") && block.anchor?.hRelativeFrom === "page" && block.anchor.offsetH != null;
@@ -80665,7 +80751,7 @@ ${l}
             );
           }
           const anchoredBlock = block;
-          if (anchoredBlock.anchor?.behindDoc && (fragment.y < minBehindDocY || fragment.y > maxBehindDocY)) {
+          if (anchoredBlock.anchor?.behindDoc) {
             continue;
           }
         }
@@ -91527,6 +91613,12 @@ ${l}
       run2.letterSpacing = defaults2.letterSpacing;
     }
   };
+  const applyInlineRunProperties = (run2, runProperties) => {
+    if (!runProperties) return;
+    if (runProperties?.letterSpacing != null) {
+      run2.letterSpacing = twipsToPx$1(runProperties.letterSpacing);
+    }
+  };
   function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defaultSize, styleContext, listCounterContext, trackedChanges, bookmarks, hyperlinkConfig = DEFAULT_HYPERLINK_CONFIG$1, themeColors, converters, converterContext) {
     const baseBlockId = nextBlockId("paragraph");
     const paragraphProps = typeof para.attrs?.paragraphProperties === "object" && para.attrs.paragraphProperties !== null ? para.attrs.paragraphProperties : {};
@@ -91679,7 +91771,7 @@ ${l}
         runStyleId
       });
     };
-    const visitNode = (node2, inheritedMarks = [], activeSdt, activeRunStyleId = null) => {
+    const visitNode = (node2, inheritedMarks = [], activeSdt, activeRunStyleId = null, activeRunProperties) => {
       if (node2.type === "text" && node2.text) {
         const run2 = textNodeToRun(
           node2,
@@ -91695,6 +91787,7 @@ ${l}
         const inlineStyleId = getInlineStyleId(inheritedMarks);
         applyRunStyles2(run2, inlineStyleId, activeRunStyleId);
         applyBaseRunDefaults(run2, baseRunDefaults, defaultFont, defaultSize);
+        applyInlineRunProperties(run2, activeRunProperties);
         applyMarksToRun(
           run2,
           [...node2.marks ?? [], ...inheritedMarks ?? []],
@@ -91707,14 +91800,16 @@ ${l}
       }
       if (node2.type === "run" && Array.isArray(node2.content)) {
         const mergedMarks = [...node2.marks ?? [], ...inheritedMarks ?? []];
-        const nextRunStyleId = extractRunStyleId(node2.attrs?.runProperties) ?? activeRunStyleId;
-        node2.content.forEach((child) => visitNode(child, mergedMarks, activeSdt, nextRunStyleId));
+        const runProperties = typeof node2.attrs?.runProperties === "object" && node2.attrs.runProperties !== null ? node2.attrs.runProperties : null;
+        const nextRunStyleId = extractRunStyleId(runProperties) ?? activeRunStyleId;
+        const nextRunProperties = runProperties ?? activeRunProperties;
+        node2.content.forEach((child) => visitNode(child, mergedMarks, activeSdt, nextRunStyleId, nextRunProperties));
         return;
       }
       if (node2.type === "structuredContent" && Array.isArray(node2.content)) {
         const inlineMetadata = resolveNodeSdtMetadata(node2, "structuredContent");
         const nextSdt = inlineMetadata ?? activeSdt;
-        node2.content.forEach((child) => visitNode(child, inheritedMarks, nextSdt, activeRunStyleId));
+        node2.content.forEach((child) => visitNode(child, inheritedMarks, nextSdt, activeRunStyleId, activeRunProperties));
         return;
       }
       if (node2.type === "fieldAnnotation") {
@@ -91768,6 +91863,7 @@ ${l}
           const inlineStyleId = getInlineStyleId(mergedMarks);
           applyRunStyles2(tokenRun, inlineStyleId, activeRunStyleId);
           applyBaseRunDefaults(tokenRun, baseRunDefaults, defaultFont, defaultSize);
+          applyInlineRunProperties(tokenRun, activeRunProperties);
           if (pageRefPos) {
             tokenRun.pmStart = pageRefPos.start;
             tokenRun.pmEnd = pageRefPos.end;
@@ -91782,7 +91878,9 @@ ${l}
           }
           currentRuns.push(tokenRun);
         } else if (Array.isArray(node2.content)) {
-          node2.content.forEach((child) => visitNode(child, mergedMarks, activeSdt));
+          node2.content.forEach(
+            (child) => visitNode(child, mergedMarks, activeSdt, activeRunStyleId, activeRunProperties)
+          );
         }
         return;
       }
@@ -91796,7 +91894,9 @@ ${l}
           }
         }
         if (Array.isArray(node2.content)) {
-          node2.content.forEach((child) => visitNode(child, inheritedMarks, activeSdt));
+          node2.content.forEach(
+            (child) => visitNode(child, inheritedMarks, activeSdt, activeRunStyleId, activeRunProperties)
+          );
         }
         return;
       }
@@ -91848,6 +91948,7 @@ ${l}
             runStyleId: activeRunStyleId,
             mergedMarksCount: mergedMarks.length
           });
+          applyInlineRunProperties(tokenRun, activeRunProperties);
           currentRuns.push(tokenRun);
         }
         return;
@@ -95024,6 +95125,7 @@ ${l}
     let lastFontSize = 12;
     let tabStopCursor = 0;
     let pendingTabAlignment = null;
+    let pendingRunSpacing = 0;
     let lastAppliedTabAlign = null;
     const warnedTabVals = /* @__PURE__ */ new Set();
     let activeTabGroup = null;
@@ -95034,6 +95136,10 @@ ${l}
       }
       return true;
     };
+    const resolveBoundarySpacing = (lineWidth, isRunStart, run2) => {
+      if (lineWidth <= 0) return 0;
+      return isRunStart ? pendingRunSpacing : run2.letterSpacing ?? 0;
+    };
     const alignPendingTabForWidth = (segmentWidth, beforeDecimalWidth) => {
       if (!pendingTabAlignment || !currentLine) return void 0;
       if (segmentWidth < 0) {
@@ -95161,6 +95267,7 @@ ${l}
         tabStopCursor = 0;
         pendingTabAlignment = null;
         lastAppliedTabAlign = null;
+        pendingRunSpacing = 0;
         continue;
       }
       if (isLineBreakRun(run2)) {
@@ -95203,6 +95310,7 @@ ${l}
         tabStopCursor = 0;
         pendingTabAlignment = null;
         lastAppliedTabAlign = null;
+        pendingRunSpacing = 0;
         continue;
       }
       if (isTabRun(run2)) {
@@ -95268,6 +95376,7 @@ ${l}
         } else {
           pendingTabAlignment = null;
         }
+        pendingRunSpacing = 0;
         continue;
       }
       if (isImageRun(run2)) {
@@ -95306,6 +95415,7 @@ ${l}
               }
             ]
           };
+          pendingRunSpacing = 0;
           if (activeTabGroup && runIndex + 1 >= activeTabGroup.measure.endRunIndex) {
             activeTabGroup = null;
           }
@@ -95367,6 +95477,7 @@ ${l}
           currentLine.width = roundValue(tabAlign.target);
         }
         lastAppliedTabAlign = null;
+        pendingRunSpacing = 0;
         continue;
       }
       if (isFieldAnnotationRun(run2)) {
@@ -95406,6 +95517,7 @@ ${l}
               }
             ]
           };
+          pendingRunSpacing = 0;
           continue;
         }
         if (currentLine.width + annotationWidth > currentLine.maxWidth && currentLine.width > 0) {
@@ -95458,9 +95570,11 @@ ${l}
           currentLine.width = roundValue(tabAlign.target);
         }
         lastAppliedTabAlign = null;
+        pendingRunSpacing = 0;
         continue;
       }
       if (!("text" in run2) || !("fontSize" in run2)) {
+        pendingRunSpacing = 0;
         continue;
       }
       lastFontSize = run2.fontSize;
@@ -95471,6 +95585,7 @@ ${l}
         const segment = tabSegments[segmentIndex];
         const isLastSegment = segmentIndex === tabSegments.length - 1;
         if (/^[ ]+$/.test(segment)) {
+          const isRunStart = charPosInRun === 0 && segmentIndex === 0;
           const spacesLength = segment.length;
           const spacesStartChar = charPosInRun;
           const spacesEndChar = charPosInRun + spacesLength;
@@ -95489,7 +95604,7 @@ ${l}
               spaceCount: spacesLength
             };
           } else {
-            const boundarySpacing = currentLine.width > 0 ? run2.letterSpacing ?? 0 : 0;
+            const boundarySpacing = resolveBoundarySpacing(currentLine.width, isRunStart, run2);
             if (currentLine.width + boundarySpacing + spacesWidth > currentLine.maxWidth - WIDTH_FUDGE_PX2 && currentLine.width > 0) {
               trimTrailingWrapSpaces(currentLine);
               const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
@@ -95553,6 +95668,7 @@ ${l}
             const spaceStartChar = charPosInRun;
             const spaceEndChar = charPosInRun + 1;
             const singleSpaceWidth = measureRunWidth(" ", font, ctx2, run2, spaceStartChar);
+            const isRunStart2 = charPosInRun === 0 && segmentIndex === 0 && wordIndex === 0;
             if (!currentLine) {
               currentLine = {
                 fromRun: runIndex,
@@ -95567,7 +95683,7 @@ ${l}
                 spaceCount: 1
               };
             } else {
-              const boundarySpacing2 = currentLine.width > 0 ? run2.letterSpacing ?? 0 : 0;
+              const boundarySpacing2 = resolveBoundarySpacing(currentLine.width, isRunStart2, run2);
               if (currentLine.width + boundarySpacing2 + singleSpaceWidth > currentLine.maxWidth - WIDTH_FUDGE_PX2 && currentLine.width > 0) {
                 trimTrailingWrapSpaces(currentLine);
                 const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
@@ -95752,7 +95868,8 @@ ${l}
             continue;
           }
           const isTocEntry = block.attrs?.isTocEntry;
-          const boundarySpacing = currentLine.width > 0 ? run2.letterSpacing ?? 0 : 0;
+          const isRunStart = charPosInRun === 0 && segmentIndex === 0 && wordIndex === 0;
+          const boundarySpacing = resolveBoundarySpacing(currentLine.width, isRunStart, run2);
           const justifyAlignment = block.attrs?.alignment === "justify";
           const totalWidthWithWord = currentLine.width + boundarySpacing + wordCommitWidth + // Safe cast: only TextRuns produce word segments from split(), other run types are handled earlier
           (shouldIncludeDelimiterSpace ? run2.letterSpacing ?? 0 : 0);
@@ -95920,6 +96037,7 @@ ${l}
           }
         }
       }
+      pendingRunSpacing = run2.letterSpacing ?? 0;
     }
     if (!currentLine && lines.length === 0) {
       const uiDisplayFallbackFontSize = (block.runs[0]?.kind === "text" ? block.runs[0].fontSize : void 0) ?? 12;
@@ -96723,6 +96841,7 @@ ${l}
     #dragLastPointer = null;
     #dragLastRawHit = null;
     #dragUsedPageNotMountedFallback = false;
+    #suppressFocusInFromDraggable = false;
     // Cell selection drag state
     // Tracks cell-specific context when drag starts in a table for multi-cell selection
     #cellAnchor = null;
@@ -98703,6 +98822,7 @@ ${l}
         return;
       }
       const isDraggableAnnotation = target?.closest?.('[data-draggable="true"]') != null;
+      this.#suppressFocusInFromDraggable = isDraggableAnnotation;
       if (!this.#layoutState.layout) {
         if (!isDraggableAnnotation) {
           event.preventDefault();
@@ -99433,6 +99553,10 @@ ${l}
       if (isInRegisteredSurface(event)) {
         return;
       }
+      if (this.#suppressFocusInFromDraggable) {
+        this.#suppressFocusInFromDraggable = false;
+        return;
+      }
       const target = event.target;
       const activeTarget = this.#getActiveDomTarget();
       if (!activeTarget) {
@@ -99459,6 +99583,7 @@ ${l}
       }
     };
     #handlePointerUp = (event) => {
+      this.#suppressFocusInFromDraggable = false;
       if (!this.#isDragging) return;
       if (typeof this.#viewportHost.hasPointerCapture === "function" && typeof this.#viewportHost.releasePointerCapture === "function" && this.#viewportHost.hasPointerCapture(event.pointerId)) {
         this.#viewportHost.releasePointerCapture(event.pointerId);
@@ -107188,16 +107313,7 @@ ${l}
          * @param {import("./tableHelpers/createTableBorders.js").TableBorders} [borders] - Border styling for this table
          */
         borders: {
-          default: {},
-          renderDOM({ borders }) {
-            if (!borders) return {};
-            const style2 = Object.entries(borders).reduce((acc, [key2, { size: size2, color: color2 }]) => {
-              return `${acc}border-${key2}: ${Math.ceil(size2)}px solid ${color2 || "black"};`;
-            }, "");
-            return {
-              style: style2
-            };
-          }
+          default: {}
         },
         /**
          * @category Attribute
@@ -144013,7 +144129,7 @@ ${reason}`);
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.3.0-next.6";
+      this.version = "1.3.0-next.8";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;