@harbour-enterprises/superdoc 0.28.3 → 0.29.0-next.2

package/dist/chunks/{PdfViewer-DUpLlOgk.es.js → PdfViewer-ByaA6tu-.es.js}

@@ -1,5 +1,5 @@
 import { m as defineComponent, B as h, O as Transition, $ as process$1, I as watchEffect, d as computed, r as ref, j as onMounted, W as onUnmounted, c as createElementBlock, o as openBlock, a as createBaseVNode, f as createCommentVNode, v as createVNode, x as unref } from "./vue-ZWZLQtoU.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-DKtyoTAq.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-C3_BQlO-.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-QTV3RJM1.cjs → PdfViewer-POSV5DiN.cjs}

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

package/dist/chunks/{index-CuXB3dyN.cjs → index-3BBP_H1q.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-BKCxu5-_.cjs");
+const superEditor_es = require("./super-editor.es-Ce1bKea8.cjs");
 const vue = require("./vue-DKMj1I9B.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-DkXkH2rT.cjs");
@@ -17173,7 +17173,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-QTV3RJM1.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-POSV5DiN.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17937,7 +17937,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.28.2";
+    this.version = "0.29.0-next.2";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-DKtyoTAq.es.js → index-C3_BQlO-.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, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-BjTZa-cJ.es.js";
+import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-ZQFMn4Mx.es.js";
 import { a0 as effectScope, r as ref, _ as markRaw, $ as process$1, a1 as toRaw, d as computed, a2 as isRef, a3 as isReactive, C as toRef, i as inject, p as getCurrentInstance, l as watch, x as unref, a4 as hasInjectionContext, M as reactive, s as nextTick, a5 as getCurrentScope, a6 as onScopeDispose, a7 as toRefs, g as global$1, J as shallowRef, N as readonly, j as onMounted, k as onBeforeUnmount, h as onBeforeMount, S as onActivated, q as onDeactivated, z as createTextVNode, F as Fragment, Q as Comment, m as defineComponent, D as provide, H as withDirectives, B as h, U as Teleport, R as renderSlot, V as isVNode, I as watchEffect, O as Transition, a8 as TransitionGroup, E as mergeProps, P as vShow, G as cloneVNode, T as Text, c as createElementBlock, o as openBlock, t as toDisplayString, v as createVNode, y as withCtx, a as createBaseVNode, A as normalizeStyle, f as createCommentVNode, u as createBlock, w as withModifiers, n as normalizeClass, a9 as resolveDirective, e as renderList, b as createApp, X as resolveDynamicComponent, aa as defineAsyncComponent } from "./vue-ZWZLQtoU.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-BWEnUdTY.es.js";
@@ -17156,7 +17156,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-DUpLlOgk.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-ByaA6tu-.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17920,7 +17920,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.28.2";
+    this.version = "0.29.0-next.2";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-B3rVM2bJ-BgYPFhrh.cjs → index-F9UTAd9o-FTCIxXZV.cjs}

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

package/dist/chunks/{index-B3rVM2bJ-B62R9mgx.es.js → index-F9UTAd9o-O789Xvby.es.js}

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

package/dist/chunks/{super-editor.es-BKCxu5-_.cjs → super-editor.es-Ce1bKea8.cjs}

@@ -20608,7 +20608,23 @@ const baseNumbering = {
   ]
 };
 const docxNumberingCacheStore = /* @__PURE__ */ new WeakMap();
+const NUMBERING_CACHE_KEY = "numbering-cache";
 const LEVELS_MAP_KEY = Symbol("superdoc.numbering.levels");
