superdoc 1.0.0-beta.71 → 1.0.0-beta.73

package/dist/chunks/{PdfViewer-fC8HER9x.es.js → PdfViewer-A6N1Ilp8.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-dVVrZVr-.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-YCkhH3qs.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-ByYZWEAY.cjs → PdfViewer-DBqcgXRQ.cjs}

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

package/dist/chunks/{index-DNdPLYmc-xVZ8rsAB.cjs → index-DZuRXtuO-BP5GzZkJ.cjs}

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

package/dist/chunks/{index-DNdPLYmc-BiqKDIea.es.js → index-DZuRXtuO-BpEV348M.es.js}

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

package/dist/chunks/{index-C5kk90i2.cjs → index-Dc6FhKsA.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-DUGFHvw1.cjs");
+const superEditor_es = require("./super-editor.es-CrRRbz3_.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-DQmQUge-.cjs");
 const provider = require("@hocuspocus/provider");
@@ -17268,7 +17268,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-ByYZWEAY.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DBqcgXRQ.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18157,7 +18157,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.71";
+    this.version = "1.0.0-beta.73";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-dVVrZVr-.es.js → index-YCkhH3qs.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-1WGVfjfp.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-rYLAMF97.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";
@@ -17251,7 +17251,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-fC8HER9x.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-A6N1Ilp8.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18140,7 +18140,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.71";
+    this.version = "1.0.0-beta.73";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{super-editor.es-DUGFHvw1.cjs → super-editor.es-CrRRbz3_.cjs}

@@ -42326,7 +42326,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.71") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.73") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -59515,7 +59515,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.71";
+const summaryVersion = "1.0.0-beta.73";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -60304,7 +60304,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      Promise.resolve().then(() => require("./index-DNdPLYmc-xVZ8rsAB.cjs")),
+      Promise.resolve().then(() => require("./index-DZuRXtuO-BP5GzZkJ.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")),
@@ -60509,7 +60509,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.71");
+    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.73");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -68040,11 +68040,11 @@ const countSpaces = (text) => {
   }
   return spaces;
 };
