superdoc 1.0.0-beta.7 → 1.0.0-beta.9

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

@@ -1,6 +1,6 @@
 import "vue";
-import { T } from "./chunks/toolbar-DacKXz_n.js";
-import "./chunks/editor-RPTrfArg.js";
+import { T } from "./chunks/toolbar-DPzMju-T.js";
+import "./chunks/editor-CKkHVssy.js";
 export {
   T as default
 };

package/dist/super-editor.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-DmhQckCV.cjs");
+const superEditor_es = require("./chunks/super-editor.es-CCq8j_qB.cjs");
 require("./chunks/vue-ARQSyfaw.cjs");
 exports.AIWriter = superEditor_es.AIWriter;
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;

package/dist/super-editor.es.js

@@ -1,4 +1,4 @@
-import { A, a, _, C, D, E, b, P, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-CcaD69pQ.es.js";
+import { A, a, _, C, D, E, b, P, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-BJP3oxNX.es.js";
 import "./chunks/vue-CztqUvm1.es.js";
 export {
   A as AIWriter,

package/dist/superdoc.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-DmhQckCV.cjs");
-const superdoc = require("./chunks/index-CYQjWGo5.cjs");
+const superEditor_es = require("./chunks/super-editor.es-CCq8j_qB.cjs");
+const superdoc = require("./chunks/index-CICIPNZT.cjs");
 const blankDocx = require("./chunks/blank-docx-DfW3Eeh2.cjs");
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;
 exports.Editor = superEditor_es.Editor;

package/dist/superdoc.es.js

@@ -1,5 +1,5 @@
-import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-CcaD69pQ.es.js";
-import { D, H, P, S as S2, m, l } from "./chunks/index-DGYP5Xod.es.js";
+import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-BJP3oxNX.es.js";
+import { D, H, P, S as S2, m, l } from "./chunks/index-WwpxSzB1.es.js";
 import { B } from "./chunks/blank-docx-ABm6XYAA.es.js";
 export {
   a as AnnotatorHelpers,

package/dist/superdoc.umd.js

@@ -19530,18 +19530,43 @@
     }
     return marks;
   }
-  function encodeCSSFromPPr(paragraphProperties) {
+  function encodeCSSFromPPr(paragraphProperties, hasPreviousParagraph, nextParagraphProps) {
     if (!paragraphProperties || typeof paragraphProperties !== "object") {
       return {};
     }
     let css = {};
     const { spacing, indent: indent2, borders, justification } = paragraphProperties;
+    const nextStyleId = nextParagraphProps?.styleId;
     if (spacing) {
+      const getEffectiveBefore = (nextSpacing, isListItem) => {
+        if (!nextSpacing) return 0;
+        if (nextSpacing.beforeAutospacing && isListItem) {
+          return 0;
+        }
+        return nextSpacing.before || 0;
+      };
       const isDropCap = Boolean(paragraphProperties.framePr?.dropCap);
       const spacingCopy = { ...spacing };
+      if (hasPreviousParagraph) {
+        delete spacingCopy.before;
+      }
       if (isDropCap) {
         spacingCopy.line = linesToTwips(1);
         spacingCopy.lineRule = "auto";
+        delete spacingCopy.after;
+      } else {
+        const nextBefore = getEffectiveBefore(
+          nextParagraphProps?.spacing,
+          Boolean(nextParagraphProps?.numberingProperties)
+        );
+        spacingCopy.after = Math.max(spacingCopy.after || 0, nextBefore);
+        if (paragraphProperties.contextualSpacing && nextStyleId != null && nextStyleId === paragraphProperties.styleId) {
+          spacingCopy.after -= paragraphProperties.spacing?.after || 0;
+        }
+        if (nextParagraphProps?.contextualSpacing && nextStyleId != null && nextStyleId === paragraphProperties.styleId) {
+          spacingCopy.after -= nextBefore;
+        }
+        spacingCopy.after = Math.max(spacingCopy.after, 0);
       }
       const spacingStyle = getSpacingStyle(spacingCopy, Boolean(paragraphProperties.numberingProperties));
       css = { ...css, ...spacingStyle };
@@ -35581,7 +35606,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.7") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.9") {
       return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -46562,7 +46587,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
   var __privateSet = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
   var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
-  var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _headerLayoutResults, _footerLayoutResults, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _remoteCursorState, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _remoteCursorRafHandle, _scrollTimeout, _PresentationEditor_instances, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, normalizeAwarenessStates_fn, getFallbackColor_fn, getValidatedColor_fn, scheduleRemoteCursorUpdate_fn, scheduleRemoteCursorReRender_fn, updateRemoteCursors_fn, renderRemoteCursors_fn, renderRemoteCaret_fn, renderRemoteCursorLabel_fn, renderRemoteSelection_fn, setupPointerHandlers_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, selectWordAt_fn, selectParagraphAt_fn, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, updateDecorationProviders_fn, createDecorationProvider_fn, computeDecorationBox_fn, rebuildHeaderFooterRegions_fn, hitTestHeaderFooterRegion_fn, pointInRegion_fn, activateHeaderFooterRegion_fn, enterHeaderFooterMode_fn, exitHeaderFooterMode_fn, getActiveDomTarget_fn, emitHeaderFooterModeChanged_fn, emitHeaderFooterEditingContext_fn, updateAwarenessSession_fn, updateModeBanner_fn, announce_fn, validateHeaderFooterEditPermission_fn, emitHeaderFooterEditBlocked_fn, resolveDescriptorForRegion_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, renderSelectionRects_fn, renderHoverRegion_fn, clearHoverRegion_fn, renderCaretOverlay_fn, getHeaderFooterContext_fn, computeHeaderFooterSelectionRects_fn, computeHeaderFooterCaretRect_fn, syncTrackedChangesPreferences_fn, deriveTrackedChangesMode_fn, deriveTrackedChangesEnabled_fn, getTrackChangesPluginState_fn, computeDefaultLayoutDefaults_fn, parseColumns_fn, inchesToPx_fn, applyZoom_fn, createLayoutMetrics_fn, convertPageLocalToOverlayCoords_fn, normalizeClientPoint_fn, computeCaretLayoutRect_fn, findLineContainingPos_fn, lineHeightBeforeIndex_fn, getCurrentPageIndex_fn, findRegionForPage_fn, handleLayoutError_fn, decorateError_fn, showLayoutErrorBanner_fn, dismissErrorBanner_fn, createHiddenHost_fn, _windowRoot, _layoutSurfaces, _getTargetDom, _onTargetChanged, _listeners, _currentTarget, _destroyed, _useWindowFallback, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, shouldSkipSurface_fn, isInLayoutSurface_fn, getListenerTargets_fn, isPlainCharacterKey_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, updateHTMLAttributes_fn, updateDOMStyles_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
+  var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _headerLayoutResults, _footerLayoutResults, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _remoteCursorState, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _remoteCursorRafHandle, _scrollTimeout, _PresentationEditor_instances, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, normalizeAwarenessStates_fn, getFallbackColor_fn, getValidatedColor_fn, scheduleRemoteCursorUpdate_fn, scheduleRemoteCursorReRender_fn, updateRemoteCursors_fn, renderRemoteCursors_fn, renderRemoteCaret_fn, renderRemoteCursorLabel_fn, renderRemoteSelection_fn, setupPointerHandlers_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, selectWordAt_fn, selectParagraphAt_fn, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, updateDecorationProviders_fn, createDecorationProvider_fn, computeDecorationBox_fn, rebuildHeaderFooterRegions_fn, hitTestHeaderFooterRegion_fn, pointInRegion_fn, activateHeaderFooterRegion_fn, enterHeaderFooterMode_fn, exitHeaderFooterMode_fn, getActiveDomTarget_fn, emitHeaderFooterModeChanged_fn, emitHeaderFooterEditingContext_fn, updateAwarenessSession_fn, updateModeBanner_fn, announce_fn, validateHeaderFooterEditPermission_fn, emitHeaderFooterEditBlocked_fn, resolveDescriptorForRegion_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, renderSelectionRects_fn, renderHoverRegion_fn, clearHoverRegion_fn, renderCaretOverlay_fn, getHeaderFooterContext_fn, computeHeaderFooterSelectionRects_fn, computeHeaderFooterCaretRect_fn, syncTrackedChangesPreferences_fn, deriveTrackedChangesMode_fn, deriveTrackedChangesEnabled_fn, getTrackChangesPluginState_fn, computeDefaultLayoutDefaults_fn, parseColumns_fn, inchesToPx_fn, applyZoom_fn, createLayoutMetrics_fn, convertPageLocalToOverlayCoords_fn, normalizeClientPoint_fn, computeCaretLayoutRect_fn, findLineContainingPos_fn, lineHeightBeforeIndex_fn, getCurrentPageIndex_fn, findRegionForPage_fn, handleLayoutError_fn, decorateError_fn, showLayoutErrorBanner_fn, dismissErrorBanner_fn, createHiddenHost_fn, _windowRoot, _layoutSurfaces, _getTargetDom, _onTargetChanged, _listeners, _currentTarget, _destroyed, _useWindowFallback, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, shouldSkipSurface_fn, isInLayoutSurface_fn, getListenerTargets_fn, isPlainCharacterKey_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, checkShouldUpdate_fn, updateHTMLAttributes_fn, updateDOMStyles_fn, resolveNeighborParagraphProperties_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
   var GOOD_LEAF_SIZE = 200;
   var RopeSequence = function RopeSequence2() {
   };
@@ -60069,7 +60094,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   const shouldSkipNodeView = (editor) => {
     return isHeadless(editor);
   };
-  const summaryVersion = "1.0.0-beta.7";
+  const summaryVersion = "1.0.0-beta.9";
   const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
   const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
   function mapAttributes(attrs) {
@@ -60848,7 +60873,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         { default: remarkStringify2 },
         { default: remarkGfm2 }
       ] = await Promise.all([
-        Promise.resolve().then(() => indexDV613LhK),
+        Promise.resolve().then(() => indexBVhSHfFK),
         Promise.resolve().then(() => indexDRCvimau),
         Promise.resolve().then(() => indexC_x_N6Uh),
         Promise.resolve().then(() => indexD_sWOSiG),
@@ -61053,7 +61078,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * Process collaboration migrations
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.7");
+      console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.9");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -64605,8 +64630,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         const beforeWidth = measureText2 ? measureText2(before) : 0;
         width -= beforeWidth;
       }
-    } else if (alignment2 === "bar") {
-      width = 0;
     }
     if (width < 1) {
       return fallbackWidth();
@@ -69649,14 +69672,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return metrics.width;
   }
   function lineHeightForRuns(runs2, fromRun, toRun) {
-    let maxSize = 0;
+    let maxSize2 = 0;
     for (let i2 = fromRun; i2 <= toRun; i2 += 1) {
       const run2 = runs2[i2];
       const textRun = run2 && isTextRun(run2) ? run2 : null;
       const size2 = textRun?.fontSize ?? 16;
-      if (size2 > maxSize) maxSize = size2;
+      if (size2 > maxSize2) maxSize2 = size2;
     }
-    return maxSize * 1.2;
+    return maxSize2 * 1.2;
   }
   function remeasureParagraph(block, maxWidth) {
     const runs2 = block.runs ?? [];
@@ -75259,6 +75282,45 @@ ${l}
   function degToRad(degrees) {
     return degrees * Math.PI / 180;
   }
+  const defaultMaxSize = 5e3;
+  let maxSize = defaultMaxSize;
+  const cache$1$1 = /* @__PURE__ */ new Map();
+  const makeKey = (text2, font, letterSpacing) => {
+    return `${text2}|${font}|${letterSpacing || 0}`;
+  };
+  function getMeasuredTextWidth(text2, font, letterSpacing, ctx2) {
+    if (text2.length > 32e3) {
+      text2 = text2.substring(0, 32e3);
+    }
+    const key2 = makeKey(text2, font, letterSpacing);
+    const hit = cache$1$1.get(key2);
+    if (hit !== void 0) {
+      cache$1$1.delete(key2);
+      cache$1$1.set(key2, hit);
+      return hit.width;
+    }
+    try {
+      ctx2.font = font;
+      const metrics = ctx2.measureText(text2);
+      const advanceWidth = metrics.width;
+      const paintedWidth = (metrics.actualBoundingBoxLeft || 0) + (metrics.actualBoundingBoxRight || 0);
+      const baseWidth = Math.max(advanceWidth, paintedWidth);
+      const extra = letterSpacing ? Math.max(0, text2.length - 1) * letterSpacing : 0;
+      const width = baseWidth + extra;
+      cache$1$1.set(key2, { width });
+      evictIfNeeded();
+      return width;
+    } catch {
+      return 0;
+    }
+  }
+  function evictIfNeeded() {
+    while (cache$1$1.size > maxSize) {
+      const oldestKey = cache$1$1.keys().next().value;
+      if (oldestKey === void 0) break;
+      cache$1$1.delete(oldestKey);
+    }
+  }
   const { computeTabStops } = Engines;
   let canvasContext = null;
   const DEFAULT_TAB_INTERVAL_TWIPS = 720;
@@ -75303,8 +75365,7 @@ ${l}
     const metrics = ctx2.measureText(text2);
     const advanceWidth = metrics.width;
     const paintedWidth = (metrics.actualBoundingBoxLeft || 0) + (metrics.actualBoundingBoxRight || 0);
-    const baseWidth = Math.max(advanceWidth, paintedWidth);
-    return baseWidth;
+    return Math.max(advanceWidth, paintedWidth);
   }
   const MIN_SINGLE_LINE_PX = 12 * 96 / 72;
   function calculateTypographyMetrics(fontSize2, spacing) {
@@ -75885,13 +75946,9 @@ ${l}
     };
   };
   const measureRunWidth = (text2, font, ctx2, run2) => {
-    const baseWidth = measureText(text2, font, ctx2);
-    const letterSpacing = run2.kind !== "tab" ? run2.letterSpacing : void 0;
-    if (!letterSpacing) {
-      return baseWidth;
-    }
-    const extra = Math.max(0, text2.length - 1) * letterSpacing;
-    return roundValue(baseWidth + extra);
+    const letterSpacing = run2.kind !== "tab" ? run2.letterSpacing || 0 : 0;
+    const width = getMeasuredTextWidth(text2, font, letterSpacing, ctx2);
+    return roundValue(width);
   };
   const appendSegment = (segments, runIndex, fromChar, toChar, width, x2) => {
     if (!segments) return;
@@ -82640,7 +82697,7 @@ ${l}
       const tabHeight = paragraphContext.tabHeight;
       paragraphContext.accumulatedTabWidth = accumulatedTabWidth + tabWidth;
       return `width: ${tabWidth}px; height: ${tabHeight}; ${extraStyles}`;
-    } catch (error) {
+    } catch {
       return null;
     }
   }
@@ -82832,6 +82889,7 @@ ${l}
     const fontSize2 = parseInt(parentTextStyleMark?.attrs.fontSize) * ptToPxRatio || defaultFontSize;
     return `${fontSize2 * defaultLineHeight}px`;
   }
+  const nodeViewMap = /* @__PURE__ */ new WeakMap();
   class ParagraphNodeView {
     /**
      * @param {import('prosemirror-model').Node} node Current paragraph node.
@@ -82848,6 +82906,8 @@ ${l}
       this.decorations = decorations;
       this.extensionAttrs = extensionAttrs;
       this._animationFrameRequest = null;
+      this.surroundingContext = {};
+      nodeViewMap.set(this.node, this);
       calculateResolvedParagraphProperties(this.editor, this.node, this.editor.state.doc.resolve(this.getPos()));
       this.dom = document.createElement("p");
       this.contentDOM = document.createElement("span");
@@ -82867,18 +82927,26 @@ ${l}
     /**
      * @param {import('prosemirror-model').Node} node
      * @param {import('prosemirror-view').Decoration[]} decorations
+     * @param {import('prosemirror-view').Decoration[]} innerDecorations
+     * @param {boolean} [forceUpdate=false]
+     * @returns {boolean}
      */
-    update(node2, decorations) {
+    update(node2, decorations, innerDecorations, forceUpdate = false) {
+      if (nodeViewMap.get(this.node) === this) {
+        nodeViewMap.delete(this.node);
+      }
+      const oldProps = getResolvedParagraphProperties(this.node);
       const oldAttrs = this.node.attrs;
-      const newAttrs = node2.attrs;
       this.node = node2;
       this.decorations = decorations;
-      if (JSON.stringify(oldAttrs) === JSON.stringify(newAttrs)) {
+      this.innerDecorations = innerDecorations;
+      nodeViewMap.set(this.node, this);
+      if (!forceUpdate && !__privateMethod$1(this, _ParagraphNodeView_instances, checkShouldUpdate_fn).call(this, oldProps, oldAttrs, this.surroundingContext)) {
         return true;
       }
       calculateResolvedParagraphProperties(this.editor, this.node, this.editor.state.doc.resolve(this.getPos()));
       __privateMethod$1(this, _ParagraphNodeView_instances, updateHTMLAttributes_fn).call(this);
-      __privateMethod$1(this, _ParagraphNodeView_instances, updateDOMStyles_fn).call(this);
+      __privateMethod$1(this, _ParagraphNodeView_instances, updateDOMStyles_fn).call(this, oldProps);
       if (!__privateMethod$1(this, _ParagraphNodeView_instances, checkIsList_fn).call(this)) {
         __privateMethod$1(this, _ParagraphNodeView_instances, removeList_fn).call(this);
         return true;
@@ -82921,9 +82989,16 @@ ${l}
     }
     destroy() {
       __privateMethod$1(this, _ParagraphNodeView_instances, cancelScheduledAnimation_fn).call(this);
+      if (nodeViewMap.get(this.node) === this) {
+        nodeViewMap.delete(this.node);
+      }
     }
   }
   _ParagraphNodeView_instances = /* @__PURE__ */ new WeakSet();
+  checkShouldUpdate_fn = function(oldProps, oldAttrs, oldSurroundingContext) {
+    __privateMethod$1(this, _ParagraphNodeView_instances, resolveNeighborParagraphProperties_fn).call(this);
+    return JSON.stringify(oldAttrs) !== JSON.stringify(this.node.attrs) || JSON.stringify(oldProps) !== JSON.stringify(getResolvedParagraphProperties(this.node)) || JSON.stringify(oldSurroundingContext) !== JSON.stringify(this.surroundingContext);
+  };
   updateHTMLAttributes_fn = function() {
     const htmlAttributes = Attribute.getAttributesToRender(this.node, this.extensionAttrs);
     htmlAttributes.style = htmlAttributes.style || "";
@@ -82951,13 +83026,62 @@ ${l}
       this.dom.setAttribute("styleid", paragraphProperties.styleId);
     }
   };
-  updateDOMStyles_fn = function() {
+  updateDOMStyles_fn = function(oldParagraphProperties = null) {
     this.dom.style.cssText = "";
     const paragraphProperties = getResolvedParagraphProperties(this.node);
-    const style2 = encodeCSSFromPPr(paragraphProperties);
+    __privateMethod$1(this, _ParagraphNodeView_instances, resolveNeighborParagraphProperties_fn).call(this);
+    const style2 = encodeCSSFromPPr(
+      paragraphProperties,
+      this.surroundingContext.hasPreviousParagraph,
+      this.surroundingContext.nextParagraphProps
+    );
     Object.entries(style2).forEach(([k2, v2]) => {
       this.dom.style[k2] = v2;
     });
+    if (JSON.stringify(paragraphProperties.spacing) !== JSON.stringify(oldParagraphProperties?.spacing) || paragraphProperties.styleId !== oldParagraphProperties?.styleId || paragraphProperties.contextualSpacing !== oldParagraphProperties?.contextualSpacing) {
+      const previousNodeView = this.surroundingContext.previousParagraph ? nodeViewMap.get(this.surroundingContext.previousParagraph) : null;
+      if (previousNodeView) {
+        try {
+          previousNodeView.getPos();
+        } catch {
+          return;
+        }
+        previousNodeView.update(
+          previousNodeView.node,
+          previousNodeView.decorations,
+          previousNodeView.innerDecorations,
+          true
+        );
+      }
+    }
+  };
+  resolveNeighborParagraphProperties_fn = function() {
+    const $pos = this.editor.state.doc.resolve(this.getPos());
+    const parent = $pos.parent;
+    const index2 = $pos.index();
+    let hasPreviousParagraph = false;
+    let previousParagraph = null;
+    let nextParagraphProps = null;
+    if (index2 > 0) {
+      const previousNode = parent.child(index2 - 1);
+      hasPreviousParagraph = previousNode.type.name === "paragraph" && !getResolvedParagraphProperties(previousNode)?.framePr?.dropCap;
+      if (hasPreviousParagraph) {
+        previousParagraph = previousNode;
+      }
+    }
+    if (parent) {
+      if (index2 < parent.childCount - 1) {
+        const nextNode = parent.child(index2 + 1);
+        if (nextNode.type.name === "paragraph") {
+          nextParagraphProps = getResolvedParagraphProperties(nextNode);
+        }
+      }
+    }
+    this.surroundingContext = {
+      hasPreviousParagraph,
+      previousParagraph,
+      nextParagraphProps
+    };
   };
   updateListStyles_fn = function() {
     let { suffix: suffix2, justification } = this.node.attrs.listRendering;
@@ -83734,6 +83858,19 @@ ${l}
       return [CommentMarkName, Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
     }
   });
+  let cache$2 = /* @__PURE__ */ new WeakMap();
+  function getParagraphContext(paragraph2, startPos, helpers2, revision, compute) {
+    const cached = cache$2.get(paragraph2);
+    if (cached && cached.revision === revision) {
+      return cached.context;
+    }
+    const context = compute(paragraph2, startPos, helpers2);
+    cache$2.set(paragraph2, { revision, context });
+    return context;
+  }
+  function clearAllParagraphContexts() {
+    cache$2 = /* @__PURE__ */ new WeakMap();
+  }
   const leaderStyles = {
     dot: "border-bottom: 1px dotted black;",
     heavy: "border-bottom: 2px solid black;",
@@ -83750,6 +83887,14 @@ ${l}
     if (!paragraphContext) return null;
     const paragraphId = paragraphIdFromPos(paragraphContext.startPos);
     const paragraphNode = paragraphContext.paragraph;
+    const cachedContext = getParagraphContext(
+      paragraphNode,
+      paragraphContext.startPos,
+      helpers2,
+      revision,
+      () => extractParagraphContext(paragraphNode, paragraphContext.startPos, helpers2, paragraphContext.paragraphDepth)
+    );
+    const effectiveContext = cachedContext || paragraphContext;
     const { entries } = flattenParagraph(paragraphNode, paragraphContext.startPos);
     const spans = [];
     let tabIndex = 0;
@@ -83777,13 +83922,13 @@ ${l}
         });
       }
     });
-    const tabStops = Array.isArray(paragraphContext.tabStops) ? [...paragraphContext.tabStops] : [];
-    const hangingPx = twipsToPixels(Number(paragraphContext.indent?.hanging) || 0);
-    if (hangingPx > 0 && paragraphContext.indentWidth != null) {
-      tabStops.unshift({ val: "start", pos: paragraphContext.indentWidth + hangingPx, leader: "none" });
+    const tabStops = Array.isArray(effectiveContext.tabStops) ? [...effectiveContext.tabStops] : [];
+    const hangingPx = twipsToPixels(Number(effectiveContext.indent?.hanging) || 0);
+    if (hangingPx > 0 && effectiveContext.indentWidth != null) {
+      tabStops.unshift({ val: "start", pos: effectiveContext.indentWidth + hangingPx, leader: "none" });
     }
-    const paragraphWidth = getBlockNodeWidth(view, paragraphContext.startPos) ?? defaultLineLength;
-    const indentWidth = paragraphContext.indentWidth ?? getIndentWidth(view, paragraphContext.startPos, paragraphContext.indent);
+    const paragraphWidth = getBlockNodeWidth(view, effectiveContext.startPos) ?? defaultLineLength;
+    const indentWidth = effectiveContext.indentWidth ?? getIndentWidth(view, effectiveContext.startPos, effectiveContext.indent);
     return {
       paragraphId,
       revision,
@@ -83791,9 +83936,9 @@ ${l}
       defaultTabDistance,
       defaultLineLength,
       indents: {
-        left: twipsToPixels(Number(paragraphContext.indent?.left) || 0),
-        right: twipsToPixels(Number(paragraphContext.indent?.right) || 0),
-        firstLine: twipsToPixels(Number(paragraphContext.indent?.firstLine) || 0),
+        left: twipsToPixels(Number(effectiveContext.indent?.left) || 0),
+        right: twipsToPixels(Number(effectiveContext.indent?.right) || 0),
+        firstLine: twipsToPixels(Number(effectiveContext.indent?.firstLine) || 0),
         hanging: hangingPx
       },
       tabStops,
@@ -83958,31 +84103,58 @@ ${l}
         key: new PluginKey("tabPlugin"),
         state: {
           init() {
-            return { decorations: false, revision: 0 };
+            const initialDecorations = buildInitialDecorations(view.state.doc, view, helpers2, 0);
+            return { decorations: initialDecorations, revision: 0 };
           },
           apply(tr, { decorations, revision }, _oldState, newState) {
-            if (!decorations) {
-              const newDecorations2 = buildDecorations(newState.doc, view, helpers2, 0);
-              return { decorations: newDecorations2, revision: 0 };
-            }
+            const currentDecorations = decorations && decorations.map ? decorations.map(tr.mapping, tr.doc) : DecorationSet.empty;
             if (!tr.docChanged || tr.getMeta("blockNodeInitialUpdate")) {
-              return { decorations, revision };
-            }
-            const nextRevision = revision + 1;
-            const newDecorations = buildDecorations(newState.doc, view, helpers2, nextRevision);
-            return { decorations: newDecorations, revision: nextRevision };
+              return { decorations: currentDecorations, revision };
+            }
+            const affectedParagraphs = getAffectedParagraphStarts(tr, newState);
+            if (affectedParagraphs.size === 0) {
+              return { decorations: currentDecorations, revision };
+            }
+            let nextDecorations = currentDecorations;
+            affectedParagraphs.forEach((pos) => {
+              const paragraph2 = newState.doc.nodeAt(pos);
+              if (!paragraph2 || paragraph2.type.name !== "paragraph") return;
+              const from2 = pos;
+              const to = pos + paragraph2.nodeSize;
+              const existing = nextDecorations.find(from2, to);
+              if (existing?.length) {
+                nextDecorations = nextDecorations.remove(existing);
+              }
+              const paragraphDecorations = buildParagraphDecorations(
+                newState.doc,
+                pos + 1,
+                paragraph2,
+                view,
+                helpers2,
+                revision + 1
+              );
+              nextDecorations = nextDecorations.add(newState.doc, paragraphDecorations);
+            });
+            return { decorations: nextDecorations, revision: revision + 1 };
           }
         },
         props: {
           decorations(state2) {
             return this.getState(state2).decorations;
           }
+        },
+        view() {
+          return {
+            destroy() {
+              clearAllParagraphContexts();
+            }
+          };
         }
       });
       return [tabPlugin];
     }
   });
-  function buildDecorations(doc2, view, helpers2, revision) {
+  function buildInitialDecorations(doc2, view, helpers2, revision) {
     const decorations = [];
     doc2.descendants((node2, pos) => {
       if (node2.type.name !== "paragraph") return;
@@ -84003,6 +84175,37 @@ ${l}
     });
     return DecorationSet.create(doc2, decorations);
   }
+  function buildParagraphDecorations(doc2, paragraphContentPos, paragraphNode, view, helpers2, revision) {
+    const request = createLayoutRequest(doc2, paragraphContentPos, view, helpers2, revision);
+    if (!request) return [];
+    const result = calculateTabLayout(request, void 0, view);
+    return applyLayoutResult(result, paragraphNode, paragraphContentPos - 1);
+  }
+  function getAffectedParagraphStarts(tr, newState) {
+    const affected = /* @__PURE__ */ new Set();
+    tr.steps.forEach((step, index2) => {
+      if (step.from == null && step.to == null) return;
+      let fromPos = step.from;
+      let toPos = step.to;
+      if (typeof fromPos !== "number" || typeof toPos !== "number") return;
+      for (let i2 = index2; i2 < tr.steps.length; i2++) {
+        const stepMap = tr.steps[i2].getMap();
+        fromPos = stepMap.map(fromPos, -1);
+        toPos = stepMap.map(toPos, 1);
+      }
+      if (fromPos < 0 || toPos < 0 || fromPos > newState.doc.content.size || toPos > newState.doc.content.size) {
+        return;
+      }
+      newState.doc.nodesBetween(fromPos, toPos, (node2, pos) => {
+        if (node2.type.name === "paragraph") {
+          affected.add(pos);
+          return false;
+        }
+        return true;
+      });
+    });
+    return affected;
+  }
   const LineBreak = Node$1.create({
     name: "lineBreak",
     group: "inline",
@@ -131530,7 +131733,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.0.0-beta.7";
+      this.version = "1.0.0-beta.9";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -133973,7 +134176,7 @@ ${style2}
       value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
     );
   }
-  const indexDV613LhK = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const indexBVhSHfFK = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     unified
   }, Symbol.toStringTag, { value: "Module" }));