@underverse-ui/underverse 2.0.42 → 2.0.44

package/dist/index.cjs

@@ -7166,6 +7166,209 @@ var init_table_width_model = __esm({
   }
 });
 
+// src/components/UEditor/table-dom-utils.ts
+function isCrossRealmNode(value) {
+  return Boolean(value && typeof value === "object" && value.nodeType != null);
+}
+function isCrossRealmElement(value) {
+  return isCrossRealmNode(value) && value.nodeType === 1 && typeof value.closest === "function";
+}
+function isCrossRealmHTMLElement(value) {
+  return isCrossRealmElement(value) && typeof value.style === "object";
+}
+function isCrossRealmTable(value) {
+  return isCrossRealmElement(value) && String(value.tagName).toUpperCase() === "TABLE" && "rows" in value;
+}
+function isCrossRealmTableRow(value) {
+  return isCrossRealmElement(value) && String(value.tagName).toUpperCase() === "TR" && "cells" in value;
+}
+function isCrossRealmTableCell(value) {
+  return isCrossRealmElement(value) && ["TD", "TH"].includes(String(value.tagName).toUpperCase()) && "cellIndex" in value;
+}
+function isValidProseMirrorPosition(doc, pos) {
+  return Number.isInteger(pos) && pos >= 0 && pos <= doc.content.size;
+}
+function findTableRowNodeInfo(view, rowElement) {
+  if (!view.dom.contains(rowElement)) return null;
+  const firstCell = rowElement.querySelector("th,td");
+  if (!isCrossRealmTableCell(firstCell) || !view.dom.contains(firstCell)) return null;
+  const cellPos = view.posAtDOM(firstCell, 0);
+  if (!isValidProseMirrorPosition(view.state.doc, cellPos)) return null;
+  const $pos = view.state.doc.resolve(cellPos);
+  for (let depth = $pos.depth; depth > 0; depth -= 1) {
+    const node = $pos.node(depth);
+    if (node.type.name === "tableRow") {
+      return {
+        pos: $pos.before(depth),
+        node
+      };
+    }
+  }
+  return null;
+}
+function resolveEventElement(target) {
+  if (isCrossRealmElement(target)) return target;
+  if (isCrossRealmNode(target)) return target.parentElement;
+  return null;
+}
+function isPointOverRenderedText(root, clientX, clientY) {
+  const view = root.ownerDocument.defaultView;
+  if (!view) return false;
+  const walker = root.ownerDocument.createTreeWalker(root, view.NodeFilter.SHOW_TEXT);
+  let textNode = walker.nextNode();
+  while (textNode) {
+    if (textNode.textContent?.length) {
+      const range = root.ownerDocument.createRange();
+      range.selectNodeContents(textNode);
+      const textRects = Array.from(range.getClientRects());
+      range.detach?.();
+      if (textRects.some((rect) => clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom)) {
+        return true;
+      }
+    }
+    textNode = walker.nextNode();
+  }
+  return false;
+}
+function getSelectionTableCell(view) {
+  const realm = view.dom.ownerDocument.defaultView;
+  const browserSelection = realm?.getSelection();
+  const anchorElement = resolveEventElement(browserSelection?.anchorNode ?? null);
+  const anchorCell = anchorElement?.closest?.("th,td");
+  if (isCrossRealmTableCell(anchorCell) && view.dom.contains(anchorCell)) {
+    return anchorCell;
+  }
+  const { from } = view.state.selection;
+  const domAtPos = view.domAtPos(from);
+  const element = resolveEventElement(domAtPos.node);
+  const cell = element?.closest?.("th,td");
+  return isCrossRealmTableCell(cell) && view.dom.contains(cell) ? cell : null;
+}
+function resolveRowResizeTarget(cell, clientX, clientY) {
+  const rect = cell.getBoundingClientRect();
+  const row = cell.closest("tr");
+  if (!isCrossRealmTableRow(row) || !isCrossRealmTableCell(cell)) {
+    return null;
+  }
+  const distToBottom = Math.abs(clientY - rect.bottom);
+  const distToTop = Math.abs(clientY - rect.top);
+  const distToRight = Math.abs(clientX - rect.right);
+  const distToLeft = Math.abs(clientX - rect.left);
+  if (distToRight <= 3 || distToLeft <= 3) {
+    return null;
+  }
+  if (distToBottom <= TABLE_RESIZE_HIT_ZONE) {
+    return { row, cell };
+  }
+  if (distToTop <= TABLE_RESIZE_HIT_ZONE) {
+    const prevRow = row.previousElementSibling;
+    if (isCrossRealmTableRow(prevRow)) {
+      const cellIndex = cell.cellIndex;
+      const prevCell = prevRow.children[cellIndex] ?? prevRow.firstElementChild;
+      if (isCrossRealmTableCell(prevCell)) {
+        return { row: prevRow, cell: prevCell };
+      }
+    }
+  }
+  return null;
+}
+function resolveColumnResizeTarget(cell, clientX, clientY) {
+  const rect = cell.getBoundingClientRect();
+  const row = cell.closest("tr");
+  if (!isCrossRealmTableRow(row) || !isCrossRealmTableCell(cell)) {
+    return null;
+  }
+  const distToRight = Math.abs(clientX - rect.right);
+  const distToLeft = Math.abs(clientX - rect.left);
+  const distToBottom = Math.abs(clientY - rect.bottom);
+  const distToTop = Math.abs(clientY - rect.top);
+  if (distToBottom <= 3 || distToTop <= 3) {
+    return null;
+  }
+  if (distToRight <= TABLE_RESIZE_HIT_ZONE) {
+    return { row, cell };
+  }
+  if (distToLeft <= TABLE_RESIZE_HIT_ZONE) {
+    const prevCell = cell.previousElementSibling;
+    if (isCrossRealmTableCell(prevCell)) {
+      return { row, cell: prevCell };
+    }
+  }
+  return null;
+}
+function isRowResizeHotspot(cell, clientX, clientY) {
+  return resolveRowResizeTarget(cell, clientX, clientY) !== null;
+}
+function getRelativeBoundaryMetrics(surface, table, row, cell) {
+  const surfaceRect = surface.getBoundingClientRect();
+  const originLeft = surfaceRect.left + surface.clientLeft;
+  const originTop = surfaceRect.top + surface.clientTop;
+  const tableRect = table.getBoundingClientRect();
+  const rowRect = row.getBoundingClientRect();
+  const cellRect = cell.getBoundingClientRect();
+  return {
+    left: tableRect.left - originLeft + surface.scrollLeft,
+    top: tableRect.top - originTop + surface.scrollTop,
+    width: tableRect.width,
+    height: tableRect.height,
+    rowBottom: rowRect.bottom - originTop + surface.scrollTop,
+    columnRight: cellRect.right - originLeft + surface.scrollLeft
+  };
+}
+function getRelativeCellMetrics(surface, cell) {
+  const surfaceRect = surface.getBoundingClientRect();
+  const originLeft = surfaceRect.left + surface.clientLeft;
+  const originTop = surfaceRect.top + surface.clientTop;
+  const cellRect = cell.getBoundingClientRect();
+  return {
+    left: cellRect.left - originLeft + surface.scrollLeft,
+    top: cellRect.top - originTop + surface.scrollTop,
+    width: cellRect.width,
+    height: cellRect.height
+  };
+}
+function getRelativeSelectedCellsMetrics(surface) {
+  const selectedCells = Array.from(
+    surface.querySelectorAll("td.selectedCell, th.selectedCell")
+  );
+  if (selectedCells.length === 0) {
+    return null;
+  }
+  const surfaceRect = surface.getBoundingClientRect();
+  const originLeft = surfaceRect.left + surface.clientLeft;
+  const originTop = surfaceRect.top + surface.clientTop;
+  let left = Number.POSITIVE_INFINITY;
+  let top = Number.POSITIVE_INFINITY;
+  let right = Number.NEGATIVE_INFINITY;
+  let bottom = Number.NEGATIVE_INFINITY;
+  selectedCells.forEach((cell) => {
+    const rect = cell.getBoundingClientRect();
+    left = Math.min(left, rect.left);
+    top = Math.min(top, rect.top);
+    right = Math.max(right, rect.right);
+    bottom = Math.max(bottom, rect.bottom);
+  });
+  return {
+    left: left - originLeft + surface.scrollLeft,
+    top: top - originTop + surface.scrollTop,
+    width: right - left,
+    height: bottom - top
+  };
+}
+var DEFAULT_TABLE_ROW_HEIGHT, MIN_TABLE_ROW_HEIGHT, COLUMN_RESIZE_LINE_THICKNESS, ROW_RESIZE_LINE_THICKNESS, UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, isRowResizingGlobal, TABLE_RESIZE_HIT_ZONE;
+var init_table_dom_utils = __esm({
+  "src/components/UEditor/table-dom-utils.ts"() {
+    "use strict";
+    DEFAULT_TABLE_ROW_HEIGHT = 25;
+    MIN_TABLE_ROW_HEIGHT = DEFAULT_TABLE_ROW_HEIGHT;
+    COLUMN_RESIZE_LINE_THICKNESS = 2;
+    ROW_RESIZE_LINE_THICKNESS = 2;
+    UEDITOR_TABLE_LAYOUT_CHANGE_EVENT = "ueditor:table-layout-change";
+    isRowResizingGlobal = { active: false };
+    TABLE_RESIZE_HIT_ZONE = 5;
+  }
+});
+
 // src/components/UEditor/clipboard-tables.ts
 function getClipboardData(dataTransfer, type) {
   try {
@@ -7597,7 +7800,7 @@ function getClipboardCellText(node) {
   if (node.nodeType === Node.TEXT_NODE) {
     return node.textContent ?? "";
   }
-  if (!(node instanceof HTMLElement)) {
+  if (!isCrossRealmHTMLElement(node)) {
     return "";
   }
   if (node.tagName === "BR") {
@@ -7614,7 +7817,7 @@ function getClipboardCellSegments(node, styleMap, inheritedMarks) {
   if (node.nodeType === Node.TEXT_NODE) {
     return [{ text: node.textContent ?? "", marks: inheritedMarks }];
   }
-  if (!(node instanceof HTMLElement)) {
+  if (!isCrossRealmHTMLElement(node)) {
     return [];
   }
   if (node.tagName === "BR") {
@@ -7646,7 +7849,7 @@ function getHtmlTableRows(table, styleMap) {
   const rows = Array.from(table.querySelectorAll("tr")).map(
     (row) => ({
       attrs: getTableRowAttrs(row, getElementStyleDeclarations(row, styleMap)),
-      cells: Array.from(row.children).filter((cell) => cell instanceof HTMLTableCellElement).map((cell) => {
+      cells: Array.from(row.children).filter((cell) => isCrossRealmTableCell(cell)).map((cell) => {
         const styles = getElementStyleDeclarations(cell, styleMap);
         const textColor = normalizeTextColorValue(styles.get("color")) ?? DEFAULT_HTML_TABLE_TEXT_COLOR;
         const inheritedMarks = [{ type: "textStyle", attrs: { color: textColor } }];
@@ -7829,7 +8032,7 @@ function getClipboardTableContent(dataTransfer) {
   const tables = sourceBody.querySelectorAll("table");
   if (tables.length !== 1 || hasMeaningfulContentOutsideTable(sourceBody)) return null;
   const table = tables[0];
-  if (!(table instanceof HTMLTableElement)) return null;
+  if (!isCrossRealmTable(table)) return null;
   const storedWidthValue = table.getAttribute("data-table-width-bp");
   const storedOffsetValue = table.getAttribute("data-table-offset-bp");
   const storedWidthBp = Number(storedWidthValue);
@@ -7913,6 +8116,7 @@ var init_clipboard_tables = __esm({
   "src/components/UEditor/clipboard-tables.ts"() {
     "use strict";
     init_table_width_model();
+    init_table_dom_utils();
     DEFAULT_HTML_TABLE_CELL_BACKGROUND_COLOR = "#ffffff";
     DEFAULT_HTML_TABLE_TEXT_COLOR = "#000000";
     BORDER_STYLES = /* @__PURE__ */ new Set([
@@ -8133,209 +8337,6 @@ var init_clipboard_images = __esm({
   }
 });
 
-// src/components/UEditor/table-dom-utils.ts
-function isCrossRealmNode(value) {
-  return Boolean(value && typeof value === "object" && value.nodeType != null);
-}
-function isCrossRealmElement(value) {
-  return isCrossRealmNode(value) && value.nodeType === 1 && typeof value.closest === "function";
-}
-function isCrossRealmHTMLElement(value) {
-  return isCrossRealmElement(value) && typeof value.style === "object";
-}
-function isCrossRealmTable(value) {
-  return isCrossRealmElement(value) && String(value.tagName).toUpperCase() === "TABLE" && "rows" in value;
-}
-function isCrossRealmTableRow(value) {
-  return isCrossRealmElement(value) && String(value.tagName).toUpperCase() === "TR" && "cells" in value;
-}
-function isCrossRealmTableCell(value) {
-  return isCrossRealmElement(value) && ["TD", "TH"].includes(String(value.tagName).toUpperCase()) && "cellIndex" in value;
-}
-function isValidProseMirrorPosition(doc, pos) {
-  return Number.isInteger(pos) && pos >= 0 && pos <= doc.content.size;
-}
-function findTableRowNodeInfo(view, rowElement) {
-  if (!view.dom.contains(rowElement)) return null;
-  const firstCell = rowElement.querySelector("th,td");
-  if (!isCrossRealmTableCell(firstCell) || !view.dom.contains(firstCell)) return null;
-  const cellPos = view.posAtDOM(firstCell, 0);
-  if (!isValidProseMirrorPosition(view.state.doc, cellPos)) return null;
-  const $pos = view.state.doc.resolve(cellPos);
-  for (let depth = $pos.depth; depth > 0; depth -= 1) {
-    const node = $pos.node(depth);
-    if (node.type.name === "tableRow") {
-      return {
-        pos: $pos.before(depth),
-        node
-      };
-    }
-  }
-  return null;
-}
-function resolveEventElement(target) {
-  if (isCrossRealmElement(target)) return target;
-  if (isCrossRealmNode(target)) return target.parentElement;
-  return null;
-}
-function isPointOverRenderedText(root, clientX, clientY) {
-  const view = root.ownerDocument.defaultView;
-  if (!view) return false;
-  const walker = root.ownerDocument.createTreeWalker(root, view.NodeFilter.SHOW_TEXT);
-  let textNode = walker.nextNode();
-  while (textNode) {
-    if (textNode.textContent?.length) {
-      const range = root.ownerDocument.createRange();
-      range.selectNodeContents(textNode);
-      const textRects = Array.from(range.getClientRects());
-      range.detach?.();
-      if (textRects.some((rect) => clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom)) {
-        return true;
-      }
-    }
-    textNode = walker.nextNode();
-  }
-  return false;
-}
-function getSelectionTableCell(view) {
-  const realm = view.dom.ownerDocument.defaultView;
-  const browserSelection = realm?.getSelection();
-  const anchorElement = resolveEventElement(browserSelection?.anchorNode ?? null);
-  const anchorCell = anchorElement?.closest?.("th,td");
-  if (isCrossRealmTableCell(anchorCell) && view.dom.contains(anchorCell)) {
-    return anchorCell;
-  }
-  const { from } = view.state.selection;
-  const domAtPos = view.domAtPos(from);
-  const element = resolveEventElement(domAtPos.node);
-  const cell = element?.closest?.("th,td");
-  return isCrossRealmTableCell(cell) && view.dom.contains(cell) ? cell : null;
-}
-function resolveRowResizeTarget(cell, clientX, clientY) {
-  const rect = cell.getBoundingClientRect();
-  const row = cell.closest("tr");
-  if (!isCrossRealmTableRow(row) || !isCrossRealmTableCell(cell)) {
-    return null;
-  }
-  const distToBottom = Math.abs(clientY - rect.bottom);
-  const distToTop = Math.abs(clientY - rect.top);
-  const distToRight = Math.abs(clientX - rect.right);
-  const distToLeft = Math.abs(clientX - rect.left);
-  if (distToRight <= 3 || distToLeft <= 3) {
-    return null;
-  }
-  if (distToBottom <= TABLE_RESIZE_HIT_ZONE) {
-    return { row, cell };
-  }
-  if (distToTop <= TABLE_RESIZE_HIT_ZONE) {
-    const prevRow = row.previousElementSibling;
-    if (isCrossRealmTableRow(prevRow)) {
-      const cellIndex = cell.cellIndex;
-      const prevCell = prevRow.children[cellIndex] ?? prevRow.firstElementChild;
-      if (isCrossRealmTableCell(prevCell)) {
-        return { row: prevRow, cell: prevCell };
-      }
-    }
-  }
-  return null;
-}
-function resolveColumnResizeTarget(cell, clientX, clientY) {
-  const rect = cell.getBoundingClientRect();
-  const row = cell.closest("tr");
-  if (!isCrossRealmTableRow(row) || !isCrossRealmTableCell(cell)) {
-    return null;
-  }
-  const distToRight = Math.abs(clientX - rect.right);
-  const distToLeft = Math.abs(clientX - rect.left);
-  const distToBottom = Math.abs(clientY - rect.bottom);
-  const distToTop = Math.abs(clientY - rect.top);
-  if (distToBottom <= 3 || distToTop <= 3) {
-    return null;
-  }
-  if (distToRight <= TABLE_RESIZE_HIT_ZONE) {
-    return { row, cell };
-  }
-  if (distToLeft <= TABLE_RESIZE_HIT_ZONE) {
-    const prevCell = cell.previousElementSibling;
-    if (isCrossRealmTableCell(prevCell)) {
-      return { row, cell: prevCell };
-    }
-  }
-  return null;
-}
-function isRowResizeHotspot(cell, clientX, clientY) {
-  return resolveRowResizeTarget(cell, clientX, clientY) !== null;
-}
-function getRelativeBoundaryMetrics(surface, table, row, cell) {
-  const surfaceRect = surface.getBoundingClientRect();
-  const originLeft = surfaceRect.left + surface.clientLeft;
-  const originTop = surfaceRect.top + surface.clientTop;
-  const tableRect = table.getBoundingClientRect();
-  const rowRect = row.getBoundingClientRect();
-  const cellRect = cell.getBoundingClientRect();
-  return {
-    left: tableRect.left - originLeft + surface.scrollLeft,
-    top: tableRect.top - originTop + surface.scrollTop,
-    width: tableRect.width,
-    height: tableRect.height,
-    rowBottom: rowRect.bottom - originTop + surface.scrollTop,
-    columnRight: cellRect.right - originLeft + surface.scrollLeft
-  };
-}
-function getRelativeCellMetrics(surface, cell) {
-  const surfaceRect = surface.getBoundingClientRect();
-  const originLeft = surfaceRect.left + surface.clientLeft;
-  const originTop = surfaceRect.top + surface.clientTop;
-  const cellRect = cell.getBoundingClientRect();
-  return {
-    left: cellRect.left - originLeft + surface.scrollLeft,
-    top: cellRect.top - originTop + surface.scrollTop,
-    width: cellRect.width,
-    height: cellRect.height
-  };
-}
-function getRelativeSelectedCellsMetrics(surface) {
-  const selectedCells = Array.from(
-    surface.querySelectorAll("td.selectedCell, th.selectedCell")
-  );
-  if (selectedCells.length === 0) {
-    return null;
-  }
-  const surfaceRect = surface.getBoundingClientRect();
-  const originLeft = surfaceRect.left + surface.clientLeft;
-  const originTop = surfaceRect.top + surface.clientTop;
-  let left = Number.POSITIVE_INFINITY;
-  let top = Number.POSITIVE_INFINITY;
-  let right = Number.NEGATIVE_INFINITY;
-  let bottom = Number.NEGATIVE_INFINITY;
-  selectedCells.forEach((cell) => {
-    const rect = cell.getBoundingClientRect();
-    left = Math.min(left, rect.left);
-    top = Math.min(top, rect.top);
-    right = Math.max(right, rect.right);
-    bottom = Math.max(bottom, rect.bottom);
-  });
-  return {
-    left: left - originLeft + surface.scrollLeft,
-    top: top - originTop + surface.scrollTop,
-    width: right - left,
-    height: bottom - top
-  };
-}
-var DEFAULT_TABLE_ROW_HEIGHT, MIN_TABLE_ROW_HEIGHT, COLUMN_RESIZE_LINE_THICKNESS, ROW_RESIZE_LINE_THICKNESS, UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, isRowResizingGlobal, TABLE_RESIZE_HIT_ZONE;
-var init_table_dom_utils = __esm({
-  "src/components/UEditor/table-dom-utils.ts"() {
-    "use strict";
-    DEFAULT_TABLE_ROW_HEIGHT = 25;
-    MIN_TABLE_ROW_HEIGHT = DEFAULT_TABLE_ROW_HEIGHT;
-    COLUMN_RESIZE_LINE_THICKNESS = 2;
-    ROW_RESIZE_LINE_THICKNESS = 2;
-    UEDITOR_TABLE_LAYOUT_CHANGE_EVENT = "ueditor:table-layout-change";
-    isRowResizingGlobal = { active: false };
-    TABLE_RESIZE_HIT_ZONE = 5;
-  }
-});
-
 // src/components/UEditor/table-column-resize.ts
 function getColumnResizeMinWidth(configuredMinWidth) {
   const normalizedMinWidth = Number.isFinite(configuredMinWidth) && configuredMinWidth > 0 ? Math.round(configuredMinWidth) : MIN_RESIZED_TABLE_COLUMN_WIDTH;
@@ -14431,7 +14432,7 @@ function parsePixelWidth(value) {
 }
 function getDomColumnWidths(editor, rect) {
   const tableDom = editor.view.nodeDOM(rect.tableStart - 1);
-  if (!(tableDom instanceof HTMLTableElement)) return null;
+  if (!isCrossRealmTable(tableDom)) return null;
   const cols = Array.from(tableDom.querySelectorAll("colgroup > col"));
   if (cols.length === 0) return null;
   const widths = [];
@@ -21983,7 +21984,8 @@ var ToastProvider = ({
   children,
   position = "top-right",
   maxToasts = 5,
-  viewportClassName
+  viewportClassName,
+  showProgress = true
 }) => {
   const [toasts, setToasts] = (0, import_react13.useState)([]);
   const idRef = (0, import_react13.useRef)(0);
@@ -22017,12 +22019,12 @@ var ToastProvider = ({
         className: cn("fixed z-99999 flex flex-col gap-2 pointer-events-none", positionClasses[position], viewportClassName),
         "aria-live": "polite",
         "aria-atomic": true,
-        children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ToastComponent, { toast, onRemove: removeToast }, toast.id))
+        children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ToastComponent, { toast, onRemove: removeToast, defaultShowProgress: showProgress }, toast.id))
       }
     )
   ] });
 };
-var ToastComponent = ({ toast, onRemove }) => {
+var ToastComponent = ({ toast, onRemove, defaultShowProgress = true }) => {
   const gi18n = useGlobalI18n();
   const [isVisible, setIsVisible] = (0, import_react13.useState)(true);
   const [progress, setProgress] = (0, import_react13.useState)(100);
@@ -22079,6 +22081,7 @@ var ToastComponent = ({ toast, onRemove }) => {
   };
   const config = typeConfig[toast.type];
   const Icon = config.icon;
+  const shouldShowProgress = toast.showProgress ?? defaultShowProgress;
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "div",
     {
@@ -22136,7 +22139,7 @@ var ToastComponent = ({ toast, onRemove }) => {
             }
           )
         ] }),
-        toast.duration !== 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute left-0 right-0 bottom-0 h-1 bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        shouldShowProgress && toast.duration !== 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute left-0 right-0 bottom-0 h-1 bg-transparent", "data-testid": "toast-progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "div",
           {
             className: cn(
@@ -43685,7 +43688,7 @@ var UEditorTableRow = import_extension_table_row.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) => {
@@ -44218,7 +44221,7 @@ var UEditorTable = import_extension_table.Table.extend({
           textAlign: {
             default: null,
             parseHTML: (element) => {
-              if (!(element instanceof HTMLElement)) return null;
+              if (!isCrossRealmHTMLElement(element)) return null;
               return parseTableAlign(element);
             },
             renderHTML: (attributes) => {
@@ -44232,7 +44235,7 @@ var UEditorTable = import_extension_table.Table.extend({
           widthMode: {
             default: "fixed",
             parseHTML: (element) => {
-              if (!(element instanceof HTMLElement)) return "fixed";
+              if (!isCrossRealmHTMLElement(element)) return "fixed";
               return parseTableWidthMode(element);
             },
             renderHTML: (attributes) => {
@@ -44245,7 +44248,7 @@ var UEditorTable = import_extension_table.Table.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;
@@ -44255,7 +44258,7 @@ var UEditorTable = import_extension_table.Table.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);
@@ -44274,7 +44277,7 @@ var UEditorTable = import_extension_table.Table.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")
               );
@@ -44470,7 +44473,7 @@ var UEditorTable = import_extension_table.Table.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;
               }
@@ -45381,6 +45384,7 @@ var TableFormulaRecalculation = import_core20.Extension.create({
 });
 
 // src/components/UEditor/extensions.ts
+init_table_dom_utils();
 function getFormulaStateAttributes(attributes) {
   const formula = attributes["data-formula"];
   if (!formula) {
@@ -45700,7 +45704,7 @@ var CustomBulletList = import_extension_bullet_list.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;
@@ -49871,8 +49875,11 @@ function useUEditorTableInteractions(editor, editable = true) {
   (0, import_react83.useEffect)(() => {
     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;