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

package/dist/chunks/{PdfViewer-OEs-MC5j.es.js → PdfViewer-BBpGCmdE.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-CXxsqYcP.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-B4aklZ4_.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-CYCctXm3.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-Ck3Syakz.cjs → PdfViewer-CxIz7yf-.cjs}

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

package/dist/chunks/{index-BM732Zfw.cjs → index-BE07bQaY.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-DwGNbrZq.cjs");
+const superEditor_es = require("./super-editor.es-cZsHkhM6.cjs");
 const vue = require("./vue-DWle4Cai.cjs");
 const jszip = require("./jszip-b7l8QkfH.cjs");
 const blankDocx = require("./blank-docx-CPqX9RF5.cjs");
@@ -17409,7 +17409,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-Ck3Syakz.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-CxIz7yf-.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18069,6 +18069,9 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.isDev = this.config.isDev || false;
     this.activeEditor = null;
     this.comments = [];
+    if (!this.config.selector) {
+      throw new Error("SuperDoc: selector is required");
+    }
     this.app.mount(this.config.selector);
     this.readyEditors = 0;
     this.isLocked = this.config.isLocked || false;
@@ -18088,6 +18091,16 @@ class SuperDoc extends eventemitter3.EventEmitter {
       users: this.users
     };
   }
+  /**
+   * Get the SuperDoc container element
+   * @returns {HTMLElement | null}
+   */
+  get element() {
+    if (typeof this.config.selector === "string") {
+      return document.querySelector(this.config.selector);
+    }
+    return this.config.selector;
+  }
   #patchNaiveUIStyles() {
     const cspNonce = this.config.cspNonce;
     const originalCreateElement = document.createElement;
@@ -18111,10 +18124,16 @@ class SuperDoc extends eventemitter3.EventEmitter {
     }
     if (hasDocumentConfig) {
       const normalized = normalizeDocumentEntry(this.config.document);
-      this.config.documents = [normalized];
+      this.config.documents = [
+        {
+          id: uuid.v4(),
+          ...normalized
+        }
+      ];
     } else if (hasDocumentUrl) {
       this.config.documents = [
         {
+          id: uuid.v4(),
           type: DOCX,
           url: this.config.document,
           name: "document.docx",
@@ -18122,33 +18141,34 @@ class SuperDoc extends eventemitter3.EventEmitter {
         }
       ];
     } else if (hasDocumentFile) {
+      const normalized = normalizeDocumentEntry(this.config.document);
       this.config.documents = [
         {
-          type: this.config.document.type,
-          data: this.config.document,
-          name: this.config.document.name,
-          isNewFile: true
+          id: uuid.v4(),
+          ...normalized
         }
       ];
     } else if (hasDocumentBlob) {
-      const docType = this.config.document.type || DOCX;
-      let extension = ".docx";
-      if (docType === PDF) {
-        extension = ".pdf";
-      } else if (docType === HTML) {
-        extension = ".html";
-      }
+      const normalized = normalizeDocumentEntry(this.config.document);
       this.config.documents = [
         {
-          type: docType,
-          data: this.config.document,
-          name: `document${extension}`,
-          isNewFile: true
+          id: uuid.v4(),
+          ...normalized
         }
       ];
     }
     if (Array.isArray(this.config.documents) && this.config.documents.length > 0) {
-      this.config.documents = this.config.documents.map((d) => normalizeDocumentEntry(d));
+      this.config.documents = this.config.documents.map((d) => {
+        const normalized = normalizeDocumentEntry(d);
+        if (!normalized || typeof normalized !== "object") {
+          return normalized;
+        }
+        const existingId = typeof normalized === "object" && "id" in normalized && normalized.id || d && typeof d === "object" && "id" in d && d.id;
+        return {
+          ...normalized,
+          id: existingId || uuid.v4()
+        };
+      });
     }
   }
   #initVueApp() {

package/dist/chunks/{index-B4aklZ4_.es.js → index-CYCctXm3.es.js}

