superdoc 1.2.0-next.5 → 1.2.1

package/dist/chunks/{PdfViewer-CZq-c1aT.es.js → PdfViewer-CfkEojYs.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-BaSA-M8A.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-rOfYo70H.es.js";
+import { N as NBaseLoading, u as useSuperdocStore, s as storeToRefs, a as useSelection } from "./index-L4O68_fZ.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-DUHBiOz0.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-DnFGHZzc.cjs → PdfViewer-DAuugJGV.cjs}

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

package/dist/chunks/{SuperConverter-ClalxgSO.cjs → SuperConverter-D7wt-eeZ.cjs}

@@ -30738,7 +30738,7 @@ class SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.2.0-next.5") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.2.1") {
     return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/chunks/{SuperConverter-CuiRnbJX.es.js → SuperConverter-DrIt9cvV.es.js}

@@ -30737,7 +30737,7 @@ class SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.2.0-next.5") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.2.1") {
     return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/chunks/{index-1zcZTe7X.cjs → index-CQcBu0ln.cjs}

@@ -1,6 +1,6 @@
 "use strict";
-const index = require("./index-CANjnoRM.cjs");
-require("./SuperConverter-ClalxgSO.cjs");
+const index = require("./index-MvYBJo1p.cjs");
+require("./SuperConverter-D7wt-eeZ.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-DnFGHZzc.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DAuugJGV.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.0-next.5";
+    this.version = "1.2.1";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-rOfYo70H.es.js → index-DUHBiOz0.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-CuiRnbJX.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-DrIt9cvV.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.0-next.5";
+const summaryVersion = "1.2.1";
 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.0-next.5");
+    console.debug("[checkVersionMigrations] Current editor version", "1.2.1");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -30280,9 +30280,7 @@ function buildMultiSectionIdentifier(sectionMetadata, pageStyles2, converterIds)
         odd: section.footerRefs.odd ?? null
       });
     }
-    if (section.titlePg === true) {
-      identifier.sectionTitlePg.set(idx, true);
-    }
+    identifier.sectionTitlePg.set(idx, section.titlePg === true);
   }
   const section0Headers = identifier.sectionHeaderIds.get(0);
   const section0Footers = identifier.sectionFooterIds.get(0);
