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

package/dist/chunks/{index-CcYK8nzG.es.js → index-D5tN0eME.es.js}

@@ -1,6 +1,6 @@
 import { B as Buffer$2 } from "./jszip-B1fkPkPJ.es.js";
-import { t as twipsToInches, i as inchesToTwips, p as ptToTwips, l as linesToTwips, a as twipsToLines, b as pixelsToTwips, c as twipsToPixels$2, d as convertSizeToCSS, e as inchesToPixels } from "./helpers-CAUq8coh.es.js";
-import { g as generateDocxRandomId, T as TextSelection$1, o as objectIncludes, w as wrapTextsInRuns, D as DOMParser$1, c as createDocFromMarkdown, a as createDocFromHTML, b as chainableEditorState, d as convertMarkdownToHTML, f as findParentNode, e as findParentNodeClosestToPos, h as generateRandom32BitHex, i as generateRandomSigned32BitIntStrId, P as PluginKey, j as Plugin, M as Mapping, N as NodeSelection, k as Selection, l as Slice, m as DOMSerializer, F as Fragment, n as Mark$1, p as dropPoint, A as AllSelection, q as Schema$1, s as canSplit, t as liftTarget, u as canJoin, v as joinPoint, x as replaceStep$1, R as ReplaceAroundStep$1, y as htmlHandler, z as ReplaceStep, B as getResolvedParagraphProperties, C as changeListLevel, E as isList$1, G as updateNumberingProperties, L as ListHelpers, H as inputRulesPlugin, I as TrackDeleteMarkName$1, J as TrackInsertMarkName$1, K as TrackFormatMarkName$1, O as AddMarkStep, Q as RemoveMarkStep, U as CommandService, S as SuperConverter, V as EditorState, W as unflattenListsInHtml, X as SelectionRange, Y as Transform, Z as resolveParagraphProperties, _ as _getReferencedTableStyles, $ as decodeRPrFromMarks, a0 as calculateResolvedParagraphProperties, a1 as resolveRunProperties, a2 as encodeCSSFromPPr, a3 as encodeCSSFromRPr, a4 as generateOrderedListIndex, a5 as docxNumberingHelpers, a6 as InputRule, a7 as insertNewRelationship, a8 as kebabCase$1, a9 as getUnderlineCssString } from "./SuperConverter-C4sb9GH7.es.js";
+import { t as twipsToInches, i as inchesToTwips, p as ptToTwips, l as linesToTwips, a as twipsToLines, b as pixelsToTwips, h as halfPointToPoints, c as twipsToPixels$2, d as convertSizeToCSS, e as inchesToPixels } from "./helpers-C8e9wR5l.es.js";
+import { g as generateDocxRandomId, T as TextSelection$1, o as objectIncludes, w as wrapTextsInRuns, D as DOMParser$1, c as createDocFromMarkdown, a as createDocFromHTML, b as chainableEditorState, d as convertMarkdownToHTML, f as findParentNode, e as findParentNodeClosestToPos, h as generateRandom32BitHex, i as generateRandomSigned32BitIntStrId, P as PluginKey, j as Plugin, M as Mapping, N as NodeSelection, k as Selection, l as Slice, m as DOMSerializer, F as Fragment, n as Mark$1, p as dropPoint, A as AllSelection, q as Schema$1, s as canSplit, t as liftTarget, u as canJoin, v as joinPoint, x as replaceStep$1, R as ReplaceAroundStep$1, y as htmlHandler, z as ReplaceStep, B as getResolvedParagraphProperties, C as changeListLevel, E as isList$1, G as updateNumberingProperties, L as ListHelpers, H as inputRulesPlugin, I as TrackDeleteMarkName$1, J as TrackInsertMarkName$1, K as TrackFormatMarkName$1, O as AddMarkStep, Q as RemoveMarkStep, U as CommandService, S as SuperConverter, V as EditorState, W as unflattenListsInHtml, X as SelectionRange, Y as Transform, Z as resolveParagraphProperties, _ as _getReferencedTableStyles, $ as decodeRPrFromMarks, a0 as calculateResolvedParagraphProperties, a1 as resolveRunProperties, a2 as encodeCSSFromPPr, a3 as encodeCSSFromRPr, a4 as generateOrderedListIndex, a5 as docxNumberingHelpers, a6 as InputRule, a7 as insertNewRelationship, a8 as kebabCase$1, a9 as getUnderlineCssString } from "./SuperConverter-ClzyObj7.es.js";
 import { p as process$1, r as ref, C as global$1, c as computed, E as createElementBlock, F as Fragment$1, S as renderList, O as withModifiers, G as openBlock, P as normalizeClass, M as createCommentVNode, H as toDisplayString, K as createBaseVNode, U as createApp, f as onMounted, X as onUnmounted, R as withDirectives, v as unref, Y as vModelText, y as nextTick, L as normalizeStyle, u as watch, Z as withKeys, _ as createTextVNode, I as createVNode, h, $ as readonly, s as getCurrentInstance, o as onBeforeUnmount, j as reactive, b as onBeforeMount, i as inject, a0 as onActivated, a1 as onDeactivated, a2 as Comment, d as defineComponent, a as provide, g as Teleport, t as toRef, a3 as renderSlot, a4 as isVNode, D as shallowRef, w as watchEffect, T as Transition, a5 as mergeProps, a6 as vShow, a7 as cloneVNode, a8 as Text$2, m as markRaw, N as createBlock, J as withCtx, a9 as useCssVars, V as resolveDynamicComponent, aa as normalizeProps, ab as guardReactiveProps } from "./vue-BnBKJwCW.es.js";
 import "./jszip.min-DCl8qkFO.es.js";
 import { E as EventEmitter$1 } from "./eventemitter3-CwrdEv8r.es.js";