@@ -1,4 +1,4 @@
-import { q as index$1, 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-Bokezk1E.es.js";
+import { q as index$1, 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-Ccu1wOj1.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-CXxsqYcP.es.js";
 import { B as Buffer$2 } from "./jszip-B8KIZSNe.es.js";
 import { B as BlankDOCX } from "./blank-docx-iwdyG9RH.es.js";
@@ -17392,7 +17392,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-OEs-MC5j.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-BBpGCmdE.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18052,6 +18052,9 @@ class SuperDoc extends EventEmitter {
     this.isDev = this.config.isDev || false;
     this.activeEditor = null;
     this.comments = [];
+    if (!this.config.selector) {
+      throw new Error("SuperDoc: selector is required");
+    }
     this.app.mount(this.config.selector);
     this.readyEditors = 0;
     this.isLocked = this.config.isLocked || false;
@@ -18071,6 +18074,16 @@ class SuperDoc extends EventEmitter {
       users: this.users
     };
   }
+  /**
+   * Get the SuperDoc container element
+   * @returns {HTMLElement | null}
+   */
+  get element() {
+    if (typeof this.config.selector === "string") {
+      return document.querySelector(this.config.selector);
+    }
+    return this.config.selector;
+  }
   #patchNaiveUIStyles() {
     const cspNonce = this.config.cspNonce;
     const originalCreateElement = document.createElement;
@@ -18094,10 +18107,16 @@ class SuperDoc extends EventEmitter {
     }
     if (hasDocumentConfig) {
       const normalized = normalizeDocumentEntry(this.config.document);
-      this.config.documents = [normalized];
+      this.config.documents = [
+        {
+          id: v4(),
+          ...normalized
+        }
+      ];
     } else if (hasDocumentUrl) {
       this.config.documents = [
         {
+          id: v4(),
           type: DOCX,
           url: this.config.document,
           name: "document.docx",
@@ -18105,33 +18124,34 @@ class SuperDoc extends EventEmitter {
         }
       ];
     } else if (hasDocumentFile) {
+      const normalized = normalizeDocumentEntry(this.config.document);
       this.config.documents = [
         {
-          type: this.config.document.type,
-          data: this.config.document,
-          name: this.config.document.name,
-          isNewFile: true
+          id: v4(),
+          ...normalized
         }
       ];
     } else if (hasDocumentBlob) {
-      const docType = this.config.document.type || DOCX;
-      let extension = ".docx";
-      if (docType === PDF) {
-        extension = ".pdf";
-      } else if (docType === HTML) {
-        extension = ".html";
-      }
+      const normalized = normalizeDocumentEntry(this.config.document);
       this.config.documents = [
         {
-          type: docType,
-          data: this.config.document,
-          name: `document${extension}`,
-          isNewFile: true
+          id: v4(),
+          ...normalized
         }
       ];
     }
     if (Array.isArray(this.config.documents) && this.config.documents.length > 0) {
-      this.config.documents = this.config.documents.map((d) => normalizeDocumentEntry(d));
+      this.config.documents = this.config.documents.map((d) => {
+        const normalized = normalizeDocumentEntry(d);
+        if (!normalized || typeof normalized !== "object") {
+          return normalized;
+        }
+        const existingId = typeof normalized === "object" && "id" in normalized && normalized.id || d && typeof d === "object" && "id" in d && d.id;
+        return {
+          ...normalized,
+          id: existingId || v4()
+        };
+      });
     }
   }
   #initVueApp() {

package/dist/chunks/{super-editor.es-Bokezk1E.es.js → super-editor.es-Ccu1wOj1.es.js}

@@ -24839,17 +24839,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") || {};
@@ -24858,9 +24857,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") || {};
@@ -30594,6 +30591,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;
@@ -30646,28 +30655,63 @@ function exportSchemaToJson(params2) {
   return handler2(params2);
 }
 function translateBodyNode(params2) {
-  let sectPr = params2.bodyNode?.elements.find((n) => n.name === "w:sectPr") || {};
+  let sectPr = params2.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 (params2.converter) {
-    const hasHeader = sectPr?.elements?.some((n) => n.name === "w:headerReference");
+    const hasHeader = sectPr.elements?.some((n) => n.name === "w:headerReference");
     const hasDefaultHeader = params2.converter.headerIds?.default;
     if (!hasHeader && hasDefaultHeader && !params2.editor.options.isHeaderOrFooter) {
       const defaultHeader = generateDefaultHeaderFooter("header", params2.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 = params2.converter.footerIds?.default;
     if (!hasFooter && hasDefaultFooter && !params2.editor.options.isHeaderOrFooter) {
       const defaultFooter = generateDefaultHeaderFooter("footer", params2.converter.footerIds?.default);
       sectPr.elements.push(defaultFooter);
     }
-    const newMargins = params2.converter.pageStyles.pageMargins;
-    const sectPrMargins = sectPr.elements.find((n) => n.name === "w:pgMar");
-    const { attributes } = sectPrMargins;
-    Object.entries(newMargins).forEach(([key2, value]) => {
-      const convertedValue = inchesToTwips(value);
-      attributes[`w:${key2}`] = convertedValue;
-    });
-    sectPrMargins.attributes = attributes;
+    const newMargins = params2.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(([key2, value]) => {
+        const convertedValue = inchesToTwips(value);
+        sectPrMargins.attributes[`w:${key2}`] = 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 = params2.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(params2);
   if (params2.isHeaderFooter) {
@@ -32682,6 +32726,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);
@@ -32915,6 +32960,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(([key2, value]) => {
+    const attrKey = `w:${key2}`;
+    if (pgMar.attributes[attrKey] == null) pgMar.attributes[attrKey] = value;
+  });
+  return sectPr;
+}
 function getStyleDefinitions(docx) {
   const styles = docx["word/styles.xml"];
   if (!styles) return [];
@@ -33107,6 +33205,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 _SuperConverter2 {
   constructor(params2 = null) {
     __privateAdd$2(this, _SuperConverter_instances);
@@ -33234,49 +33362,45 @@ const _SuperConverter = class _SuperConverter2 {
   }
   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 = _SuperConverter2.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 ? _SuperConverter2.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"];
@@ -47929,9 +48053,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();
@@ -50543,7 +50669,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
   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") {
@@ -51517,9 +51643,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);
     }
@@ -69554,7 +69682,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 {
@@ -83090,7 +83219,7 @@ class SuperToolbar extends EventEmitter2 {
         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;