@harbour-enterprises/superdoc 0.24.0-next.3 → 0.24.0-next.5

package/dist/super-editor/chunks/{docx-zipper-C9jmfWYZ.js → docx-zipper-C1p3F7Ok.js}

@@ -1,4 +1,4 @@
-import { p as process$1, ax as commonjsGlobal, B as Buffer, ay as getDefaultExportFromCjs, az as getContentTypesFromXml, aA as xmljs } from "./converter-BueCftlx.js";
+import { p as process$1, az as commonjsGlobal, B as Buffer, aA as getDefaultExportFromCjs, aB as getContentTypesFromXml, aC as xmljs } from "./converter-D-9mYZ83.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.');
 }

package/dist/super-editor/chunks/{editor-BsuNqVvp.js → editor-lJoa5ADp.js}

@@ -9,12 +9,12 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_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, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_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, _ListItemNodeView_instances, init_fn3, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
+var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_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, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFontsWithLocalFonts_fn, determineUnsupportedFontsWithCanvas_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, _ListItemNodeView_instances, init_fn3, _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 ReplaceStep, E as NodeRange, G as findWrapping, L as ListHelpers, H as findParentNode, I as isMacOS, J as isIOS, K as getSchemaTypeByName, O as inputRulesPlugin, Q as TrackDeleteMarkName, U as TrackInsertMarkName, V as v4, W as TrackFormatMarkName, X as comments_module_events, Y as findMark, Z as objectIncludes, _ as AddMarkStep, $ as RemoveMarkStep, a0 as twipsToLines, a1 as pixelsToTwips, a2 as helpers, a3 as posToDOMRect, a4 as CommandService, a5 as SuperConverter, a6 as createDocument, a7 as createDocFromMarkdown, a8 as createDocFromHTML, a9 as EditorState, aa as hasSomeParentWithClass, ab as isActive, ac as unflattenListsInHtml, ad as parseSizeUnit, ae as minMax, af as getLineHeightValueString, ag as updateDOMAttributes, ah as findChildren$5, ai as htmlHandler, aj as generateRandomSigned32BitIntStrId, ak as InputRule, al as kebabCase, am as findParentNodeClosestToPos, an as getListItemStyleDefinitions, ao as docxNumberigHelpers, ap as parseIndentElement, aq as combineIndents, ar as SelectionRange, as as Transform, at as isInTable$1, au as generateDocxRandomId, av as insertNewRelationship, aw as inchesToPixels } from "./converter-BueCftlx.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 ReplaceStep, E as NodeRange, G as findWrapping, L as ListHelpers, H as findParentNode, I as isMacOS, J as isIOS, K as getSchemaTypeByName, O as inputRulesPlugin, Q as TrackDeleteMarkName, U as TrackInsertMarkName, V as v4, W as TrackFormatMarkName, X as comments_module_events, Y as findMark, Z as objectIncludes, _ as AddMarkStep, $ as RemoveMarkStep, a0 as twipsToLines, a1 as pixelsToTwips, a2 as helpers, a3 as posToDOMRect, a4 as CommandService, a5 as SuperConverter, a6 as createDocument, a7 as createDocFromMarkdown, a8 as createDocFromHTML, a9 as EditorState, aa as hasSomeParentWithClass, ab as isActive, ac as unflattenListsInHtml, ad as parseSizeUnit, ae as minMax, af as getLineHeightValueString, ag as updateDOMAttributes, ah as findChildren$5, ai as htmlHandler, aj as generateRandomSigned32BitIntStrId, ak as InputRule, al as kebabCase, am as findParentNodeClosestToPos, an as getListItemStyleDefinitions, ao as docxNumberigHelpers, ap as parseIndentElement, aq as combineIndents, ar as twipsToPixels, as as PIXELS_PER_INCH, at as SelectionRange, au as Transform, av as isInTable$1, aw as generateDocxRandomId, ax as insertNewRelationship, ay as inchesToPixels } from "./converter-D-9mYZ83.js";
 import { ref, computed, createElementBlock, openBlock, withModifiers, Fragment as Fragment$1, renderList, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, createApp } from "vue";
