docgen-utils 1.0.21 → 1.0.23

package/dist/bundle.js

@@ -47395,6 +47395,34 @@ var docgen = (() => {
   var UTF16BE = new Uint8Array([254, 255]);
 
   // packages/docs/common.js
+  function isStyledTableCell(cell) {
+    if (typeof cell !== "object" || Array.isArray(cell))
+      return false;
+    if (!("content" in cell))
+      return false;
+    const styledCell = cell;
+    const content = styledCell.content;
+    if (typeof content === "string")
+      return true;
+    if (Array.isArray(content) && content.length > 0) {
+      const first = content[0];
+      if (typeof first === "object" && first !== null && "type" in first) {
+        return false;
+      }
+    }
+    return true;
+  }
+  function isComplexTableCell(cell) {
+    if (typeof cell !== "object" || Array.isArray(cell))
+      return false;
+    if (!("content" in cell))
+      return false;
+    const content = cell.content;
+    if (!Array.isArray(content) || content.length === 0)
+      return false;
+    const first = content[0];
+    return typeof first === "object" && first !== null && "type" in first;
+  }
   var HEADING_LEVEL_MAP = {
     1: HeadingLevel.HEADING_1,
     2: HeadingLevel.HEADING_2,
@@ -48705,7 +48733,7 @@ var docgen = (() => {
         }
       }
     }
-    if (!parentElement2) {
+    {
       const fillIn = (source) => {
         for (const [key2, value] of Object.entries(source)) {
           if (value !== void 0 && result[key2] === void 0) {
@@ -50276,6 +50304,46 @@ var docgen = (() => {
   }
 
   // packages/docs/parse.js
+  function getDirectRows(tableEl) {
+    const result = [];
+    for (const child of tableEl.children) {
+      const childTag = child.tagName.toLowerCase();
+      if (childTag === "tr") {
+        result.push(child);
+      } else if (childTag === "thead" || childTag === "tbody" || childTag === "tfoot") {
+        for (const grandchild of child.children) {
+          if (grandchild.tagName.toLowerCase() === "tr") {
+            result.push(grandchild);
+          }
+        }
+      }
+    }
+    return result;
+  }
+  function getDirectCells(rowEl) {
+    const result = [];
+    for (const child of rowEl.children) {
+      const childTag = child.tagName.toLowerCase();
+      if (childTag === "td" || childTag === "th") {
+        result.push(child);
+      }
+    }
+    return result;
+  }
+  function cellHasNestedTable(cellEl) {
+    return cellEl.querySelector("table") !== null;
+  }
+  function isLayoutTable(tableEl, cssContext) {
+    const styles = getElementStyles(tableEl, cssContext);
+    const inlineStyle = tableEl.getAttribute("style") || "";
+    if (inlineStyle.includes("border: none") || inlineStyle.includes("border:none")) {
+      return true;
+    }
+    if (styles.border && styles.border.includes("none")) {
+      return true;
+    }
+    return false;
+  }
   function createParsedImageElement(imageEl, imageKey) {
     const src = imageEl.getAttribute("src")?.trim();
     if (!src) {
@@ -50385,18 +50453,50 @@ var docgen = (() => {
       }
       if (tagName19 === "table") {
         const rows = [];
-        for (const tr of el.querySelectorAll("tr")) {
+        const directRows = getDirectRows(el);
+        for (const tr of directRows) {
           const cells = [];
-          for (const cell of tr.querySelectorAll("td, th")) {
+          const directCells = getDirectCells(tr);
+          for (const cell of directCells) {
+            let cellBackgroundColor;
+            const cellStyles = getElementStyles(cell, cssContext, tr);
+            if (cellStyles.backgroundColor) {
+              const hexBg = extractHexColor(cellStyles.backgroundColor);
+              if (hexBg)
+                cellBackgroundColor = hexBg;
+            }
+            if (!cellBackgroundColor) {
+              const inlineStyle = cell.getAttribute("style") || "";
+              if (inlineStyle) {
+                const bgMatch = inlineStyle.match(/background(?:-color)?\s*:\s*([^;]+)/i);
+                if (bgMatch) {
+                  const hexBg = extractHexColor(bgMatch[1]);
+                  if (hexBg)
+                    cellBackgroundColor = hexBg;
+                }
+              }
+            }
             const runs = extractInlineRuns(cell, cssContext);
-            if (runs.length > 0) {
-              if (hasInlineFormatting(runs)) {
-                cells.push(runs);
+            if (cellBackgroundColor) {
+              if (runs.length > 0) {
+                if (hasInlineFormatting(runs)) {
+                  cells.push({ content: runs, backgroundColor: cellBackgroundColor });
+                } else {
+                  cells.push({ content: runs.map((r) => r.text).join(""), backgroundColor: cellBackgroundColor });
+                }
               } else {
-                cells.push(runs.map((r) => r.text).join(""));
+                cells.push({ content: "", backgroundColor: cellBackgroundColor });
               }
             } else {
-              cells.push("");
+              if (runs.length > 0) {
+                if (hasInlineFormatting(runs)) {
+                  cells.push(runs);
+                } else {
+                  cells.push(runs.map((r) => r.text).join(""));
+                }
+              } else {
+                cells.push("");
+              }
             }
           }
           if (cells.length > 0) {
@@ -51159,18 +51259,65 @@ var docgen = (() => {
       }
       if (tagName19 === "table") {
         const rows = [];
-        for (const tr of element.querySelectorAll("tr")) {
+        const directRows = getDirectRows(element);
+        for (const tr of directRows) {
           const cells = [];
-          for (const cell of tr.querySelectorAll("td, th")) {
-            const runs = extractInlineRuns(cell, cssContext);
-            if (runs.length > 0) {
-              if (hasInlineFormatting(runs)) {
-                cells.push(runs);
+          const directCells = getDirectCells(tr);
+          for (const cell of directCells) {
+            if (cellHasNestedTable(cell)) {
+              const nestedContent = parseContainerContent(cell, cssContext, nextImageKey);
+              if (nestedContent.length > 0) {
+                cells.push({ content: nestedContent });
               } else {
-                cells.push(runs.map((r) => r.text).join(""));
+                cells.push("");
               }
             } else {
-              cells.push("");
+              let cellBackgroundColor;
+              const cellStylesWithRowParent = getElementStyles(cell, cssContext, tr);
+              if (cellStylesWithRowParent.backgroundColor) {
+                const hexBg = extractHexColor(cellStylesWithRowParent.backgroundColor);
+                if (hexBg)
+                  cellBackgroundColor = hexBg;
+              }
+              if (!cellBackgroundColor) {
+                const cellStylesWithTableParent = getElementStyles(cell, cssContext, element);
+                if (cellStylesWithTableParent.backgroundColor) {
+                  const hexBg = extractHexColor(cellStylesWithTableParent.backgroundColor);
+                  if (hexBg)
+                    cellBackgroundColor = hexBg;
+                }
+              }
+              const inlineStyle = cell.getAttribute("style") || "";
+              if (inlineStyle && !cellBackgroundColor) {
+                const bgMatch = inlineStyle.match(/background(?:-color)?\s*:\s*([^;]+)/i);
+                if (bgMatch) {
+                  const hexBg = extractHexColor(bgMatch[1]);
+                  if (hexBg)
+                    cellBackgroundColor = hexBg;
+                }
+              }
+              const runs = extractInlineRuns(cell, cssContext);
+              if (cellBackgroundColor) {
+                if (runs.length > 0) {
+                  if (hasInlineFormatting(runs)) {
+                    cells.push({ content: runs, backgroundColor: cellBackgroundColor });
+                  } else {
+                    cells.push({ content: runs.map((r) => r.text).join(""), backgroundColor: cellBackgroundColor });
+                  }
+                } else {
+                  cells.push({ content: "", backgroundColor: cellBackgroundColor });
+                }
+              } else {
+                if (runs.length > 0) {
+                  if (hasInlineFormatting(runs)) {
+                    cells.push(runs);
+                  } else {
+                    cells.push(runs.map((r) => r.text).join(""));
+                  }
+                } else {
+                  cells.push("");
+                }
+              }
             }
           }
           if (cells.length > 0) {
@@ -51321,7 +51468,8 @@ var docgen = (() => {
               }
             }
           }
-          elements.push({ type: "table", rows, cellPadding, headerBackgroundColor, headerTextColor, evenRowBackgroundColor, hasHeader: hasExplicitHeader ? true : void 0, horizontalBordersOnly: horizontalBordersOnly || void 0, columnWidths: calculateColumnWidths(rows, element) });
+          const noBorders = isLayoutTable(element, cssContext);
+          elements.push({ type: "table", rows, cellPadding, headerBackgroundColor, headerTextColor, evenRowBackgroundColor, hasHeader: hasExplicitHeader ? true : void 0, horizontalBordersOnly: horizontalBordersOnly || void 0, noBorders: noBorders || void 0, columnWidths: calculateColumnWidths(rows, element) });
         }
         return;
       }
@@ -52598,35 +52746,83 @@ var docgen = (() => {
     return new TableRow({
       tableHeader: isHeaderRow,
       children: cells.map((cell, cellIndex) => {
-        const textRuns = typeof cell === "string" ? [new TextRun({
-          text: cell,
-          bold: isHeaderRow,
-          color: isHeaderRow && headerTextColor ? headerTextColor : void 0
-        })] : cell.map((run) => new TextRun({
-          text: run.text,
-          bold: isHeaderRow || run.bold,
-          italics: run.italic,
-          // Use header text color for header rows, otherwise use run's color
-          color: isHeaderRow && headerTextColor ? headerTextColor : run.color,
-          size: run.size,
-          font: run.fontFamily ? mapToOfficeFont(run.fontFamily) : void 0,
-          superScript: run.superscript,
-          subScript: run.subscript,
-          strike: run.strike,
-          characterSpacing: run.letterSpacing,
-          underline: run.underline ? {
-            type: getUnderlineType(run.underline.type),
-            color: run.underline.color
-          } : void 0,
-          // Preserve inline background colors for badge/pill styling in table cells
-          shading: run.backgroundColor ? {
-            type: ShadingType.CLEAR,
-            fill: run.backgroundColor,
-            color: "auto"
-          } : void 0
-        }));
+        let cellContent;
+        let cellBackgroundColor;
+        if (isComplexTableCell(cell)) {
+          cellContent = [];
+          for (const nestedElement of cell.content) {
+            cellContent.push(...convertElementToDocx(nestedElement));
+          }
+          if (cellContent.length === 0) {
+            cellContent = [new Paragraph({ children: [] })];
+          }
+        } else if (isStyledTableCell(cell)) {
+          cellBackgroundColor = cell.backgroundColor;
+          const content = cell.content;
+          const textRuns = typeof content === "string" ? [new TextRun({
+            text: content,
+            bold: isHeaderRow,
+            color: isHeaderRow && headerTextColor ? headerTextColor : void 0
+          })] : content.map((run) => new TextRun({
+            text: run.text,
+            bold: isHeaderRow || run.bold,
+            italics: run.italic,
+            color: isHeaderRow && headerTextColor ? headerTextColor : run.color,
+            size: run.size,
+            font: run.fontFamily ? mapToOfficeFont(run.fontFamily) : void 0,
+            superScript: run.superscript,
+            subScript: run.subscript,
+            strike: run.strike,
+            characterSpacing: run.letterSpacing,
+            underline: run.underline ? {
+              type: getUnderlineType(run.underline.type),
+              color: run.underline.color
+            } : void 0
+            // Note: Don't apply run-level backgroundColor here - cell background handles it
+          }));
+          cellContent = [new Paragraph({ children: textRuns })];
+        } else if (typeof cell === "string") {
+          const textRuns = [new TextRun({
+            text: cell,
+            bold: isHeaderRow,
+            color: isHeaderRow && headerTextColor ? headerTextColor : void 0
+          })];
+          cellContent = [new Paragraph({ children: textRuns })];
+        } else if (Array.isArray(cell)) {
+          const textRuns = cell.map((run) => new TextRun({
+            text: run.text,
+            bold: isHeaderRow || run.bold,
+            italics: run.italic,
+            color: isHeaderRow && headerTextColor ? headerTextColor : run.color,
+            size: run.size,
+            font: run.fontFamily ? mapToOfficeFont(run.fontFamily) : void 0,
+            superScript: run.superscript,
+            subScript: run.subscript,
+            strike: run.strike,
+            characterSpacing: run.letterSpacing,
+            underline: run.underline ? {
+              type: getUnderlineType(run.underline.type),
+              color: run.underline.color
+            } : void 0,
+            // Preserve inline background colors for badge/pill styling in table cells
+            shading: run.backgroundColor ? {
+              type: ShadingType.CLEAR,
+              fill: run.backgroundColor,
+              color: "auto"
+            } : void 0
+          }));
+          cellContent = [new Paragraph({ children: textRuns })];
+        } else {
+          cellContent = [new Paragraph({ children: [] })];
+        }
         let shading;
-        if (isHeaderRow && headerBackgroundColor) {
+        if (cellBackgroundColor) {
+          shading = {
+            type: ShadingType.CLEAR,
+            color: "auto",
+            fill: cellBackgroundColor
+          };
+        } else if (isHeaderRow && headerBackgroundColor) {
           shading = {
             type: ShadingType.CLEAR,
             color: "auto",
@@ -52644,11 +52840,7 @@ var docgen = (() => {
         const needsSpan = isLastCell && remainingColumns > 0;
         const cellColumnSpan = needsSpan ? remainingColumns + 1 : void 0;
         return new TableCell({
-          children: [
-            new Paragraph({
-              children: textRuns
-            })
-          ],
+          children: cellContent,
           width: {
             size: columnWidths?.[cellIndex] ?? 100 / columnCount,
             type: WidthType.PERCENTAGE
@@ -52968,6 +53160,15 @@ var docgen = (() => {
                 const cell = row[cellIndex];
                 if (typeof cell === "string") {
                   children.push(new TextRun({ text: cell }));
+                } else if (isStyledTableCell(cell)) {
+                  const content = cell.content;
+                  if (typeof content === "string") {
+                    children.push(new TextRun({ text: content }));
+                  } else {
+                    children.push(...inlineRunsToTextRuns(content));
+                  }
+                } else if (isComplexTableCell(cell)) {
+                  continue;
                 } else {
                   children.push(...inlineRunsToTextRuns(cell));
                 }
@@ -66933,6 +67134,28 @@ ${generateStylesCss(styleMap, themeFonts)}
           const imgEl = el;
           const natW = imgEl.naturalWidth;
           const natH = imgEl.naturalHeight;
+          let objectPosition;
+          const objPos = imgComputed.objectPosition;
+          if (objPos && objectFit === "cover") {
+            const parts = objPos.trim().split(/\s+/);
+            const parseFraction = (val, dimension) => {
+              if (val.endsWith("%")) {
+                return parseFloat(val) / 100;
+              }
+              const px = parseFloat(val);
+              if (!isNaN(px) && dimension > 0) {
+                return px / dimension;
+              }
+              return 0.5;
+            };
+            const displayW = wasClipped ? clippedW : rect2.width;
+            const displayH = wasClipped ? clippedH : rect2.height;
+            const xFrac = parts.length >= 1 ? parseFraction(parts[0], displayW) : 0.5;
+            const yFrac = parts.length >= 2 ? parseFraction(parts[1], displayH) : xFrac;
+            if (Math.abs(xFrac - 0.5) > 1e-3 || Math.abs(yFrac - 0.5) > 1e-3) {
+              objectPosition = [xFrac, yFrac];
+            }
+          }
           const imageElement = {
             type: isFullSlideImage ? "slideBackgroundImage" : "image",
             src: imgSrc,
@@ -66944,10 +67167,13 @@ ${generateStylesCss(styleMap, themeFonts)}
             },
             sizing: objectFit === "cover" ? { type: "cover" } : null
           };
-          if (objectFit === "cover" && natW > 0 && natH > 0 && !isFullSlideImage) {
+          if (objectFit === "cover" && natW > 0 && natH > 0) {
             imageElement.naturalWidth = natW;
             imageElement.naturalHeight = natH;
           }
+          if (objectPosition) {
+            imageElement.objectPosition = objectPosition;
+          }
           if (imgRectRadius !== null) {
             imageElement.rectRadius = imgRectRadius;
           }
@@ -68272,6 +68498,29 @@ ${generateStylesCss(styleMap, themeFonts)}
     }
     return runs;
   }
+  function computeCoverCrop(naturalWidth, naturalHeight, boxW, boxH, objectPosition) {
+    const imgRatio = naturalHeight / naturalWidth;
+    const boxRatio = boxH / boxW;
+    const isBoxBased = boxRatio > imgRatio;
+    const effW = isBoxBased ? boxH / imgRatio : boxW;
+    const effH = isBoxBased ? boxH : boxW * imgRatio;
+    const [anchorX, anchorY] = objectPosition ?? [0.5, 0.5];
+    const excessW = effW - boxW;
+    const excessH = effH - boxH;
+    const cropX = excessW * anchorX;
+    const cropY = excessH * anchorY;
+    return {
+      effW,
+      effH,
+      sizing: {
+        type: "crop",
+        x: cropX,
+        y: cropY,
+        w: boxW,
+        h: boxH
+      }
+    };
+  }
   function sleep(ms) {
     return new Promise((resolve) => setTimeout(resolve, ms));
   }
@@ -68381,7 +68630,12 @@ ${generateStylesCss(styleMap, themeFonts)}
           w: el.position.w,
           h: el.position.h
         };
-        if (el.sizing && el.sizing.type) {
+        if (el.sizing && el.sizing.type === "cover" && el.naturalWidth && el.naturalHeight) {
+          const crop = computeCoverCrop(el.naturalWidth, el.naturalHeight, el.position.w, el.position.h, el.objectPosition);
+          imageOptions.w = crop.effW;
+          imageOptions.h = crop.effH;
+          imageOptions.sizing = crop.sizing;
+        } else if (el.sizing && el.sizing.type) {
           imageOptions.sizing = { type: el.sizing.type, w: el.position.w, h: el.position.h };
         }
         if (el.brightness !== void 0)
@@ -68423,22 +68677,10 @@ ${generateStylesCss(styleMap, themeFonts)}
           h: el.position.h
         };
         if (el.sizing && el.sizing.type === "cover" && el.naturalWidth && el.naturalHeight) {
-          const imgRatio = el.naturalHeight / el.naturalWidth;
-          const boxRatio = el.position.h / el.position.w;
-          const isBoxBased = boxRatio > imgRatio;
-          const effW = isBoxBased ? el.position.h / imgRatio : el.position.w;
-          const effH = isBoxBased ? el.position.h : el.position.w * imgRatio;
-          const cropX = (effW - el.position.w) / 2;
-          const cropY = (effH - el.position.h) / 2;
-          imageOptions.w = effW;
-          imageOptions.h = effH;
-          imageOptions.sizing = {
-            type: "crop",
-            x: cropX,
-            y: cropY,
-            w: el.position.w,
-            h: el.position.h
-          };
+          const crop = computeCoverCrop(el.naturalWidth, el.naturalHeight, el.position.w, el.position.h, el.objectPosition);
+          imageOptions.w = crop.effW;
+          imageOptions.h = crop.effH;
+          imageOptions.sizing = crop.sizing;
         } else if (el.sizing && el.sizing.type) {
           imageOptions.sizing = { type: el.sizing.type, w: el.position.w, h: el.position.h };
         }