superdoc 1.0.0-beta.19 → 1.0.0-beta.20

package/dist/chunks/{PdfViewer-D_4g-jsZ.es.js → PdfViewer-CPnD95lv.es.js}

@@ -1,5 +1,5 @@
 import { y as defineComponent, z as h, O as Transition, a0 as process$1, J as watchEffect, a as computed, r as ref, j as onMounted, W as onUnmounted, b as createElementBlock, o as openBlock, f as createBaseVNode, e as createCommentVNode, u as createVNode, v as unref } from "./vue-Dysv_7z5.es.js";
-import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-NPXppXmC.es.js";
+import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-BSHAWPko.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-BLFV17De.cjs → PdfViewer-DbSf6FKU.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-jWLMl8Ts.cjs");
-const superdoc = require("./index-k02voMEs.cjs");
+const superdoc = require("./index-DLco7m-w.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{index-NPXppXmC.es.js → index-BSHAWPko.es.js}

@@ -1,4 +1,4 @@
-import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-CHU4dmes.es.js";
+import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-C0tdU_gq.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-CcXAdeql.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
@@ -17214,7 +17214,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-D_4g-jsZ.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-CPnD95lv.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18067,7 +18067,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-beta.19";
+    this.version = "1.0.0-beta.20";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-CRpn1mWd-B4eH8Zok.es.js → index-DHhKY9FZ-CyEU4GWR.es.js}