@@ -14898,7 +14898,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.2.2-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) {
@@ -17531,7 +17531,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.2.2-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");
@@ -19951,18 +19951,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) {
@@ -19973,7 +19973,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"],
@@ -25375,7 +25375,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);
@@ -25759,10 +25766,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,
@@ -27989,7 +28004,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);
@@ -28016,8 +28031,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) => {
@@ -31667,33 +31729,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);
@@ -32246,7 +32288,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":
@@ -32259,6 +32301,8 @@ function formatPageNumber$1(pageNumber, format) {
       return toUpperLetter(num);
     case "lowerLetter":
       return toLowerLetter(num);
+    case "numberInDash":
+      return `-${num}-`;
     default:
       return String(num);
   }
@@ -32287,7 +32331,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,
@@ -32422,59 +32466,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(
@@ -33930,7 +33921,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;
   }
@@ -33942,7 +33933,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;
@@ -34365,15 +34356,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 };
@@ -39260,7 +39267,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;
@@ -49302,6 +49316,7 @@ const CommentMarkName = "commentMark";
 const TrackInsertMarkName = "trackInsert";
 const TrackDeleteMarkName = "trackDelete";
 const TrackFormatMarkName = "trackFormat";
+const SUBSCRIPT_SUPERSCRIPT_SCALE = 0.65;
 const DEFAULT_PAGE_SIZE = { w: 612, h: 792 };
 const DEFAULT_MARGINS = { top: 72, right: 72, bottom: 72, left: 72 };
 const DEFAULT_VIRTUALIZED_PAGE_GAP = 72;
