superdoc 1.3.0-next.1 → 1.3.0-next.2

package/dist/chunks/{PdfViewer-BAoRLNIo.cjs → PdfViewer-BEZc2jzN.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-De9wkgLl.cjs");
-const superdoc = require("./index-BbvMtiJY.cjs");
-const index = require("./index-BNpbdx2a.cjs");
+const superdoc = require("./index-sykfrKvQ.cjs");
+const index = require("./index-C2XLSjq0.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-CkOzQzPk.es.js → PdfViewer-BpbDm_Oh.es.js}

@@ -1,6 +1,6 @@
 import { d as defineComponent, h, T as Transition, p as process$1, w as watchEffect, c as computed, r as ref, f as onMounted, X as onUnmounted, E as createElementBlock, G as openBlock, K as createBaseVNode, M as createCommentVNode, I as createVNode, v as unref } from "./vue-BnBKJwCW.es.js";
-import { N as NBaseLoading, u as useSuperdocStore, s as storeToRefs, a as useSelection } from "./index-C31VY_46.es.js";
-import { C as derived, r as c, q as cB, aF as fadeInTransition, y as cM, I as warnOnce, J as useConfig, N as useTheme, aG as pxfy, P as createKey, Q as useThemeClass, aH as useCompitable, ai as _export_sfc } from "./index-wwGlJ58Z.es.js";
+import { N as NBaseLoading, u as useSuperdocStore, s as storeToRefs, a as useSelection } from "./index-CMxyLpsU.es.js";
+import { C as derived, r as c, q as cB, aF as fadeInTransition, y as cM, I as warnOnce, J as useConfig, N as useTheme, aG as pxfy, P as createKey, Q as useThemeClass, aH as useCompitable, ai as _export_sfc } from "./index-D5tN0eME.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{SuperConverter-BXP6NikG.es.js → SuperConverter-ClzyObj7.es.js}

@@ -30839,7 +30839,7 @@ class SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.0-next.1") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.0-next.2") {
     return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/chunks/{SuperConverter-Dy0-KTCc.cjs → SuperConverter-DOTz2R8L.cjs}

@@ -30840,7 +30840,7 @@ class SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.0-next.1") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.0-next.2") {
     return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/chunks/{index-BNpbdx2a.cjs → index-C2XLSjq0.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jszip = require("./jszip-C8_CqJxM.cjs");
 const helpers$1 = require("./helpers-nOdwpmwb.cjs");
-const superEditor_converter = require("./SuperConverter-Dy0-KTCc.cjs");
+const superEditor_converter = require("./SuperConverter-DOTz2R8L.cjs");
 const vue = require("./vue-De9wkgLl.cjs");
 require("./jszip.min-BPh2MMAa.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
@@ -14915,7 +14915,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.3.0-next.1";
+const summaryVersion = "1.3.0-next.2";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -17548,7 +17548,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.1");
+    console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.2");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -19968,18 +19968,18 @@ function formatNumber(num, format) {
     case "decimal":
       return num.toString();
     case "lowerLetter":
-      return toLetter$1(num, false);
+      return toLetter(num, false);
     case "upperLetter":
-      return toLetter$1(num, true);
+      return toLetter(num, true);
     case "lowerRoman":
-      return toRoman$2(num).toLowerCase();
+      return toRoman$1(num).toLowerCase();
     case "upperRoman":
-      return toRoman$2(num);
+      return toRoman$1(num);
     default:
       return num.toString();
   }
 }
-function toLetter$1(num, uppercase) {
+function toLetter(num, uppercase) {
   let result = "";
   let n = num;
   while (n > 0) {
@@ -19990,7 +19990,7 @@ function toLetter$1(num, uppercase) {
   }
   return result || (uppercase ? "A" : "a");
 }
-function toRoman$2(num) {
+function toRoman$1(num) {
   const lookup = [
     [1e3, "M"],
     [900, "CM"],
@@ -25392,7 +25392,14 @@ class DomPainter {
         fragmentEl.dataset.continuesOnNext = "true";
       }
       const lines = fragment.lines ?? measure.lines.slice(fragment.fromLine, fragment.toLine);
-      applyParagraphBlockStyles(fragmentEl, block.attrs);
+      applyParagraphBlockStyles(fragmentEl, block.attrs, { includeBorders: false, includeShading: false });
+      const { shadingLayer, borderLayer } = createParagraphDecorationLayers(this.doc, fragment.width, block.attrs);
+      if (shadingLayer) {
+        fragmentEl.appendChild(shadingLayer);
+      }
+      if (borderLayer) {
+        fragmentEl.appendChild(borderLayer);
+      }
       if (block.attrs?.styleId) {
         fragmentEl.dataset.styleId = block.attrs.styleId;
         fragmentEl.setAttribute("styleid", block.attrs.styleId);
@@ -25776,10 +25783,18 @@ class DomPainter {
       contentEl.classList.add("superdoc-list-content");
       this.applySdtDataset(contentEl, paragraphMetadata);
       contentEl.style.display = "inline-block";
+      contentEl.style.position = "relative";
       contentEl.style.width = `${fragment.width}px`;
       const lines = itemMeasure.paragraph.lines.slice(fragment.fromLine, fragment.toLine);
       const contentAttrs = wordLayout ? item.paragraph.attrs : stripListIndent(item.paragraph.attrs);
-      applyParagraphBlockStyles(contentEl, contentAttrs);
+      applyParagraphBlockStyles(contentEl, contentAttrs, { includeBorders: false, includeShading: false });
+      const { shadingLayer, borderLayer } = createParagraphDecorationLayers(this.doc, fragment.width, contentAttrs);
+      if (shadingLayer) {
+        contentEl.appendChild(shadingLayer);
+      }
+      if (borderLayer) {
+        contentEl.appendChild(borderLayer);
+      }
       contentEl.style.textAlign = "left";
       const paraForList = {
         ...item.paragraph,
@@ -28006,7 +28021,7 @@ const applyRunDataAttributes = (element, dataAttrs) => {
     }
   });
 };
-const applyParagraphBlockStyles = (element, attrs) => {
+const applyParagraphBlockStyles = (element, attrs, options = {}) => {
   if (!attrs) return;
   if (attrs.styleId) {
     element.setAttribute("styleid", attrs.styleId);
@@ -28033,8 +28048,55 @@ const applyParagraphBlockStyles = (element, attrs) => {
       }
     }
   }
-  applyParagraphBorderStyles(element, attrs.borders);
-  applyParagraphShadingStyles(element, attrs.shading);
+  if (options.includeBorders ?? true) {
+    applyParagraphBorderStyles(element, attrs.borders);
+  }
+  if (options.includeShading ?? true) {
+    applyParagraphShadingStyles(element, attrs.shading);
+  }
+};
+const getParagraphBorderBox = (fragmentWidth, indent) => {
+  const indentLeft = Number.isFinite(indent?.left) ? indent.left : 0;
+  const indentRight = Number.isFinite(indent?.right) ? indent.right : 0;
+  const firstLine = Number.isFinite(indent?.firstLine) ? indent.firstLine : 0;
+  const hanging = Number.isFinite(indent?.hanging) ? indent.hanging : 0;
+  const firstLineOffset = firstLine - hanging;
+  const minLeftInset = Math.min(indentLeft, indentLeft + firstLineOffset);
+  const leftInset = Math.max(0, minLeftInset);
+  const rightInset = Math.max(0, indentRight);
+  return {
+    leftInset,
+    width: Math.max(0, fragmentWidth - leftInset - rightInset)
+  };
+};
+const createParagraphDecorationLayers = (doc2, fragmentWidth, attrs) => {
+  if (!attrs?.borders && !attrs?.shading) return {};
+  const borderBox = getParagraphBorderBox(fragmentWidth, attrs.indent);
+  const baseStyles = {
+    position: "absolute",
+    top: "0px",
+    bottom: "0px",
+    left: `${borderBox.leftInset}px`,
+    width: `${borderBox.width}px`,
+    pointerEvents: "none",
+    boxSizing: "border-box"
+  };
+  let shadingLayer;
+  if (attrs.shading) {
+    shadingLayer = doc2.createElement("div");
+    shadingLayer.classList.add("superdoc-paragraph-shading");
+    Object.assign(shadingLayer.style, baseStyles);
+    applyParagraphShadingStyles(shadingLayer, attrs.shading);
+  }
+  let borderLayer;
+  if (attrs.borders) {
+    borderLayer = doc2.createElement("div");
+    borderLayer.classList.add("superdoc-paragraph-border");
+    Object.assign(borderLayer.style, baseStyles);
+    borderLayer.style.zIndex = "1";
+    applyParagraphBorderStyles(borderLayer, attrs.borders);
+  }
+  return { shadingLayer, borderLayer };
 };
 const BORDER_SIDES = ["top", "right", "bottom", "left"];
 const applyParagraphBorderStyles = (element, borders) => {
@@ -31684,33 +31746,13 @@ function computePartialRow(rowIndex, blockRow, measure, availableHeight, fromLin
     toLineByCell.push(cutLine);
     heightByCell.push(cumulativeHeight);
   }
-  const allCellsCompleteInFirstPass = toLineByCell.every((cutLine, idx) => {
-    const totalLines = getCellTotalLines(row.cells[idx]);
-    return cutLine >= totalLines;
-  });
-  const lineAdvancements = toLineByCell.map((cutLine, idx) => cutLine - (startLines[idx] || 0));
-  const positiveAdvancements = lineAdvancements.filter((adv) => adv > 0);
-  const minLineAdvancement = positiveAdvancements.length > 0 ? Math.min(...positiveAdvancements) : 0;
   let actualPartialHeight = 0;
   let maxPaddingTotal = 0;
   for (let cellIdx = 0; cellIdx < cellCount; cellIdx++) {
-    const cell = row.cells[cellIdx];
-    const startLine = startLines[cellIdx] || 0;
-    const lines = getCellLines(cell);
     const cellPadding = cellPaddings[cellIdx];
     const paddingTotal = cellPadding.top + cellPadding.bottom;
     maxPaddingTotal = Math.max(maxPaddingTotal, paddingTotal);
-    if (allCellsCompleteInFirstPass) {
-      actualPartialHeight = Math.max(actualPartialHeight, heightByCell[cellIdx] + paddingTotal);
-    } else {
-      const targetLine = Math.min(startLine + minLineAdvancement, lines.length);
-      let cumulativeHeight = 0;
-      for (let i = startLine; i < targetLine; i++) {
-        cumulativeHeight += lines[i].lineHeight || 0;
-      }
-      toLineByCell[cellIdx] = targetLine;
-      actualPartialHeight = Math.max(actualPartialHeight, cumulativeHeight + paddingTotal);
-    }
+    actualPartialHeight = Math.max(actualPartialHeight, heightByCell[cellIdx] + paddingTotal);
   }
   const madeProgress = toLineByCell.some((cutLine, idx) => cutLine > (startLines[idx] || 0));
   const isFirstPart = startLines.every((l) => l === 0);
@@ -32263,7 +32305,7 @@ function toUpperLetter(num) {
 function toLowerLetter(num) {
   return toUpperLetter(num).toLowerCase();
 }
-function formatPageNumber$1(pageNumber, format) {
+function formatPageNumber(pageNumber, format) {
   const num = Math.max(1, pageNumber);
   switch (format) {
     case "decimal":
@@ -32276,6 +32318,8 @@ function formatPageNumber$1(pageNumber, format) {
       return toUpperLetter(num);
     case "lowerLetter":
       return toLowerLetter(num);
+    case "numberInDash":
+      return `-${num}-`;
     default:
       return String(num);
   }
@@ -32304,7 +32348,7 @@ function computeDisplayPageNumber(pages, sections) {
     const sectionMetadata = sectionMap.get(pageSectionIndex);
     const format = sectionMetadata?.numbering?.format ?? "decimal";
     const displayNumber = runningCounter;
-    const displayText = formatPageNumber$1(displayNumber, format);
+    const displayText = formatPageNumber(displayNumber, format);
     result.push({
       physicalPage: page.number,
       displayNumber,
@@ -32439,59 +32483,6 @@ const layoutLog = (...args) => {
   if (!layoutDebugEnabled$1) return;
   console.log(...args);
 };
-function formatPageNumber(num, format) {
-  switch (format) {
-    case "decimal":
-      return String(num);
-    case "lowerLetter":
-      return toLetter(num, false);
-    case "upperLetter":
-      return toLetter(num, true);
-    case "lowerRoman":
-      return toRoman$1(num).toLowerCase();
-    case "upperRoman":
-      return toRoman$1(num);
-    default:
-      return String(num);
-  }
-}
-function toLetter(num, uppercase) {
-  let result = "";
-  let n = Math.max(1, Math.floor(num));
-  while (n > 0) {
-    const remainder = (n - 1) % 26;
-    const char = String.fromCharCode((uppercase ? 65 : 97) + remainder);
-    result = char + result;
-    n = Math.floor((n - 1) / 26);
-  }
-  return result;
-}
-function toRoman$1(num) {
-  const lookup = [
-    [1e3, "M"],
-    [900, "CM"],
-    [500, "D"],
-    [400, "CD"],
-    [100, "C"],
-    [90, "XC"],
-    [50, "L"],
-    [40, "XL"],
-    [10, "X"],
-    [9, "IX"],
-    [5, "V"],
-    [4, "IV"],
-    [1, "I"]
-  ];
-  let result = "";
-  let n = Math.max(1, Math.floor(num));
-  for (const [value, numeral] of lookup) {
-    while (n >= value) {
-      result += numeral;
-      n -= value;
-    }
-  }
-  return result;
-}
 function layoutDocument(blocks, measures, options = {}) {
   if (blocks.length !== measures.length) {
     throw new Error(
@@ -33947,7 +33938,7 @@ class MeasureCache {
     return `${block.id}@${safeWidth}x${safeHeight}:${hash2}`;
   }
 }
-function resolveHeaderFooterTokens(blocks, pageNumber, totalPages) {
+function resolveHeaderFooterTokens(blocks, pageNumber, totalPages, pageNumberText) {
   if (!blocks || blocks.length === 0) {
     return;
   }
@@ -33959,7 +33950,7 @@ function resolveHeaderFooterTokens(blocks, pageNumber, totalPages) {
     console.warn("[resolveHeaderFooterTokens] Invalid totalPages:", totalPages, "- using 1 as fallback");
     totalPages = 1;
   }
-  const pageNumberStr = String(pageNumber);
+  const pageNumberStr = pageNumberText ?? String(pageNumber);
   const totalPagesStr = String(totalPages);
   for (const block of blocks) {
     if (block.kind !== "paragraph") continue;
@@ -34382,15 +34373,31 @@ async function layoutHeaderFooterWithCache(sections, constraints, measureBlock2,
     for (const pageNum of pagesToLayout) {
       const clonedBlocks = cloneHeaderFooterBlocks(blocks);
       const { displayText, totalPages: totalPagesForPage } = pageResolver(pageNum);
-      const resolvedPageNum = parseInt(displayText, 10) || pageNum;
-      resolveHeaderFooterTokens(clonedBlocks, resolvedPageNum, totalPagesForPage);
+      resolveHeaderFooterTokens(clonedBlocks, pageNum, totalPagesForPage, displayText);
       const measures = await cache2.measureBlocks(clonedBlocks, constraints, measureBlock2);
       const pageLayout = layoutHeaderFooter(clonedBlocks, measures, constraints);
+      const measuresById = /* @__PURE__ */ new Map();
+      for (let i = 0; i < clonedBlocks.length; i += 1) {
+        measuresById.set(clonedBlocks[i].id, measures[i]);
+      }
+      const fragmentsWithLines = pageLayout.pages[0]?.fragments.map((fragment) => {
+        if (fragment.kind !== "para") {
+          return fragment;
+        }
+        const measure = measuresById.get(fragment.blockId);
+        if (!measure || measure.kind !== "paragraph") {
+          return fragment;
+        }
+        return {
+          ...fragment,
+          lines: measure.lines.slice(fragment.fromLine, fragment.toLine)
+        };
+      }) ?? [];
       pages.push({
         number: pageNum,
         blocks: clonedBlocks,
         measures,
-        fragments: pageLayout.pages[0]?.fragments ?? []
+        fragments: fragmentsWithLines
       });
     }
     const firstPageLayout = pages[0] ? layoutHeaderFooter(pages[0].blocks, pages[0].measures, constraints) : { height: 0 };
@@ -39277,7 +39284,14 @@ function extractPageNumbering(elements) {
   const pgNumType = elements.find((el) => el?.name === "w:pgNumType");
   if (!pgNumType?.attributes) return void 0;
   const fmtRaw = pgNumType.attributes["w:fmt"];
-  const validFormats = ["decimal", "lowerLetter", "upperLetter", "lowerRoman", "upperRoman"];
+  const validFormats = [
+    "decimal",
+    "lowerLetter",
+    "upperLetter",
+    "lowerRoman",
+    "upperRoman",
+    "numberInDash"
+  ];
   const fmt = validFormats.includes(fmtRaw) ? fmtRaw : void 0;
   const startRaw = pgNumType.attributes["w:start"];
   const startNum = startRaw != null ? Number(startRaw) : void 0;

package/dist/chunks/{index-C31VY_46.es.js → index-CMxyLpsU.es.js}

@@ -1,5 +1,5 @@
-import { B as BIT8, M as MAX_SAFE_INTEGER, c as create, a as BITS7, u as utf8TextDecoder, b as create$1, s as setIfUndefined, d as create$2, f as from, e as floor$1, g as equalityDeep, w as writeVarUint, h as writeVarString, t as toUint8Array, i as createEncoder, j as createInjectionKey, k as toString, l as throwError, m as useSsrAdapter, n as configProviderInjectionKey, o as cssrAnchorMetaName, p as globalStyle, q as cB, r as c, v as isMounted, x as commonVariables$2, y as cM, z as cNotM, A as cE, C as derived, D as changeColor, E as insideModal, F as insidePopover, G as resolveWrappedSlot, H as on, I as warnOnce, J as useConfig, K as useMergedState, L as useMemo, N as useTheme, O as useRtl, P as createKey, Q as useThemeClass, R as createId, S as call, T as render, U as messageProviderInjectionKey, V as messageApiInjectionKey, W as fromBase64, X as onChange, Y as varStorage, Z as toBase64, _ as createUint8ArrayFromArrayBuffer, $ as offChange, a0 as writeVarUint8Array, a1 as map, a2 as length, a3 as isNode, a4 as min, a5 as pow, a6 as comments_module_events, a7 as getFileObject, a8 as getTrackChanges, a9 as CommentsPluginKey, aa as TrackChangesBasePluginKey, ab as Editor, ac as getRichTextExtensions, ad as ellipsisVerticalSvg, ae as xmarkIconSvg, af as checkIconSvg, ag as caretDownIconSvg, ah as commentIconSvg, ai as _export_sfc, aj as NDropdown, ak as SuperInput, al as vClickOutside, am as PresentationEditor, an as SuperEditor, ao as AIWriter, ap as NConfigProvider, aq as SuperToolbar } from "./index-wwGlJ58Z.es.js";
-import "./SuperConverter-BXP6NikG.es.js";
+import { B as BIT8, M as MAX_SAFE_INTEGER, c as create, a as BITS7, u as utf8TextDecoder, b as create$1, s as setIfUndefined, d as create$2, f as from, e as floor$1, g as equalityDeep, w as writeVarUint, h as writeVarString, t as toUint8Array, i as createEncoder, j as createInjectionKey, k as toString, l as throwError, m as useSsrAdapter, n as configProviderInjectionKey, o as cssrAnchorMetaName, p as globalStyle, q as cB, r as c, v as isMounted, x as commonVariables$2, y as cM, z as cNotM, A as cE, C as derived, D as changeColor, E as insideModal, F as insidePopover, G as resolveWrappedSlot, H as on, I as warnOnce, J as useConfig, K as useMergedState, L as useMemo, N as useTheme, O as useRtl, P as createKey, Q as useThemeClass, R as createId, S as call, T as render, U as messageProviderInjectionKey, V as messageApiInjectionKey, W as fromBase64, X as onChange, Y as varStorage, Z as toBase64, _ as createUint8ArrayFromArrayBuffer, $ as offChange, a0 as writeVarUint8Array, a1 as map, a2 as length, a3 as isNode, a4 as min, a5 as pow, a6 as comments_module_events, a7 as getFileObject, a8 as getTrackChanges, a9 as CommentsPluginKey, aa as TrackChangesBasePluginKey, ab as Editor, ac as getRichTextExtensions, ad as ellipsisVerticalSvg, ae as xmarkIconSvg, af as checkIconSvg, ag as caretDownIconSvg, ah as commentIconSvg, ai as _export_sfc, aj as NDropdown, ak as SuperInput, al as vClickOutside, am as PresentationEditor, an as SuperEditor, ao as AIWriter, ap as NConfigProvider, aq as SuperToolbar } from "./index-D5tN0eME.es.js";
+import "./SuperConverter-ClzyObj7.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-CwrdEv8r.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
@@ -7444,7 +7444,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-CkOzQzPk.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-BpbDm_Oh.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -8350,7 +8350,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.3.0-next.1";
+    this.version = "1.3.0-next.2";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;