@underverse-ui/underverse 2.0.41 → 2.0.43

package/dist/{menu-bar-67LDC7IR.js → menu-bar-SGKLM6IK.js}

@@ -32,7 +32,7 @@ import {
   trackEditorInsertionPosition,
   useDropdownMenuClose,
   useSharedEditorUiRenderState
-} from "./chunk-TVCZXO6G.js";
+} from "./chunk-4IJ53MI3.js";
 import "./chunk-IW6FSDIT.js";
 import "./chunk-PNUDVGMI.js";
 import {
@@ -1147,4 +1147,4 @@ var MenuBar = ({
 export {
   MenuBar
 };
-//# sourceMappingURL=menu-bar-67LDC7IR.js.map
+//# sourceMappingURL=menu-bar-SGKLM6IK.js.map

package/dist/ueditor.cjs

@@ -4597,6 +4597,7 @@ var init_DatePicker = __esm({
       id,
       value,
       onChange,
+      formatDate,
       placeholder,
       className,
       disabled = false,
@@ -4805,6 +4806,9 @@ var init_DatePicker = __esm({
         setIsOpen(false);
       };
       const formatDateDisplay = (date) => {
+        if (formatDate) {
+          return formatDate(date);
+        }
         return date.toLocaleDateString(locale === "vi" ? "vi-VN" : "en-US", {
           day: "numeric",
           month: "long",
@@ -5264,6 +5268,7 @@ var init_DatePicker = __esm({
       startDate,
       endDate,
       onChange,
+      formatDate,
       placeholder = "Select date range...",
       className,
       label,
@@ -5296,10 +5301,11 @@ var init_DatePicker = __esm({
       }, []);
       const getRangeString = React15.useCallback((s, e) => {
         if (!s) return "";
-        const startStr = formatDateShort(s, locale);
+        const startStr = formatDate ? formatDate(s) : formatDateShort(s, locale);
         if (!e) return `${startStr} - `;
-        return `${startStr} - ${formatDateShort(e, locale)}`;
-      }, [locale]);
+        const endStr = formatDate ? formatDate(e) : formatDateShort(e, locale);
+        return `${startStr} - ${endStr}`;
+      }, [locale, formatDate]);
       React15.useEffect(() => {
         setInputValue((currentInput) => {
           if (startDate) {
@@ -5843,7 +5849,7 @@ var init_DatePicker = __esm({
           )
         ] })
       ] });
-      const displayFormat = (date) => formatDateShort(date);
+      const displayFormat = (date) => formatDate ? formatDate(date) : formatDateShort(date);
       const displayLabel = tempStart && tempEnd ? `${displayFormat(tempStart)} - ${displayFormat(tempEnd)}` : tempStart ? `${displayFormat(tempStart)} - ...` : placeholder;
       const effectiveError = localRequiredError;
       const autoId = (0, import_react19.useId)();
@@ -6165,6 +6171,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 {
@@ -6596,7 +6805,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") {
@@ -6613,7 +6822,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") {
@@ -6645,7 +6854,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 } }];
@@ -6828,7 +7037,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);
@@ -6912,6 +7121,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([
@@ -7132,209 +7342,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;
@@ -13430,7 +13437,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 = [];
@@ -20609,7 +20616,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) => {
@@ -21142,7 +21149,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) => {
@@ -21156,7 +21163,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) => {
@@ -21169,7 +21176,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;
@@ -21179,7 +21186,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);
@@ -21198,7 +21205,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")
               );
@@ -21394,7 +21401,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;
               }
@@ -22305,6 +22312,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) {
@@ -22624,7 +22632,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;
@@ -26795,8 +26803,11 @@ function useUEditorTableInteractions(editor, editable = true) {
   (0, import_react44.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;