@@ -52546,6 +52561,7 @@ class PresentationEditor extends EventEmitter {
       );
       this.#domIndexObserverManager?.pause();
       painter.paint(layout, this.#painterHost);
+      this.#applyVertAlignToLayout();
       this.#rebuildDomPositionIndex();
       this.#domIndexObserverManager?.resume();
       this.#layoutEpoch = layoutEpoch;
@@ -54308,6 +54324,90 @@ class PresentationEditor extends EventEmitter {
     this.#errorBanner = null;
     this.#errorBannerMessage = null;
   }
+  /**
+   * Applies vertical alignment and font scaling to layout DOM elements for subscript/superscript rendering.
+   *
+   * This method post-processes the painted DOM layout to apply vertical alignment styles
+   * (super, sub, baseline, or custom position) based on run properties and text style marks.
+   * It handles both DOCX-style vertAlign ('superscript', 'subscript', 'baseline') and
+   * custom position offsets (in half-points).
+   *
+   * Processing logic:
+   * 1. Queries all text spans with ProseMirror position markers
+   * 2. For each span, resolves the ProseMirror position to find the containing run node
+   * 3. Extracts vertAlign and position from run properties and/or text style marks
+   * 4. Applies CSS vertical-align and font-size styles based on the extracted properties
+   * 5. Position takes precedence over vertAlign when both are present
+   *
+   * @throws Does not throw - DOM manipulation errors are silently caught to prevent layout corruption
+   * @private
+   */
+  #applyVertAlignToLayout() {
+    const doc2 = this.#editor?.state?.doc;
+    if (!doc2 || !this.#painterHost) return;
+    try {
+      const spans = this.#painterHost.querySelectorAll(".superdoc-line span[data-pm-start]");
+      spans.forEach((span) => {
+        try {
+          if (span.closest(".superdoc-page-header, .superdoc-page-footer")) return;
+          const pmStart = Number(span.dataset.pmStart ?? "NaN");
+          if (!Number.isFinite(pmStart)) return;
+          const pos = Math.max(0, Math.min(pmStart, doc2.content.size));
+          const $pos = doc2.resolve(pos);
+          let runNode = null;
+          for (let depth = $pos.depth; depth >= 0; depth--) {
+            const node = $pos.node(depth);
+            if (node.type.name === "run") {
+              runNode = node;
+              break;
+            }
+          }
+          let vertAlign = runNode?.attrs?.runProperties?.vertAlign ?? null;
+          let position = runNode?.attrs?.runProperties?.position ?? null;
+          let fontSizeHalfPts = runNode?.attrs?.runProperties?.fontSize ?? null;
+          if (!vertAlign && position == null && runNode) {
+            runNode.forEach((child) => {
+              if (!child.isText || !child.marks?.length) return;
+              const rpr = decodeRPrFromMarks(child.marks);
+              if (rpr.vertAlign && !vertAlign) vertAlign = rpr.vertAlign;
+              if (rpr.position != null && position == null) position = rpr.position;
+              if (rpr.fontSize != null && fontSizeHalfPts == null) fontSizeHalfPts = rpr.fontSize;
+            });
+          }
+          if (vertAlign == null && position == null) return;
+          const styleEntries = [];
+          if (position != null && Number.isFinite(position)) {
+            const pts = halfPointToPoints(position);
+            if (Number.isFinite(pts)) {
+              styleEntries.push(`vertical-align: ${pts}pt`);
+            }
+          } else if (vertAlign === "superscript" || vertAlign === "subscript") {
+            styleEntries.push(`vertical-align: ${vertAlign === "superscript" ? "super" : "sub"}`);
+            if (fontSizeHalfPts != null && Number.isFinite(fontSizeHalfPts)) {
+              const scaledPts = halfPointToPoints(fontSizeHalfPts * SUBSCRIPT_SUPERSCRIPT_SCALE);
+              if (Number.isFinite(scaledPts)) {
+                styleEntries.push(`font-size: ${scaledPts}pt`);
+              } else {
+                styleEntries.push(`font-size: ${SUBSCRIPT_SUPERSCRIPT_SCALE * 100}%`);
+              }
+            } else {
+              styleEntries.push(`font-size: ${SUBSCRIPT_SUPERSCRIPT_SCALE * 100}%`);
+            }
+          } else if (vertAlign === "baseline") {
+            styleEntries.push("vertical-align: baseline");
+          }
+          if (!styleEntries.length) return;
+          const existing = span.getAttribute("style");
+          const merged = existing ? `${existing}; ${styleEntries.join("; ")}` : styleEntries.join("; ");
+          span.setAttribute("style", merged);
+        } catch (error) {
+          console.error("Failed to apply vertical alignment to span:", error);
+        }
+      });
+    } catch (error) {
+      console.error("Failed to apply vertical alignment to layout:", error);
+    }
+  }
 }
 const Color = Extension.create({
   name: "color",
@@ -65849,7 +65949,63 @@ const TextStyle = Mark.create({
        * @category Attribute
        * @param {string} [styleId] - Style identifier for referencing predefined styles
        */
-      styleId: {}
+      styleId: {},
+      /**
+       * Vertical alignment for subscript/superscript text (DOCX w:vertAlign).
+       * Standard values: 'superscript', 'subscript', 'baseline'.
+       * When both vertAlign and position are present, position takes precedence.
+       * Renders as CSS vertical-align with 65% font-size scaling for super/subscript.
+       * @category Attribute
+       * @param {string} [vertAlign] - Vertical alignment mode ('superscript' | 'subscript' | 'baseline')
+       */
+      vertAlign: {
+        default: null,
+        renderDOM: (attrs) => {
+          if (!attrs.vertAlign || attrs.position) return {};
+          if (attrs.vertAlign === "superscript") {
+            return { style: "vertical-align: super; font-size: 65%;" };
+          }
+          if (attrs.vertAlign === "subscript") {
+            return { style: "vertical-align: sub; font-size: 65%;" };
+          }
+          if (attrs.vertAlign === "baseline") {
+            return { style: "vertical-align: baseline;" };
+          }
+          return {};
+        },
+        parseDOM: (el) => {
+          const va = el.style?.verticalAlign;
+          if (va === "super") return "superscript";
+          if (va === "sub") return "subscript";
+          if (va === "baseline") return "baseline";
+          return null;
+        }
+      },
+      /**
+       * Custom vertical position offset in points (DOCX w:position).
+       * Numeric value specifying vertical offset (positive raises, negative lowers).
+       * Format: '{number}pt' (e.g., '2pt', '-1.5pt').
+       * Takes precedence over vertAlign when both are present.
+       * Renders as CSS vertical-align with the exact offset value.
+       * @category Attribute
+       * @param {string} [position] - Vertical position offset (e.g., '2pt', '-1pt')
+       */
+      position: {
+        default: null,
+        renderDOM: (attrs) => {
+          if (!attrs.position) return {};
+          return { style: `vertical-align: ${attrs.position};` };
+        },
+        parseDOM: (el) => {
+          const va = el.style?.verticalAlign;
+          if (!va) return null;
+          const numeric = parseFloat(va);
+          if (!Number.isNaN(numeric)) {
+            return `${numeric}pt`;
+          }
+          return null;
+        }
+      }
     };
   },
   addCommands() {

package/dist/chunks/{index-BS-AafWf.cjs → index-sykfrKvQ.cjs}

@@ -1,6 +1,6 @@
 "use strict";
-const index = require("./index-B2xKsF_F.cjs");
-require("./SuperConverter-C_fR_pax.cjs");
+const index = require("./index-C2XLSjq0.cjs");
+require("./SuperConverter-DOTz2R8L.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
 const provider = require("@hocuspocus/provider");
@@ -7461,7 +7461,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-Cq1mqKR1.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-BEZc2jzN.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -8367,7 +8367,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.2.2-next.1";
+    this.version = "1.3.0-next.2";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/super-editor/converter.cjs

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../chunks/jszip-C8_CqJxM.cjs");
 require("../chunks/helpers-nOdwpmwb.cjs");
-const superEditor_converter = require("../chunks/SuperConverter-C_fR_pax.cjs");
+const superEditor_converter = require("../chunks/SuperConverter-DOTz2R8L.cjs");
 require("../chunks/uuid-R7L08bOx.cjs");
 exports.SuperConverter = superEditor_converter.SuperConverter;

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

@@ -1,6 +1,6 @@
 import "../chunks/jszip-B1fkPkPJ.es.js";
-import "../chunks/helpers-CAUq8coh.es.js";
-import { S } from "../chunks/SuperConverter-C4sb9GH7.es.js";
+import "../chunks/helpers-C8e9wR5l.es.js";
+import { S } from "../chunks/SuperConverter-ClzyObj7.es.js";
 import "../chunks/uuid-CjlX8hrF.es.js";
 export {
   S as SuperConverter

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

@@ -1,5 +1,5 @@
 import { B as Buffer } from "../chunks/jszip-B1fkPkPJ.es.js";
-import { g as getContentTypesFromXml, f as libExports } from "../chunks/helpers-CAUq8coh.es.js";
+import { g as getContentTypesFromXml, f as libExports } from "../chunks/helpers-C8e9wR5l.es.js";
 import { J as JSZip } from "../chunks/jszip.min-DCl8qkFO.es.js";
 const isXmlLike = (name) => /\.xml$|\.rels$/i.test(name);
 function sniffEncoding(u8) {

package/dist/super-editor.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./chunks/index-B2xKsF_F.cjs");
+const index = require("./chunks/index-C2XLSjq0.cjs");
 const superEditor_docxZipper = require("./super-editor/docx-zipper.cjs");
 const superEditor_fileZipper = require("./super-editor/file-zipper.cjs");
 const vue = require("./chunks/vue-De9wkgLl.cjs");
-const superEditor_converter = require("./chunks/SuperConverter-C_fR_pax.cjs");
+const superEditor_converter = require("./chunks/SuperConverter-DOTz2R8L.cjs");
 function isNodeType(node, name) {
   return node.type.name === name;
 }

package/dist/super-editor.es.js

@@ -1,9 +1,9 @@
-import { ax as Node, ay as Mark } from "./chunks/index-CcYK8nzG.es.js";
-import { ao, au, a9, ab, aw, am, av, aA, an, ak, aq, az, aa, as, aC, aE, aB, ac, aD, ar, at } from "./chunks/index-CcYK8nzG.es.js";
+import { ax as Node, ay as Mark } from "./chunks/index-D5tN0eME.es.js";
+import { ao, au, a9, ab, aw, am, av, aA, an, ak, aq, az, aa, as, aC, aE, aB, ac, aD, ar, at } from "./chunks/index-D5tN0eME.es.js";
 import { default as default2 } from "./super-editor/docx-zipper.es.js";
 import { createZip } from "./super-editor/file-zipper.es.js";
 import { d as defineComponent, E as createElementBlock, G as openBlock, K as createBaseVNode } from "./chunks/vue-BnBKJwCW.es.js";
-import { S, r } from "./chunks/SuperConverter-C4sb9GH7.es.js";
+import { S, r } from "./chunks/SuperConverter-ClzyObj7.es.js";
 function isNodeType(node, name) {
   return node.type.name === name;
 }

package/dist/superdoc.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./chunks/index-B2xKsF_F.cjs");
-const superdoc = require("./chunks/index-BS-AafWf.cjs");
-const superEditor_converter = require("./chunks/SuperConverter-C_fR_pax.cjs");
+const index = require("./chunks/index-C2XLSjq0.cjs");
+const superdoc = require("./chunks/index-sykfrKvQ.cjs");
+const superEditor_converter = require("./chunks/SuperConverter-DOTz2R8L.cjs");
 const blankDocx = require("./chunks/blank-docx-DfW3Eeh2.cjs");
 require("./chunks/jszip-C8_CqJxM.cjs");
 require("./chunks/helpers-nOdwpmwb.cjs");

package/dist/superdoc.es.js

@@ -1,9 +1,9 @@
-import { au, ab, aw, av, as, a7, ac, ar, at } from "./chunks/index-CcYK8nzG.es.js";
-import { D, H, P, S, c } from "./chunks/index-Di1Kp3nz.es.js";
-import { S as S2, r } from "./chunks/SuperConverter-C4sb9GH7.es.js";
+import { au, ab, aw, av, as, a7, ac, ar, at } from "./chunks/index-D5tN0eME.es.js";
+import { D, H, P, S, c } from "./chunks/index-CMxyLpsU.es.js";
+import { S as S2, r } from "./chunks/SuperConverter-ClzyObj7.es.js";
 import { B } from "./chunks/blank-docx-ABm6XYAA.es.js";
 import "./chunks/jszip-B1fkPkPJ.es.js";
-import "./chunks/helpers-CAUq8coh.es.js";
+import "./chunks/helpers-C8e9wR5l.es.js";
 import "./chunks/jszip.min-DCl8qkFO.es.js";
 import { createZip } from "./super-editor/file-zipper.es.js";
 export {