-const getJustifyAdjustment = (block, line, availableWidthOverride) => {
+const getJustifyAdjustment = (block, line, availableWidthOverride, alignmentOverride) => {
   if (block.kind !== "paragraph") {
     return { extraPerSpace: 0, totalSpaces: 0 };
   }
-  const alignment2 = block.attrs?.alignment;
+  const alignment2 = alignmentOverride ?? block.attrs?.alignment;
   const hasExplicitPositioning = line.segments?.some((seg) => seg.x !== void 0);
   const availableWidth = availableWidthOverride ?? line.maxWidth ?? line.width;
   const slack = Math.max(0, availableWidth - line.width);
@@ -68123,13 +68123,13 @@ function sliceRunsForLine$1(block, line) {
   }
   return result;
 }
-function measureCharacterX(block, line, charOffset, availableWidthOverride) {
+function measureCharacterX(block, line, charOffset, availableWidthOverride, alignmentOverride) {
   const ctx2 = getMeasurementContext();
   const availableWidth = availableWidthOverride ?? line.maxWidth ?? // Fallback: if no maxWidth, approximate available width as line width (no slack)
   line.width;
-  const justify = getJustifyAdjustment(block, line, availableWidth);
-  const renderedLineWidth = line.width + Math.max(0, availableWidth - line.width);
-  const alignment2 = block.kind === "paragraph" ? block.attrs?.alignment : void 0;
+  const justify = getJustifyAdjustment(block, line, availableWidth, alignmentOverride);
+  const alignment2 = alignmentOverride ?? (block.kind === "paragraph" ? block.attrs?.alignment : void 0);
+  const renderedLineWidth = alignment2 === "justify" ? line.width + Math.max(0, availableWidth - line.width) : line.width;
   const hasExplicitPositioning = line.segments?.some((seg) => seg.x !== void 0);
   const alignmentOffset = !hasExplicitPositioning && alignment2 === "center" ? Math.max(0, (availableWidth - renderedLineWidth) / 2) : !hasExplicitPositioning && alignment2 === "right" ? Math.max(0, availableWidth - renderedLineWidth) : 0;
   if (hasExplicitPositioning && line.segments && ctx2) {
@@ -68258,13 +68258,13 @@ function charOffsetToPm(block, line, charOffset, fallbackPmStart) {
   }
   return lastPm;
 }
-function findCharacterAtX(block, line, x2, pmStart, availableWidthOverride) {
+function findCharacterAtX(block, line, x2, pmStart, availableWidthOverride, alignmentOverride) {
   const ctx2 = getMeasurementContext();
   const availableWidth = availableWidthOverride ?? line.maxWidth ?? // Fallback: approximate with line width when no maxWidth is present
   line.width;
-  const justify = getJustifyAdjustment(block, line, availableWidth);
-  const renderedLineWidth = line.width + Math.max(0, availableWidth - line.width);
-  const alignment2 = block.kind === "paragraph" ? block.attrs?.alignment : void 0;
+  const justify = getJustifyAdjustment(block, line, availableWidth, alignmentOverride);
+  const alignment2 = alignmentOverride ?? (block.kind === "paragraph" ? block.attrs?.alignment : void 0);
+  const renderedLineWidth = alignment2 === "justify" ? line.width + Math.max(0, availableWidth - line.width) : line.width;
   const hasExplicitPositioning = line.segments?.some((seg) => seg.x !== void 0);
   const alignmentOffset = !hasExplicitPositioning && alignment2 === "center" ? Math.max(0, (availableWidth - renderedLineWidth) / 2) : !hasExplicitPositioning && alignment2 === "right" ? Math.max(0, availableWidth - renderedLineWidth) : 0;
   if (!ctx2) {
@@ -80972,7 +80972,10 @@ function clickToPosition(layout, blocks, measures, containerPoint, domContainer,
         `[clickToPosition] Paragraph indents (${totalIndent}px) exceed fragment width (${fragment.width}px) for block ${fragment.blockId}. This may indicate a layout miscalculation. Available width clamped to 0.`
       );
     }
-    const pos = mapPointToPm(block, line, pageRelativePoint.x - fragment.x, isRTL, availableWidth);
+    const markerWidth = fragment.markerWidth ?? measure.marker?.markerWidth ?? 0;
+    const isListItem = markerWidth > 0;
+    const alignmentOverride = isListItem ? "left" : void 0;
+    const pos = mapPointToPm(block, line, pageRelativePoint.x - fragment.x, isRTL, availableWidth, alignmentOverride);
     if (pos == null) {
       logClickStage("warn", "no-position", {
         blockId: fragment.blockId
@@ -81014,7 +81017,10 @@ function clickToPosition(layout, blocks, measures, containerPoint, domContainer,
           `[clickToPosition:table] Paragraph indents (${totalIndent}px) exceed fragment width (${tableHit.fragment.width}px) for block ${tableHit.fragment.blockId}. This may indicate a layout miscalculation. Available width clamped to 0.`
         );
       }
-      const pos = mapPointToPm(cellBlock, line, localX, isRTL, availableWidth);
+      const cellMarkerWidth = cellMeasure.marker?.markerWidth ?? 0;
+      const isListItem = cellMarkerWidth > 0;
+      const alignmentOverride = isListItem ? "left" : void 0;
+      const pos = mapPointToPm(cellBlock, line, localX, isRTL, availableWidth, alignmentOverride);
       if (pos != null) {
         logClickStage("log", "success", {
           blockId: tableHit.fragment.blockId,
@@ -81170,18 +81176,19 @@ function selectionToRects(layout, blocks, measures, from2, to) {
           if (sliceFrom >= sliceTo) return;
           const charOffsetFrom = pmPosToCharOffset(block, line, sliceFrom);
           const charOffsetTo = pmPosToCharOffset(block, line, sliceTo);
-          const startX = mapPmToX(block, line, charOffsetFrom, fragment.width);
-          const endX = mapPmToX(block, line, charOffsetTo, fragment.width);
           const markerWidth = fragment.markerWidth ?? measure.marker?.markerWidth ?? 0;
+          const isListItem = markerWidth > 0;
+          const alignmentOverride = isListItem ? "left" : void 0;
+          const startX = mapPmToX(block, line, charOffsetFrom, fragment.width, alignmentOverride);
+          const endX = mapPmToX(block, line, charOffsetTo, fragment.width, alignmentOverride);
           const paraIndentLeft = block.attrs?.indent?.left ?? 0;
           const firstLineOffset = (block.attrs?.indent?.firstLine ?? 0) - (block.attrs?.indent?.hanging ?? 0);
           const isFirstLine = index2 === fragment.fromLine;
-          const isListFirstLine = isFirstLine && !fragment.continuesFromPrev && (fragment.markerWidth ?? 0) > 0;
-          let indentAdjust = 0;
-          if (!isListFirstLine) {
-            indentAdjust = paraIndentLeft + (isFirstLine ? firstLineOffset : 0);
+          let indentAdjust = paraIndentLeft;
+          if (isFirstLine && !isListItem) {
+            indentAdjust += firstLineOffset;
           }
-          const rectX = fragment.x + markerWidth + indentAdjust + Math.min(startX, endX);
+          const rectX = fragment.x + indentAdjust + Math.min(startX, endX);
           const rectWidth = Math.max(1, Math.abs(endX - startX));
           const lineOffset = lineHeightBeforeIndex(measure, index2) - lineHeightBeforeIndex(measure, fragment.fromLine);
           const rectY = fragment.y + lineOffset;
@@ -81283,6 +81290,9 @@ function selectionToRects(layout, blocks, measures, from2, to) {
             let blockTopCursor = padding.top + verticalOffset;
             renderedBlocks.forEach((info) => {
               const paragraphMarkerWidth = info.measure.marker?.markerWidth ?? 0;
+              const isListItem = paragraphMarkerWidth > 0;
+              const alignmentOverride = isListItem ? "left" : void 0;
+              const paraIndentLeft = info.block.kind === "paragraph" ? info.block.attrs?.indent?.left ?? 0 : 0;
               const intersectingLines = findLinesIntersectingRange(info.block, info.measure, from2, to);
               intersectingLines.forEach(({ line, index: index2 }) => {
                 if (index2 < info.startLine || index2 >= info.endLine) {
@@ -81296,9 +81306,9 @@ function selectionToRects(layout, blocks, measures, from2, to) {
                 const charOffsetFrom = pmPosToCharOffset(info.block, line, sliceFrom);
                 const charOffsetTo = pmPosToCharOffset(info.block, line, sliceTo);
                 const availableWidth = Math.max(1, cellMeasure.width - padding.left - padding.right);
-                const startX = mapPmToX(info.block, line, charOffsetFrom, availableWidth);
-                const endX = mapPmToX(info.block, line, charOffsetTo, availableWidth);
-                const rectX = fragment.x + cellX + padding.left + paragraphMarkerWidth + Math.min(startX, endX);
+                const startX = mapPmToX(info.block, line, charOffsetFrom, availableWidth, alignmentOverride);
+                const endX = mapPmToX(info.block, line, charOffsetTo, availableWidth, alignmentOverride);
+                const rectX = fragment.x + cellX + padding.left + paraIndentLeft + Math.min(startX, endX);
                 const rectWidth = Math.max(1, Math.abs(endX - startX));
                 const lineOffset = lineHeightBeforeIndex(info.measure, index2) - lineHeightBeforeIndex(info.measure, info.startLine);
                 const rectY = fragment.y + rowOffset + blockTopCursor + lineOffset;
@@ -81557,11 +81567,11 @@ const lineHeightBeforeIndex = (measure, absoluteLineIndex) => {
   }
   return height;
 };
-const mapPointToPm = (block, line, x2, isRTL, availableWidthOverride) => {
+const mapPointToPm = (block, line, x2, isRTL, availableWidthOverride, alignmentOverride) => {
   if (block.kind !== "paragraph") return null;
   const range2 = computeLinePmRange(block, line);
   if (range2.pmStart == null || range2.pmEnd == null) return null;
-  const result = findCharacterAtX(block, line, x2, range2.pmStart, availableWidthOverride);
+  const result = findCharacterAtX(block, line, x2, range2.pmStart, availableWidthOverride, alignmentOverride);
   if (isRTL) {
     const charOffset = result.charOffset;
     const charsInLine = Math.max(1, line.toChar - line.fromChar);
@@ -81570,7 +81580,7 @@ const mapPointToPm = (block, line, x2, isRTL, availableWidthOverride) => {
   }
   return result.pmPosition;
 };
-const mapPmToX = (block, line, offset2, fragmentWidth) => {
+const mapPmToX = (block, line, offset2, fragmentWidth, alignmentOverride) => {
   if (fragmentWidth <= 0 || line.width <= 0) return 0;
   let paraIndentLeft = 0;
   let paraIndentRight = 0;
@@ -81587,7 +81597,7 @@ const mapPmToX = (block, line, offset2, fragmentWidth) => {
       `[mapPmToX] Paragraph indents (${totalIndent}px) exceed fragment width (${fragmentWidth}px) for block ${block.id}. This may indicate a layout miscalculation. Available width clamped to 0.`
     );
   }
-  return measureCharacterX(block, line, offset2, availableWidth);
+  return measureCharacterX(block, line, offset2, availableWidth, alignmentOverride);
 };
 const isRtlBlock = (block) => {
   if (block.kind !== "paragraph") return false;
@@ -85654,6 +85664,74 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
   getLayoutOptions() {
     return { ...__privateGet$1(this, _layoutOptions) };
   }
+  /**
+   * Get the page styles for the section containing the current caret position.
+   *
+   * In multi-section documents, different sections can have different page sizes,
+   * margins, and orientations. This method returns the styles for the section
+   * where the caret is currently located, enabling section-aware UI components
+   * like rulers to display accurate information.
+   *
+   * @returns Object containing:
+   *   - pageSize: { width, height } in inches
+   *   - pageMargins: { left, right, top, bottom } in inches
+   *   - sectionIndex: The current section index (0-based)
+   *   - orientation: 'portrait' or 'landscape'
+   *
+   * Falls back to document-level defaults if section info is unavailable.
+   *
+   * @example
+   * ```typescript
+   * const sectionStyles = presentation.getCurrentSectionPageStyles();
+   * console.log(`Section ${sectionStyles.sectionIndex}: ${sectionStyles.pageSize.width}" x ${sectionStyles.pageSize.height}"`);
+   * ```
+   */
+  getCurrentSectionPageStyles() {
+    const PPI2 = 96;
+    const layout = __privateGet$1(this, _layoutState).layout;
+    const pageIndex = __privateMethod$1(this, _PresentationEditor_instances, getCurrentPageIndex_fn).call(this);
+    const page = layout?.pages?.[pageIndex];
+    const converterStyles = __privateGet$1(this, _editor3).converter?.pageStyles ?? {};
+    const defaultMargins = converterStyles.pageMargins ?? { left: 1, right: 1, top: 1, bottom: 1 };
+    const safeMargins = {
+      left: typeof defaultMargins.left === "number" ? defaultMargins.left : 1,
+      right: typeof defaultMargins.right === "number" ? defaultMargins.right : 1,
+      top: typeof defaultMargins.top === "number" ? defaultMargins.top : 1,
+      bottom: typeof defaultMargins.bottom === "number" ? defaultMargins.bottom : 1
+    };
+    if (!page) {
+      return {
+        pageSize: { width: 8.5, height: 11 },
+        pageMargins: safeMargins,
+        sectionIndex: 0,
+        orientation: "portrait"
+      };
+    }
+    const pageOrientation = page.orientation === "landscape" || page.orientation === "portrait" ? page.orientation : "portrait";
+    const standardPortrait = { w: 8.5 * PPI2, h: 11 * PPI2 };
+    const standardLandscape = { w: 11 * PPI2, h: 8.5 * PPI2 };
+    const orientationDefault = pageOrientation === "landscape" ? standardLandscape : standardPortrait;
+    const pageWidthPx = page.size?.w ?? orientationDefault.w;
+    const pageHeightPx = page.size?.h ?? orientationDefault.h;
+    const marginLeftPx = page.margins?.left ?? safeMargins.left * PPI2;
+    const marginRightPx = page.margins?.right ?? safeMargins.right * PPI2;
+    const marginTopPx = page.margins?.top ?? safeMargins.top * PPI2;
+    const marginBottomPx = page.margins?.bottom ?? safeMargins.bottom * PPI2;
+    return {
+      pageSize: {
+        width: pageWidthPx / PPI2,
+        height: pageHeightPx / PPI2
+      },
+      pageMargins: {
+        left: marginLeftPx / PPI2,
+        right: marginRightPx / PPI2,
+        top: marginTopPx / PPI2,
+        bottom: marginBottomPx / PPI2
+      },
+      sectionIndex: page.sectionIndex ?? 0,
+      orientation: pageOrientation
+    };
+  }
   /**
    * Get current remote cursor states (normalized to absolute PM positions).
    * Returns an array of cursor states for all remote collaborators, excluding the local user.
@@ -88548,9 +88626,26 @@ getCurrentPageIndex_fn = function() {
   }
   const layout = __privateGet$1(this, _layoutState).layout;
   const selection = __privateGet$1(this, _editor3).state?.selection;
-  if (!layout || !selection) return 0;
+  if (!layout || !selection) {
+    return 0;
+  }
   const rects = selectionToRects(layout, __privateGet$1(this, _layoutState).blocks, __privateGet$1(this, _layoutState).measures, selection.from, selection.to) ?? [];
-  return rects[0]?.pageIndex ?? 0;
+  if (rects.length > 0) {
+    return rects[0]?.pageIndex ?? 0;
+  }
+  const pos = selection.from;
+  for (let pageIdx = 0; pageIdx < layout.pages.length; pageIdx++) {
+    const page = layout.pages[pageIdx];
+    for (const fragment of page.fragments) {
+      const frag = fragment;
+      if (frag.pmStart != null && frag.pmEnd != null) {
+        if (pos >= frag.pmStart && pos <= frag.pmEnd) {
+          return pageIdx;
+        }
+      }
+    }
+  }
+  return 0;
 };
 findRegionForPage_fn = function(kind, pageIndex) {
   const map22 = kind === "header" ? __privateGet$1(this, _headerRegions) : __privateGet$1(this, _footerRegions);
@@ -123285,6 +123380,7 @@ const _sfc_main$6 = {
     const rulerHandleActiveColor = vue.ref("#2563EB66");
     const pageSize = vue.ref(null);
     const pageMargins = vue.ref(null);
+    const currentSectionIndex = vue.ref(0);
     const isDragging = vue.ref(false);
     const currentHandle = vue.ref(null);
     const leftHandle = vue.reactive({ side: "left", x: 0 });
@@ -123292,9 +123388,29 @@ const _sfc_main$6 = {
     const showVerticalIndicator = vue.ref(false);
     const initialX = vue.ref(0);
     let offsetX = 0;
-    const initRuler = () => {
-      if (props.editor.options.mode !== "docx") return null;
-      const { pageMargins: docMargins, pageSize: docSize } = props.editor.getPageStyles();
+    let selectionUpdateHandler = null;
+    const getPresentationEditor = () => {
+      return props.editor?.presentationEditor ?? null;
+    };
+    const updateRulerForCurrentSection = () => {
+      if (!props.editor || props.editor.options?.mode !== "docx") return;
+      const presentationEditor = getPresentationEditor();
+      let docSize, docMargins, sectionIndex;
+      if (presentationEditor && typeof presentationEditor.getCurrentSectionPageStyles === "function") {
+        const sectionStyles = presentationEditor.getCurrentSectionPageStyles();
+        docSize = sectionStyles.pageSize;
+        docMargins = sectionStyles.pageMargins;
+        sectionIndex = sectionStyles.sectionIndex;
+      } else {
+        const styles = props.editor.getPageStyles();
+        docSize = styles.pageSize ?? { width: 8.5, height: 11 };
+        docMargins = styles.pageMargins ?? { left: 1, right: 1, top: 1, bottom: 1 };
+        sectionIndex = 0;
+      }
+      if (pageSize.value && currentSectionIndex.value === sectionIndex) {
+        return;
+      }
+      currentSectionIndex.value = sectionIndex;
       pageSize.value = docSize;
       pageMargins.value = docMargins;
       const definition = generateRulerDefinition({
@@ -123308,7 +123424,7 @@ const _sfc_main$6 = {
       });
       leftHandle.x = definition.leftMarginPx;
       rightHandle.x = definition.rightMarginPx;
-      return definition;
+      rulerDefinition.value = definition;
     };
     const getTickStyle = vue.computed(() => (tick) => {
       return {
@@ -123362,7 +123478,8 @@ const _sfc_main$6 = {
         const marginValue = getNewMarginValue();
         emit("margin-change", {
           side: currentHandle.value.side,
-          value: marginValue
+          value: marginValue,
+          sectionIndex: currentSectionIndex.value
         });
       }
     };
@@ -123386,12 +123503,40 @@ const _sfc_main$6 = {
         "--ruler-width": `${width}px`
       };
     });
+    const handleSelectionUpdate = () => {
+      if (isDragging.value) return;
+      updateRulerForCurrentSection();
+    };
+    const setupEditorListeners = () => {
+      if (!props.editor) return;
+      selectionUpdateHandler = handleSelectionUpdate;
+      props.editor.on("selectionUpdate", selectionUpdateHandler);
+    };
+    const cleanupEditorListeners = () => {
+      if (!props.editor || !selectionUpdateHandler) return;
+      props.editor.off("selectionUpdate", selectionUpdateHandler);
+      selectionUpdateHandler = null;
+    };
+    vue.watch(
+      () => props.editor,
+      (newEditor, oldEditor) => {
+        if (oldEditor && selectionUpdateHandler) {
+          oldEditor.off("selectionUpdate", selectionUpdateHandler);
+        }
+        if (newEditor) {
+          setupEditorListeners();
+          updateRulerForCurrentSection();
+        }
+      }
+    );
     vue.onMounted(() => {
-      rulerDefinition.value = initRuler();
+      updateRulerForCurrentSection();
+      setupEditorListeners();
       window.addEventListener("mousemove", handleMouseMove2);
       window.addEventListener("mouseup", handleMouseUp);
     });
     vue.onUnmounted(() => {
+      cleanupEditorListeners();
       window.removeEventListener("mousemove", handleMouseMove2);
       window.removeEventListener("mouseup", handleMouseUp);
     });
@@ -123432,7 +123577,7 @@ const _sfc_main$6 = {
     };
   }
 };
-const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-b9f4f30a"]]);
+const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-0d1b9cd1"]]);
 const _sfc_main$5 = {
   __name: "GenericPopover",
   props: {