@harbour-enterprises/superdoc 0.21.0-next.5 → 0.21.0-next.6

package/dist/super-editor/chunks/{docx-zipper-CZdELYi-.js → docx-zipper-DlwteneT.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-3xnF_NHq.js";
+import { p as process$1, au as commonjsGlobal, B as Buffer, av as getDefaultExportFromCjs, aw as getContentTypesFromXml, ax as xmljs } from "./converter-CYC0HBJe.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-BqYH4kDD.js → editor-BzT9rpXb.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-3xnF_NHq.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-CYC0HBJe.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-CZdELYi-.js";
+import { D as DocxZipper } from "./docx-zipper-DlwteneT.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;
+    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;
     if (this.options.role === "viewer") cleanedMode = "viewing";
     if (this.options.role === "suggester" && cleanedMode === "editing") cleanedMode = "suggesting";
     if (cleanedMode === "viewing") {
@@ -15378,9 +15380,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;
+        if (pm) {
+          pm.classList.remove("header-footer-edit");
+          pm.setAttribute("aria-readonly", false);
+        }
       }
       setWordSelection(view, pos);
     }
@@ -33358,6 +33362,45 @@ const Search = Extension.create({
     };
   }
 });
+let cachedShadowRootCtor;
+const getShadowRootCtor = () => {
+  if (cachedShadowRootCtor === void 0) {
+    const ctor = globalThis.ShadowRoot;
+    cachedShadowRootCtor = typeof ctor === "function" ? ctor : null;
+  }
+  return cachedShadowRootCtor;
+};
+let cachedElementCtor;
+const getElementCtor = () => {
+  if (cachedElementCtor === void 0) {
+    const ctor = globalThis.Element;
+    cachedElementCtor = typeof ctor === "function" ? ctor : null;
+  }
+  return cachedElementCtor;
+};
+const queryWithinRoot = (domNode, selector) => {
+  const shadowRoot = domNode?.shadowRoot;
+  if (shadowRoot && typeof shadowRoot.querySelector === "function") {
+    return shadowRoot.querySelector(selector);
+  }
+  const rawRoot = domNode?.getRootNode?.();
+  const ShadowRootCtor = getShadowRootCtor();
+  const isShadowRoot2 = !!ShadowRootCtor && rawRoot instanceof ShadowRootCtor;
+  if (isShadowRoot2 && typeof rawRoot.querySelector === "function") {
+    return rawRoot.querySelector(selector);
+  }
+  if (domNode && typeof domNode.querySelector === "function") {
+    const localMatch = domNode.querySelector(selector);
+    if (localMatch) return localMatch;
+  }
+  return typeof document !== "undefined" ? document.querySelector(selector) : null;
+};
+const findInEventPath = (event, selector) => {
+  if (!event || !selector) return void 0;
+  const path = typeof event.composedPath === "function" ? event.composedPath() : [];
+  const ElementCtor = getElementCtor();
+  return path.find((node) => ElementCtor && node instanceof ElementCtor && node.matches(selector));
+};
 const NodeResizerKey = new PluginKey("node-resizer");
 const nodeResizer = (nodeNames = ["image"], editor) => {
   let resizeState = {
@@ -33412,16 +33455,19 @@ const nodeResizer = (nodeNames = ["image"], editor) => {
     view(view) {
       editorView = view;
       globalClickHandler = (event) => {
-        if (!event.target.closest(".sd-editor-resizable-wrapper") && !event.target.closest(".sd-editor-resize-container")) {
+        const wrapperInPath = findInEventPath(event, ".sd-editor-resizable-wrapper");
+        const containerInPath = findInEventPath(event, ".sd-editor-resize-container");
+        if (!wrapperInPath && !containerInPath) {
           hideResizeHandles();
         }
       };
       document.addEventListener("click", globalClickHandler);
       globalMousedownHandler = (event) => {
-        if (event.target.closest(".sd-editor-resize-handle")) {
+        const handle = findInEventPath(event, ".sd-editor-resize-handle");
+        if (handle) {
           event.preventDefault();
           event.stopPropagation();
-          startResize(editorView, event, event.target);
+          startResize(editorView, event, handle);
           return true;
         }
       };
@@ -33438,7 +33484,7 @@ 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 selectedResizableWrapper = queryWithinRoot(editorView?.dom, ".sd-editor-resizable-wrapper");
               if (selectedResizableWrapper) {
                 showResizeHandles(view2, selectedResizableWrapper);
               } else {

package/dist/super-editor/chunks/{toolbar-TkaE2kKM.js → toolbar-BnTHDmlP.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-3xnF_NHq.js";
-import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-BqYH4kDD.js";
+import { p as process$1 } from "./converter-CYC0HBJe.js";
+import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-BzT9rpXb.js";
 const sanitizeNumber = (value, defaultNumber) => {
   let sanitized = value.replace(/[^0-9.]/g, "");
   sanitized = parseFloat(sanitized);
@@ -9827,6 +9827,7 @@ const _sfc_main$1 = {
     const toolbarItemRefs = ref([]);
     const props = __props;
     const currentItem = ref(null);
+    const { proxy } = getCurrentInstance();
     const { isHighContrastMode } = useHighContrastMode();
     const isMobile = window.matchMedia("(max-width: 768px)").matches;
     const styleMap = {
@@ -9925,10 +9926,8 @@ const _sfc_main$1 = {
         nextButtonGroup.setAttribute("tabindex", "0");
         nextButtonGroup.focus();
       } else {
-        const editor = document.querySelector(".ProseMirror");
-        if (editor) {
-          editor.focus();
-        }
+        const editorDom = proxy?.$toolbar?.activeEditor?.view?.dom;
+        editorDom?.focus();
       }
     };
     const moveToPreviousButtonGroup = (e) => {
@@ -10074,7 +10073,7 @@ const _sfc_main$1 = {
     };
   }
 };
-const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f42ec7e6"]]);
+const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-c1b3551b"]]);
 const _sfc_main = {
   __name: "Toolbar",
   emits: ["command", "toggle", "select"],

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

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

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

@@ -1,5 +1,5 @@
-import "./chunks/converter-3xnF_NHq.js";
-import { D } from "./chunks/docx-zipper-CZdELYi-.js";
+import "./chunks/converter-CYC0HBJe.js";
+import { D } from "./chunks/docx-zipper-DlwteneT.js";
 export {
   D as default
 };

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

@@ -1,6 +1,6 @@
-import { E } from "./chunks/editor-BqYH4kDD.js";
-import "./chunks/converter-3xnF_NHq.js";
-import "./chunks/docx-zipper-CZdELYi-.js";
+import { E } from "./chunks/editor-BzT9rpXb.js";
+import "./chunks/converter-CYC0HBJe.js";
+import "./chunks/docx-zipper-DlwteneT.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-CZdELYi-.js";
+import { J as JSZip } from "./chunks/docx-zipper-DlwteneT.js";
 async function createZip(blobs, fileNames) {
   const zip = new JSZip();
   blobs.forEach((blob, index) => {

package/dist/super-editor/src/core/super-converter/v3/handlers/mc/altermateContent/alternate-content-translator.d.ts

@@ -0,0 +1,6 @@
+/** @type {import('@translator').NodeTranslatorConfig} */
+export const config: import("@translator").NodeTranslatorConfig;
+/**
+ * @type {import('@translator').NodeTranslator}
+ */
+export const translator: import("@translator").NodeTranslator;

package/dist/super-editor/src/core/super-converter/v3/handlers/mc/altermateContent/index.d.ts

@@ -0,0 +1 @@
+export * from "./alternate-content-translator.js";

package/dist/super-editor/src/extensions/noderesizer/helpers.d.ts

@@ -0,0 +1,2 @@
+export function queryWithinRoot(domNode: any, selector: any): any;
+export function findInEventPath(event: any, selector: any): any;

package/dist/super-editor/src/tests/helpers/helpers.d.ts

@@ -1,4 +1,5 @@
 export function getTestDataByFileName(name: string): Promise<any>;
+export function getExtractedDocxData(folderName: any): Promise<{}>;
 export function getTestDataAsFileBuffer(name: any): Promise<Buffer<ArrayBufferLike>>;
 export function loadTestDataForEditorTests(filename: string): Promise<[any, any, any, any]>;
 export function initTestEditor(options?: any): Editor;

package/dist/super-editor/src/utils/shadow-root.d.ts

@@ -0,0 +1,12 @@
+export function supportsConstructableStylesheets(): boolean;
+export function ensureStyleSheet(root: ShadowRoot | (DocumentFragment & {
+    adoptedStyleSheets?: CSSStyleSheet[];
+})): void;
+export function ensureEditorShadowRoot(hostElement: HTMLElement | null): {
+    root: ShadowRoot | null;
+    mount: HTMLElement | null;
+};
+export function __shadowRootTestUtils(): {
+    resetStyleSheetCache: () => void;
+};
+export function __getEditorStylesForTest(): string;

package/dist/super-editor/style.css

@@ -279,7 +279,7 @@
   border-radius: 8px !important;
 }
 
-.button-group[data-v-f42ec7e6] {
+.button-group[data-v-c1b3551b] {
   display: flex;
 }
 
@@ -1841,10 +1841,10 @@ on the right if it is inside shape textbox.
   min-height: 40px;
 }
 
-.editor-element[data-v-0c36dd72] {
+.editor-element[data-v-3d49a1a6] {
   position: relative;
 }
-.super-editor-container[data-v-0c36dd72] {
+.super-editor-container[data-v-3d49a1a6] {
   width: auto;
   height: auto;
   min-width: 8in;
@@ -1853,13 +1853,13 @@ on the right if it is inside shape textbox.
   display: flex;
   flex-direction: column;
 }
-.ruler[data-v-0c36dd72] {
+.ruler[data-v-3d49a1a6] {
   margin-bottom: 2px;
 }
-.super-editor[data-v-0c36dd72] {
+.super-editor[data-v-3d49a1a6] {
   color: initial;
 }
-.placeholder-editor[data-v-0c36dd72] {
+.placeholder-editor[data-v-3d49a1a6] {
   position: absolute;
   top: 0;
   left: 0;
@@ -1871,13 +1871,13 @@ on the right if it is inside shape textbox.
   background-color: white;
   box-sizing: border-box;
 }
-.placeholder-title[data-v-0c36dd72] {
+.placeholder-title[data-v-3d49a1a6] {
   display: flex;
   justify-content: center;
   margin-bottom: 40px;
 }
 
-.super-editor[data-v-4d5cff52] {
+.super-editor[data-v-23a4e794] {
   box-sizing: border-box;
   width: 100%;
   height: 100%;
@@ -1886,17 +1886,17 @@ on the right if it is inside shape textbox.
   transition: border 0.2s ease;
   background-color: white;
 }
-.super-input[data-v-4d5cff52] {
+.super-input[data-v-23a4e794] {
   font-size: 13px;
   font-family: inherit;
 }
-.editor-element[data-v-4d5cff52] {
+.editor-element[data-v-23a4e794] {
   height: 100%;
   width: 100%;
   border: none;
   outline: none;
 }
-.super-input-active[data-v-4d5cff52] {
+.super-input-active[data-v-23a4e794] {
   border: 1px solid #007bff;
   outline: none;
 }