+const NUMBERING_CACHE_DOCX_KEY = Symbol("superdoc.numbering.docx");
+const clearConverterCache = (converter) => {
+  if (!converter) return;
+  delete converter[NUMBERING_CACHE_KEY];
+  delete converter[NUMBERING_CACHE_DOCX_KEY];
+};
+const setConverterCache = (converter, cache2, docx) => {
+  if (!converter) return;
+  converter[NUMBERING_CACHE_KEY] = cache2;
+  if (docx && typeof docx === "object") {
+    converter[NUMBERING_CACHE_DOCX_KEY] = docx;
+  } else {
+    delete converter[NUMBERING_CACHE_DOCX_KEY];
+  }
+};
 const createEmptyCache = () => ({
   numToAbstractId: /* @__PURE__ */ new Map(),
   abstractById: /* @__PURE__ */ new Map(),
@@ -20680,12 +20696,27 @@ const buildNumberingCache = (docx) => {
   }
   return { numToAbstractId, abstractById, templateById, numToDefinition, numNodesById };
 };
-const ensureNumberingCache = (docx) => {
+const ensureNumberingCache = (docx, converter) => {
+  if (converter?.[NUMBERING_CACHE_KEY]) {
+    const cachedDocx = converter[NUMBERING_CACHE_DOCX_KEY];
+    if (docx && cachedDocx && cachedDocx !== docx) {
+      clearConverterCache(converter);
+    } else {
+      return converter[NUMBERING_CACHE_KEY];
+    }
+  }
   if (!docx || typeof docx !== "object") return createEmptyCache();
   const existingCache = docxNumberingCacheStore.get(docx);
-  if (existingCache) return existingCache;
+  if (existingCache) {
+    setConverterCache(converter, existingCache, docx);
+    return existingCache;
+  }
   const cache2 = buildNumberingCache(docx);
-  docxNumberingCacheStore.set(docx, cache2);
+  if (converter) {
+    setConverterCache(converter, cache2, docx);
+  } else {
+    docxNumberingCacheStore.set(docx, cache2);
+  }
   return cache2;
 };
 const handleListNode = (params2) => {
@@ -20942,11 +20973,11 @@ const getListNumIdFromStyleRef = (styleId, docx) => {
   }
   return { numId, ilvl };
 };
-const getAbstractDefinition = (numId, docx) => {
+const getAbstractDefinition = (numId, docx, converter) => {
   const numberingXml = docx["word/numbering.xml"];
   if (!numberingXml) return {};
   if (numId == null) return void 0;
-  const cache2 = ensureNumberingCache(docx);
+  const cache2 = ensureNumberingCache(docx, converter);
   const numKey = String(numId);
   let listDefinitionForThisNumId = cache2.numToDefinition.get(numKey);
   if (!listDefinitionForThisNumId) {
@@ -24459,10 +24490,11 @@ const getListItemStyleDefinitions = ({ styleId, numId, level, editor, tries }) =
   if (typeof numId === "string") numId = Number(numId);
   if (typeof level === "string") level = Number(level);
   const docx = editor?.converter?.convertedXml;
-  const numbering = editor?.converter?.numbering;
+  const converter = editor?.converter;
+  const numbering = converter?.numbering;
   const styleDefinition = docx ? getStyleTagFromStyleId(styleId, docx) : null;
   const stylePpr = styleDefinition?.elements.find((el) => el.name === "w:pPr");
-  let abstractDefinition = docx ? getAbstractDefinition(numId, docx) : null;
+  let abstractDefinition = docx ? getAbstractDefinition(numId, docx, converter) : null;
   if (!abstractDefinition) {
     const listDef = numbering?.definitions?.[numId];
     const abstractId = listDef?.elements?.find((item) => item.name === "w:abstractNumId")?.attributes?.["w:val"];
@@ -28803,7 +28835,16 @@ const translateImageNode = (params2) => {
     const { width: w2, height: h2 } = resizeKeepAspectRatio(size2.w, size2.h, maxWidthEmu);
     if (w2 && h2) size2 = { w: w2, h: h2 };
   }
-  if (params2.node.type === "image" && !imageId) {
+  if (imageId) {
+    const docx = params2.converter?.convertedXml || {};
+    const rels = docx["word/_rels/document.xml.rels"];
+    const relsTag = rels?.elements?.find((el) => el.name === "Relationships");
+    const hasRelation = relsTag?.elements.find((el) => el.attributes.Id === imageId);
+    const path = src?.split("word/")[1];
+    if (!hasRelation) {
+      addImageRelationshipForId(params2, imageId, path);
+    }
+  } else if (params2.node.type === "image" && !imageId) {
     const path = src?.split("word/")[1];
     imageId = addNewImageRelationship(params2, path);
   } else if (params2.node.type === "fieldAnnotation" && !imageId) {
@@ -29027,6 +29068,18 @@ function addNewImageRelationship(params2, imagePath) {
   params2.relationships.push(newRel);
   return newId;
 }
+function addImageRelationshipForId(params2, id, imagePath) {
+  const newRel = {
+    type: "element",
+    name: "Relationship",
+    attributes: {
+      Id: id,
+      Type: "http://schemas.openxmlformats.org/officeDocument/2006/relationships/image",
+      Target: imagePath
+    }
+  };
+  params2.relationships.push(newRel);
+}
 function translateVectorShape(params2) {
   const { node } = params2;
   const { drawingContent } = node.attrs;
@@ -33542,7 +33595,7 @@ const createDocumentJson = (docx, converter, editor) => {
       comments,
       inlineDocumentFonts,
       linkedStyles: getStyleDefinitions(docx),
-      numbering: getNumberingDefinitions(docx)
+      numbering: getNumberingDefinitions(docx, converter)
     };
   }
   return null;
@@ -33941,8 +33994,8 @@ function filterOutRootInlineNodes(content = []) {
   ]);
   return content.filter((node) => node && typeof node.type === "string" && !INLINE_TYPES.has(node.type));
 }
-function getNumberingDefinitions(docx) {
-  const cache2 = ensureNumberingCache(docx);
+function getNumberingDefinitions(docx, converter) {
+  const cache2 = ensureNumberingCache(docx, converter);
   const abstractDefinitions = {};
   cache2.abstractById.forEach((value, key2) => {
     const numericKey = Number(key2);
@@ -35316,6 +35369,35 @@ const prepareCommentsXmlFilesForExport = ({ convertedXml, defs, commentsWithPara
 };
 const HYPERLINK_RELATIONSHIP_TYPE = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/hyperlink";
 const HEADER_RELATIONSHIP_TYPE = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/header";
+const FOOTER_RELATIONSHIP_TYPE = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/footer";
+const REL_ID_NUMERIC_PATTERN = /rId|mi/g;
+const getLargestRelationshipId = (relationships = []) => {
+  const numericIds = relationships.map((rel) => Number(String(rel?.attributes?.Id ?? "").replace(REL_ID_NUMERIC_PATTERN, ""))).filter((value) => Number.isFinite(value));
+  return numericIds.length ? Math.max(...numericIds) : 0;
+};
+const mergeRelationshipElements = (existingRelationships = [], newRelationships = []) => {
+  if (!newRelationships?.length) return existingRelationships;
+  let largestId = getLargestRelationshipId(existingRelationships);
+  const seenIds = new Set(existingRelationships.map((rel) => rel?.attributes?.Id).filter(Boolean));
+  const additions = [];
+  newRelationships.forEach((rel) => {
+    if (!rel?.attributes) return;
+    const attributes = rel.attributes;
+    const currentId = attributes.Id || "";
+    attributes.Target = attributes?.Target?.replace(/&/g, "&");
+    const existingTarget = existingRelationships.find((el) => el.attributes.Target === attributes.Target);
+    const isMedia = attributes.Target?.startsWith("media/");
+    const isNewHyperlink = attributes.Type === HYPERLINK_RELATIONSHIP_TYPE && currentId.length > 6;
+    const isNewHeadFoot = (attributes.Type === HEADER_RELATIONSHIP_TYPE || attributes.Type === FOOTER_RELATIONSHIP_TYPE) && currentId.length > 6;
+    const hasSeenId = currentId && seenIds.has(currentId);
+    const shouldSkip = !isNewHyperlink && !isNewHeadFoot && (hasSeenId || existingTarget);
+    if (shouldSkip) return;
+    attributes.Id = currentId.length > 6 || isMedia ? currentId : `rId${++largestId}`;
+    seenIds.add(attributes.Id);
+    additions.push(rel);
+  });
+  return additions.length ? [...existingRelationships, ...additions] : existingRelationships;
+};
 const FONT_FAMILY_FALLBACKS = Object.freeze({
   swiss: "Arial, sans-serif",
   roman: "Times New Roman, serif",
@@ -35524,7 +35606,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.28.2") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.29.0-next.2") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -36030,23 +36112,7 @@ exportProcessHeadersFooters_fn = function({ isFinalDoc = false }) {
 exportProcessNewRelationships_fn = function(rels = []) {
   const relsData = this.convertedXml["word/_rels/document.xml.rels"];
   const relationships = relsData.elements.find((x) => x.name === "Relationships");
-  const newRels = [];
-  const regex = /rId|mi/g;
-  let largestId = Math.max(...relationships.elements.map((el) => Number(el.attributes.Id.replace(regex, ""))));
-  rels.forEach((rel) => {
-    const existingId = rel.attributes.Id;
-    const existingTarget = relationships.elements.find((el) => el.attributes.Target === rel.attributes.Target);
-    const isNewMedia = rel.attributes.Target?.startsWith("media/") && existingId.length > 6;
-    const isNewHyperlink = rel.attributes.Type === HYPERLINK_RELATIONSHIP_TYPE && existingId.length > 6;
-    const isNewHeadFoot = rel.attributes.Type === HEADER_RELATIONSHIP_TYPE && existingId.length > 6;
-    if (existingTarget && !isNewMedia && !isNewHyperlink && !isNewHeadFoot) {
-      return;
-    }
-    rel.attributes.Target = rel.attributes?.Target?.replace(/&/g, "&");
-    rel.attributes.Id = existingId.length > 6 ? existingId : `rId${++largestId}`;
-    newRels.push(rel);
-  });
-  relationships.elements = [...relationships.elements, ...newRels];
+  relationships.elements = mergeRelationshipElements(relationships.elements, rels);
 };
 exportProcessMediaFiles_fn = async function(media = {}) {
   const processedData = {
@@ -49730,10 +49796,12 @@ const _ExtensionService = class _ExtensionService2 {
         type: getNodeType(extension.name, this.schema)
       };
       const addNodeView = getExtensionConfigField(extension, "addNodeView", context);
-      if (!addNodeView) return [];
+      if (!addNodeView) return null;
+      const nodeViewFunction = addNodeView();
+      if (!nodeViewFunction) return null;
       const nodeview = (node, _view, getPos, decorations) => {
         const htmlAttributes = Attribute2.getAttributesToRender(node, extensionAttrs);
-        return addNodeView()({
+        return nodeViewFunction({
           editor,
           node,
           getPos,
@@ -49743,7 +49811,7 @@ const _ExtensionService = class _ExtensionService2 {
         });
       };
       return [extension.name, nodeview];
-    });
+    }).filter(Boolean);
     return Object.fromEntries(entries);
   }
 };
@@ -50366,6 +50434,7 @@ const getHighlightColor = ({ activeThreadId, threadId, isInternal, editor }) =>
 const updateYdocDocxData = async (editor, ydoc) => {
   ydoc = ydoc || editor.options.ydoc;
   if (!ydoc) return;
+  if (!editor || editor.isDestroyed) return;
   const metaMap = ydoc.getMap("meta");
   const docxValue = metaMap.get("docx");
   let docx = [];
@@ -50397,6 +50466,11 @@ const updateYdocDocxData = async (editor, ydoc) => {
     { event: "docx-update", user: editor.options.user }
   );
 };
+const STYLE_ISOLATION_CLASS = "sd-editor-scoped";
+const applyStyleIsolationClass = (target) => {
+  if (!target || !target.classList) return;
+  target.classList.add(STYLE_ISOLATION_CLASS);
+};
 const PaginationPluginKey = new PluginKey("paginationPlugin");
 const initPaginationData = async (editor) => {
   if (!editor.converter) return;
@@ -50432,6 +50506,7 @@ const getSectionHeight = async (editor, data) => {
   return new Promise((resolve) => {
     const editorContainer = document.createElement("div");
     editorContainer.className = "super-editor";
+    applyStyleIsolationClass(editorContainer);
     editorContainer.style.padding = "0";
     editorContainer.style.margin = "0";
     const sectionEditor = createHeaderFooterEditor({ editor, data, editorContainer });
@@ -50459,6 +50534,7 @@ const createHeaderFooterEditor = ({
   const { fontSizePt, typeface, fontFamilyCss } = parentStyles;
   const fontSizeInPixles = fontSizePt * 1.3333;
   const lineHeight2 = fontSizeInPixles * 1.2;
+  applyStyleIsolationClass(editorContainer);
   Object.assign(editorContainer.style, {
     padding: "0",
     margin: "0",
@@ -51857,6 +51933,16 @@ const Collaboration = Extension.create({
       });
     });
     return [syncPlugin];
+  },
+  addCommands() {
+    return {
+      addImageToCollaboration: ({ mediaPath, fileData }) => () => {
+        if (!this.options.ydoc || !mediaPath || !fileData) return false;
+        const mediaMap = this.options.ydoc.getMap("media");
+        mediaMap.set(mediaPath, fileData);
+        return true;
+      }
+    };
   }
 });
 const createSyncPlugin = (ydoc, editor) => {
@@ -53709,7 +53795,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      Promise.resolve().then(() => require("./index-B3rVM2bJ-BgYPFhrh.cjs")),
+      Promise.resolve().then(() => require("./index-F9UTAd9o-FTCIxXZV.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")),
@@ -53927,7 +54013,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.28.2");
+    console.debug("[checkVersionMigrations] Current editor version", "0.29.0-next.2");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -54118,7 +54204,12 @@ initContainerElement_fn = function(options) {
       options.element.classList.add("sd-super-editor-html");
     }
   }
-  options.element = options.isHeadless ? null : options.element || document.createElement("div");
+  if (options.isHeadless) {
+    options.element = null;
+    return;
+  }
+  options.element = options.element || document.createElement("div");
+  applyStyleIsolationClass(options.element);
 };
 init_fn = function() {
   __privateMethod$1(this, _Editor_instances, createExtensionService_fn).call(this);
@@ -59001,6 +59092,9 @@ function orderedListSync(editor) {
     }
   });
 }
+const shouldSkipNodeView = (editor) => {
+  return editor.options.isHeadless;
+};
 const ListItem = Node$1.create({
   name: "listItem",
   content: "paragraph* block*",
@@ -59027,9 +59121,11 @@ const ListItem = Node$1.create({
   },
   /**
    * Important: The listItem node uses a custom node view.
-   * @returns {import('@core/NodeView.js').NodeView}
+   * Skip node view in headless mode for performance.
+   * @returns {import('@core/NodeView.js').NodeView|null}
    */
   addNodeView() {
+    if (shouldSkipNodeView(this.editor)) return null;
     return ({ node, editor, getPos, decorations }) => {
       return new ListItemNodeView(node, getPos, decorations, editor);
     };
@@ -74141,6 +74237,7 @@ class Popover {
     this.view = view;
     this.popover = document.createElement("div");
     this.popover.className = "sd-editor-popover";
+    applyStyleIsolationClass(this.popover);
     document.body.appendChild(this.popover);
     this.tippyInstance = tippy(this.popover, {
       trigger: "manual",
@@ -75557,6 +75654,7 @@ const calculatePageBreaks = (view, editor, sectionData) => {
   const tempContainer = editor.options.element.cloneNode();
   if (!tempContainer) return [];
   tempContainer.className = "temp-container super-editor";
+  applyStyleIsolationClass(tempContainer);
   const HIDDEN_EDITOR_OFFSET_TOP = 0;
   const HIDDEN_EDITOR_OFFSET_LEFT = 0;
   tempContainer.style.left = HIDDEN_EDITOR_OFFSET_TOP + "px";
@@ -76605,6 +76703,7 @@ const nodeResizer = (nodeNames = ["image"], editor) => {
       handleEl.style.pointerEvents = "auto";
       resizeContainer.appendChild(handleEl);
     }
+    applyStyleIsolationClass(resizeContainer);
     document.body.appendChild(resizeContainer);
     updateHandlePositions(wrapper.firstElementChild);
   }