@@ -1,4 +1,4 @@
-import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-CHU4dmes.es.js";
+import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-C0tdU_gq.es.js";
 import { V as VFile } from "./index-CvBqQJbG-CvBqQJbG.es.js";
 function bail(error) {
   if (error) {

package/dist/chunks/{index-CRpn1mWd-BUbbd3Jq.cjs → index-DHhKY9FZ-DORT-UR6.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./super-editor.es-C_Gk8cDd.cjs");
+const superEditor_es = require("./super-editor.es-B6lsvAAY.cjs");
 const indexCvBqQJbG = require("./index-CvBqQJbG-Dwm0THD7.cjs");
 function bail(error) {
   if (error) {

package/dist/chunks/{index-k02voMEs.cjs → index-DLco7m-w.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-C_Gk8cDd.cjs");
+const superEditor_es = require("./super-editor.es-B6lsvAAY.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-DQmQUge-.cjs");
 const provider = require("@hocuspocus/provider");
@@ -17231,7 +17231,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-BLFV17De.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DbSf6FKU.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18084,7 +18084,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-beta.19";
+    this.version = "1.0.0-beta.20";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{super-editor.es-C_Gk8cDd.cjs → super-editor.es-B6lsvAAY.cjs}

@@ -33485,7 +33485,7 @@ const encode$1 = (params2, encodedAttrs = {}) => {
     text = elements[0].text;
     const xmlSpace = encodedAttrs.xmlSpace ?? elements[0]?.attributes?.["xml:space"];
     if (xmlSpace !== "preserve" && typeof text === "string") {
-      text = text.replace(/^\s+/, "").replace(/\s+$/, "");
+      text = text.replace(/^[ \t\n\r]+/, "").replace(/[ \t\n\r]+$/, "");
     }
     text = text.replace(/\[\[sdspace\]\]/g, "");
   } else if (!elements.length && encodedAttrs.xmlSpace === "preserve") {
@@ -36388,7 +36388,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.19") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.20") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -53505,7 +53505,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.19";
+const summaryVersion = "1.0.0-beta.20";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -54281,7 +54281,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      Promise.resolve().then(() => require("./index-CRpn1mWd-BUbbd3Jq.cjs")),
+      Promise.resolve().then(() => require("./index-DHhKY9FZ-DORT-UR6.cjs")),
       Promise.resolve().then(() => require("./index-DRCvimau-H4Ck3S9a.cjs")),
       Promise.resolve().then(() => require("./index-C_x_N6Uh-Db3CUJMX.cjs")),
       Promise.resolve().then(() => require("./index-D_sWOSiG-BtDZzJ6I.cjs")),
@@ -54486,7 +54486,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.19");
+    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.20");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -56500,6 +56500,12 @@ const applyTextStyleMark = (run2, attrs, themeColors) => {
       run2.letterSpacing = spacing;
     }
   }
+  if (typeof attrs.textTransform === "string") {
+    const transform = attrs.textTransform;
+    if (transform === "uppercase" || transform === "lowercase" || transform === "capitalize" || transform === "none") {
+      run2.textTransform = transform;
+    }
+  }
 };
 const DEFAULT_HYPERLINK_CONFIG = {
   enableRichHyperlinks: false
@@ -58508,6 +58514,16 @@ const parseNumberAttr = (value) => {
   const num = typeof value === "number" ? value : Number.parseInt(String(value), 10);
   return Number.isFinite(num) ? num : void 0;
 };
+const mergeSpacingSources = (base2, paragraphProps, attrs) => {
+  const isObject2 = (v2) => v2 !== null && typeof v2 === "object";
+  const baseObj = isObject2(base2) ? base2 : {};
+  const propsObj = isObject2(paragraphProps) ? paragraphProps : {};
+  const attrsObj = isObject2(attrs) ? attrs : {};
+  if (Object.keys(baseObj).length === 0 && Object.keys(propsObj).length === 0 && Object.keys(attrsObj).length === 0) {
+    return void 0;
+  }
+  return { ...baseObj, ...propsObj, ...attrsObj };
+};
 const normalizeNumFmt = (value) => {
   if (typeof value !== "string") return void 0;
   switch (value) {
@@ -59042,8 +59058,8 @@ const computeParagraphAttrs = (para, styleContext, listCounterContext, converter
   const attrs = para.attrs ?? {};
   const paragraphProps = typeof attrs.paragraphProperties === "object" && attrs.paragraphProperties !== null ? attrs.paragraphProperties : {};
   const hydrated = hydrationOverride ?? hydrateParagraphStyleAttrs(para, converterContext);
-  const spacingSource = attrs.spacing !== void 0 ? attrs.spacing : paragraphProps.spacing !== void 0 ? paragraphProps.spacing : hydrated?.spacing;
-  const normalizedSpacing = normalizeParagraphSpacing(spacingSource);
+  const mergedSpacing = mergeSpacingSources(hydrated?.spacing, paragraphProps.spacing, attrs.spacing);
+  const normalizedSpacing = normalizeParagraphSpacing(mergedSpacing);
   const indentSource = attrs.indent ?? paragraphProps.indent ?? hydrated?.indent;
   const normalizedIndent = normalizePxIndent(indentSource) ?? normalizeParagraphIndent(indentSource ?? attrs.textIndent);
   const unwrapTabStops = (tabStops) => {
@@ -69462,6 +69478,12 @@ const renderTableCell = (deps) => {
     fromLine,
     toLine
   } = deps;
+  const attrs = cell?.attrs;
+  const padding = attrs?.padding || { top: 2, left: 4, right: 4, bottom: 2 };
+  const paddingLeft = padding.left ?? 4;
+  const paddingTop = padding.top ?? 2;
+  const paddingRight = padding.right ?? 4;
+  const paddingBottom = padding.bottom ?? 2;
   const cellEl = doc2.createElement("div");
   cellEl.style.position = "absolute";
   cellEl.style.left = `${x2}px`;
@@ -69470,39 +69492,25 @@ const renderTableCell = (deps) => {
   cellEl.style.height = `${rowHeight}px`;
   cellEl.style.boxSizing = "border-box";
   cellEl.style.overflow = "hidden";
+  cellEl.style.paddingLeft = `${paddingLeft}px`;
+  cellEl.style.paddingTop = `${paddingTop}px`;
+  cellEl.style.paddingRight = `${paddingRight}px`;
+  cellEl.style.paddingBottom = `${paddingBottom}px`;
   if (borders) {
     applyCellBorders(cellEl, borders);
   }
   if (cell?.attrs?.background) {
     cellEl.style.backgroundColor = cell.attrs.background;
   }
-  if (cell?.attrs?.verticalAlign) {
-    cellEl.style.display = "flex";
-    cellEl.style.flexDirection = "column";
-    cellEl.style.justifyContent = cell.attrs.verticalAlign === "top" ? "flex-start" : cell.attrs.verticalAlign === "bottom" ? "flex-end" : "center";
-  }
-  let contentElement;
-  const attrs = cell?.attrs;
-  const padding = attrs?.padding || { top: 2, left: 4, right: 4, bottom: 2 };
-  const paddingLeft = padding.left ?? 4;
-  const paddingTop = padding.top ?? 2;
-  const paddingRight = padding.right ?? 4;
-  const paddingBottom = padding.bottom ?? 2;
   const cellBlocks = cell?.blocks ?? (cell?.paragraph ? [cell.paragraph] : []);
   const blockMeasures = cellMeasure?.blocks ?? (cellMeasure?.paragraph ? [cellMeasure.paragraph] : []);
   if (cellBlocks.length > 0 && blockMeasures.length > 0) {
     const content = doc2.createElement("div");
-    content.style.position = "absolute";
-    content.style.left = `${x2 + paddingLeft}px`;
-    content.style.top = `${y2 + paddingTop}px`;
-    const contentWidth = Math.max(0, cellMeasure.width - paddingLeft - paddingRight);
-    const contentHeight = Math.max(0, rowHeight - paddingTop - paddingBottom);
-    content.style.width = `${contentWidth + 1}px`;
-    content.style.height = `${contentHeight}px`;
+    content.style.position = "relative";
+    content.style.width = "100%";
+    content.style.height = "100%";
     content.style.display = "flex";
     content.style.flexDirection = "column";
-    content.style.overflowX = "visible";
-    content.style.overflowY = "hidden";
     if (cell?.attrs?.verticalAlign === "center") {
       content.style.justifyContent = "center";
     } else if (cell?.attrs?.verticalAlign === "bottom") {
@@ -69510,6 +69518,7 @@ const renderTableCell = (deps) => {
     } else {
       content.style.justifyContent = "flex-start";
     }
+    cellEl.appendChild(content);
     const blockLineCounts = [];
     for (let i = 0; i < Math.min(blockMeasures.length, cellBlocks.length); i++) {
       const bm = blockMeasures[i];
@@ -69561,14 +69570,19 @@ const renderTableCell = (deps) => {
         if (renderedHeight > 0) {
           paraWrapper.style.height = `${renderedHeight}px`;
         }
+        if (renderedEntireBlock) {
+          const spacingAfter = block.attrs?.spacing?.after;
+          if (typeof spacingAfter === "number" && spacingAfter > 0) {
+            paraWrapper.style.marginBottom = `${spacingAfter}px`;
+          }
+        }
         cumulativeLineCount += blockLineCount;
       } else {
         cumulativeLineCount += 0;
       }
     }
-    contentElement = content;
   }
-  return { cellElement: cellEl, contentElement };
+  return { cellElement: cellEl };
 };
 const renderTableRow = (deps) => {
   const {
@@ -69671,7 +69685,7 @@ const renderTableRow = (deps) => {
     }
     const fromLine = partialRow?.fromLineByCell?.[cellIndex];
     const toLine = partialRow?.toLineByCell?.[cellIndex];
-    const { cellElement, contentElement } = renderTableCell({
+    const { cellElement } = renderTableCell({
       doc: doc2,
       x: x2,
       y: y2,
@@ -69686,9 +69700,6 @@ const renderTableRow = (deps) => {
       toLine
     });
     container.appendChild(cellElement);
-    if (contentElement) {
-      container.appendChild(contentElement);
-    }
   }
 };
 const renderTableFragment = (deps) => {
@@ -72531,6 +72542,9 @@ const applyRunStyles = (element, run2, _isLink = false) => {
   if (run2.highlight) {
     element.style.backgroundColor = run2.highlight;
   }
+  if (run2.textTransform) {
+    element.style.textTransform = run2.textTransform;
+  }
   const decorations = [];
   if (run2.underline) {
     decorations.push("underline");
@@ -73647,11 +73661,18 @@ async function measureTableBlock(block, constraints) {
       const blockMeasures = [];
       let contentHeight = 0;
       const cellBlocks = cell.blocks ?? (cell.paragraph ? [cell.paragraph] : []);
-      for (const block2 of cellBlocks) {
+      for (let blockIndex = 0; blockIndex < cellBlocks.length; blockIndex++) {
+        const block2 = cellBlocks[blockIndex];
         const measure = await measureBlock(block2, { maxWidth: contentWidth, maxHeight: Infinity });
         blockMeasures.push(measure);
         const blockHeight = "totalHeight" in measure ? measure.totalHeight : "height" in measure ? measure.height : 0;
         contentHeight += blockHeight;
+        if (block2.kind === "paragraph") {
+          const spacingAfter = block2.attrs?.spacing?.after;
+          if (typeof spacingAfter === "number" && spacingAfter > 0) {
+            contentHeight += spacingAfter;
+          }
+        }
       }
       const totalCellHeight = contentHeight + paddingTop + paddingBottom;
       cellMeasures.push({
@@ -114014,6 +114035,8 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = { class: "placeholder-title" };
 const DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+const TABLE_RESIZE_HOVER_THRESHOLD = 8;
+const TABLE_RESIZE_THROTTLE_MS = 16;
 const _sfc_main$1 = {
   __name: "SuperEditor",
   props: {
@@ -114083,7 +114106,58 @@ const _sfc_main$1 = {
       imageElement: null,
       blockId: null
     });
+    let lastUpdateTableResizeTimestamp = 0;
+    const isNearColumnBoundary = (event, tableElement) => {
+      if (!event || typeof event.clientX !== "number" || typeof event.clientY !== "number") {
+        console.warn("[isNearColumnBoundary] Invalid event: missing clientX or clientY", event);
+        return false;
+      }
+      if (!tableElement || !(tableElement instanceof HTMLElement)) {
+        console.warn("[isNearColumnBoundary] Invalid tableElement: not an HTMLElement", tableElement);
+        return false;
+      }
+      const boundariesAttr = tableElement.getAttribute("data-table-boundaries");
+      if (!boundariesAttr) return false;
+      try {
+        const metadata = JSON.parse(boundariesAttr);
+        if (!metadata.columns || !Array.isArray(metadata.columns)) return false;
+        const tableRect = tableElement.getBoundingClientRect();
+        const mouseX = event.clientX - tableRect.left;
+        const mouseY = event.clientY - tableRect.top;
+        for (let i2 = 0; i2 < metadata.columns.length; i2++) {
+          const col = metadata.columns[i2];
+          const boundaryX = col.x + col.w;
+          if (Math.abs(mouseX - boundaryX) <= TABLE_RESIZE_HOVER_THRESHOLD) {
+            const segmentColIndex = i2 + 1;
+            const segments = metadata.segments?.[segmentColIndex];
+            if (!segments || segments.length === 0) {
+              if (i2 === metadata.columns.length - 1) return true;
+              continue;
+            }
+            for (const seg of segments) {
+              const segTop = seg.y || 0;
+              const segBottom = seg.h != null ? segTop + seg.h : tableRect.height;
+              if (mouseY >= segTop && mouseY <= segBottom) {
+                return true;
+              }
+            }
+          }
+        }
+        if (Math.abs(mouseX) <= TABLE_RESIZE_HOVER_THRESHOLD) {
+          return true;
+        }
+        return false;
+      } catch (e) {
+        console.warn("[isNearColumnBoundary] Failed to parse table boundary metadata:", e);
+        return false;
+      }
+    };
     const updateTableResizeOverlay = (event) => {
+      const now = Date.now();
+      if (now - lastUpdateTableResizeTimestamp < TABLE_RESIZE_THROTTLE_MS) {
+        return;
+      }
+      lastUpdateTableResizeTimestamp = now;
       if (!editorElem.value) return;
       let target = event.target;
       while (target && target !== editorElem.value) {
@@ -114091,8 +114165,13 @@ const _sfc_main$1 = {
           return;
         }
         if (target.classList?.contains("superdoc-table-fragment") && target.hasAttribute("data-table-boundaries")) {
-          tableResizeState.visible = true;
-          tableResizeState.tableElement = target;
+          if (isNearColumnBoundary(event, target)) {
+            tableResizeState.visible = true;
+            tableResizeState.tableElement = target;
+          } else {
+            tableResizeState.visible = false;
+            tableResizeState.tableElement = null;
+          }
           return;
         }
         target = target.parentElement;
@@ -114419,7 +114498,7 @@ const _sfc_main$1 = {
     };
   }
 };
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-08b32c3d"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ed5a08ee"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",