@@ -30294,12 +30292,18 @@ function buildMultiSectionIdentifier(sectionMetadata, pageStyles2, converterIds)
   }
   identifier.titlePg = identifier.sectionTitlePg.get(0) ?? false;
   if (converterIds?.headerIds) {
+    if (!identifier.titlePg && converterIds.headerIds.titlePg) {
+      identifier.titlePg = true;
+    }
     identifier.headerIds.default = identifier.headerIds.default ?? converterIds.headerIds.default ?? null;
     identifier.headerIds.first = identifier.headerIds.first ?? converterIds.headerIds.first ?? null;
     identifier.headerIds.even = identifier.headerIds.even ?? converterIds.headerIds.even ?? null;
     identifier.headerIds.odd = identifier.headerIds.odd ?? converterIds.headerIds.odd ?? null;
   }
   if (converterIds?.footerIds) {
+    if (!identifier.titlePg && converterIds.footerIds.titlePg) {
+      identifier.titlePg = true;
+    }
     identifier.footerIds.default = identifier.footerIds.default ?? converterIds.footerIds.default ?? null;
     identifier.footerIds.first = identifier.footerIds.first ?? converterIds.footerIds.first ?? null;
     identifier.footerIds.even = identifier.footerIds.even ?? converterIds.footerIds.even ?? null;
@@ -30317,11 +30321,13 @@ function getHeaderFooterTypeForSection(pageNumber, sectionIndex, identifier, opt
   const hasEven = Boolean(ids.even);
   const hasOdd = Boolean(ids.odd);
   const hasDefault = Boolean(ids.default);
-  const sectionTitlePg = identifier.sectionTitlePg.get(sectionIndex) ?? identifier.titlePg;
-  const titlePgEnabled = sectionTitlePg && hasFirst;
+  const sectionTitlePg = identifier.sectionTitlePg.has(sectionIndex) ? identifier.sectionTitlePg.get(sectionIndex) : identifier.titlePg;
+  const titlePgEnabled = sectionTitlePg === true;
   const isFirstPageOfSection = sectionPageNumber === 1;
   if (isFirstPageOfSection && titlePgEnabled) {
-    return "first";
+    if (hasFirst) return "first";
+    if (!hasDefault && !hasEven && !hasOdd) return null;
+    return null;
   }
   if (identifier.alternateHeaders) {
     if (pageNumber % 2 === 0 && (hasEven || hasDefault)) {
@@ -31379,6 +31385,18 @@ function applyTableIndent(x, width, indent) {
     width: Math.max(0, width - indent)
   };
 }
+function resolveTableFrame(baseX, columnWidth, tableWidth, attrs) {
+  const width = Math.min(columnWidth, tableWidth);
+  const justification = typeof attrs?.justification === "string" ? attrs.justification : void 0;
+  if (justification === "center") {
+    return { x: baseX + Math.max(0, (columnWidth - width) / 2), width };
+  }
+  if (justification === "right" || justification === "end") {
+    return { x: baseX + Math.max(0, columnWidth - width), width };
+  }
+  const tableIndent = getTableIndentWidth(attrs);
+  return applyTableIndent(baseX, width, tableIndent);
+}
 function calculateColumnMinWidth(columnIndex, measure) {
   const DEFAULT_MIN_WIDTH = 25;
   const measuredWidth = measure.columnWidths[columnIndex] || DEFAULT_MIN_WIDTH;
@@ -31681,10 +31699,9 @@ function layoutMonolithicTable(context) {
     columnBoundaries: generateColumnBoundaries(context.measure),
     coordinateSystem: "fragment"
   };
-  const tableIndent = getTableIndentWidth(context.block.attrs);
   const baseX = context.columnX(state.columnIndex);
   const baseWidth = Math.min(context.columnWidth, context.measure.totalWidth || context.columnWidth);
-  const { x, width } = applyTableIndent(baseX, baseWidth, tableIndent);
+  const { x, width } = resolveTableFrame(baseX, context.columnWidth, baseWidth, context.block.attrs);
   const fragment = {
     kind: "table",
     blockId: context.block.id,
@@ -31760,10 +31777,9 @@ function layoutTableBlock({
       columnBoundaries: generateColumnBoundaries(measure),
       coordinateSystem: "fragment"
     };
-    const tableIndent = getTableIndentWidth(block.attrs);
     const baseX = columnX(state.columnIndex);
     const baseWidth = Math.min(columnWidth, measure.totalWidth || columnWidth);
-    const { x, width } = applyTableIndent(baseX, baseWidth, tableIndent);
+    const { x, width } = resolveTableFrame(baseX, columnWidth, baseWidth, block.attrs);
     const fragment = {
       kind: "table",
       blockId: block.id,
@@ -31820,10 +31836,9 @@ function layoutTableBlock({
       });
       const fragmentHeight2 = continuationPartialRow.partialHeight + (repeatHeaderCount > 0 ? headerHeight : 0);
       if (fragmentHeight2 > 0 && madeProgress) {
-        const tableIndent2 = getTableIndentWidth(block.attrs);
         const baseX2 = columnX(state.columnIndex);
         const baseWidth2 = Math.min(columnWidth, measure.totalWidth || columnWidth);
-        const { x: x2, width: width2 } = applyTableIndent(baseX2, baseWidth2, tableIndent2);
+        const { x: x2, width: width2 } = resolveTableFrame(baseX2, columnWidth, baseWidth2, block.attrs);
         const fragment2 = {
           kind: "table",
           blockId: block.id,
@@ -31865,10 +31880,9 @@ function layoutTableBlock({
       const forcedPartialRow = computePartialRow(bodyStartRow, block.rows[bodyStartRow], measure, availableForBody);
       const forcedEndRow = bodyStartRow + 1;
       const fragmentHeight2 = forcedPartialRow.partialHeight + (repeatHeaderCount > 0 ? headerHeight : 0);
-      const tableIndent2 = getTableIndentWidth(block.attrs);
       const baseX2 = columnX(state.columnIndex);
       const baseWidth2 = Math.min(columnWidth, measure.totalWidth || columnWidth);
-      const { x: x2, width: width2 } = applyTableIndent(baseX2, baseWidth2, tableIndent2);
+      const { x: x2, width: width2 } = resolveTableFrame(baseX2, columnWidth, baseWidth2, block.attrs);
       const fragment2 = {
         kind: "table",
         blockId: block.id,
@@ -31901,10 +31915,9 @@ function layoutTableBlock({
         measure
       );
     }
-    const tableIndent = getTableIndentWidth(block.attrs);
     const baseX = columnX(state.columnIndex);
     const baseWidth = Math.min(columnWidth, measure.totalWidth || columnWidth);
-    const { x, width } = applyTableIndent(baseX, baseWidth, tableIndent);
+    const { x, width } = resolveTableFrame(baseX, columnWidth, baseWidth, block.attrs);
     const fragment = {
       kind: "table",
       blockId: block.id,
@@ -39318,6 +39331,7 @@ function publishSectionMetadata(sectionRanges, options) {
   });
 }
 function createFinalSectionFromBodySectPr(bodySectPr, currentStart, totalParagraphs, sectionIndex) {
+  const clampedStart = Math.max(0, Math.min(currentStart, Math.max(totalParagraphs - 1, 0)));
   const tempNode = {
     attrs: {
       paragraphProperties: { sectPr: bodySectPr }
@@ -39328,7 +39342,7 @@ function createFinalSectionFromBodySectPr(bodySectPr, currentStart, totalParagra
   const hasAnyMargin = bodySectionData.headerPx != null || bodySectionData.footerPx != null || bodySectionData.topPx != null || bodySectionData.rightPx != null || bodySectionData.bottomPx != null || bodySectionData.leftPx != null;
   return {
     sectionIndex,
-    startParagraphIndex: currentStart,
+    startParagraphIndex: clampedStart,
     endParagraphIndex: totalParagraphs - 1,
     sectPr: bodySectPr,
     margins: hasAnyMargin ? {
@@ -39346,6 +39360,7 @@ function createFinalSectionFromBodySectPr(bodySectPr, currentStart, totalParagra
     titlePg: bodySectionData.titlePg ?? false,
     headerRefs: bodySectionData.headerRefs,
     footerRefs: bodySectionData.footerRefs,
+    numbering: bodySectionData.numbering,
     vAlign: bodySectionData.vAlign
   };
 }
@@ -53721,45 +53736,76 @@ class PresentationEditor extends EventEmitter {
     const columns = parseColumns(pageStyles2.columns);
     return { pageSize, margins, columns };
   }
+  /**
+   * Applies zoom transformation to the document viewport and painter hosts.
+   *
+   * Handles documents with varying page sizes (multi-section docs with landscape pages)
+   * by calculating actual dimensions from per-page sizes rather than assuming uniform pages.
+   *
+   * The implementation uses two key concepts:
+   * - **maxWidth/maxHeight**: Maximum dimension across all pages (for viewport sizing)
+   * - **totalWidth/totalHeight**: Sum of all page dimensions + gaps (for full document extent)
+   *
+   * Layout modes:
+   * - Vertical: Uses maxWidth for viewport width, totalHeight for scroll height
+   * - Horizontal: Uses totalWidth for viewport width, maxHeight for scroll height
+   */
   #applyZoom() {
     const zoom = this.#layoutOptions.zoom ?? 1;
     const layoutMode = this.#layoutOptions.layoutMode ?? "vertical";
-    const pageWidth = this.#layoutOptions.pageSize?.w ?? DEFAULT_PAGE_SIZE.w;
-    const pageHeight = this.#getBodyPageHeight();
     const pages = this.#layoutState.layout?.pages;
-    const pageCount = Array.isArray(pages) && pages.length > 0 ? pages.length : 1;
     const pageGap = this.#layoutState.layout?.pageGap ?? this.#getEffectivePageGap();
+    const defaultWidth = this.#layoutOptions.pageSize?.w ?? DEFAULT_PAGE_SIZE.w;
+    const defaultHeight = this.#layoutOptions.pageSize?.h ?? DEFAULT_PAGE_SIZE.h;
+    let maxWidth = defaultWidth;
+    let maxHeight = defaultHeight;
+    let totalWidth = 0;
+    let totalHeight = 0;
+    if (Array.isArray(pages) && pages.length > 0) {
+      pages.forEach((page, index2) => {
+        const pageWidth = page.size && typeof page.size.w === "number" && page.size.w > 0 ? page.size.w : defaultWidth;
+        const pageHeight = page.size && typeof page.size.h === "number" && page.size.h > 0 ? page.size.h : defaultHeight;
+        maxWidth = Math.max(maxWidth, pageWidth);
+        maxHeight = Math.max(maxHeight, pageHeight);
+        totalWidth += pageWidth;
+        totalHeight += pageHeight;
+        if (index2 < pages.length - 1) {
+          totalWidth += pageGap;
+          totalHeight += pageGap;
+        }
+      });
+    } else {
+      totalWidth = defaultWidth;
+      totalHeight = defaultHeight;
+    }
     if (layoutMode === "horizontal") {
-      const totalWidth = pageWidth * pageCount + pageGap * Math.max(0, pageCount - 1);
-      const totalHeight2 = pageHeight;
       const scaledWidth2 = totalWidth * zoom;
-      const scaledHeight2 = totalHeight2 * zoom;
+      const scaledHeight2 = maxHeight * zoom;
       this.#viewportHost.style.width = `${scaledWidth2}px`;
       this.#viewportHost.style.minWidth = `${scaledWidth2}px`;
       this.#viewportHost.style.minHeight = `${scaledHeight2}px`;
       this.#viewportHost.style.transform = "";
       this.#painterHost.style.width = `${totalWidth}px`;
-      this.#painterHost.style.minHeight = `${totalHeight2}px`;
+      this.#painterHost.style.minHeight = `${maxHeight}px`;
       this.#painterHost.style.transformOrigin = "top left";
       this.#painterHost.style.transform = zoom === 1 ? "" : `scale(${zoom})`;
       this.#selectionOverlay.style.width = `${totalWidth}px`;
-      this.#selectionOverlay.style.height = `${totalHeight2}px`;
+      this.#selectionOverlay.style.height = `${maxHeight}px`;
       this.#selectionOverlay.style.transformOrigin = "top left";
       this.#selectionOverlay.style.transform = zoom === 1 ? "" : `scale(${zoom})`;
       return;
     }
-    const totalHeight = pageHeight * pageCount + pageGap * Math.max(0, pageCount - 1);
-    const scaledWidth = pageWidth * zoom;
+    const scaledWidth = maxWidth * zoom;
     const scaledHeight = totalHeight * zoom;
     this.#viewportHost.style.width = `${scaledWidth}px`;
     this.#viewportHost.style.minWidth = `${scaledWidth}px`;
     this.#viewportHost.style.minHeight = `${scaledHeight}px`;
     this.#viewportHost.style.transform = "";
-    this.#painterHost.style.width = `${pageWidth}px`;
+    this.#painterHost.style.width = `${maxWidth}px`;
     this.#painterHost.style.minHeight = `${totalHeight}px`;
     this.#painterHost.style.transformOrigin = "top left";
     this.#painterHost.style.transform = zoom === 1 ? "" : `scale(${zoom})`;
-    this.#selectionOverlay.style.width = `${pageWidth}px`;
+    this.#selectionOverlay.style.width = `${maxWidth}px`;
     this.#selectionOverlay.style.height = `${totalHeight}px`;
     this.#selectionOverlay.style.transformOrigin = "top left";
     this.#selectionOverlay.style.transform = zoom === 1 ? "" : `scale(${zoom})`;
@@ -88530,15 +88576,25 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       { immediate: true, deep: true }
     );
     const containerStyle = computed(() => {
-      let baseWidth = 8.5 * 96;
+      let maxWidth = 8.5 * 96;
       const ed = editor.value;
-      if (ed && "getPageStyles" in ed && typeof ed.getPageStyles === "function") {
+      if (ed && "getPages" in ed && typeof ed.getPages === "function") {
+        const pages = ed.getPages();
+        if (Array.isArray(pages) && pages.length > 0) {
+          for (const page of pages) {
+            if (page.size && typeof page.size.w === "number" && page.size.w > 0) {
+              maxWidth = Math.max(maxWidth, page.size.w);
+            }
+          }
+        }
+      }
+      if (maxWidth === 8.5 * 96 && ed && "getPageStyles" in ed && typeof ed.getPageStyles === "function") {
         const styles = ed.getPageStyles();
         if (styles && typeof styles === "object" && styles.pageSize && typeof styles.pageSize === "object" && typeof styles.pageSize.width === "number" && styles.pageSize.width > 0) {
-          baseWidth = styles.pageSize.width * 96;
+          maxWidth = styles.pageSize.width * 96;
         }
       }
-      const scaledWidth = baseWidth * currentZoom.value;
+      const scaledWidth = maxWidth * currentZoom.value;
       return {
         minWidth: `${scaledWidth}px`
       };
@@ -89106,7 +89162,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b430db2d"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8dd4cf59"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",

package/dist/chunks/{index-BaSA-M8A.es.js → index-L4O68_fZ.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-rOfYo70H.es.js";
-import "./SuperConverter-CuiRnbJX.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-DUHBiOz0.es.js";
+import "./SuperConverter-DrIt9cvV.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-CZq-c1aT.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-CfkEojYs.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.2.0-next.5";
+    this.version = "1.2.1";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;