-import { D as DocxZipper } from "./docx-zipper-C9jmfWYZ.js";
+import { D as DocxZipper } from "./docx-zipper-C1p3F7Ok.js";
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
 };
@@ -13101,6 +13101,29 @@ const setImageNodeSelection = (view, pos) => {
   }
   return false;
 };
+function canRenderFont(fontName, fallbackFont = "sans-serif") {
+  const _canRenderFont = (fontName2, fallbackFont2) => {
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    ctx.textBaseline = "top";
+    const text = "abcdefghijklmnopqrstuvwxyz0123456789";
+    ctx.font = `72px ${fallbackFont2}`;
+    const initialTextMeasurement = ctx.measureText(text);
+    const fallbackWidth = initialTextMeasurement.width;
+    const fallbackHeight = initialTextMeasurement.actualBoundingBoxDescent;
+    ctx.font = `72px "${fontName2}", ${fallbackFont2}`;
+    const customTextMeasurement = ctx.measureText(text);
+    const customFontWidth = customTextMeasurement.width;
+    const customFontHeight = customTextMeasurement.actualBoundingBoxDescent;
+    const isAvailable = customFontWidth !== fallbackWidth || customFontHeight !== fallbackHeight;
+    return isAvailable;
+  };
+  if (_canRenderFont(fontName, fallbackFont)) {
+    return true;
+  }
+  const oppositeFallbackFont = fallbackFont === "sans-serif" ? "serif" : "sans-serif";
+  return _canRenderFont(fontName, oppositeFallbackFont);
+}
 const { findChildren: findChildren$3 } = helpers;
 function getAllFieldAnnotations(state) {
   let fieldAnnotations = findChildren$3(state.doc, (node) => node.type.name === "fieldAnnotation");
@@ -14193,6 +14216,11 @@ const _Editor = class _Editor extends EventEmitter {
      * @type {boolean}
      */
     __publicField(this, "isFocused", false);
+    /**
+     * All the embedded fonts that were imported by the Editor
+     * @type {string[]}
+     */
+    __publicField(this, "fontsImported", []);
     __publicField(this, "options", {
       element: null,
       selector: null,
@@ -14253,6 +14281,7 @@ const _Editor = class _Editor extends EventEmitter {
       onPaginationUpdate: () => null,
       onException: () => null,
       onListDefinitionsChange: () => null,
+      onFontsResolved: null,
       // async (file) => url;
       handleImageUpload: null,
       // telemetry
@@ -15238,6 +15267,9 @@ init_fn = function() {
   this.emit("beforeCreate", { editor: this });
   this.on("contentError", this.options.onContentError);
   this.mount(this.options.element);
+  if (!this.options.isHeadless) {
+    __privateMethod(this, _Editor_instances, checkFonts_fn).call(this);
+  }
   this.on("create", this.options.onCreate);
   this.on("update", this.options.onUpdate);
   this.on("selectionUpdate", this.options.onSelectionUpdate);
@@ -15438,13 +15470,90 @@ initMedia_fn = function() {
  * @returns {void}
  */
 initFonts_fn = function() {
-  const styleString = this.converter.getDocumentFonts();
-  if (styleString?.length) {
+  const results = this.converter.getFontFaceImportString();
+  if (results?.styleString?.length) {
     const style = document.createElement("style");
-    style.textContent = styleString;
+    style.textContent = results.styleString;
     document.head.appendChild(style);
+    this.fontsImported = results.fontsImported;
+  }
+};
+checkFonts_fn = async function() {
+  if (!this.options.onFontsResolved || typeof this.options.onFontsResolved !== "function") {
+    return;
+  }
+  if (this.options.isHeadless) {
+    return;
+  }
+  const fontsUsedInDocument = this.converter.getDocumentFonts();
+  if (!("queryLocalFonts" in window)) {
+    console.warn("[SuperDoc] Could not get access to local fonts. Using fallback solution.");
+    const unsupportedFonts = __privateMethod(this, _Editor_instances, determineUnsupportedFontsWithCanvas_fn).call(this, fontsUsedInDocument);
+    this.options.onFontsResolved({
+      documentFonts: fontsUsedInDocument,
+      unsupportedFonts
+    });
+    return;
+  }
+  const localFontAccess = await navigator.permissions.query({ name: "local-fonts" });
+  if (localFontAccess.state === "denied") {
+    console.warn("[SuperDoc] Could not get access to local fonts. Using fallback solution.");
+    const unsupportedFonts = __privateMethod(this, _Editor_instances, determineUnsupportedFontsWithCanvas_fn).call(this, fontsUsedInDocument);
+    this.options.onFontsResolved({
+      documentFonts: fontsUsedInDocument,
+      unsupportedFonts
+    });
+    return;
+  }
+  try {
+    const localFonts = await window.queryLocalFonts();
+    const uniqueLocalFonts = [...new Set(localFonts.map((font) => font.family))];
+    const unsupportedFonts = __privateMethod(this, _Editor_instances, determineUnsupportedFontsWithLocalFonts_fn).call(this, fontsUsedInDocument, uniqueLocalFonts);
+    this.options.onFontsResolved({
+      documentFonts: fontsUsedInDocument,
+      unsupportedFonts
+    });
+  } catch {
+    console.warn("[SuperDoc] Could not get access to local fonts. Using fallback solution.");
+    const unsupportedFonts = __privateMethod(this, _Editor_instances, determineUnsupportedFontsWithCanvas_fn).call(this, fontsUsedInDocument);
+    this.options.onFontsResolved({
+      documentFonts: fontsUsedInDocument,
+      unsupportedFonts
+    });
   }
 };
+/**
+ * Determines which fonts used in the document are not available locally nor imported.
+ *
+ * @param {string[]} fonts - Array of font family names used in the document.
+ * @param {string[]} localFonts - Array of local font family names available on the system.
+ * @returns {string[]} Array of font names that are unsupported.
+ */
+determineUnsupportedFontsWithLocalFonts_fn = function(fonts, localFonts) {
+  const unsupportedFonts = fonts.filter((font) => {
+    const isLocalFont = localFonts.includes(font);
+    const isFontImported = this.fontsImported.includes(font);
+    return !isLocalFont && !isFontImported;
+  });
+  return unsupportedFonts;
+};
+/**
+ * Determines which fonts used in the document are not supported
+ * by attempting to render them on a canvas.
+ * Fonts are considered unsupported if they cannot be rendered
+ * and are not already imported in the document via @font-face.
+ *
+ * @param {string[]} fonts - Array of font family names used in the document.
+ * @returns {string[]} Array of unsupported font family names.
+ */
+determineUnsupportedFontsWithCanvas_fn = function(fonts) {
+  const unsupportedFonts = fonts.filter((font) => {
+    const canRender = canRenderFont(font);
+    const isFontImported = this.fontsImported.includes(font);
+    return !canRender && !isFontImported;
+  });
+  return unsupportedFonts;
+};
 /**
  * Creates document PM schema.
  * @returns {void}
@@ -21014,8 +21123,11 @@ const HardBreak = Node$1.create({
   }
 });
 const getColStyleDeclaration = (minWidth, width) => {
-  if (width) {
-    return ["width", `${Math.max(width, minWidth)}px`];
+  if (width != null) {
+    const numericWidth = Number(width);
+    if (Number.isFinite(numericWidth) && numericWidth >= 0) {
+      return ["width", `${numericWidth}px`];
+    }
   }
   return ["min-width", `${minWidth}px`];
 };
@@ -21037,7 +21149,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);
+      updateColumns(node, this.colgroup, this.table, cellMinWidth, void 0, void 0, this.editor);
       this.contentDOM = this.table.appendChild(document.createElement("tbody"));
       setTimeout(() => {
         updateTableWrapper(this.dom, this.table);
@@ -21049,7 +21161,7 @@ const createTableView = ({ editor }) => {
       }
       this.node = node;
       updateTable(this.editor, node, this.table);
-      updateColumns(node, this.colgroup, this.table, this.cellMinWidth);
+      updateColumns(node, this.colgroup, this.table, this.cellMinWidth, void 0, void 0, this.editor);
       updateTableWrapper(this.dom, this.table);
       return true;
     }
@@ -21062,46 +21174,105 @@ const createTableView = ({ editor }) => {
     }
   };
 };
-function updateColumns(node, colgroup, table, cellMinWidth, overrideCol, overrideValue) {
-  let totalWidth = 0;
-  let fixedWidth = true;
-  let nextDOM = colgroup.firstChild;
+function updateColumns(node, colgroup, table, cellMinWidth, overrideCol, overrideValue, editor) {
+  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;
+  let colIndex = 0;
   if (row !== null) {
-    for (let i = 0, col = 0; i < row.childCount; i++) {
-      const { colspan, colwidth } = row.child(i).attrs;
-      for (let j = 0; j < colspan; j++, col++) {
-        const hasWidth = overrideCol === col ? overrideValue : colwidth && colwidth[j];
-        const cssWidth = hasWidth ? `${hasWidth}px` : "";
-        totalWidth += hasWidth || cellMinWidth;
-        if (!hasWidth) fixedWidth = false;
-        if (!nextDOM) {
-          const col2 = document.createElement("col");
-          const [propKey, propVal] = getColStyleDeclaration(cellMinWidth, hasWidth);
-          col2.style.setProperty(propKey, propVal);
-          colgroup.appendChild(col2);
-        } else {
-          if (nextDOM.style.width !== cssWidth) {
-            const [propKey, propVal] = getColStyleDeclaration(cellMinWidth, hasWidth);
-            nextDOM.style.setProperty(propKey, propVal);
-          }
-          nextDOM = nextDOM.nextSibling;
-        }
+    for (let i = 0; i < row.childCount; i++) {
+      const child = row.child(i);
+      const { colspan, colwidth } = child.attrs;
+      for (let span = 0; span < colspan; span += 1, colIndex += 1) {
+        widths.push(resolveColumnWidth(colIndex, colwidth && colwidth[span]));
       }
     }
   }
-  while (nextDOM) {
-    const after = nextDOM.nextSibling;
-    nextDOM.parentNode?.removeChild(nextDOM);
-    nextDOM = after;
+  if (totalColumns != null && colIndex < totalColumns) {
+    for (let col = colIndex; col < totalColumns; col += 1) {
+      widths.push(resolveColumnWidth(col));
+    }
   }
-  if (fixedWidth) {
-    table.style.width = `${totalWidth}px`;
+  const normalizedWidths = widths.map((widthPx) => {
+    const numericWidth = Number(widthPx);
+    if (!Number.isFinite(numericWidth)) return null;
+    if (numericWidth < 0) return null;
+    if (numericWidth === 0) return 0;
+    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;
+  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);
+      colgroup.appendChild(colElement);
+    } else {
+      dom.style.setProperty(propKey, propVal);
+      dom = dom.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 = "";
   } else {
     table.style.width = "";
     table.style.minWidth = `${totalWidth}px`;
   }
+  table.style.maxWidth = "100%";
 }
 function updateTable(editor, node, table) {
   const allExtensionsAttrs = editor.extensionService.attributes;
@@ -21179,22 +21350,61 @@ const createTable = (schema, rowsCount, colsCount, withHeaderRow, cellContent =
   const tableBorders = createTableBorders();
   return types.table.createChecked({ borders: tableBorders }, rows);
 };
+const MIN_MEANINGFUL_WIDTH_PX = 1;
 const createColGroup = (node, cellMinWidth, overrideCol, overrideValue) => {
   let totalWidth = 0;
   let fixedWidth = true;
   const cols = [];
   const colsValues = [];
   const row = node.firstChild;
+  const gridColumns = Array.isArray(node.attrs?.grid) && node.attrs.grid.length ? node.attrs.grid.map((col) => twipsToPixels(col.col)) : null;
   if (!row) return {};
-  for (let i = 0, col = 0; i < row.childCount; i++) {
-    const { colspan, colwidth } = row.child(i).attrs;
-    for (let j = 0; j < colspan; j++, col++) {
-      const hasWidth = overrideCol === col ? overrideValue : colwidth && colwidth[j];
-      totalWidth += hasWidth || cellMinWidth;
-      if (!hasWidth) fixedWidth = false;
-      const [prop, value] = getColStyleDeclaration(cellMinWidth, hasWidth);
+  const totalColumns = gridColumns?.length;
+  const resolveColumnWidth = (colIndex2, colwidthValue) => {
+    if (overrideCol === colIndex2) return overrideValue;
+    if (colwidthValue != null) return colwidthValue;
+    if (gridColumns && gridColumns[colIndex2] != null) return gridColumns[colIndex2];
+    return null;
+  };
+  let colIndex = 0;
+  for (let i = 0; i < row.childCount; i++) {
+    const child = row.child(i);
+    const { colspan, colwidth } = child.attrs;
+    for (let j = 0; j < colspan; j++, colIndex++) {
+      const candidateWidth = resolveColumnWidth(colIndex, colwidth && colwidth[j]);
+      const numericWidth = Number(candidateWidth);
+      let effectiveWidth = Number.isFinite(numericWidth) && numericWidth > 0 ? numericWidth : null;
+      if (effectiveWidth != null && effectiveWidth < MIN_MEANINGFUL_WIDTH_PX) {
+        effectiveWidth = 0;
+      }
+      if (effectiveWidth == null) {
+        totalWidth += cellMinWidth;
+        fixedWidth = false;
+      } else {
+        totalWidth += effectiveWidth;
+      }
+      const [prop, value] = getColStyleDeclaration(cellMinWidth, effectiveWidth);
+      cols.push(["col", { style: `${prop}: ${value}` }]);
+      colsValues.push(parseFloat(value));
+    }
+  }
+  if (totalColumns != null) {
+    for (let col = colIndex; col < totalColumns; col++) {
+      const candidateWidth = resolveColumnWidth(col);
+      const numericWidth = Number(candidateWidth);
+      let effectiveWidth = Number.isFinite(numericWidth) && numericWidth > 0 ? numericWidth : null;
+      if (effectiveWidth != null && effectiveWidth < MIN_MEANINGFUL_WIDTH_PX) {
+        effectiveWidth = 0;
+      }
+      if (effectiveWidth == null) {
+        totalWidth += cellMinWidth;
+        fixedWidth = false;
+      } else {
+        totalWidth += effectiveWidth;
+      }
+      const [prop, value] = getColStyleDeclaration(cellMinWidth, effectiveWidth);
       cols.push(["col", { style: `${prop}: ${value}` }]);
-      colsValues.push(parseInt(value, 10));
+      colsValues.push(parseFloat(value));
     }
   }
   const tableWidth = fixedWidth ? `${totalWidth}px` : "";
@@ -24097,6 +24307,19 @@ const TableHeader = Node$1.create({
             "data-colwidth": attrs.colwidth.join(",")
           };
         }
+      },
+      __placeholder: {
+        default: null,
+        parseDOM: (element) => {
+          const value = element.getAttribute("data-placeholder");
+          return value || null;
+        },
+        renderDOM({ __placeholder }) {
+          if (!__placeholder) return {};
+          return {
+            "data-placeholder": __placeholder
+          };
+        }
       }
     };
   },
@@ -24256,6 +24479,28 @@ const TableCell = Node$1.create({
       widthUnit: {
         default: "px",
         rendered: false
+      },
+      __placeholder: {
+        default: null,
+        parseDOM: (element) => {
+          const value = element.getAttribute("data-placeholder");
+          return value || null;
+        },
+        renderDOM({ __placeholder }) {
+          if (!__placeholder) return {};
+          return {
+            "data-placeholder": __placeholder
+          };
+        }
+      },
+      /**
+       * @category Attribute
+       * @param {TableCellProperties} tableCellProperties - Properties for the table cell.
+       * @see {@link https://ecma-international.org/publications-and-standards/standards/ecma-376/} "Fundamentals And Markup Language Reference", page 463
+       */
+      tableCellProperties: {
+        default: null,
+        rendered: false
       }
     };
   },

package/dist/super-editor/chunks/{toolbar-DxhfgAoa.js → toolbar-B5-QnQ4l.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-BueCftlx.js";
-import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-BsuNqVvp.js";
+import { p as process$1 } from "./converter-D-9mYZ83.js";
+import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-lJoa5ADp.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 { a5 } from "./chunks/converter-BueCftlx.js";
+import { a5 } from "./chunks/converter-D-9mYZ83.js";
 import "vue";
 export {
   a5 as SuperConverter

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

@@ -1,5 +1,5 @@
-import "./chunks/converter-BueCftlx.js";
-import { D } from "./chunks/docx-zipper-C9jmfWYZ.js";
+import "./chunks/converter-D-9mYZ83.js";
+import { D } from "./chunks/docx-zipper-C1p3F7Ok.js";
 export {
   D as default
 };

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

@@ -1,6 +1,6 @@
-import { E } from "./chunks/editor-BsuNqVvp.js";
-import "./chunks/converter-BueCftlx.js";
-import "./chunks/docx-zipper-C9jmfWYZ.js";
+import { E } from "./chunks/editor-lJoa5ADp.js";
+import "./chunks/converter-D-9mYZ83.js";
+import "./chunks/docx-zipper-C1p3F7Ok.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-C9jmfWYZ.js";
+import { J as JSZip } from "./chunks/docx-zipper-C1p3F7Ok.js";
 async function createZip(blobs, fileNames) {
   const zip = new JSZip();
   blobs.forEach((blob, index) => {

package/dist/super-editor/style.css

@@ -592,6 +592,16 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   box-sizing: border-box;
   overflow-wrap: anywhere;
 }
+.ProseMirror td[data-placeholder],
+.ProseMirror th[data-placeholder] {
+  padding: 0 !important;
+  border: 0 !important;
+  background: transparent !important;
+}
+.ProseMirror td[data-placeholder] > *,
+.ProseMirror th[data-placeholder] > * {
+  display: none !important;
+}
 .ProseMirror th {
   font-weight: bold;
   text-align: left;

package/dist/super-editor/super-editor/src/core/Editor.d.ts

@@ -82,6 +82,7 @@
  * @property {Function} [onPaginationUpdate] - Called when pagination updates
  * @property {Function} [onException] - Called when an exception occurs
  * @property {Function} [onListDefinitionsChange] - Called when list definitions change
+ * @property {Function} [onFontsResolved] - Called when all fonts used in the document are determined
  * @property {Function} [handleImageUpload] - Handler for image uploads
  * @property {Object} [telemetry] - Telemetry configuration
  * @property {boolean} [suppressDefaultDocxStyles] - Prevent default styles from being applied in docx mode
@@ -173,6 +174,11 @@ export class Editor extends EventEmitter {
      * @type {boolean}
      */
     isFocused: boolean;
+    /**
+     * All the embedded fonts that were imported by the Editor
+     * @type {string[]}
+     */
+    fontsImported: string[];
     options: {
         element: any;
         selector: any;
@@ -232,6 +238,7 @@ export class Editor extends EventEmitter {
         onPaginationUpdate: () => any;
         onException: () => any;
         onListDefinitionsChange: () => any;
+        onFontsResolved: any;
         handleImageUpload: any;
         telemetry: any;
         customUpdatedFiles: {};
@@ -850,6 +857,10 @@ export type EditorOptions = {
      * - Called when list definitions change
      */
     onListDefinitionsChange?: Function;
+    /**
+     * - Called when all fonts used in the document are determined
+     */
+    onFontsResolved?: Function;
     /**
      * - Handler for image uploads
      */

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

@@ -0,0 +1,12 @@
+/**
+ * Checks if a given font can be rendered on the browser
+ *
+ * @param {string} fontName - The name of the font to check for availability.
+ * @returns {boolean} True if the font can be rendered, false otherwise.
+ *
+ * @example
+ * if (canRenderFont('Arial')) {
+ *   // Use Arial font
+ * }
+ */
+export function canRenderFont(fontName: string, fallbackFont?: string): boolean;

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

@@ -89,6 +89,7 @@ export class SuperConverter {
     fonts: any;
     addedMedia: {};
     comments: any[];
+    inlineDocumentFonts: any[];
     docHiglightColors: Set<any>;
     xml: any;
     numbering: {};
@@ -155,7 +156,11 @@ export class SuperConverter {
      */
     promoteToGuid(): any;
     getDocumentDefaultStyles(): {};
-    getDocumentFonts(): string;
+    getDocumentFonts(): any[];
+    getFontFaceImportString(): {
+        styleString: string;
+        fontsImported: any[];
+    };
     getDocumentInternalId(): void;
     createDocumentIdElement(): {
         type: string;

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

@@ -1,3 +1,4 @@
+export const PIXELS_PER_INCH: 96;
 export function inchesToTwips(inches: any): number;
 export function twipsToInches(twips: any): number;
 export function twipsToPixels(twips: any): number;
@@ -11,7 +12,7 @@ export function emuToPixels(emu: any): number;
 export function pixelsToEmu(px: any): number;
 export function pixelsToHalfPoints(pixels: any): number;
 export function halfPointToPoints(halfPoints: any): number;
-export function eigthPointsToPixels(eigthPoints: any): number;
+export function eighthPointsToPixels(eighthPoints: any): number;
 export function pixelsToEightPoints(pixels: any): number;
 export function rotToDegrees(rot: any): number;
 export function degreesToRot(degrees: any): number;

package/dist/super-editor/super-editor/src/core/super-converter/v2/importer/docxImporter.d.ts

@@ -29,7 +29,7 @@ export function createDocumentJson(docx: ParsedDocx, converter: SuperConverter,
     pageStyles: any;
 } | null;
 export function defaultNodeListHandler(): {
-    handler: ({ nodes: elements, docx, insideTrackChange, converter, editor, filename, parentStyleId, lists, path, }: {
+    handler: ({ nodes: elements, docx, insideTrackChange, converter, editor, filename, parentStyleId, lists, inlineDocumentFonts, path, }: {
         nodes: any;
         docx: any;
         insideTrackChange: any;
@@ -38,6 +38,7 @@ export function defaultNodeListHandler(): {
         filename: any;
         parentStyleId: any;
         lists: any;
+        inlineDocumentFonts: any;
         path?: any[];
     }) => any[];
     handlerEntities: any[];

package/dist/super-editor/super-editor/src/core/super-converter/v2/importer/tableImporter.d.ts

@@ -3,14 +3,16 @@
  * @param tblStyleTag
  * @param {ParsedDocx} docx
  * @param {NodeListHandler} nodeListHandler
- * @returns {{uiPriotity: *, borders: {}, name: *, rowBorders: {}, basedOn: *}|null}
+ * @returns {{borders: {}, name: *, rowBorders: {}, fonts: *, justification: *, cellMargins: {}, fontSize: *}|null}
  */
 export function getReferencedTableStyles(tblStyleTag: any, docx: ParsedDocx): {
-    uiPriotity: any;
     borders: {};
     name: any;
     rowBorders: {};
-    basedOn: any;
+    fonts: any;
+    justification: any;
+    cellMargins: {};
+    fontSize: any;
 } | null;
 /**
  * @type {import("docxImporter").NodeHandlerEntry}