@underverse-ui/underverse 2.0.42 → 2.0.44

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "2.0.42",
+  "version": "2.0.44",
   "sourceEntry": "src/index.ts",
   "totalExports": 264,
   "exports": [

package/dist/{chunk-7YU3O5JK.js → chunk-2ELWYT7Y.js}

@@ -111,7 +111,7 @@ import {
   sanitizeUEditorUrl,
   useEditorColors,
   useSharedEditorUiRenderState
-} from "./chunk-TVCZXO6G.js";
+} from "./chunk-4IJ53MI3.js";
 import {
   Tooltip
 } from "./chunk-IW6FSDIT.js";
@@ -3172,7 +3172,7 @@ var UEditorTableRow = TableRow.extend({
       rowHeight: {
         default: DEFAULT_TABLE_ROW_HEIGHT,
         parseHTML: (element) => {
-          if (!(element instanceof HTMLElement)) return null;
+          if (!isCrossRealmHTMLElement(element)) return null;
           return parseRowHeight(element.getAttribute("data-row-height")) ?? parseRowHeight(element.style.height);
         },
         renderHTML: (attributes) => {
@@ -3710,7 +3710,7 @@ var UEditorTable = Table2.extend({
           textAlign: {
             default: null,
             parseHTML: (element) => {
-              if (!(element instanceof HTMLElement)) return null;
+              if (!isCrossRealmHTMLElement(element)) return null;
               return parseTableAlign(element);
             },
             renderHTML: (attributes) => {
@@ -3724,7 +3724,7 @@ var UEditorTable = Table2.extend({
           widthMode: {
             default: "fixed",
             parseHTML: (element) => {
-              if (!(element instanceof HTMLElement)) return "fixed";
+              if (!isCrossRealmHTMLElement(element)) return "fixed";
               return parseTableWidthMode(element);
             },
             renderHTML: (attributes) => {
@@ -3737,7 +3737,7 @@ var UEditorTable = Table2.extend({
           widthBp: {
             default: null,
             parseHTML: (element) => {
-              if (!(element instanceof HTMLElement) || parseTableWidthMode(element) !== "responsive") return null;
+              if (!isCrossRealmHTMLElement(element) || parseTableWidthMode(element) !== "responsive") return null;
               const stored = Number(element.getAttribute("data-table-width-bp"));
               if (Number.isFinite(stored) && stored > 0) return clampResponsiveTableWidthBp(stored);
               return parsePercentageToBasisPoints(element.getAttribute("data-table-width") ?? element.style.width) ?? DEFAULT_RESPONSIVE_TABLE_WIDTH_BP;
@@ -3747,7 +3747,7 @@ var UEditorTable = Table2.extend({
           offsetBp: {
             default: null,
             parseHTML: (element) => {
-              if (!(element instanceof HTMLElement) || parseTableWidthMode(element) !== "responsive") return null;
+              if (!isCrossRealmHTMLElement(element) || parseTableWidthMode(element) !== "responsive") return null;
               const storedValue = element.getAttribute("data-table-offset-bp");
               const stored = Number(storedValue);
               if (storedValue !== null && Number.isFinite(stored) && stored >= 0) return Math.round(stored);
@@ -3766,7 +3766,7 @@ var UEditorTable = Table2.extend({
           columnRatios: {
             default: null,
             parseHTML: (element) => {
-              if (!(element instanceof HTMLElement)) return null;
+              if (!isCrossRealmHTMLElement(element)) return null;
               const storedRatios = parseColumnRatios(
                 element.getAttribute("data-table-column-ratios") ?? element.getAttribute("data-column-ratios")
               );
@@ -3962,7 +3962,7 @@ var UEditorTable = Table2.extend({
               if (event.button !== 0) return false;
               const target = resolveEventElement(event.target);
               const cell = target?.closest("th,td");
-              if (cell instanceof HTMLElement && isRowResizeHotspot(cell, event.clientX, event.clientY)) {
+              if (isCrossRealmHTMLElement(cell) && isRowResizeHotspot(cell, event.clientX, event.clientY)) {
                 isRowResizingGlobal.active = true;
                 return true;
               }
@@ -5185,7 +5185,7 @@ var CustomBulletList = BulletList.extend({
       bulletStyle: {
         default: "disc",
         parseHTML: (element) => {
-          if (!(element instanceof HTMLElement)) return "disc";
+          if (!isCrossRealmHTMLElement(element)) return "disc";
           const dataStyle = element.getAttribute("data-bullet-style");
           if (dataStyle) return parseBulletStyle(dataStyle);
           const style = element.style.listStyleType;
@@ -8933,8 +8933,11 @@ function useUEditorTableInteractions(editor, editable = true) {
   useEffect6(() => {
     if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
-    const editorDocument = proseMirror.ownerDocument;
-    const editorWindow = editorDocument.defaultView;
+    const editorDocument = editorContentRef.current?.ownerDocument ?? editor?.view.dom.ownerDocument ?? document;
+    const editorWindow = editorDocument.defaultView ?? window;
+    if (editor?.view && editor.view.root !== editorDocument) {
+      editor.view.updateRoot();
+    }
     if (!editorWindow) return void 0;
     const surface = editorContentRef.current;
     let selectionSyncFrameId = 0;
@@ -9892,7 +9895,7 @@ function useUEditorOutput({
 // src/components/UEditor/UEditor.tsx
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var LazyMenuBar = React17.lazy(async () => {
-  const { MenuBar } = await import("./menu-bar-67LDC7IR.js");
+  const { MenuBar } = await import("./menu-bar-SGKLM6IK.js");
   return { default: MenuBar };
 });
 var UEditor = React17.forwardRef(({
@@ -10388,4 +10391,4 @@ export {
   prepareUEditorContentForSave,
   UEditor_default
 };
-//# sourceMappingURL=chunk-7YU3O5JK.js.map
+//# sourceMappingURL=chunk-2ELWYT7Y.js.map