superdoc 0.31.0-next.6 → 0.31.0-next.7

package/dist/super-editor/chunks/{editor-D0zFmUwx.js → editor-B8v33PJq.js}

@@ -12,8 +12,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
 var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, isElementNode_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, updateHTMLAttributes_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
 import * as Y from "yjs";
 import { UndoManager, Item as Item$1, ContentType, Text as Text$1, XmlElement, encodeStateAsUpdate } from "yjs";
-import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as htmlHandler, E as ReplaceStep, L as ListHelpers, G as updateNumberingProperties, H as changeListLevel, I as findParentNode, J as isList, K as isMacOS, O as isIOS, Q as getSchemaTypeByName, U as inputRulesPlugin, V as TrackDeleteMarkName, W as TrackInsertMarkName, X as v4, Y as TrackFormatMarkName, Z as comments_module_events, _ as findMark, $ as objectIncludes, a0 as AddMarkStep, a1 as RemoveMarkStep, a2 as twipsToLines, a3 as pixelsToTwips, a4 as helpers, a5 as posToDOMRect, a6 as CommandService, a7 as SuperConverter, a8 as createDocument, a9 as createDocFromMarkdown, aa as createDocFromHTML, ab as EditorState, ac as hasSomeParentWithClass, ad as isActive, ae as unflattenListsInHtml, af as parseSizeUnit, ag as minMax, ah as getLineHeightValueString, ai as updateDOMAttributes, aj as findChildren$5, ak as generateRandomSigned32BitIntStrId, al as kebabCase, am as twipsToPixels, an as halfPointToPixels, ao as getUnderlineCssString, ap as findParentNodeClosestToPos, aq as resolveRunProperties, ar as encodeCSSFromRPr, as as docxNumberingHelpers, at as InputRule, au as resolveParagraphProperties, av as eighthPointsToPixels, aw as linesToTwips, ax as PIXELS_PER_INCH, ay as SelectionRange, az as Transform, aA as isInTable$1, aB as generateDocxRandomId, aC as insertNewRelationship, aD as inchesToPixels } from "./converter-DEQxlCAJ.js";
-import { D as DocxZipper } from "./docx-zipper-C6VMEIY_.js";
+import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as htmlHandler, E as ReplaceStep, L as ListHelpers, G as updateNumberingProperties, H as changeListLevel, I as findParentNode, J as isList, K as isMacOS, O as isIOS, Q as getSchemaTypeByName, U as inputRulesPlugin, V as TrackDeleteMarkName, W as TrackInsertMarkName, X as v4, Y as TrackFormatMarkName, Z as comments_module_events, _ as findMark, $ as objectIncludes, a0 as AddMarkStep, a1 as RemoveMarkStep, a2 as twipsToLines, a3 as pixelsToTwips, a4 as helpers, a5 as posToDOMRect, a6 as CommandService, a7 as SuperConverter, a8 as createDocument, a9 as createDocFromMarkdown, aa as createDocFromHTML, ab as EditorState, ac as hasSomeParentWithClass, ad as isActive, ae as unflattenListsInHtml, af as parseSizeUnit, ag as minMax, ah as getLineHeightValueString, ai as updateDOMAttributes, aj as findChildren$5, ak as generateRandomSigned32BitIntStrId, al as kebabCase, am as twipsToPixels, an as halfPointToPixels, ao as getUnderlineCssString, ap as findParentNodeClosestToPos, aq as resolveRunProperties, ar as encodeCSSFromRPr, as as docxNumberingHelpers, at as InputRule, au as resolveParagraphProperties, av as eighthPointsToPixels, aw as linesToTwips, ax as convertSizeToCSS, ay as SelectionRange, az as Transform, aA as isInTable$1, aB as generateDocxRandomId, aC as insertNewRelationship, aD as inchesToPixels } from "./converter-DVDL6NWz.js";
+import { D as DocxZipper } from "./docx-zipper-4ipmBNSH.js";
 import { ref, computed, createElementBlock, openBlock, withModifiers, Fragment as Fragment$1, renderList, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, createApp } from "vue";
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
@@ -14109,7 +14109,7 @@ const _Editor = class _Editor extends EventEmitter {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-DAES86tg.js"),
+      import("./index-BJ6cOegF.js"),
       import("./index-DRCvimau.js"),
       import("./index-C_x_N6Uh.js"),
       import("./index-D_sWOSiG.js"),
@@ -14310,7 +14310,7 @@ const _Editor = class _Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.31.0-next.6");
+    console.debug("[checkVersionMigrations] Current editor version", "0.31.0-next.7");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -16807,6 +16807,46 @@ function getStructuredContentTagsById(idOrIds, state) {
   });
   return result;
 }
