superdoc 0.31.0-next.5 → 0.31.0-next.7

package/dist/style.css

@@ -976,7 +976,7 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
 
   overflow-x: auto;
   scrollbar-width: thin;
-  overflow: hidden;
+  overflow: visible; /* Allow table to extend beyond margins */
 
   /*
   The border width does not need to be multiplied by two,
@@ -986,7 +986,7 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
 .ProseMirror table {
   border-collapse: collapse;
   border-spacing: 0;
-  table-layout: fixed;
+  table-layout: auto;
   margin: 0;
   /* width: 100%; */
 }
@@ -995,7 +995,7 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
 }
 .ProseMirror td,
 .ProseMirror th {
-  min-width: 1em;
+  min-width: 0;
   position: relative;
   vertical-align: top;
   box-sizing: border-box;
@@ -2301,10 +2301,10 @@ on the right if it is inside shape textbox.
   min-height: 40px;
 }
 
-.editor-element[data-v-cd3558fe] {
+.editor-element[data-v-4615ea7d] {
   position: relative;
 }
-.super-editor-container[data-v-cd3558fe] {
+.super-editor-container[data-v-4615ea7d] {
   width: auto;
   height: auto;
   min-width: 8in;
@@ -2313,13 +2313,14 @@ on the right if it is inside shape textbox.
   display: flex;
   flex-direction: column;
 }
-.ruler[data-v-cd3558fe] {
+.ruler[data-v-4615ea7d] {
   margin-bottom: 2px;
 }
-.super-editor[data-v-cd3558fe] {
+.super-editor[data-v-4615ea7d] {
   color: initial;
+  overflow: hidden;
 }
-.placeholder-editor[data-v-cd3558fe] {
+.placeholder-editor[data-v-4615ea7d] {
   position: absolute;
   top: 0;
   left: 0;
@@ -2331,7 +2332,7 @@ on the right if it is inside shape textbox.
   background-color: white;
   box-sizing: border-box;
 }
-.placeholder-title[data-v-cd3558fe] {
+.placeholder-title[data-v-4615ea7d] {
   display: flex;
   justify-content: center;
   margin-bottom: 40px;

package/dist/super-editor/ai-writer.es.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, onUnmounted, computed, createElementBlock, openBlock, withModifiers, createElementVNode, withDirectives, unref, vModelText, createCommentVNode, nextTick } from "vue";
-import { T as TextSelection } from "./chunks/converter-BIsS-JzD.js";
-import { _ as _export_sfc } from "./chunks/editor-ZbcM1RTL.js";
+import { T as TextSelection } from "./chunks/converter-DVDL6NWz.js";
+import { _ as _export_sfc } from "./chunks/editor-B8v33PJq.js";
 const DEFAULT_API_ENDPOINT = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights";
 const SYSTEM_PROMPT = "You are an expert copywriter and you are immersed in a document editor. You are to provide document related text responses based on the user prompts. Only write what is asked for. Do not provide explanations. Try to keep placeholders as short as possible. Do not output your prompt. Your instructions are: ";
 async function baseInsightsFetch(payload, options = {}) {

package/dist/super-editor/chunks/{converter-BIsS-JzD.js → converter-DVDL6NWz.js}

@@ -15406,6 +15406,38 @@ const hasSomeParentWithClass = (element, classname) => {
   if (element.className?.split(" ")?.indexOf(classname) >= 0) return true;
   return element.parentNode && hasSomeParentWithClass(element.parentNode, classname);
 };
+function convertSizeToCSS(value, type2) {
+  if (typeof value === "string" && value.endsWith("%")) {
+    type2 = "pct";
+  }
+  if (value === null || value === void 0) {
+    value = 0;
+  }
+  switch (type2) {
+    case "dxa":
+    case null:
+    case void 0:
+      return `${twipsToPixels(value)}px`;
+    case "nil":
+      return "0";
+    case "auto":
+      return null;
+    case "pct":
+      let percent;
+      if (typeof value === "number") {
+        percent = value * 0.02;
+      } else {
+        if (value.endsWith("%")) {
+          percent = parseFloat(value.slice(0, -1));
+        } else {
+          percent = parseFloat(value) * 0.02;
+        }
+      }
+      return `${percent}%`;
+    default:
+      return null;
+  }
+}
 const DEFAULT_DOCX_DEFS = {
   "xmlns:wpc": "http://schemas.microsoft.com/office/word/2010/wordprocessingCanvas",
   "xmlns:cx": "http://schemas.microsoft.com/office/drawing/2014/chartex",
@@ -19227,7 +19259,7 @@ const resolveRunProperties = (params, inlineRpr, resolvedPpr, isListNumber = fal
   const finalProps = combineProperties(styleChain, ["fontFamily", "color"]);
   return finalProps;
 };
-function resolveParagraphProperties(params, inlineProps, insideTable = false, overrideInlineStyleId = false) {
+function resolveParagraphProperties(params, inlineProps, insideTable = false, overrideInlineStyleId = false, tableStyleId = null) {
   const defaultProps = getDefaultProperties(params, translator$12);
   const { properties: normalProps, isDefault: isNormalDefault } = getStyleProperties(params, "Normal", translator$12);
   let styleId = inlineProps?.styleId;
@@ -19252,13 +19284,14 @@ function resolveParagraphProperties(params, inlineProps, insideTable = false, ov
       }
     }
   }
+  const tableProps = tableStyleId ? resolveStyleChain(params, tableStyleId, translator$12) : {};
   let defaultsChain;
   if (isNormalDefault) {
     defaultsChain = [defaultProps, normalProps];
   } else {
     defaultsChain = [normalProps, defaultProps];
   }
-  const propsChain = [...defaultsChain, numberingProps, styleProps, inlineProps];
+  const propsChain = [...defaultsChain, tableProps, numberingProps, styleProps, inlineProps];
   let indentChain;
   if (isList2) {
     if (numberingDefinedInline) {
@@ -20009,6 +20042,21 @@ function getStrikeValue(attributes) {
   if (value === "0" || value === "false" || value === "off") return "0";
   return "1";
 }
+function getTableStyleId(path) {
+  const tbl = path.find((ancestor) => ancestor.name === "w:tbl");
+  if (!tbl) {
+    return;
+  }
+  const tblPr = tbl.elements?.find((child) => child.name === "w:tblPr");
+  if (!tblPr) {
+    return;
+  }
+  const tblStyle = tblPr.elements?.find((child) => child.name === "w:tblStyle");
+  if (!tblStyle) {
+    return;
+  }
+  return tblStyle.attributes?.["w:val"];
+}
 const handleParagraphNode$1 = (params) => {
   const { nodes, nodeListHandler, filename } = params;
   const node = carbonCopy(nodes[0]);
@@ -20019,7 +20067,14 @@ const handleParagraphNode$1 = (params) => {
     inlineParagraphProperties = translator$12.encode({ ...params, nodes: [pPr] }) || {};
   }
   const insideTable = (params.path || []).some((ancestor) => ancestor.name === "w:tc");
-  const resolvedParagraphProperties = resolveParagraphProperties(params, inlineParagraphProperties, insideTable);
+  const tableStyleId = getTableStyleId(params.path || []);
+  const resolvedParagraphProperties = resolveParagraphProperties(
+    params,
+    inlineParagraphProperties,
+    insideTable,
+    false,
+    tableStyleId
+  );
   const handleStandardNode2 = nodeListHandler.handlerEntities.find(
     (e) => e.handlerName === "standardNodeHandler"
   )?.handler;
@@ -21374,6 +21429,7 @@ const encode$m = (params, encodedAttrs) => {
     const columnWidth = gridColumnWidths?.[startColumn] || null;
     const result = translator$G.encode({
       ...params,
+      path: [...params.path || [], node],
       extraParams: {
         ...params.extraParams,
         node,
@@ -31544,14 +31600,15 @@ const decode$j = (params) => {
   const grid = Array.isArray(rawGrid) ? rawGrid : [];
   const { firstRow = {} } = params.extraParams || {};
   const cellNodes = firstRow.content?.filter((n) => n.type === "tableCell") ?? [];
-  const columnCountFromCells = cellNodes.reduce((count, cell) => {
+  const colWidthsFromCellNodes = cellNodes.flatMap((cell) => {
     const spanCount = Math.max(1, cell?.attrs?.colspan ?? 1);
-    return count + spanCount;
-  }, 0);
+    const colwidth = cell.attrs?.colwidth;
+    return Array.from({ length: spanCount }).map((_2, span) => Array.isArray(colwidth) ? colwidth[span] : void 0);
+  });
+  const columnCountFromCells = colWidthsFromCellNodes.length;
   const totalColumns = Math.max(columnCountFromCells, grid.length);
   const fallbackColumnWidthTwips = resolveFallbackColumnWidthTwips(params, totalColumns, cellMinWidth);
   const elements = [];
-  let columnIndex = 0;
   const pushColumn = (widthTwips, { enforceMinimum = false } = {}) => {
     let numericWidth = typeof widthTwips === "string" ? parseInt(widthTwips, 10) : widthTwips;
     let shouldEnforceMinimum = enforceMinimum;
@@ -31570,39 +31627,29 @@ const decode$j = (params) => {
     });
     if (decoded) elements.push(decoded);
   };
-  cellNodes.forEach((cell) => {
-    const { colspan = 1, colwidth } = cell?.attrs || {};
-    const spanCount = Math.max(1, colspan);
-    for (let span = 0; span < spanCount; span++) {
-      const rawWidth = Array.isArray(colwidth) ? colwidth[span] : void 0;
-      const cellWidthPixels = typeof rawWidth === "number" && Number.isFinite(rawWidth) ? rawWidth : Number(rawWidth);
-      const hasCellWidth = Number.isFinite(cellWidthPixels) && cellWidthPixels > 0;
-      const colGridAttrs = grid?.[columnIndex] || {};
-      const gridWidthTwips = normalizeTwipWidth(colGridAttrs.col);
-      const gridWidthPixels = gridWidthTwips != null ? twipsToPixels(gridWidthTwips) : null;
-      let cellWidthTwips;
-      let enforceMinimum = false;
-      if (hasCellWidth) {
-        const tolerance = 0.5;
-        if (gridWidthTwips != null && gridWidthPixels != null && Math.abs(gridWidthPixels - cellWidthPixels) <= tolerance) {
-          cellWidthTwips = gridWidthTwips;
-        } else {
-          cellWidthTwips = pixelsToTwips(cellWidthPixels);
-        }
-      } else if (gridWidthTwips != null) {
+  for (let columnIndex = 0; columnIndex < totalColumns; ++columnIndex) {
+    const rawWidth = colWidthsFromCellNodes[columnIndex];
+    const cellWidthPixels = typeof rawWidth === "number" && Number.isFinite(rawWidth) ? rawWidth : Number(rawWidth);
+    const hasCellWidth = Number.isFinite(cellWidthPixels) && cellWidthPixels > 0;
+    const colGridAttrs = grid?.[columnIndex] || {};
+    const gridWidthTwips = normalizeTwipWidth(colGridAttrs.col);
+    const gridWidthPixels = gridWidthTwips != null ? twipsToPixels(gridWidthTwips) : null;
+    let cellWidthTwips;
+    let enforceMinimum = false;
+    if (gridWidthTwips != null) {
+      cellWidthTwips = gridWidthTwips;
+    } else if (hasCellWidth) {
+      const tolerance = 0.5;
+      if (gridWidthTwips != null && gridWidthPixels != null && Math.abs(gridWidthPixels - cellWidthPixels) <= tolerance) {
         cellWidthTwips = gridWidthTwips;
       } else {
-        cellWidthTwips = fallbackColumnWidthTwips;
-        enforceMinimum = true;
+        cellWidthTwips = pixelsToTwips(cellWidthPixels);
       }
-      pushColumn(cellWidthTwips, { enforceMinimum });
-      columnIndex++;
+    } else {
+      cellWidthTwips = fallbackColumnWidthTwips;
+      enforceMinimum = true;
     }
-  });
-  while (columnIndex < grid.length) {
-    const gridWidthTwips = normalizeTwipWidth(grid[columnIndex]?.col);
-    pushColumn(gridWidthTwips);
-    columnIndex++;
+    pushColumn(cellWidthTwips, { enforceMinimum });
   }
   const newNode = {
     name: XML_NODE_NAME$b,
@@ -31689,6 +31736,8 @@ const encode$g = (params, encodedAttrs) => {
   if (tblPr) {
     const encodedProperties = translator$c.encode({ ...params, nodes: [tblPr] });
     encodedAttrs["tableProperties"] = encodedProperties || {};
+  } else {
+    encodedAttrs["tableProperties"] || (encodedAttrs["tableProperties"] = {});
   }
   const tblGrid = node.elements.find((el) => el.name === "w:tblGrid");
   if (tblGrid) {
@@ -31709,14 +31758,14 @@ const encode$g = (params, encodedAttrs) => {
       key = prop;
       transform = (v2) => v2;
     }
-    if (encodedAttrs.tableProperties && encodedAttrs.tableProperties[key]) {
+    if (encodedAttrs.tableProperties[key]) {
       encodedAttrs[key] = transform(encodedAttrs.tableProperties[key]);
     }
   });
   if (encodedAttrs.tableCellSpacing) {
     encodedAttrs["borderCollapse"] = "separate";
   }
-  if (encodedAttrs.tableProperties?.tableWidth) {
+  if (encodedAttrs.tableProperties.tableWidth) {
     const tableWidthMeasurement = encodedAttrs.tableProperties.tableWidth;
     const widthPx = twipsToPixels(tableWidthMeasurement.value);
     if (widthPx != null) {
@@ -31731,25 +31780,22 @@ const encode$g = (params, encodedAttrs) => {
       };
     }
   }
-  const { borders, rowBorders } = _processTableBorders(encodedAttrs.tableProperties?.borders || {});
-  const referencedStyles = _getReferencedTableStyles(encodedAttrs.tableStyleId, params);
-  if (referencedStyles?.cellMargins && !encodedAttrs.tableProperties?.cellMargins) {
-    encodedAttrs.tableProperties = {
-      ...encodedAttrs.tableProperties || {},
-      cellMargins: referencedStyles.cellMargins
-    };
-  }
+  const borderProps = _processTableBorders(encodedAttrs.tableProperties.borders || {});
+  const referencedStyles = _getReferencedTableStyles(encodedAttrs.tableStyleId, params) || {};
+  const rowBorders = { ...referencedStyles.rowBorders, ...borderProps.rowBorders };
+  encodedAttrs.borders = { ...referencedStyles.borders, ...borderProps.borders };
+  encodedAttrs.tableProperties.cellMargins = referencedStyles.cellMargins = {
+    ...referencedStyles.cellMargins,
+    ...encodedAttrs.tableProperties.cellMargins
+  };
   const rows = node.elements.filter((el) => el.name === "w:tr");
-  const borderData = Object.assign({}, referencedStyles?.borders || {}, borders || {});
-  const borderRowData = Object.assign({}, referencedStyles?.rowBorders || {}, rowBorders || {});
-  encodedAttrs["borders"] = borderData;
   let columnWidths = Array.isArray(encodedAttrs["grid"]) ? encodedAttrs["grid"].map((item) => twipsToPixels(item.col)) : [];
   if (!columnWidths.length) {
     const fallback = buildFallbackGridForTable({
       params,
       rows,
       tableWidth: encodedAttrs.tableWidth,
-      tableWidthMeasurement: encodedAttrs.tableProperties?.tableWidth
+      tableWidthMeasurement: encodedAttrs.tableProperties.tableWidth
     });
     if (fallback) {
       encodedAttrs.grid = fallback.grid;
@@ -31762,11 +31808,12 @@ const encode$g = (params, encodedAttrs) => {
   rows.forEach((row, rowIndex) => {
     const result = translator$v.encode({
       ...params,
+      path: [...params.path || [], node],
       nodes: [row],
       extraParams: {
         row,
         table: node,
-        rowBorders: borderRowData,
+        rowBorders,
         columnWidths,
         activeRowSpans: activeRowSpans.slice(),
         rowIndex,
@@ -35566,7 +35613,7 @@ const _SuperConverter = class _SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "0.31.0-next.5") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "0.31.0-next.7") {
     return _SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**
@@ -36240,7 +36287,7 @@ export {
   resolveParagraphProperties as au,
   eighthPointsToPixels as av,
   linesToTwips as aw,
-  PIXELS_PER_INCH as ax,
+  convertSizeToCSS as ax,
   SelectionRange as ay,
   Transform as az,
   Slice as b,

package/dist/super-editor/chunks/{docx-zipper-DVDiaIyD.js → docx-zipper-4ipmBNSH.js}

@@ -1,4 +1,4 @@
-import { p as process$1, aE as commonjsGlobal, B as Buffer, aF as getDefaultExportFromCjs, aG as getContentTypesFromXml, aH as xmljs } from "./converter-BIsS-JzD.js";
+import { p as process$1, aE as commonjsGlobal, B as Buffer, aF as getDefaultExportFromCjs, aG as getContentTypesFromXml, aH as xmljs } from "./converter-DVDL6NWz.js";
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }