@harbour-enterprises/superdoc 1.5.0-next.7 → 1.5.0-next.8

package/dist/chunks/{index-7ebfCUN0.es.js → index-DIb368iJ.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, h as halfPointToPoints, c as twipsToPixels$2, d as convertSizeToCSS, e as inchesToPixels } from "./helpers-C8e9wR5l.es.js";
-import { g as generateDocxRandomId, T as TextSelection$1, o as objectIncludes, w as wrapTextsInRuns, D as DOMParser$1, c as createDocFromMarkdown, a as createDocFromHTML, b as chainableEditorState, d as convertMarkdownToHTML, f as findParentNode, e as findParentNodeClosestToPos, h as generateRandom32BitHex, i as generateRandomSigned32BitIntStrId, P as PluginKey, j as Plugin, M as Mapping, N as NodeSelection, k as Selection, l as Slice, m as DOMSerializer, F as Fragment, n as Mark$1, p as dropPoint, A as AllSelection, q as Schema$1, s as canSplit, t as resolveRunProperties, u as encodeMarksFromRPr, v as liftTarget, x as canJoin, y as joinPoint, z as replaceStep$1, R as ReplaceAroundStep$1, B as htmlHandler, C as ReplaceStep, E as getResolvedParagraphProperties, G as changeListLevel, H as isList$1, I as updateNumberingProperties, L as ListHelpers, J as inputRulesPlugin, K as TrackDeleteMarkName$1, O as TrackInsertMarkName$1, Q as TrackFormatMarkName$1, U as AddMarkStep, V as RemoveMarkStep, W as CommandService, S as SuperConverter, X as EditorState, Y as unflattenListsInHtml, Z as SelectionRange, _ as Transform, $ as createOoxmlResolver, a0 as translator, a1 as translator$1, a2 as resolveDocxFontFamily, a3 as combineIndentProperties, a4 as _getReferencedTableStyles, a5 as decodeRPrFromMarks, a6 as calculateResolvedParagraphProperties, a7 as encodeCSSFromPPr, a8 as encodeCSSFromRPr, a9 as generateOrderedListIndex, aa as docxNumberingHelpers, ab as InputRule, ac as insertNewRelationship, ad as kebabCase$1, ae as getUnderlineCssString } from "./SuperConverter-S5AfMnkn.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 resolveRunProperties, u as encodeMarksFromRPr, v as liftTarget, x as canJoin, y as joinPoint, z as replaceStep$1, R as ReplaceAroundStep$1, B as htmlHandler, C as ReplaceStep, E as getResolvedParagraphProperties, G as changeListLevel, H as isList$1, I as updateNumberingProperties, L as ListHelpers, J as inputRulesPlugin, K as TrackDeleteMarkName$1, O as TrackInsertMarkName$1, Q as TrackFormatMarkName$1, U as AddMarkStep, V as RemoveMarkStep, W as CommandService, S as SuperConverter, X as EditorState, Y as unflattenListsInHtml, Z as SelectionRange, _ as Transform, $ as createOoxmlResolver, a0 as translator, a1 as translator$1, a2 as resolveDocxFontFamily, a3 as combineIndentProperties, a4 as _getReferencedTableStyles, a5 as decodeRPrFromMarks, a6 as calculateResolvedParagraphProperties, a7 as encodeCSSFromPPr, a8 as encodeCSSFromRPr, a9 as generateOrderedListIndex, aa as docxNumberingHelpers, ab as InputRule, ac as insertNewRelationship, ad as kebabCase$1, ae as getUnderlineCssString } from "./SuperConverter-CXmwt666.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 h$1, $ 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";
@@ -15507,7 +15507,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.5.0-next.7";
+const summaryVersion = "1.5.0-next.8";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -18164,7 +18164,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.5.0-next.7");
+    console.debug("[checkVersionMigrations] Current editor version", "1.5.0-next.8");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -23452,7 +23452,8 @@ const lineStyles = (lineHeight2) => ({
   // The primary fix uses accurate font metrics from Canvas API, but this
   // provides defense-in-depth against any remaining sub-pixel rendering
   // differences between measurement and display.
-  overflow: "visible"
+  overflow: "visible",
+  zIndex: "10"
 });
 const PRINT_STYLES = `
 @media print {
@@ -23758,6 +23759,7 @@ const SDT_CONTAINER_STYLES = `
   border: 1px solid #629be7;
   position: relative;
   display: inline;
+  z-index: 10;
 }
 
 /* Hover effect for inline structured content */
@@ -49091,8 +49093,6 @@ class EditorOverlayManager {
   #activeRegion = null;
   /** Full-width border line element (MS Word style) */
   #borderLine = null;
-  /** Dimming overlay element (for dimming body content during editing) */
-  #dimmingOverlay = null;
   /**
    * Creates a new EditorOverlayManager instance.
    *
@@ -49386,17 +49386,6 @@ class EditorOverlayManager {
       }
     }
   }
-  /**
-   * Hides and removes the dimming overlay.
-   * @internal Reserved for future implementation of body dimming during header/footer editing.
-   */
-  // eslint-disable-next-line no-unused-private-class-members
-  #hideDimmingOverlay() {
-    if (this.#dimmingOverlay) {
-      this.#dimmingOverlay.remove();
-      this.#dimmingOverlay = null;
-    }
-  }
   /**
    * Shows a full-width border line at the bottom of the header or top of the footer.
    * This creates the MS Word style visual indicator spanning edge-to-edge of the page.
@@ -51569,6 +51558,7 @@ class PresentationEditor extends EventEmitter {
   #viewportHost;
   #painterHost;
   #selectionOverlay;
+  #permissionOverlay = null;
   #hiddenHost;
   #layoutOptions;
   #layoutState = { blocks: [], measures: [], layout: null, bookmarks: /* @__PURE__ */ new Map() };
@@ -51728,6 +51718,16 @@ class PresentationEditor extends EventEmitter {
     });
     this.#domIndexObserverManager.setup();
     this.#selectionSync.on("render", () => this.#updateSelection());
+    this.#selectionSync.on("render", () => this.#updatePermissionOverlay());
+    this.#permissionOverlay = doc2.createElement("div");
+    this.#permissionOverlay.className = "presentation-editor__permission-overlay";
+    Object.assign(this.#permissionOverlay.style, {
+      position: "absolute",
+      inset: "0",
+      pointerEvents: "none",
+      zIndex: "5"
+    });
+    this.#viewportHost.appendChild(this.#permissionOverlay);
     this.#selectionOverlay = doc2.createElement("div");
     this.#selectionOverlay.className = "presentation-editor__selection-overlay";
     this.#selectionOverlay.id = `presentation-overlay-${options.documentId || "default"}`;
@@ -51813,7 +51813,7 @@ class PresentationEditor extends EventEmitter {
     const normalizedEditorProps = {
       ...editorOptions.editorProps ?? {},
       editable: () => {
-        return this.#documentMode !== "viewing";
+        return !this.#isViewLocked();
       }
     };
     try {
@@ -52255,6 +52255,7 @@ class PresentationEditor extends EventEmitter {
       this.#pendingDocChange = true;
       this.#scheduleRerender();
     }
+    this.#updatePermissionOverlay();
   }
   #syncDocumentModeClass() {
     if (!this.#visibleHost) return;
@@ -53644,7 +53645,7 @@ class PresentationEditor extends EventEmitter {
       win,
       this.#visibleHost,
       () => this.#getActiveDomTarget(),
-      () => this.#documentMode !== "viewing"
+      () => !this.#isViewLocked()
     );
     this.#inputBridge.bind();
   }
@@ -54569,7 +54570,7 @@ class PresentationEditor extends EventEmitter {
       this.#dragUsedPageNotMountedFallback = false;
       return;
     }
-    if (this.#session.mode !== "body" || this.#documentMode === "viewing") {
+    if (this.#session.mode !== "body" || this.#isViewLocked()) {
       this.#dragLastPointer = null;
       this.#dragLastRawHit = null;
       this.#dragUsedPageNotMountedFallback = false;
@@ -54919,6 +54920,7 @@ class PresentationEditor extends EventEmitter {
       this.#epochMapper.onLayoutComplete(layoutEpoch);
       this.#selectionSync.onLayoutComplete(layoutEpoch);
       layoutCompleted = true;
+      this.#updatePermissionOverlay();
       this.#layoutError = null;
       this.#layoutErrorState = "healthy";
       this.#dismissErrorBanner();
@@ -55007,7 +55009,7 @@ class PresentationEditor extends EventEmitter {
     if (!this.#localSelectionLayer) {
       return;
     }
-    if (this.#documentMode === "viewing") {
+    if (this.#isViewLocked()) {
       try {
         this.#localSelectionLayer.innerHTML = "";
       } catch (error) {
@@ -55089,6 +55091,76 @@ class PresentationEditor extends EventEmitter {
       }
     }
   }
+  /**
+   * Updates the permission overlay (w:permStart/w:permEnd) to match the current editor permission ranges.
+   *
+   * This method is called after layout completes to ensure permission overlay
+   * is based on stable permission ranges data.
+   */
+  #updatePermissionOverlay() {
+    const overlay2 = this.#permissionOverlay;
+    if (!overlay2) {
+      return;
+    }
+    if (this.#session.mode !== "body") {
+      overlay2.innerHTML = "";
+      return;
+    }
+    const permissionStorage = this.#editor?.storage?.permissionRanges;
+    const ranges = permissionStorage?.ranges ?? [];
+    const shouldRender = ranges.length > 0;
+    if (!shouldRender) {
+      overlay2.innerHTML = "";
+      return;
+    }
+    const layout = this.#layoutState.layout;
+    if (!layout) {
+      overlay2.innerHTML = "";
+      return;
+    }
+    const docEpoch = this.#epochMapper.getCurrentEpoch();
+    if (this.#layoutEpoch < docEpoch) {
+      return;
+    }
+    const pageHeight = this.#getBodyPageHeight();
+    const pageGap = layout.pageGap ?? this.#getEffectivePageGap();
+    const fragment = overlay2.ownerDocument?.createDocumentFragment();
+    if (!fragment) {
+      overlay2.innerHTML = "";
+      return;
+    }
+    ranges.forEach(({ from: from3, to }) => {
+      const rects = this.#computeSelectionRectsFromDom(from3, to);
+      if (!rects?.length) {
+        return;
+      }
+      rects.forEach((rect) => {
+        const pageLocalY = rect.y - rect.pageIndex * (pageHeight + pageGap);
+        const coords = this.#convertPageLocalToOverlayCoords(rect.pageIndex, rect.x, pageLocalY);
+        if (!coords) {
+          return;
+        }
+        const highlight = overlay2.ownerDocument?.createElement("div");
+        if (!highlight) {
+          return;
+        }
+        highlight.className = "presentation-editor__permission-highlight";
+        Object.assign(highlight.style, {
+          position: "absolute",
+          left: `${coords.x}px`,
+          top: `${coords.y}px`,
+          width: `${Math.max(1, rect.width)}px`,
+          height: `${Math.max(1, rect.height)}px`,
+          borderRadius: "2px",
+          pointerEvents: "none",
+          zIndex: 1
+        });
+        fragment.appendChild(highlight);
+      });
+    });
+    overlay2.innerHTML = "";
+    overlay2.appendChild(fragment);
+  }
   #resolveLayoutOptions(blocks, sectionMetadata) {
     const defaults = this.#computeDefaultLayoutDefaults();
     const firstSection = blocks?.find(
@@ -55834,7 +55906,7 @@ class PresentationEditor extends EventEmitter {
     this.#announce(announcement.message);
   }
   #validateHeaderFooterEditPermission() {
-    if (this.#documentMode === "viewing") {
+    if (this.#isViewLocked()) {
       return { allowed: false, reason: "documentMode" };
     }
     if (!this.#editor.isEditable) {
@@ -56697,6 +56769,17 @@ class PresentationEditor extends EventEmitter {
     this.#errorBanner = null;
     this.#errorBannerMessage = null;
   }
+  /**
+   * Determines whether the current viewing mode should block edits.
+   * When documentMode is viewing but the active editor has been toggled
+   * back to editable (e.g. permission ranges), we treat the view as editable.
+   */
+  #isViewLocked() {
+    if (this.#documentMode !== "viewing") return false;
+    const hasPermissionOverride = !!this.#editor?.storage?.permissionRanges?.hasAllowedRanges;
+    if (hasPermissionOverride) return false;
+    return this.#documentMode === "viewing";
+  }
   /**
    * Applies vertical alignment and font scaling to layout DOM elements for subscript/superscript rendering.
    *
@@ -58576,6 +58659,11 @@ const structuredContentHelpers = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ O
   parseTagObject
 }, Symbol.toStringTag, { value: "Module" }));
 const STRUCTURED_CONTENT_NAMES = ["structuredContent", "structuredContentBlock"];
+function isValidIntegerId(id) {
+  if (id === null || id === void 0) return true;
+  const str = String(id);
+  return /^-?\d+$/.test(str);
+}
 const findFirstTextNode = (node) => {
   let firstTextNode = null;
   node.descendants((child) => {
@@ -58617,6 +58705,9 @@ const StructuredContentCommands = Extension.create({
        * });
        */
       insertStructuredContentInline: (options = {}) => ({ editor, dispatch, state, tr }) => {
+        if (options.attrs?.id !== void 0 && !isValidIntegerId(options.attrs.id)) {
+          throw new Error("Invalid structured content id - must be an integer, got: " + options.attrs.id);
+        }
         const { schema } = editor;
         let { from: from3, to } = state.selection;
         if (dispatch) {
@@ -58679,6 +58770,9 @@ const StructuredContentCommands = Extension.create({
        * });
        */
       insertStructuredContentBlock: (options = {}) => ({ editor, dispatch, state, tr }) => {
+        if (options.attrs?.id !== void 0 && !isValidIntegerId(options.attrs.id)) {
+          throw new Error("Invalid structured content id - must be an integer, got: " + options.attrs.id);
+        }
         const { schema } = editor;
         let { from: from3, to } = state.selection;
         if (dispatch) {
@@ -58736,6 +58830,9 @@ const StructuredContentCommands = Extension.create({
        * });
        */
       updateStructuredContentById: (id, options = {}) => ({ editor, dispatch, state, tr }) => {
+        if (options.attrs?.id !== void 0 && !isValidIntegerId(options.attrs.id)) {
+          throw new Error("Invalid structured content id - must be an integer, got: " + options.attrs.id);
+        }
         const structuredContentTags = getStructuredContentTagsById(id, state);
         if (!structuredContentTags.length) {
           return true;
@@ -58863,6 +58960,9 @@ const StructuredContentCommands = Extension.create({
        * });
        */
       updateStructuredContentByGroup: (group, options = {}) => ({ editor, dispatch, state, tr }) => {
+        if (options.attrs?.id !== void 0 && !isValidIntegerId(options.attrs.id)) {
+          throw new Error("Invalid structured content id - must be an integer, got: " + options.attrs.id);
+        }
         const structuredContentTags = getStructuredContentByGroup(group, state);
         if (!structuredContentTags.length) {
           return true;
@@ -59540,7 +59640,7 @@ const mergeRanges$2 = (ranges, docSize) => {
   }
   return merged;
 };
-const collectChangedRanges = (trs, docSize) => {
+const collectChangedRanges$1 = (trs, docSize) => {
   const ranges = [];
   trs.forEach((tr) => {
     if (!tr.docChanged) return;
@@ -59743,7 +59843,7 @@ const wrapTextInRunsPlugin = (editor) => {
       const runType = newState.schema.nodes.run;
       if (!runType) return null;
       pendingRanges = mapRangesThroughTransactions(pendingRanges, transactions, docSize);
-      const changedRanges = collectChangedRanges(transactions, docSize);
+      const changedRanges = collectChangedRanges$1(transactions, docSize);
       pendingRanges = mergeRanges$2([...pendingRanges, ...changedRanges], docSize);
       if (view?.composing) {
         return null;
@@ -74618,6 +74718,283 @@ const NodeResizer = Extension.create({
     return [nodeResizer(["image"], this.editor)];
   }
 });
+const PERMISSION_PLUGIN_KEY = new PluginKey("permissionRanges");
+const EVERYONE_GROUP = "everyone";
+const EMPTY_IDENTIFIER_SET = Object.freeze(/* @__PURE__ */ new Set());
+const normalizeIdentifier = (value) => typeof value === "string" ? value.trim().toLowerCase() : "";
+const buildAllowedIdentifierSet = (editor) => {
+  const email = normalizeIdentifier(editor?.options?.user?.email);
+  if (!email) {
+    return EMPTY_IDENTIFIER_SET;
+  }
+  const [localPart, domain] = email.split("@");
+  if (!localPart || !domain) {
+    return EMPTY_IDENTIFIER_SET;
+  }
+  const formatted = `${domain}\\${localPart}`;
+  return formatted ? /* @__PURE__ */ new Set([formatted]) : EMPTY_IDENTIFIER_SET;
+};
+const isEveryoneGroup = (value) => normalizeIdentifier(value) === EVERYONE_GROUP;
+const isRangeAllowedForUser = (attrs, allowedIdentifiers) => {
+  if (!attrs) return false;
+  if (isEveryoneGroup(attrs.edGrp)) {
+    return true;
+  }
+  if (!allowedIdentifiers?.size) {
+    return false;
+  }
+  const normalizedEd = normalizeIdentifier(attrs.ed);
+  return normalizedEd && allowedIdentifiers.has(normalizedEd);
+};
+const getPermissionNodeId = (node, pos, fallbackPrefix) => String(node.attrs?.id ?? `${fallbackPrefix}-${pos}`);
+const buildPermissionState = (doc2, allowedIdentifiers = EMPTY_IDENTIFIER_SET) => {
+  const ranges = [];
+  const openRanges = /* @__PURE__ */ new Map();
+  doc2.descendants((node, pos) => {
+    if (node.type?.name === "permStart") {
+      const id = getPermissionNodeId(node, pos, "permStart");
+      openRanges.set(id, {
+        from: pos + node.nodeSize,
+        attrs: node.attrs ?? {}
+      });
+      return false;
+    }
+    if (node.type?.name === "permEnd") {
+      const id = getPermissionNodeId(node, pos, "permEnd");
+      const start2 = openRanges.get(id);
+      if (start2 && isRangeAllowedForUser(start2.attrs, allowedIdentifiers)) {
+        const to = Math.max(pos, start2.from);
+        if (to > start2.from) {
+          ranges.push({
+            id,
+            from: start2.from,
+            to
+          });
+        }
+      }
+      if (start2) {
+        openRanges.delete(id);
+      }
+      return false;
+    }
+  });
+  return {
+    ranges,
+    hasAllowedRanges: ranges.length > 0
+  };
+};
+const collectPermissionTags = (doc2, permStartType, permEndType) => {
+  const tags = /* @__PURE__ */ new Map();
+  doc2.descendants((node, pos) => {
+    if (node.type !== permStartType && node.type !== permEndType) {
+      return;
+    }
+    const id = node.attrs?.id;
+    if (!id) {
+      return;
+    }
+    const entry = tags.get(id) ?? {};
+    if (node.type === permStartType) {
+      entry.start = { pos, attrs: node.attrs ?? {} };
+    } else if (node.type === permEndType) {
+      entry.end = { pos, attrs: node.attrs ?? {} };
+    }
+    tags.set(id, entry);
+  });
+  return tags;
+};
+const clampPosition = (pos, size2) => {
+  if (Number.isNaN(pos) || !Number.isFinite(pos)) {
+    return 0;
+  }
+  return Math.max(0, Math.min(pos, size2));
+};
+const trimPermissionTagsFromRange = (doc2, range, permStartType, permEndType) => {
+  let from3 = range.from;
+  let to = range.to;
+  while (from3 < to) {
+    const node = doc2.nodeAt(from3);
+    if (!node || node.type !== permStartType && node.type !== permEndType) {
+      break;
+    }
+    from3 += node.nodeSize;
+  }
+  while (to > from3) {
+    const $pos = doc2.resolve(to);
+    const nodeBefore = $pos.nodeBefore;
+    if (!nodeBefore || nodeBefore.type !== permStartType && nodeBefore.type !== permEndType) {
+      break;
+    }
+    to -= nodeBefore.nodeSize;
+  }
+  return { from: from3, to };
+};
+const collectChangedRanges = (tr) => {
+  const ranges = [];
+  tr.mapping.maps.forEach((map3) => {
+    map3.forEach((oldStart, oldEnd) => {
+      const from3 = Math.min(oldStart, oldEnd);
+      const to = Math.max(oldStart, oldEnd);
+      ranges.push({ from: from3, to });
+    });
+  });
+  return ranges;
+};
+const isRangeAllowed = (range, allowedRanges) => {
+  if (!allowedRanges?.length) return false;
+  return allowedRanges.some((allowed) => range.from >= allowed.from && range.to <= allowed.to);
+};
+const PermissionRanges = Extension.create({
+  name: "permissionRanges",
+  addStorage() {
+    return {
+      ranges: [],
+      hasAllowedRanges: false
+    };
+  },
+  addPmPlugins() {
+    const editor = this.editor;
+    const storage = this.storage;
+    let originalSetDocumentMode = null;
+    const getAllowedIdentifiers = () => buildAllowedIdentifierSet(editor);
+    const toggleEditableIfAllowed = (hasAllowedRanges) => {
+      if (!editor || editor.isDestroyed) return;
+      if (editor.options.documentMode !== "viewing") return;
+      if (hasAllowedRanges && !editor.isEditable) {
+        editor.setEditable(true, false);
+      } else if (!hasAllowedRanges && editor.isEditable) {
+        editor.setEditable(false, false);
+      }
+    };
+    const updateEditableState = (hasAllowedRanges) => {
+      const nextValue = Boolean(hasAllowedRanges);
+      const previousValue = storage.hasAllowedRanges;
+      storage.hasAllowedRanges = nextValue;
+      if (previousValue === nextValue) {
+        return;
+      }
+      toggleEditableIfAllowed(nextValue);
+    };
+    if (editor && typeof editor.setDocumentMode === "function") {
+      originalSetDocumentMode = editor.setDocumentMode.bind(editor);
+      editor.setDocumentMode = (mode, caller) => {
+        originalSetDocumentMode(mode, caller);
+        const state = editor.state;
+        if (!state) return;
+        const pluginState = PERMISSION_PLUGIN_KEY.getState(state);
+        if (pluginState) {
+          toggleEditableIfAllowed(pluginState.hasAllowedRanges);
+        }
+      };
+    }
+    return [
+      new Plugin({
+        key: PERMISSION_PLUGIN_KEY,
+        state: {
+          init(_2, state) {
+            const permissionState = buildPermissionState(state.doc, getAllowedIdentifiers());
+            storage.ranges = permissionState.ranges;
+            updateEditableState(permissionState.hasAllowedRanges);
+            return permissionState;
+          },
+          apply(tr, value, _oldState, newState) {
+            let permissionState = value;
+            if (tr.docChanged) {
+              permissionState = buildPermissionState(newState.doc, getAllowedIdentifiers());
+              storage.ranges = permissionState.ranges;
+              updateEditableState(permissionState.hasAllowedRanges);
+            }
+            return permissionState;
+          }
+        },
+        view() {
+          return {
+            destroy() {
+              if (editor && originalSetDocumentMode) {
+                editor.setDocumentMode = originalSetDocumentMode;
+              }
+            }
+          };
+        },
+        // Appends transactions to the document to ensure permission ranges are updated.
+        appendTransaction(transactions, oldState, newState) {
+          if (!transactions.some((tr2) => tr2.docChanged)) return null;
+          const permStartType = newState.schema.nodes["permStart"];
+          const permEndType = newState.schema.nodes["permEnd"];
+          if (!permStartType || !permEndType) return null;
+          const oldTags = collectPermissionTags(oldState.doc, permStartType, permEndType);
+          if (!oldTags.size) {
+            return null;
+          }
+          const newTags = collectPermissionTags(newState.doc, permStartType, permEndType);
+          const mappingToNew = new Mapping();
+          transactions.forEach((tr2) => {
+            mappingToNew.appendMapping(tr2.mapping);
+          });
+          const pendingInsertions = [];
+          oldTags.forEach((tag, id) => {
+            const current = newTags.get(id);
+            if (tag.start && !current?.start) {
+              const mapped = mappingToNew.mapResult(tag.start.pos, -1);
+              pendingInsertions.push({
+                pos: mapped.pos,
+                nodeType: permStartType,
+                attrs: tag.start.attrs,
+                priority: 0
+              });
+            }
+            if (tag.end && !current?.end) {
+              const mapped = mappingToNew.mapResult(tag.end.pos, 1);
+              pendingInsertions.push({
+                pos: mapped.pos,
+                nodeType: permEndType,
+                attrs: tag.end.attrs,
+                priority: 1
+              });
+            }
+          });
+          if (!pendingInsertions.length) {
+            return null;
+          }
+          pendingInsertions.sort((a, b2) => {
+            if (a.pos === b2.pos) {
+              return a.priority - b2.priority;
+            }
+            return a.pos - b2.pos;
+          });
+          const tr = newState.tr;
+          let offset2 = 0;
+          pendingInsertions.forEach((item) => {
+            const node = item.nodeType.create(item.attrs);
+            const insertPos = clampPosition(item.pos + offset2, tr.doc.content.size);
+            tr.insert(insertPos, node);
+            offset2 += node.nodeSize;
+          });
+          return tr.docChanged ? tr : null;
+        },
+        // Filters transactions to ensure only allowed edits are applied.
+        filterTransaction(tr, state) {
+          if (!tr.docChanged) return true;
+          if (!editor || editor.options.documentMode !== "viewing") return true;
+          const pluginState = PERMISSION_PLUGIN_KEY.getState(state);
+          if (!pluginState?.hasAllowedRanges) {
+            return true;
+          }
+          const changedRanges = collectChangedRanges(tr);
+          if (!changedRanges.length) return true;
+          const permStartType = state.schema.nodes["permStart"];
+          const permEndType = state.schema.nodes["permEnd"];
+          if (!permStartType || !permEndType) return true;
+          const allRangesAllowed = changedRanges.every((range) => {
+            const trimmed = trimPermissionTagsFromRange(state.doc, range, permStartType, permEndType);
+            return isRangeAllowed(trimmed, pluginState.ranges);
+          });
+          return allRangesAllowed;
+        }
+      })
+    ];
+  }
+});
 const PermStart = Node$1.create({
   name: "permStart",
   group: "inline",
@@ -74777,6 +75154,7 @@ const getStarterExtensions = () => {
     ShapeGroup,
     PermStart,
     PermEnd,
+    PermissionRanges,
     PassthroughInline,
     PassthroughBlock
   ];

package/dist/style.css

@@ -53,6 +53,13 @@ a {
 .presentation-editor__selection-caret {
   animation: superdoc-caret-blink 1.2s steps(2, start) infinite;
 }
+.presentation-editor__permission-overlay {
+  pointer-events: none;
+}
+.presentation-editor__permission-highlight {
+  border-radius: 2px;
+  background-color: rgba(199, 200, 217, 0.55);
+}
 @keyframes superdoc-caret-blink {
   0%,
   45% {

package/dist/super-editor/converter.cjs

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

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

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

package/dist/super-editor.cjs

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

package/dist/super-editor.es.js

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

package/dist/superdoc.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./chunks/index-LpMObyDy.cjs");
-const superdoc = require("./chunks/index-CbbEjpJ0.cjs");
-const superEditor_converter = require("./chunks/SuperConverter-CIjArITT.cjs");
+const index = require("./chunks/index-CJcGqc_k.cjs");
+const superdoc = require("./chunks/index-Cv7KI1Ex.cjs");
+const superEditor_converter = require("./chunks/SuperConverter-iLb7JzYI.cjs");
 const blankDocx = require("./chunks/blank-docx-DfW3Eeh2.cjs");
 require("./chunks/jszip-C8_CqJxM.cjs");
 require("./chunks/helpers-nOdwpmwb.cjs");