+function createTagObject(tagData) {
+  if (!tagData || typeof tagData !== "object") {
+    return null;
+  }
+  return JSON.stringify(tagData);
+}
+function parseTagObject(tag) {
+  if (typeof tag !== "string" || !tag.startsWith("{")) {
+    return null;
+  }
+  try {
+    const parsed = JSON.parse(tag);
+    return parsed && typeof parsed === "object" ? parsed : null;
+  } catch {
+    return null;
+  }
+}
+function hasGroup(tag) {
+  const parsed = parseTagObject(tag);
+  return parsed !== null && typeof parsed.group === "string";
+}
+function getGroup(tag) {
+  const parsed = parseTagObject(tag);
+  return parsed && typeof parsed.group === "string" ? parsed.group : null;
+}
+function getStructuredContentByGroup(groupOrGroups, state) {
+  const searchGroups = Array.isArray(groupOrGroups) ? groupOrGroups : [groupOrGroups];
+  const result = findChildren$5(state.doc, (node) => {
+    const isStructuredContent = ["structuredContent", "structuredContentBlock"].includes(node.type.name);
+    if (!isStructuredContent) {
+      return false;
+    }
+    const nodeGroup = getGroup(node.attrs.tag);
+    if (!nodeGroup) {
+      return false;
+    }
+    return searchGroups.includes(nodeGroup);
+  });
+  return result;
+}
 function getStructuredContentTags(state) {
   const result = findChildren$5(state.doc, (node) => {
     return node.type.name === "structuredContent" || node.type.name === "structuredContentBlock";
@@ -16839,11 +16879,16 @@ function getStructuredContentTablesById(id, state) {
 }
 const structuredContentHelpers = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  createTagObject,
+  getGroup,
   getStructuredContentBlockTags,
+  getStructuredContentByGroup,
   getStructuredContentInlineTags,
   getStructuredContentTablesById,
   getStructuredContentTags,
-  getStructuredContentTagsById
+  getStructuredContentTagsById,
+  hasGroup,
+  parseTagObject
 }, Symbol.toStringTag, { value: "Module" }));
 const STRUCTURED_CONTENT_NAMES = ["structuredContent", "structuredContentBlock"];
 const StructuredContentCommands = Extension.create({
@@ -16855,6 +16900,16 @@ const StructuredContentCommands = Extension.create({
        * @category Command
        * @param {StructuredContentInlineInsert} options
        * @example
+       * // With group for linking multiple fields
+       * editor.commands.insertStructuredContentInline({
+       *  attrs: {
+       *   group: 'customer-info',
+       *   alias: 'Customer Name',
+       *  },
+       *  text: 'John Doe',
+       * });
+       *
+       * // No group
        * editor.commands.insertStructuredContentInline({
        *  attrs: {
        *   id: '123',
@@ -16883,12 +16938,17 @@ const StructuredContentCommands = Extension.create({
           if (!content) {
             content = schema.text(" ");
           }
+          let tag = options.attrs?.tag || "inline_text_sdt";
+          if (options.attrs?.group) {
+            tag = createTagObject({ group: options.attrs.group });
+          }
           const attrs = {
-            ...options.attrs,
             id: options.attrs?.id || generateRandomSigned32BitIntStrId(),
-            tag: "inline_text_sdt",
-            alias: options.attrs?.alias || "Structured content"
+            tag,
+            alias: options.attrs?.alias || "Structured content",
+            ...options.attrs
           };
+          delete attrs.group;
           const node = schema.nodes.structuredContent.create(attrs, content, null);
           const parent = findParentNode((node2) => node2.type.name === "structuredContent")(state.selection);
           if (parent) {
@@ -16904,14 +16964,22 @@ const StructuredContentCommands = Extension.create({
        * @category Command
        * @param {StructuredContentBlockInsert} options
        * @example
+       * // With group for linking multiple fields
+       * editor.commands.insertStructuredContentBlock({
+       *  attrs: {
+       *    group: 'terms-section',
+       *    alias: 'Terms & Conditions',
+       *  },
+       *  html: '<p>Legal content...</p>',
+       * });
+       *
+       * // No group
        * editor.commands.insertStructuredContentBlock({
        *  attrs: {
        *    id: '456',
        *    alias: 'Terms & Conditions',
        *  },
        *  json: { type: 'paragraph', content: [{ type: 'text', text: 'Legal content...' }] }
-       *  // or
-       *  html: '<p>Legal content...</p>',
        * });
        */
       insertStructuredContentBlock: (options = {}) => ({ editor, dispatch, state, tr }) => {
@@ -16934,12 +17002,17 @@ const StructuredContentCommands = Extension.create({
           if (!content) {
             content = schema.nodeFromJSON({ type: "paragraph", content: [] });
           }
+          let tag = options.attrs?.tag || "block_table_sdt";
+          if (options.attrs?.group) {
+            tag = createTagObject({ group: options.attrs.group });
+          }
           const attrs = {
-            ...options.attrs,
             id: options.attrs?.id || generateRandomSigned32BitIntStrId(),
-            tag: "block_table_sdt",
-            alias: options.attrs?.alias || "Structured content"
+            tag,
+            alias: options.attrs?.alias || "Structured content",
+            ...options.attrs
           };
+          delete attrs.group;
           const node = schema.nodes.structuredContentBlock.create(attrs, content, null);
           const parent = findParentNode((node2) => node2.type.name === "structuredContentBlock")(state.selection);
           if (parent) {
@@ -17069,6 +17142,85 @@ const StructuredContentCommands = Extension.create({
         }
         return true;
       },
+      /**
+       * Updates all structured content fields that share the same group identifier.
+       * Groups allow linking multiple fields together for batch operations.
+       * @category Command
+       * @param {string} group - Group identifier shared by multiple fields
+       * @param {StructuredContentUpdate} options
+       * @example
+       * // Update all fields in the customer-info group
+       * editor.commands.updateStructuredContentByGroup('customer-info', { text: 'Jane Doe' });
+       *
+       * // Update block content in a group
+       * editor.commands.updateStructuredContentByGroup('terms-section', {
+       *  html: '<p>Updated terms...</p>'
+       * });
+       */
+      updateStructuredContentByGroup: (group, options = {}) => ({ editor, dispatch, state, tr }) => {
+        const structuredContentTags = getStructuredContentByGroup(group, state);
+        if (!structuredContentTags.length) {
+          return true;
+        }
+        const { schema } = editor;
+        if (dispatch) {
+          structuredContentTags.forEach((structuredContent) => {
+            const { pos, node } = structuredContent;
+            const posFrom = tr.mapping.map(pos);
+            const posTo = tr.mapping.map(pos + node.nodeSize);
+            let content = null;
+            if (options.text) {
+              content = schema.text(options.text);
+            }
+            if (options.html) {
+              const html = htmlHandler(options.html, editor);
+              const doc2 = DOMParser$1.fromSchema(schema).parse(html);
+              content = doc2.content;
+            }
+            if (options.json) {
+              content = schema.nodeFromJSON(options.json);
+            }
+            if (!content) {
+              content = node.content;
+            }
+            const updatedNode = node.type.create({ ...node.attrs, ...options.attrs }, content, node.marks);
+            const currentNode = tr.doc.nodeAt(posFrom);
+            if (currentNode && node.eq(currentNode)) {
+              tr.replaceWith(posFrom, posTo, updatedNode);
+            }
+          });
+        }
+        return true;
+      },
+      /**
+       * Removes all structured content fields that share the same group identifier.
+       * @category Command
+       * @param {string | string[]} groupOrGroups - Single group or array of groups
+       * @example
+       * // Delete all fields in a group
+       * editor.commands.deleteStructuredContentByGroup('customer-info');
+       *
+       * // Delete multiple groups
+       * editor.commands.deleteStructuredContentByGroup(['header', 'footer']);
+       */
+      deleteStructuredContentByGroup: (groupOrGroups) => ({ dispatch, state, tr }) => {
+        const structuredContentTags = getStructuredContentByGroup(groupOrGroups, state);
+        if (!structuredContentTags.length) {
+          return true;
+        }
+        if (dispatch) {
+          structuredContentTags.forEach((structuredContent) => {
+            const { pos, node } = structuredContent;
+            const posFrom = tr.mapping.map(pos);
+            const posTo = tr.mapping.map(pos + node.nodeSize);
+            const currentNode = tr.doc.nodeAt(posFrom);
+            if (currentNode && node.eq(currentNode)) {
+              tr.delete(posFrom, posTo);
+            }
+          });
+        }
+        return true;
+      },
       /**
        * Append multiple rows to the end of a table inside a structured content block.
        * Each inner array represents the cell values for one new row.
@@ -20511,15 +20663,6 @@ const HardBreak = Node$1.create({
     };
   }
 });
-const getColStyleDeclaration = (minWidth, width) => {
-  if (width != null) {
-    const numericWidth = Number(width);
-    if (Number.isFinite(numericWidth) && numericWidth >= 0) {
-      return ["width", `${numericWidth}px`];
-    }
-  }
-  return ["min-width", `${minWidth}px`];
-};
 const createTableView = ({ editor }) => {
   return class TableView {
     constructor(node, cellMinWidth) {
@@ -20538,7 +20681,7 @@ const createTableView = ({ editor }) => {
       this.table = this.dom.appendChild(document.createElement("table"));
       this.colgroup = this.table.appendChild(document.createElement("colgroup"));
       updateTable(this.editor, this.node, this.table);
-      updateColumns(node, this.colgroup, this.table, cellMinWidth, void 0, void 0, this.editor);
+      updateColumns(node, this.colgroup, this.table);
       this.contentDOM = this.table.appendChild(document.createElement("tbody"));
       setTimeout(() => {
         updateTableWrapper(this.dom, this.table);
@@ -20550,7 +20693,7 @@ const createTableView = ({ editor }) => {
       }
       this.node = node;
       updateTable(this.editor, node, this.table);
-      updateColumns(node, this.colgroup, this.table, this.cellMinWidth, void 0, void 0, this.editor);
+      updateColumns(node, this.colgroup, this.table, this.cellMinWidth);
       updateTableWrapper(this.dom, this.table);
       return true;
     }
@@ -20563,43 +20706,20 @@ const createTableView = ({ editor }) => {
     }
   };
 };
-function updateColumns(node, colgroup, table, cellMinWidth, overrideCol, overrideValue, editor) {
+function updateColumns(node, colgroup, table, cellMinWidth) {
   const gridColumns = Array.isArray(node.attrs?.grid) && node.attrs.grid.length ? node.attrs.grid.map((col) => twipsToPixels(col.col)) : null;
   const totalColumns = gridColumns?.length ?? null;
-  const pageBody = table.closest(".page__body");
-  const wrapper = table.parentElement;
-  let availableWidth = pageBody?.getBoundingClientRect?.().width;
-  if (!availableWidth && wrapper) {
-    availableWidth = wrapper.getBoundingClientRect().width;
-  }
-  if (typeof availableWidth === "number" && !Number.isNaN(availableWidth)) {
-    availableWidth = Math.max(availableWidth - 2, 0);
-  } else {
-    availableWidth = null;
-  }
-  const pageStyles = editor?.converter?.pageStyles;
-  if (pageStyles?.pageSize?.width) {
-    const toNumber = (v) => typeof v === "number" ? v : parseFloat(v) || 0;
-    const pageWidth = toNumber(pageStyles.pageSize.width);
-    const marginLeft = toNumber(pageStyles.pageMargins?.left);
-    const marginRight = toNumber(pageStyles.pageMargins?.right);
-    const pageAvailableWidthPx = Math.max((pageWidth - marginLeft - marginRight) * PIXELS_PER_INCH, 0);
-    if (pageAvailableWidthPx > 0) {
-      availableWidth = availableWidth ? Math.min(availableWidth, pageAvailableWidthPx) : pageAvailableWidthPx;
-    }
-  }
   const resolveColumnWidth = (colIndex2, colwidthValue) => {
-    if (overrideCol === colIndex2) return overrideValue;
     if (colwidthValue != null) return colwidthValue;
     if (gridColumns && gridColumns[colIndex2] != null) return gridColumns[colIndex2];
     return null;
   };
   const widths = [];
-  const row = node.firstChild;
+  const firstRow = node.firstChild;
   let colIndex = 0;
-  if (row !== null) {
-    for (let i = 0; i < row.childCount; i++) {
-      const child = row.child(i);
+  if (firstRow !== null) {
+    for (let i = 0; i < firstRow.childCount; i++) {
+      const child = firstRow.child(i);
       const { colspan, colwidth } = child.attrs;
       for (let span = 0; span < colspan; span += 1, colIndex += 1) {
         widths.push(resolveColumnWidth(colIndex, colwidth && colwidth[span]));
@@ -20619,49 +20739,41 @@ function updateColumns(node, colgroup, table, cellMinWidth, overrideCol, overrid
     if (numericWidth < 1) return 0;
     return numericWidth;
   });
-  const rawTotalWidth = normalizedWidths.reduce((sum, width) => sum + (width != null ? width : cellMinWidth), 0);
-  let scale = 1;
-  if (availableWidth && rawTotalWidth > 0 && rawTotalWidth > availableWidth) {
-    scale = availableWidth / rawTotalWidth;
-  }
-  let totalWidth = 0;
-  let hasUndefinedWidth = false;
-  let dom = colgroup.firstChild;
+  const tableWidthCSS = convertSizeToCSS(
+    // TODO: why is tableWidth undefined in src/tests/import-export/font-default-styles.test.js?
+    node.attrs.tableProperties.tableWidth?.value ?? null,
+    node.attrs.tableProperties.tableWidth?.type ?? "auto"
+  );
+  let colElement = colgroup.firstChild;
   normalizedWidths.forEach((width) => {
-    let scaledWidth = width;
-    if (scaledWidth != null) {
-      scaledWidth = scaledWidth * scale;
-    }
-    const [propKey, propVal] = getColStyleDeclaration(cellMinWidth, scaledWidth);
-    if (scaledWidth == null) {
-      totalWidth += cellMinWidth;
-      hasUndefinedWidth = true;
-    } else {
-      totalWidth += scaledWidth;
-    }
-    if (!dom) {
-      const colElement = document.createElement("col");
-      colElement.style.setProperty(propKey, propVal);
+    if (!colElement) {
+      colElement = document.createElement("col");
       colgroup.appendChild(colElement);
-    } else {
-      dom.style.setProperty(propKey, propVal);
-      dom = dom.nextSibling;
     }
+    colElement.style.width = width !== null && width !== void 0 ? `${width}px` : null;
+    colElement = colElement.nextSibling;
   });
-  while (dom) {
-    const next = dom.nextSibling;
-    dom.parentNode?.removeChild(dom);
-    dom = next;
-  }
-  if (scale < 1 || !hasUndefinedWidth) {
-    const clampedWidth = Math.min(totalWidth, availableWidth || totalWidth);
-    table.style.width = `${clampedWidth}px`;
-    table.style.minWidth = "";
+  while (colElement) {
+    const next = colElement.nextSibling;
+    colElement.parentNode?.removeChild(colElement);
+    colElement = next;
+  }
+  const tableIndent = convertSizeToCSS(
+    node.attrs.tableProperties.tableIndent?.value ?? 0,
+    node.attrs.tableProperties.tableIndent?.type ?? "dxa"
+  );
+  const firstRowFirstCellPaddingLeftPx = firstRow?.firstChild?.attrs?.cellMargins?.left ?? 0;
+  const firstRowLastCellPaddingRightPx = firstRow?.lastChild?.attrs?.cellMargins?.right ?? 0;
+  table.style.marginLeft = `${-firstRowFirstCellPaddingLeftPx}px`;
+  if (tableIndent !== null) {
+    table.style.marginLeft = tableIndent;
+  }
+  if (node.attrs.tableProperties.tableWidth?.type === "pct") {
+    const padding = firstRowFirstCellPaddingLeftPx + firstRowLastCellPaddingRightPx;
+    table.style.maxWidth = table.style.width = `calc(${tableWidthCSS} + ${padding}px)`;
   } else {
-    table.style.width = "";
-    table.style.minWidth = `${totalWidth}px`;
+    table.style.maxWidth = table.style.width = tableWidthCSS;
   }
-  table.style.maxWidth = "100%";
 }
 function updateTable(editor, node, table) {
   const allExtensionsAttrs = editor.extensionService.attributes;
@@ -20739,6 +20851,15 @@ const createTable = (schema, rowsCount, colsCount, withHeaderRow, cellContent =
   const tableBorders = createTableBorders();
   return types.table.createChecked({ borders: tableBorders }, rows);
 };
+const getColStyleDeclaration = (minWidth, width) => {
+  if (width != null) {
+    const numericWidth = Number(width);
+    if (Number.isFinite(numericWidth) && numericWidth >= 0) {
+      return ["width", `${numericWidth}px`];
+    }
+  }
+  return ["min-width", `${minWidth}px`];
+};
 const MIN_MEANINGFUL_WIDTH_PX = 1;
 const createColGroup = (node, cellMinWidth, overrideCol, overrideValue) => {
   let totalWidth = 0;
@@ -23105,15 +23226,6 @@ const Table = Node$1.create({
   },
   addAttributes() {
     return {
-      /* tableWidth: {
-        renderDOM: ({ tableWidth }) => {
-          if (!tableWidth) return {};
-          const { width, type = 'auto' } = tableWidth;
-          return { 
-            style: `width: ${width}px` 
-          };
-        },
-      }, */
       /**
        * @private
        * @category Attribute
@@ -23217,7 +23329,12 @@ const Table = Node$1.create({
        * @see {@link https://ecma-international.org/publications-and-standards/standards/ecma-376/} "Fundamentals And Markup Language Reference", page 371-483
        */
       tableProperties: {
-        default: null,
+        default: {
+          tableWidth: {
+            value: null,
+            type: "auto"
+          }
+        },
         rendered: false
       },
       /**
@@ -23985,12 +24102,14 @@ const TableCell = Node$1.create({
         }
       },
       cellMargins: {
-        renderDOM({ cellMargins }) {
+        renderDOM({ cellMargins, borders }) {
           if (!cellMargins) return {};
           const sides2 = ["top", "right", "bottom", "left"];
           const style = sides2.map((side) => {
-            const margin = cellMargins?.[side];
-            if (margin) return `padding-${side}: ${margin}px;`;
+            const margin = cellMargins?.[side] ?? 0;
+            const border = borders?.[side];
+            const borderSize = border && border.val !== "none" ? Math.ceil(border.size) : 0;
+            if (margin) return `padding-${side}: ${Math.max(0, margin - borderSize)}px;`;
             return "";
           }).join(" ");
           return { style };

package/dist/super-editor/chunks/{index-DAES86tg.js → index-BJ6cOegF.js}

@@ -1,4 +1,4 @@
-import { aF as getDefaultExportFromCjs } from "./converter-DEQxlCAJ.js";
+import { aF as getDefaultExportFromCjs } from "./converter-DVDL6NWz.js";
 import { V as VFile } from "./index-CvBqQJbG.js";
 function bail(error) {
   if (error) {

package/dist/super-editor/chunks/{toolbar-Cwx5bBDV.js → toolbar-CfUofx7k.js}

@@ -1,6 +1,6 @@
 import { computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, normalizeStyle, ref, withKeys, unref, withModifiers, createBlock, toDisplayString, withDirectives, vModelText, nextTick, getCurrentInstance, createVNode, readonly, watch, onMounted, onBeforeUnmount, reactive, onBeforeMount, inject, onActivated, onDeactivated, createTextVNode, Fragment, Comment, defineComponent, provide, h, Teleport, toRef, renderSlot, isVNode, shallowRef, watchEffect, mergeProps, Transition, vShow, cloneVNode, Text, renderList, withCtx } from "vue";
-import { p as process$1 } from "./converter-DEQxlCAJ.js";
-import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-D0zFmUwx.js";
+import { p as process$1 } from "./converter-DVDL6NWz.js";
+import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-B8v33PJq.js";
 const sanitizeNumber = (value, defaultNumber) => {
   let sanitized = value.replace(/[^0-9.]/g, "");
   sanitized = parseFloat(sanitized);

package/dist/super-editor/converter.es.js

@@ -1,4 +1,4 @@
-import { a7 } from "./chunks/converter-DEQxlCAJ.js";
+import { a7 } from "./chunks/converter-DVDL6NWz.js";
 export {
   a7 as SuperConverter
 };

package/dist/super-editor/docx-zipper.es.js

@@ -1,5 +1,5 @@
-import "./chunks/converter-DEQxlCAJ.js";
-import { D } from "./chunks/docx-zipper-C6VMEIY_.js";
+import "./chunks/converter-DVDL6NWz.js";
+import { D } from "./chunks/docx-zipper-4ipmBNSH.js";
 export {
   D as default
 };

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

@@ -1,6 +1,6 @@
-import { E } from "./chunks/editor-D0zFmUwx.js";
-import "./chunks/converter-DEQxlCAJ.js";
-import "./chunks/docx-zipper-C6VMEIY_.js";
+import { E } from "./chunks/editor-B8v33PJq.js";
+import "./chunks/converter-DVDL6NWz.js";
+import "./chunks/docx-zipper-4ipmBNSH.js";
 export {
   E as Editor
 };

package/dist/super-editor/file-zipper.es.js

@@ -1,4 +1,4 @@
-import { J as JSZip } from "./chunks/docx-zipper-C6VMEIY_.js";
+import { J as JSZip } from "./chunks/docx-zipper-4ipmBNSH.js";
 async function createZip(blobs, fileNames) {
   const zip = new JSZip();
   blobs.forEach((blob, index) => {

package/dist/super-editor/style.css

@@ -602,7 +602,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,
@@ -612,7 +612,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%; */
 }
@@ -621,7 +621,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;
@@ -1927,10 +1927,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;
@@ -1939,13 +1939,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;
@@ -1957,7 +1958,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/super-editor/src/core/super-converter/helpers.d.ts

@@ -60,4 +60,11 @@ export function hasSomeParentWithClass(element: any, classname: any): any;
 export function getTextIndentExportValue(indent: string | number): number;
 export function polygonUnitsToPixels(pu: any): number;
 export function pixelsToPolygonUnits(pixels: any): number;
+/**
+ * @param {number | string} value Value (e.g. 5000 or "100%")
+ * @param {"dxa" | "pct" | "nil" | "auto" | null} type Units: either "dxa" (or null/undefined) for absolute measurements in twips, "pct" for relative measurements (either as 1/50 of a percent, or as a percentage with a trailing "%"), "nil" (zero width, see 17.18.90 of ECMA-376-1:2016), or "auto" (
+ *
+ * @returns {string | null} CSS specification for size (e.g. `100%`, `25px`) or `null` if the type is `"auto"`
+ */
+export function convertSizeToCSS(value: number | string, type: "dxa" | "pct" | "nil" | "auto" | null): string | null;
 //# sourceMappingURL=helpers.d.ts.map

package/dist/super-editor/super-editor/src/core/super-converter/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/core/super-converter/helpers.js"],"names":[],"mappings":"AAGA,8BAAwB,EAAE,CAAC;AAE3B,mDAIC;AAED,kDAKC;AAED,kDAIC;AAED,mDAGC;AAQD,oDAIC;AAoDD,mDAGC;AAjED,oDAIC;AAQD,iDAGC;AAED,iDAGC;AAED,2DAGC;AAOD,8CAKC;AAED,6CAIC;AAED,wDAGC;AArBD,2DAGC;AAoBD,gEAKC;AAYD,yDAGC;AAbD,mDAGC;AAsBD,+CAGC;AAED,mDAGC;AAgDD;;;;;;;GAOG;AACH,qCAHW,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GACrB,MAAO,IAAI,CAyCvB;AA7ED;;;;;;;GAOG;AACH,gDAFa,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAC,IAAI,CAsBxC;AAsED,4FAyDC;AAED,uEAKC;AAmCD,kEAGC;AAED,mEASC;AA5BD,iDAYC;AAkBD,qDAaC;AAOD,2CAEC;AA1QD,2CAGC;AARD,8CAGC;AA8QD;;;;EAUC;AAED,qEAuBC;AAED,0EAGC;AAtMD;;;;GAIG;AACH,iDAHW,MAAM,GAAC,MAAM,GACX,MAAM,CAWlB;AApGD,sDAKC;AAdD,0DAOC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/core/super-converter/helpers.js"],"names":[],"mappings":"AAGA,8BAAwB,EAAE,CAAC;AAE3B,mDAIC;AAED,kDAKC;AAED,kDAIC;AAED,mDAGC;AAQD,oDAIC;AAoDD,mDAGC;AAjED,oDAIC;AAQD,iDAGC;AAED,iDAGC;AAED,2DAGC;AAOD,8CAKC;AAED,6CAIC;AAED,wDAGC;AArBD,2DAGC;AAoBD,gEAKC;AAYD,yDAGC;AAbD,mDAGC;AAsBD,+CAGC;AAED,mDAGC;AAgDD;;;;;;;GAOG;AACH,qCAHW,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GACrB,MAAO,IAAI,CAyCvB;AA7ED;;;;;;;GAOG;AACH,gDAFa,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAC,IAAI,CAsBxC;AAsED,4FAyDC;AAED,uEAKC;AAmCD,kEAGC;AAED,mEASC;AA5BD,iDAYC;AAkBD,qDAaC;AAOD,2CAEC;AA1QD,2CAGC;AARD,8CAGC;AA8QD;;;;EAUC;AAED,qEAuBC;AAED,0EAGC;AAtMD;;;;GAIG;AACH,iDAHW,MAAM,GAAC,MAAM,GACX,MAAM,CAWlB;AApGD,sDAKC;AAdD,0DAOC;AAgSD;;;;;GAKG;AACH,wCALW,MAAM,GAAG,MAAM,QACf,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,GAEnC,MAAM,GAAG,IAAI,CAoDzB"}

package/dist/super-editor/super-editor/src/core/super-converter/styles.d.ts

@@ -4,9 +4,10 @@
  * @param {Object} inlineProps - The inline paragraph properties.
  * @param {boolean} [insideTable=false] - Whether the paragraph is inside a table.
  * @param {boolean} [overrideInlineStyleId=false] - Whether to override the inline style ID with the one from numbering.
+ * @param {string | null} [tableStyleId=null] - styleId for the current table, if any
  * @returns {Object} The resolved paragraph properties.
  */
-export function resolveParagraphProperties(params: import("@translator").SCEncoderConfig, inlineProps: any, insideTable?: boolean, overrideInlineStyleId?: boolean): any;
+export function resolveParagraphProperties(params: import("@translator").SCEncoderConfig, inlineProps: any, insideTable?: boolean, overrideInlineStyleId?: boolean, tableStyleId?: string | null): any;
 export function getDefaultProperties(params: any, translator: any): any;
 export function getStyleProperties(params: any, styleId: any, translator: any): {
     properties: any;

package/dist/super-editor/super-editor/src/core/super-converter/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/core/super-converter/styles.js"],"names":[],"mappings":"AA0EA;;;;;;;GAOG;AACH,mDANW,OAAO,aAAa,EAAE,eAAe,kCAErC,OAAO,0BACP,OAAO,OAuFjB;AA8BD,wEAgBC;AAED;;;;EAsBC;AAED,iHA8DC;AA2CD;;;IAqGC;AAED,oEAyKC;AAED,mDAoFC;AA9qBM,6CALI,OAAO,aAAa,EAAE,eAAe,mGA8D/C;AAsOM,8GAmCN;AAEM,gEAEN"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/core/super-converter/styles.js"],"names":[],"mappings":"AA0EA;;;;;;;;GAQG;AACH,mDAPW,OAAO,aAAa,EAAE,eAAe,kCAErC,OAAO,0BACP,OAAO,iBACP,MAAM,GAAG,IAAI,OAgGvB;AA8BD,wEAgBC;AAED;;;;EAsBC;AAED,iHA8DC;AA2CD;;;IAqGC;AAED,oEAyKC;AAED,mDAoFC;AAxrBM,6CALI,OAAO,aAAa,EAAE,eAAe,mGA8D/C;AAgPM,8GAmCN;AAEM,gEAEN"}

package/dist/super-editor/super-editor/src/core/super-converter/v3/handlers/w/p/helpers/legacy-handle-paragraph-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"legacy-handle-paragraph-node.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/super-converter/v3/handlers/w/p/helpers/legacy-handle-paragraph-node.js"],"names":[],"mappings":"AAUO,4CAHI,OAAO,aAAa,EAAE,eAAe,OA8E/C"}
+{"version":3,"file":"legacy-handle-paragraph-node.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/super-converter/v3/handlers/w/p/helpers/legacy-handle-paragraph-node.js"],"names":[],"mappings":"AA0BO,4CAHI,OAAO,aAAa,EAAE,eAAe,OAqF/C"}