@harbour-enterprises/superdoc 0.22.0-next.2 → 0.22.0-next.4

package/dist/super-editor/chunks/{converter-BcqEfCTg.js → converter-DBwwYo1I.js}

@@ -24846,17 +24846,16 @@ const getParagraphSpacing = (node, docx, styleId = "", marks = [], options = {})
 };
 const getDefaultParagraphStyle = (docx, styleId = "") => {
   const styles = docx["word/styles.xml"];
-  if (!styles) {
+  const rootElements = styles?.elements?.[0]?.elements;
+  if (!rootElements?.length) {
     return {};
   }
-  const defaults = styles.elements[0].elements?.find((el) => el.name === "w:docDefaults");
-  const pDefault = defaults.elements.find((el) => el.name === "w:pPrDefault");
+  const defaults = rootElements.find((el) => el.name === "w:docDefaults");
+  const pDefault = defaults?.elements?.find((el) => el.name === "w:pPrDefault") || {};
   const pPrDefault = pDefault?.elements?.find((el) => el.name === "w:pPr");
   const pPrDefaultSpacingTag = pPrDefault?.elements?.find((el) => el.name === "w:spacing") || {};
   const pPrDefaultIndentTag = pPrDefault?.elements?.find((el) => el.name === "w:ind") || {};
-  const stylesNormal = styles.elements[0].elements?.find(
-    (el) => el.name === "w:style" && el.attributes["w:styleId"] === "Normal"
-  );
+  const stylesNormal = rootElements.find((el) => el.name === "w:style" && el.attributes["w:styleId"] === "Normal");
   const pPrNormal = stylesNormal?.elements?.find((el) => el.name === "w:pPr");
   const pPrNormalSpacingTag = pPrNormal?.elements?.find((el) => el.name === "w:spacing") || {};
   const pPrNormalIndentTag = pPrNormal?.elements?.find((el) => el.name === "w:ind") || {};
@@ -24865,9 +24864,7 @@ const getDefaultParagraphStyle = (docx, styleId = "") => {
   let pPrStyleIdIndentTag = {};
   let pPrStyleJc = {};
   if (styleId) {
-    const stylesById = styles.elements[0].elements?.find(
-      (el) => el.name === "w:style" && el.attributes["w:styleId"] === styleId
-    );
+    const stylesById = rootElements.find((el) => el.name === "w:style" && el.attributes["w:styleId"] === styleId);
     const pPrById = stylesById?.elements?.find((el) => el.name === "w:pPr");
     pPrStyleIdSpacingTag = pPrById?.elements?.find((el) => el.name === "w:spacing") || {};
     pPrStyleIdIndentTag = pPrById?.elements?.find((el) => el.name === "w:ind") || {};
@@ -30601,6 +30598,18 @@ const config = {
   attributes: validXmlAttributes
 };
 const translator = NodeTranslator.from(config);
+const DEFAULT_SECTION_PROPS_TWIPS = Object.freeze({
+  pageSize: Object.freeze({ width: "12240", height: "15840" }),
+  pageMargins: Object.freeze({
+    top: "1440",
+    right: "1440",
+    bottom: "1440",
+    left: "1440",
+    header: "720",
+    footer: "720",
+    gutter: "0"
+  })
+});
 const isLineBreakOnlyRun = (node) => {
   if (!node) return false;
   if (node.type === "lineBreak" || node.type === "hardBreak") return true;
@@ -30653,28 +30662,63 @@ function exportSchemaToJson(params) {
   return handler2(params);
 }
 function translateBodyNode(params) {
-  let sectPr = params.bodyNode?.elements.find((n) => n.name === "w:sectPr") || {};
+  let sectPr = params.bodyNode?.elements?.find((n) => n.name === "w:sectPr");
+  if (!sectPr) {
+    sectPr = {
+      type: "element",
+      name: "w:sectPr",
+      elements: []
+    };
+  } else if (!sectPr.elements) {
+    sectPr = { ...sectPr, elements: [] };
+  }
   if (params.converter) {
-    const hasHeader = sectPr?.elements?.some((n) => n.name === "w:headerReference");
+    const hasHeader = sectPr.elements?.some((n) => n.name === "w:headerReference");
     const hasDefaultHeader = params.converter.headerIds?.default;
     if (!hasHeader && hasDefaultHeader && !params.editor.options.isHeaderOrFooter) {
       const defaultHeader = generateDefaultHeaderFooter("header", params.converter.headerIds?.default);
       sectPr.elements.push(defaultHeader);
     }
-    const hasFooter = sectPr?.elements?.some((n) => n.name === "w:footerReference");
+    const hasFooter = sectPr.elements?.some((n) => n.name === "w:footerReference");
     const hasDefaultFooter = params.converter.footerIds?.default;
     if (!hasFooter && hasDefaultFooter && !params.editor.options.isHeaderOrFooter) {
       const defaultFooter = generateDefaultHeaderFooter("footer", params.converter.footerIds?.default);
       sectPr.elements.push(defaultFooter);
     }
-    const newMargins = params.converter.pageStyles.pageMargins;
-    const sectPrMargins = sectPr.elements.find((n) => n.name === "w:pgMar");
-    const { attributes } = sectPrMargins;
-    Object.entries(newMargins).forEach(([key, value]) => {
-      const convertedValue = inchesToTwips(value);
-      attributes[`w:${key}`] = convertedValue;
-    });
-    sectPrMargins.attributes = attributes;
+    const newMargins = params.converter.pageStyles?.pageMargins;
+    if (newMargins) {
+      let sectPrMargins = sectPr.elements.find((n) => n.name === "w:pgMar");
+      if (!sectPrMargins) {
+        sectPrMargins = {
+          type: "element",
+          name: "w:pgMar",
+          attributes: {}
+        };
+        sectPr.elements.push(sectPrMargins);
+      } else if (!sectPrMargins.attributes) {
+        sectPrMargins.attributes = {};
+      }
+      Object.entries(newMargins).forEach(([key, value]) => {
+        const convertedValue = inchesToTwips(value);
+        sectPrMargins.attributes[`w:${key}`] = convertedValue;
+      });
+    }
+    let sectPrPgSz = sectPr.elements.find((n) => n.name === "w:pgSz");
+    if (!sectPrPgSz) {
+      sectPrPgSz = {
+        type: "element",
+        name: "w:pgSz",
+        attributes: {}
+      };
+      sectPr.elements.push(sectPrPgSz);
+    } else if (!sectPrPgSz.attributes) {
+      sectPrPgSz.attributes = {};
+    }
+    const pageSize = params.converter.pageStyles?.pageSize;
+    const widthInches = pageSize?.width;
+    const heightInches = pageSize?.height;
+    sectPrPgSz.attributes["w:w"] = widthInches ? String(inchesToTwips(widthInches)) : sectPrPgSz.attributes["w:w"] ?? DEFAULT_SECTION_PROPS_TWIPS.pageSize.width;
+    sectPrPgSz.attributes["w:h"] = heightInches ? String(inchesToTwips(heightInches)) : sectPrPgSz.attributes["w:h"] ?? DEFAULT_SECTION_PROPS_TWIPS.pageSize.height;
   }
   const elements = translateChildNodes(params);
   if (params.isHeaderFooter) {
@@ -32689,6 +32733,7 @@ const createDocumentJson = (docx, converter, editor) => {
   const nodeListHandler = defaultNodeListHandler();
   const bodyNode = json.elements[0].elements.find((el) => el.name === "w:body");
   if (bodyNode) {
+    ensureSectionProperties(bodyNode);
     const node = bodyNode;
     const contentElements = node.elements?.filter((n) => n.name !== "w:sectPr") ?? [];
     const content = pruneIgnoredNodes(contentElements);
@@ -32922,6 +32967,59 @@ function getDocumentStyles(node, docx, converter, editor) {
   styles.alternateHeaders = isAlternatingHeadersOddEven(docx);
   return styles;
 }
+const DEFAULT_SECTION_PROPS = Object.freeze({
+  pageSize: Object.freeze({ width: "12240", height: "15840" }),
+  pageMargins: Object.freeze({
+    top: "1440",
+    right: "1440",
+    bottom: "1440",
+    left: "1440",
+    header: "720",
+    footer: "720",
+    gutter: "0"
+  })
+});
+function ensureSectionProperties(bodyNode, converter) {
+  if (!bodyNode.elements) bodyNode.elements = [];
+  let sectPr = bodyNode.elements.find((el) => el.name === "w:sectPr");
+  if (!sectPr) {
+    sectPr = {
+      type: "element",
+      name: "w:sectPr",
+      elements: []
+    };
+    bodyNode.elements.push(sectPr);
+  } else if (!sectPr.elements) {
+    sectPr.elements = [];
+  }
+  const ensureChild = (name, factory) => {
+    let child = sectPr.elements.find((el) => el.name === name);
+    if (!child) {
+      child = factory();
+      sectPr.elements.push(child);
+    } else if (!child.attributes) {
+      child.attributes = {};
+    }
+    return child;
+  };
+  const pgSz = ensureChild("w:pgSz", () => ({
+    type: "element",
+    name: "w:pgSz",
+    attributes: {}
+  }));
+  pgSz.attributes["w:w"] = pgSz.attributes["w:w"] ?? DEFAULT_SECTION_PROPS.pageSize.width;
+  pgSz.attributes["w:h"] = pgSz.attributes["w:h"] ?? DEFAULT_SECTION_PROPS.pageSize.height;
+  const pgMar = ensureChild("w:pgMar", () => ({
+    type: "element",
+    name: "w:pgMar",
+    attributes: {}
+  }));
+  Object.entries(DEFAULT_SECTION_PROPS.pageMargins).forEach(([key, value]) => {
+    const attrKey = `w:${key}`;
+    if (pgMar.attributes[attrKey] == null) pgMar.attributes[attrKey] = value;
+  });
+  return sectPr;
+}
 function getStyleDefinitions(docx) {
   const styles = docx["word/styles.xml"];
   if (!styles) return [];
@@ -33114,6 +33212,36 @@ const FONT_FAMILY_FALLBACKS = Object.freeze({
   auto: "sans-serif"
 });
 const DEFAULT_GENERIC_FALLBACK = "sans-serif";
+const DEFAULT_FONT_SIZE_PT = 10;
+const collectRunDefaultProperties = (runProps, { allowOverrideTypeface = true, allowOverrideSize = true, themeResolver, state: state2 }) => {
+  if (!runProps?.elements?.length || !state2) return;
+  const fontsNode = runProps.elements.find((el) => el.name === "w:rFonts");
+  if (fontsNode?.attributes) {
+    const themeName = fontsNode.attributes["w:asciiTheme"];
+    if (themeName) {
+      const themeInfo = themeResolver?.(themeName) || {};
+      if ((allowOverrideTypeface || !state2.typeface) && themeInfo.typeface) state2.typeface = themeInfo.typeface;
+      if ((allowOverrideTypeface || !state2.panose) && themeInfo.panose) state2.panose = themeInfo.panose;
+    }
+    const ascii = fontsNode.attributes["w:ascii"];
+    if ((allowOverrideTypeface || !state2.typeface) && ascii) {
+      state2.typeface = ascii;
+    }
+  }
+  const sizeNode = runProps.elements.find((el) => el.name === "w:sz");
+  if (sizeNode?.attributes?.["w:val"]) {
+    const sizeTwips = Number(sizeNode.attributes["w:val"]);
+    if (Number.isFinite(sizeTwips)) {
+      if (state2.fallbackSzTwips === void 0) state2.fallbackSzTwips = sizeTwips;
+      const sizePt = sizeTwips / 2;
+      if (allowOverrideSize || state2.fontSizePt === void 0) state2.fontSizePt = sizePt;
+    }
+  }
+  const kernNode = runProps.elements.find((el) => el.name === "w:kern");
+  if (kernNode?.attributes?.["w:val"]) {
+    if (allowOverrideSize || state2.kern === void 0) state2.kern = kernNode.attributes["w:val"];
+  }
+};
 const _SuperConverter = class _SuperConverter {
   constructor(params = null) {
     __privateAdd(this, _SuperConverter_instances);
@@ -33241,49 +33369,45 @@ const _SuperConverter = class _SuperConverter {
   }
   getDocumentDefaultStyles() {
     const styles = this.convertedXml["word/styles.xml"];
-    if (!styles) return {};
-    const defaults = styles.elements[0].elements.find((el) => el.name === "w:docDefaults");
-    const rDefault = defaults.elements.find((el) => el.name === "w:rPrDefault");
-    if (!rDefault.elements) return {};
-    const rElements = rDefault.elements[0].elements;
-    const rFonts = rElements?.find((el) => el.name === "w:rFonts");
-    if ("elements" in rDefault) {
-      const fontThemeName = rElements.find((el) => el.name === "w:rFonts")?.attributes["w:asciiTheme"];
-      let typeface, panose, fontSizeNormal;
-      if (fontThemeName) {
-        const fontInfo = this.getThemeInfo(fontThemeName);
-        typeface = fontInfo.typeface;
-        panose = fontInfo.panose;
-      } else if (rFonts) {
-        typeface = rFonts?.attributes["w:ascii"];
-      }
-      const paragraphDefaults = styles.elements[0].elements.filter((el) => {
-        return el.name === "w:style" && el.attributes["w:styleId"] === "Normal";
-      }) || [];
-      paragraphDefaults.forEach((el) => {
-        const rPr = el.elements.find((el2) => el2.name === "w:rPr");
-        const fonts = rPr?.elements?.find((el2) => el2.name === "w:rFonts");
-        typeface = fonts?.attributes["w:ascii"];
-        fontSizeNormal = Number(rPr?.elements?.find((el2) => el2.name === "w:sz")?.attributes["w:val"]) / 2;
-      });
-      const rPrDefaults = defaults?.elements?.find((el) => el.name === "w:rPrDefault");
-      if (rPrDefaults) {
-        const rPr = rPrDefaults.elements?.find((el) => el.name === "w:rPr");
-        const fonts = rPr?.elements?.find((el) => el.name === "w:rFonts");
-        if (fonts?.attributes?.["w:ascii"]) {
-          typeface = fonts.attributes["w:ascii"];
-        }
-        const fontSizeRaw = rPr?.elements?.find((el) => el.name === "w:sz")?.attributes?.["w:val"];
-        if (!fontSizeNormal && fontSizeRaw) {
-          fontSizeNormal = Number(fontSizeRaw) / 2;
-        }
-      }
-      const fallbackSz = Number(rElements.find((el) => el.name === "w:sz")?.attributes?.["w:val"]);
-      const fontSizePt = fontSizeNormal ?? (Number.isFinite(fallbackSz) ? fallbackSz / 2 : void 0) ?? 10;
-      const kern = rElements.find((el) => el.name === "w:kern")?.attributes["w:val"];
-      const fontFamilyCss = _SuperConverter.toCssFontFamily(typeface, this.convertedXml);
-      return { fontSizePt, kern, typeface, panose, fontFamilyCss };
-    }
+    const styleRoot = styles?.elements?.[0];
+    const styleElements = styleRoot?.elements || [];
+    if (!styleElements.length) return {};
+    const defaults = styleElements.find((el) => el.name === "w:docDefaults");
+    const normalStyle = styleElements.find((el) => el.name === "w:style" && el.attributes?.["w:styleId"] === "Normal");
+    const defaultsState = {
+      typeface: void 0,
+      panose: void 0,
+      fontSizePt: void 0,
+      kern: void 0,
+      fallbackSzTwips: void 0
+    };
+    const docDefaultRun = defaults?.elements?.find((el) => el.name === "w:rPrDefault");
+    const docDefaultProps = docDefaultRun?.elements?.find((el) => el.name === "w:rPr") ?? docDefaultRun;
+    collectRunDefaultProperties(docDefaultProps, {
+      allowOverrideTypeface: true,
+      allowOverrideSize: true,
+      themeResolver: (theme) => this.getThemeInfo(theme),
+      state: defaultsState
+    });
+    const normalRunProps = normalStyle?.elements?.find((el) => el.name === "w:rPr") ?? null;
+    collectRunDefaultProperties(normalRunProps, {
+      allowOverrideTypeface: true,
+      allowOverrideSize: true,
+      themeResolver: (theme) => this.getThemeInfo(theme),
+      state: defaultsState
+    });
+    if (defaultsState.fontSizePt === void 0) {
+      if (Number.isFinite(defaultsState.fallbackSzTwips)) defaultsState.fontSizePt = defaultsState.fallbackSzTwips / 2;
+      else defaultsState.fontSizePt = DEFAULT_FONT_SIZE_PT;
+    }
+    const fontFamilyCss = defaultsState.typeface ? _SuperConverter.toCssFontFamily(defaultsState.typeface, this.convertedXml) : void 0;
+    const result = {};
+    if (defaultsState.fontSizePt !== void 0) result.fontSizePt = defaultsState.fontSizePt;
+    if (defaultsState.kern !== void 0) result.kern = defaultsState.kern;
+    if (defaultsState.typeface) result.typeface = defaultsState.typeface;
+    if (defaultsState.panose) result.panose = defaultsState.panose;
+    if (fontFamilyCss) result.fontFamilyCss = fontFamilyCss;
+    return result;
   }
   getDocumentFonts() {
     const fontTable = this.convertedXml["word/fontTable.xml"];

package/dist/super-editor/chunks/{docx-zipper-DZ9ph0iQ.js → docx-zipper-BCI-3XE9.js}

@@ -1,4 +1,4 @@
-import { p as process$1, au as commonjsGlobal, B as Buffer, av as getDefaultExportFromCjs, aw as getContentTypesFromXml, ax as xmljs } from "./converter-BcqEfCTg.js";
+import { p as process$1, au as commonjsGlobal, B as Buffer, av as getDefaultExportFromCjs, aw as getContentTypesFromXml, ax as xmljs } from "./converter-DBwwYo1I.js";
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }

package/dist/super-editor/chunks/{editor-CTHD3ziL.js → editor-B2S-zXBF.js}

@@ -12,9 +12,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
 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, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _ListItemNodeView_instances, init_fn2, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _DocumentSectionView_instances, init_fn3, addToolTip_fn;
 import * as Y from "yjs";
 import { UndoManager, Item as Item$1, ContentType, Text as Text$1, XmlElement, encodeStateAsUpdate } from "yjs";
-import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as ReplaceStep, E as NodeRange, G as findWrapping, L as ListHelpers, H as findParentNode, I as isMacOS, J as isIOS, K as getSchemaTypeByName, O as inputRulesPlugin, Q as TrackDeleteMarkName, U as TrackInsertMarkName, V as v4, W as TrackFormatMarkName, X as comments_module_events, Y as findMark, Z as objectIncludes, _ as AddMarkStep, $ as RemoveMarkStep, a0 as twipsToLines, a1 as pixelsToTwips, a2 as helpers, a3 as posToDOMRect, a4 as CommandService, a5 as SuperConverter, a6 as createDocument, a7 as createDocFromMarkdown, a8 as createDocFromHTML, a9 as EditorState, aa as hasSomeParentWithClass, ab as isActive, ac as unflattenListsInHtml, ad as parseSizeUnit, ae as minMax, af as getLineHeightValueString, ag as InputRule, ah as kebabCase, ai as findParentNodeClosestToPos, aj as getListItemStyleDefinitions, ak as docxNumberigHelpers, al as parseIndentElement, am as combineIndents, an as SelectionRange, ao as Transform, ap as isInTable$1, aq as generateDocxRandomId, ar as insertNewRelationship, as as updateDOMAttributes, at as htmlHandler } from "./converter-BcqEfCTg.js";
+import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as ReplaceStep, E as NodeRange, G as findWrapping, L as ListHelpers, H as findParentNode, I as isMacOS, J as isIOS, K as getSchemaTypeByName, O as inputRulesPlugin, Q as TrackDeleteMarkName, U as TrackInsertMarkName, V as v4, W as TrackFormatMarkName, X as comments_module_events, Y as findMark, Z as objectIncludes, _ as AddMarkStep, $ as RemoveMarkStep, a0 as twipsToLines, a1 as pixelsToTwips, a2 as helpers, a3 as posToDOMRect, a4 as CommandService, a5 as SuperConverter, a6 as createDocument, a7 as createDocFromMarkdown, a8 as createDocFromHTML, a9 as EditorState, aa as hasSomeParentWithClass, ab as isActive, ac as unflattenListsInHtml, ad as parseSizeUnit, ae as minMax, af as getLineHeightValueString, ag as InputRule, ah as kebabCase, ai as findParentNodeClosestToPos, aj as getListItemStyleDefinitions, ak as docxNumberigHelpers, al as parseIndentElement, am as combineIndents, an as SelectionRange, ao as Transform, ap as isInTable$1, aq as generateDocxRandomId, ar as insertNewRelationship, as as updateDOMAttributes, at as htmlHandler } from "./converter-DBwwYo1I.js";
 import { ref, computed, createElementBlock, openBlock, withModifiers, Fragment as Fragment$1, renderList, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, createApp } from "vue";
-import { D as DocxZipper } from "./docx-zipper-DZ9ph0iQ.js";
+import { D as DocxZipper } from "./docx-zipper-BCI-3XE9.js";
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
 };
@@ -11675,9 +11675,11 @@ const toggleHeaderFooterEditMode = ({ editor, focusedSectionEditor, isEditMode,
     item.editor.view.dom.setAttribute("documentmode", documentMode);
   });
   if (isEditMode) {
-    const pm = document.querySelector(".ProseMirror");
-    pm.classList.add("header-footer-edit");
-    pm.setAttribute("aria-readonly", true);
+    const pm = editor.view?.dom || editor.options.element?.querySelector?.(".ProseMirror");
+    if (pm) {
+      pm.classList.add("header-footer-edit");
+      pm.setAttribute("aria-readonly", true);
+    }
   }
   if (focusedSectionEditor) {
     focusedSectionEditor.view.focus();
@@ -14332,7 +14334,7 @@ const _Editor = class _Editor extends EventEmitter {
   setDocumentMode(documentMode) {
     let cleanedMode = documentMode?.toLowerCase() || "editing";
     if (!this.extensionService || !this.state) return;
-    const pm = document.querySelector(".ProseMirror");
+    const pm = this.view?.dom || this.options.element?.querySelector?.(".ProseMirror");
     if (this.options.role === "viewer") cleanedMode = "viewing";
     if (this.options.role === "suggester" && cleanedMode === "editing") cleanedMode = "suggesting";
     if (cleanedMode === "viewing") {
@@ -15380,9 +15382,11 @@ createView_fn = function(element) {
           isEditMode: false,
           documentMode: this.options.documentMode
         });
-        const pm = document.querySelector(".ProseMirror");
-        pm.classList.remove("header-footer-edit");
-        pm.setAttribute("aria-readonly", false);
+        const pm = this.view?.dom || this.options.element?.querySelector?.(".ProseMirror");
+        if (pm) {
+          pm.classList.remove("header-footer-edit");
+          pm.setAttribute("aria-readonly", false);
+        }
       }
       setWordSelection(view, pos);
     }
@@ -33460,7 +33464,8 @@ const nodeResizer = (nodeNames = ["image"], editor) => {
           const prevSelection = prevState.selection;
           if (selection.from !== prevSelection.from || selection.to !== prevSelection.to) {
             setTimeout(() => {
-              const selectedResizableWrapper = document.querySelector(".sd-editor-resizable-wrapper");
+              const searchRoot = editorView?.dom;
+              const selectedResizableWrapper = searchRoot?.querySelector(".sd-editor-resizable-wrapper");
               if (selectedResizableWrapper) {
                 showResizeHandles(view2, selectedResizableWrapper);
               } else {

package/dist/super-editor/chunks/{toolbar-DLQeMuoQ.js → toolbar-BX9nPPG0.js}

@@ -1,6 +1,6 @@
 import { computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, normalizeStyle, ref, withKeys, unref, withModifiers, createBlock, toDisplayString, withDirectives, vModelText, nextTick, getCurrentInstance, createVNode, readonly, watch, onMounted, onBeforeUnmount, reactive, onBeforeMount, inject, onActivated, onDeactivated, createTextVNode, Fragment, Comment, defineComponent, provide, h, Teleport, toRef, renderSlot, isVNode, shallowRef, watchEffect, mergeProps, Transition, vShow, cloneVNode, Text, renderList, withCtx } from "vue";
-import { p as process$1 } from "./converter-BcqEfCTg.js";
-import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-CTHD3ziL.js";
+import { p as process$1 } from "./converter-DBwwYo1I.js";
+import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-B2S-zXBF.js";
 const sanitizeNumber = (value, defaultNumber) => {
   let sanitized = value.replace(/[^0-9.]/g, "");
   sanitized = parseFloat(sanitized);

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

@@ -1,4 +1,4 @@
-import { a5 } from "./chunks/converter-BcqEfCTg.js";
+import { a5 } from "./chunks/converter-DBwwYo1I.js";
 import "vue";
 export {
   a5 as SuperConverter

package/dist/super-editor/docx-zipper.es.js

@@ -1,5 +1,5 @@
-import "./chunks/converter-BcqEfCTg.js";
-import { D } from "./chunks/docx-zipper-DZ9ph0iQ.js";
+import "./chunks/converter-DBwwYo1I.js";
+import { D } from "./chunks/docx-zipper-BCI-3XE9.js";
 export {
   D as default
 };

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

@@ -1,6 +1,6 @@
-import { E } from "./chunks/editor-CTHD3ziL.js";
-import "./chunks/converter-BcqEfCTg.js";
-import "./chunks/docx-zipper-DZ9ph0iQ.js";
+import { E } from "./chunks/editor-B2S-zXBF.js";
+import "./chunks/converter-DBwwYo1I.js";
+import "./chunks/docx-zipper-BCI-3XE9.js";
 export {
   E as Editor
 };

package/dist/super-editor/file-zipper.es.js

@@ -1,4 +1,4 @@
-import { J as JSZip } from "./chunks/docx-zipper-DZ9ph0iQ.js";
+import { J as JSZip } from "./chunks/docx-zipper-BCI-3XE9.js";
 async function createZip(blobs, fileNames) {
   const zip = new JSZip();
   blobs.forEach((blob, index) => {

package/dist/super-editor/src/core/super-converter/SuperConverter.d.ts

@@ -98,19 +98,7 @@ export class SuperConverter {
     get docxHelpers(): any;
     parseFromXml(): void;
     parseXmlToJson(xml: any): any;
-    getDocumentDefaultStyles(): {
-        fontSizePt?: undefined;
-        kern?: undefined;
-        typeface?: undefined;
-        panose?: undefined;
-        fontFamilyCss?: undefined;
-    } | {
-        fontSizePt: number;
-        kern: any;
-        typeface: any;
-        panose: any;
-        fontFamilyCss: any;
-    };
+    getDocumentDefaultStyles(): {};
     getDocumentFonts(): string;
     getDocumentInternalId(): void;
     createDocumentIdElement(): {

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

@@ -9,14 +9,14 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _SuperToolbar_instances, initToolbarGroups_fn, _interceptedCommands, makeToolbarItems_fn, initDefaultFonts_fn, updateHighlightColors_fn, deactivateAll_fn, updateToolbarHistory_fn, runCommandWithArgumentOnly_fn;
-import { av as getDefaultExportFromCjs, V as v4, T as TextSelection$1, v as getMarkRange, ay as vClickOutside, H as findParentNode, az as getActiveFormatting, ap as isInTable, aA as readFromClipboard, aB as handleClipboardPaste, aC as getFileObject, aD as runPropertyTranslators, aE as translator, aF as translator$1, aG as translator$2, aH as translator$3, aI as translator$4, aJ as translator$5, aK as translator$6, aL as translator$7, aM as translator$8, aN as translator$9, aO as translator$a, aP as translator$b, aQ as translator$c, aR as translator$d, aS as translator$e, aT as translator$f, aU as translator$g, aV as translator$h, aW as translator$i, aX as translator$j, aY as translator$k, aZ as translator$l, a_ as translator$m, a$ as translator$n, b0 as translator$o, b1 as translator$p, b2 as translator$q, b3 as translator$r, b4 as translator$s, b5 as translator$t, b6 as translator$u, b7 as translator$v, b8 as translator$w, b9 as translator$x, ba as translator$y, bb as translator$z, bc as translator$A, bd as translator$B, be as translator$C, bf as translator$D, bg as translator$E, bh as translator$F, bi as translator$G, bj as translator$H, bk as translator$I, bl as translator$J, bm as translator$K, bn as translator$L, bo as translator$M, bp as translator$N, bq as translator$O, br as translator$P, bs as translator$Q, bt as translator$R, bu as translator$S, bv as translator$T, bw as translator$U, bx as translator$V, by as translator$W, bz as translator$X, bA as translator$Y, bB as translator$Z, bC as translator$_, bD as translator$$, bE as translator$10, a as Plugin } from "./chunks/converter-BcqEfCTg.js";
-import { bF, a5, i, a2 } from "./chunks/converter-BcqEfCTg.js";
-import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, c as getFileOpener, d as checkAndProcessImage, r as replaceSelectionWithImagePlaceholder, e as uploadAndInsertImage, y as yUndoPluginKey, f as undoDepth, h as redoDepth, s as shouldBypassContextMenu, S as SlashMenuPluginKey, E as Editor, i as getStarterExtensions, P as Placeholder, j as getRichTextExtensions, M as Mark, k as Extension, A as Attribute, N as Node } from "./chunks/editor-CTHD3ziL.js";
-import { n, C, o, T, l, p, m } from "./chunks/editor-CTHD3ziL.js";
+import { av as getDefaultExportFromCjs, V as v4, T as TextSelection$1, v as getMarkRange, ay as vClickOutside, H as findParentNode, az as getActiveFormatting, ap as isInTable, aA as readFromClipboard, aB as handleClipboardPaste, aC as getFileObject, aD as runPropertyTranslators, aE as translator, aF as translator$1, aG as translator$2, aH as translator$3, aI as translator$4, aJ as translator$5, aK as translator$6, aL as translator$7, aM as translator$8, aN as translator$9, aO as translator$a, aP as translator$b, aQ as translator$c, aR as translator$d, aS as translator$e, aT as translator$f, aU as translator$g, aV as translator$h, aW as translator$i, aX as translator$j, aY as translator$k, aZ as translator$l, a_ as translator$m, a$ as translator$n, b0 as translator$o, b1 as translator$p, b2 as translator$q, b3 as translator$r, b4 as translator$s, b5 as translator$t, b6 as translator$u, b7 as translator$v, b8 as translator$w, b9 as translator$x, ba as translator$y, bb as translator$z, bc as translator$A, bd as translator$B, be as translator$C, bf as translator$D, bg as translator$E, bh as translator$F, bi as translator$G, bj as translator$H, bk as translator$I, bl as translator$J, bm as translator$K, bn as translator$L, bo as translator$M, bp as translator$N, bq as translator$O, br as translator$P, bs as translator$Q, bt as translator$R, bu as translator$S, bv as translator$T, bw as translator$U, bx as translator$V, by as translator$W, bz as translator$X, bA as translator$Y, bB as translator$Z, bC as translator$_, bD as translator$$, bE as translator$10, a as Plugin } from "./chunks/converter-DBwwYo1I.js";
+import { bF, a5, i, a2 } from "./chunks/converter-DBwwYo1I.js";
+import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, c as getFileOpener, d as checkAndProcessImage, r as replaceSelectionWithImagePlaceholder, e as uploadAndInsertImage, y as yUndoPluginKey, f as undoDepth, h as redoDepth, s as shouldBypassContextMenu, S as SlashMenuPluginKey, E as Editor, i as getStarterExtensions, P as Placeholder, j as getRichTextExtensions, M as Mark, k as Extension, A as Attribute, N as Node } from "./chunks/editor-B2S-zXBF.js";
+import { n, C, o, T, l, p, m } from "./chunks/editor-B2S-zXBF.js";
 import { ref, onMounted, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createElementVNode, withModifiers, toDisplayString, createCommentVNode, normalizeStyle, computed, watch, withDirectives, withKeys, vModelText, createTextVNode, createVNode, h, createApp, markRaw, nextTick, onBeforeUnmount, reactive, onUnmounted, renderSlot, shallowRef, createBlock, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
-import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, m as magicWandIcon, p as plusIconSvg, a as trashIconSvg, l as linkIconSvg, b as tableIconSvg, c as scissorsIconSvg, d as copyIconSvg, e as pasteIconSvg, f as borderNoneIconSvg, g as arrowsToDotIconSvg, h as arrowsLeftRightIconSvg, w as wrenchIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-DLQeMuoQ.js";
+import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, m as magicWandIcon, p as plusIconSvg, a as trashIconSvg, l as linkIconSvg, b as tableIconSvg, c as scissorsIconSvg, d as copyIconSvg, e as pasteIconSvg, f as borderNoneIconSvg, g as arrowsToDotIconSvg, h as arrowsLeftRightIconSvg, w as wrenchIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-BX9nPPG0.js";
 import AIWriter from "./ai-writer.es.js";
-import { D } from "./chunks/docx-zipper-DZ9ph0iQ.js";
+import { D } from "./chunks/docx-zipper-BCI-3XE9.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
@@ -2584,7 +2584,7 @@ class SuperToolbar extends EventEmitter {
         if (!argument) return;
         item.onActivate({ zoom: argument });
         this.emit("superdoc-command", { item, argument });
-        const layers = document.querySelector(this.superdoc.config.selector)?.querySelector(".layers");
+        const layers = this.superdoc.element?.querySelector(".layers");
         if (!layers) return;
         const isMobileDevice = typeof screen.orientation !== "undefined";
         const isSmallScreen = window.matchMedia("(max-width: 834px)").matches;

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

@@ -1,6 +1,6 @@
 import "vue";
-import { T } from "./chunks/toolbar-DLQeMuoQ.js";
-import "./chunks/editor-CTHD3ziL.js";
+import { T } from "./chunks/toolbar-BX9nPPG0.js";
+import "./chunks/editor-B2S-zXBF.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-DwGNbrZq.cjs");
+const superEditor_es = require("./chunks/super-editor.es-cZsHkhM6.cjs");
 require("./chunks/vue-DWle4Cai.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, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-Bokezk1E.es.js";
+import { A, a, _, C, D, E, b, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-Ccu1wOj1.es.js";
 import "./chunks/vue-CXxsqYcP.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-DwGNbrZq.cjs");
-const superdoc = require("./chunks/index-BM732Zfw.cjs");
+const superEditor_es = require("./chunks/super-editor.es-cZsHkhM6.cjs");
+const superdoc = require("./chunks/index-BE07bQaY.cjs");
 require("./chunks/vue-DWle4Cai.cjs");
 require("./chunks/jszip-b7l8QkfH.cjs");
 const blankDocx = require("./chunks/blank-docx-CPqX9RF5.cjs");

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-Bokezk1E.es.js";
-import { D, H, P, S as S2, m, l } from "./chunks/index-B4aklZ4_.es.js";
+import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-Ccu1wOj1.es.js";
+import { D, H, P, S as S2, m, l } from "./chunks/index-CYCctXm3.es.js";
 import "./chunks/vue-CXxsqYcP.es.js";
 import "./chunks/jszip-B8KIZSNe.es.js";
 import { B } from "./chunks/blank-docx-iwdyG9RH.es.js";