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

package/dist/super-editor/chunks/{editor-ZbcM1RTL.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-BIsS-JzD.js";
-import { D as DocxZipper } from "./docx-zipper-DVDiaIyD.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-B7dC-H-Q.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.5");
+    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.
@@ -18217,7 +18369,7 @@ const applyLinkedStyleToTransaction = (tr, editor, style) => {
   let selection = tr.selection;
   const state = editor.state;
   const focusState = CustomSelectionPluginKey.getState(state);
-  if (selection.empty && focusState?.preservedSelection) {
+  if (selection.empty && focusState?.preservedSelection && !focusState?.preservedSelection.empty) {
     selection = focusState.preservedSelection;
     tr.setSelection(selection);
   } else if (selection.empty && editor.options.lastSelection) {
@@ -18284,6 +18436,31 @@ const applyLinkedStyleToTransaction = (tr, editor, style) => {
   });
   return true;
 };
+const stepInsertsTextIntoStyledParagraph = (tr, oldEditorState, step, stepIndex) => {
+  if (!step.slice || step.slice.size === 0 || typeof step.from !== "number") {
+    return false;
+  }
+  let insertsText = false;
+  step.slice.content.descendants((node) => {
+    if (node.type?.name === "text" && node.text?.length) {
+      insertsText = true;
+      return false;
+    }
+    return true;
+  });
+  if (!insertsText) return false;
+  const docBeforeStep = tr.docs?.[stepIndex] || oldEditorState.doc;
+  if (!docBeforeStep) return false;
+  const resolvedPos = Math.min(step.from, docBeforeStep.content.size);
+  const $pos = docBeforeStep.resolve(resolvedPos);
+  for (let depth = $pos.depth; depth >= 0; depth--) {
+    const node = $pos.node(depth);
+    if (node?.type?.name === "paragraph") {
+      return Boolean(node.attrs?.styleId);
+    }
+  }
+  return false;
+};
 const LinkedStylesPluginKey = new PluginKey("linkedStyles");
 const createLinkedStylesPlugin = (editor) => {
   return new Plugin({
@@ -18317,7 +18494,7 @@ const createLinkedStylesPlugin = (editor) => {
         if (tr.docChanged) {
           let mightAffectStyles = false;
           const styleRelatedMarks = /* @__PURE__ */ new Set(["textStyle", "bold", "italic", "underline", "strike"]);
-          tr.steps.forEach((step) => {
+          tr.steps.forEach((step, index2) => {
             if (step.slice) {
               step.slice.content.descendants((node) => {
                 if (node.attrs?.styleId) {
@@ -18338,6 +18515,9 @@ const createLinkedStylesPlugin = (editor) => {
                 mightAffectStyles = true;
               }
             }
+            if (!mightAffectStyles && stepInsertsTextIntoStyledParagraph(tr, oldEditorState, step, index2)) {
+              mightAffectStyles = true;
+            }
           });
           if (mightAffectStyles) {
             const styles = LinkedStylesPluginKey.getState(editor.state).styles;
@@ -19736,6 +19916,8 @@ const Paragraph = OxmlNode.create({
         }
       },
       styleId: {
+        default: null,
+        keepOnSplit: false,
         renderDOM: (attrs) => {
           if (!attrs.styleId) return {};
           return { styleid: attrs.styleId };
@@ -20481,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) {
@@ -20508,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);
@@ -20520,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;
     }
@@ -20533,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]));
@@ -20589,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;
@@ -20709,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;
@@ -23075,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
@@ -23187,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
       },
       /**
@@ -23955,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-B7dC-H-Q.js → index-BJ6cOegF.js}

@@ -1,4 +1,4 @@
-import { aF as getDefaultExportFromCjs } from "./converter-BIsS-JzD.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-8qqw8IXG.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-BIsS-JzD.js";
-import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-ZbcM1RTL.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-BIsS-JzD.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-BIsS-JzD.js";
-import { D } from "./chunks/docx-zipper-DVDiaIyD.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-ZbcM1RTL.js";
-import "./chunks/converter-BIsS-JzD.js";
-import "./chunks/docx-zipper-DVDiaIyD.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-DVDiaIyD.js";
+import { J as JSZip } from "./chunks/docx-zipper-4ipmBNSH.js";
 async function createZip(blobs, fileNames) {
   const zip = new JSZip();
   blobs.forEach((blob, index) => {