roosterjs 9.46.0 → 9.48.0

package/dist/rooster-amd.js

@@ -11683,17 +11683,18 @@ var CachePlugin = /** @class */ (function () {
                 if (contentModel) {
                     (0, updateCache_1.updateCache)(this.state, contentModel, selection);
                 }
-                else {
-                    this.invalidateCache();
-                }
                 break;
         }
     };
     CachePlugin.prototype.invalidateCache = function () {
         var _a, _b;
         if (!((_a = this.editor) === null || _a === void 0 ? void 0 : _a.isInShadowEdit())) {
-            this.state.cachedModel = undefined;
-            this.state.cachedSelection = undefined;
+            if (this.state.cachedModel) {
+                this.state.cachedModel = undefined;
+            }
+            if (this.state.cachedSelection) {
+                this.state.cachedSelection = undefined;
+            }
             // Clear paragraph indexer to prevent stale references to old paragraphs
             // It will be rebuild next time when we create a new Content Model
             (_b = this.state.paragraphMap) === null || _b === void 0 ? void 0 : _b.clear();
@@ -12427,7 +12428,8 @@ var TextMutationObserverImpl = /** @class */ (function () {
                     continue;
                 }
                 else if (!includedNodes.has(target)) {
-                    if ((0, roosterjs_content_model_dom_1.findClosestEntityWrapper)(target, _this.domHelper) ||
+                    if (!_this.domHelper.isNodeInEditor(target) ||
+                        (0, roosterjs_content_model_dom_1.findClosestEntityWrapper)(target, _this.domHelper) ||
                         (0, roosterjs_content_model_dom_1.findClosestBlockEntityContainer)(target, _this.domHelper)) {
                         ignoredNodes.add(target);
                         continue;
@@ -14760,7 +14762,9 @@ var SelectionPlugin = /** @class */ (function () {
                             rawEvent.preventDefault();
                         }
                         else {
-                            win === null || win === void 0 ? void 0 : win.requestAnimationFrame(function () { return _this.handleSelectionInTable(key); });
+                            win === null || win === void 0 ? void 0 : win.requestAnimationFrame(function () {
+                                return _this.handleSelectionInTable(key, selection.range);
+                            });
                         }
                     }
                 }
@@ -14809,7 +14813,7 @@ var SelectionPlugin = /** @class */ (function () {
     SelectionPlugin.prototype.getTabKey = function (rawEvent) {
         return rawEvent.shiftKey ? 'TabLeft' : 'TabRight';
     };
-    SelectionPlugin.prototype.handleSelectionInTable = function (key) {
+    SelectionPlugin.prototype.handleSelectionInTable = function (key, rangeBeforeChange) {
         var _a, _b, _c, _d, _e, _f;
         if (!this.editor || !this.state.tableSelection) {
             return;
@@ -14843,7 +14847,15 @@ var SelectionPlugin = /** @class */ (function () {
                         }
                     }
                     if (collapsed && td) {
-                        this.setRangeSelectionInTable(td, key == Up ? td.childNodes.length : 0, this.editor);
+                        var textOffset = (key == 'ArrowUp' || key == 'ArrowDown') && rangeBeforeChange
+                            ? this.getTextOffset(this.editor, rangeBeforeChange, td, key == 'ArrowUp')
+                            : null;
+                        if (textOffset) {
+                            this.setRangeSelectionInTable(textOffset.node, textOffset.offset, this.editor, false /* selectAll */);
+                        }
+                        else {
+                            this.setRangeSelectionInTable(td, 0, this.editor, false /* selectAll */);
+                        }
                     }
                     else if (!td && (lastCo.row == -1 || lastCo.row <= parsedTable.length)) {
                         this.selectBeforeOrAfterElement(this.editor, table, change == 1 /* after */, change != 1 /* setSelectionInNextSiblingElement */);
@@ -14894,8 +14906,23 @@ var SelectionPlugin = /** @class */ (function () {
             }
         }
     };
+    SelectionPlugin.prototype.getTextOffset = function (editor, range, td, isKeyUp) {
+        var doc = editor.getDocument();
+        var cursorRect = range
+            ? (0, roosterjs_content_model_dom_1.getDOMInsertPointRect)(doc, {
+                node: range.startContainer,
+                offset: range.startOffset,
+            })
+            : undefined;
+        var rect = td === null || td === void 0 ? void 0 : td.getBoundingClientRect();
+        var textOffset = cursorRect && rect
+            ? (0, roosterjs_content_model_dom_1.getNodePositionFromEvent)(doc, editor.getDOMHelper(), cursorRect.left, isKeyUp ? rect.top : rect.top + 1)
+            : null;
+        return textOffset;
+    };
     SelectionPlugin.prototype.setRangeSelectionInTable = function (cell, nodeOffset, editor, selectAll) {
-        var range = editor.getDocument().createRange();
+        var doc = editor.getDocument();
+        var range = doc.createRange();
         if (selectAll && cell.firstChild && cell.lastChild) {
             var cellStart = cell.firstChild;
             var cellEnd = cell.lastChild;
@@ -19680,6 +19707,52 @@ function getAllowedCustomType(type, allowedCustomPasteType) {
 }
 
 
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-dom/lib/domUtils/event/getNodePositionFromEvent.ts"
+/*!*********************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-dom/lib/domUtils/event/getNodePositionFromEvent.ts ***!
+  \*********************************************************************************************/
+(__unused_webpack_module, exports) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.getNodePositionFromEvent = void 0;
+/**
+ * Get insertion point from coordinate.
+ * @param doc Parent document object
+ * @param domHelper The DOM helper of the editor
+ * @param x The cursor coordinate for the x-axis
+ * @param y The cursor coordinate for the y-axis
+ */
+function getNodePositionFromEvent(doc, domHelper, x, y) {
+    if ('caretPositionFromPoint' in doc) {
+        // Firefox, Chrome, Edge, Safari, Opera
+        var pos = doc.caretPositionFromPoint(x, y);
+        if (pos && domHelper.isNodeInEditor(pos.offsetNode)) {
+            return { node: pos.offsetNode, offset: pos.offset };
+        }
+    }
+    if (doc.caretRangeFromPoint) {
+        // Safari
+        var range = doc.caretRangeFromPoint(x, y);
+        if (range && domHelper.isNodeInEditor(range.startContainer)) {
+            return { node: range.startContainer, offset: range.startOffset };
+        }
+    }
+    if (doc.elementFromPoint) {
+        // Fallback
+        var element = doc.elementFromPoint(x, y);
+        if (element && domHelper.isNodeInEditor(element)) {
+            return { node: element, offset: 0 };
+        }
+    }
+    return null;
+}
+exports.getNodePositionFromEvent = getNodePositionFromEvent;
+
+
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-dom/lib/domUtils/getObjectKeys.ts"
@@ -22082,13 +22155,15 @@ var styleBasedSegmentFormats = [
     'fontFamily',
     'fontSize',
 ];
-var elementBasedSegmentFormats = [
+var sizeNeutralElementBasedSegmentFormats = [
     'strike',
     'underline',
-    'superOrSubScript',
     'italic',
     'bold',
 ];
+var elementBasedSegmentFormats = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(sizeNeutralElementBasedSegmentFormats), false), [
+    'superOrSubScript',
+], false);
 var sharedBlockFormats = [
     'direction',
     'textAlign',
@@ -22112,7 +22187,8 @@ exports.defaultFormatKeysPerCategory = {
     listItemElement: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(sharedBlockFormats), false), ['listItemAlign', 'margin', 'listStyle'], false),
     listLevel: ['direction', 'textAlign', 'margin', 'padding', 'listStyle', 'backgroundColor'],
     styleBasedSegment: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(styleBasedSegmentFormats), false), ['textColor', 'backgroundColor', 'lineHeight'], false),
-    elementBasedSegment: elementBasedSegmentFormats,
+    elementBasedSegment: sizeNeutralElementBasedSegmentFormats,
+    superOrSubScript: ['superOrSubScript'],
     segment: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(styleBasedSegmentFormats), false), (0, tslib_1.__read)(elementBasedSegmentFormats), false), [
         'textColor',
         'backgroundColor',
@@ -23510,8 +23586,8 @@ exports.shouldSetValue = shouldSetValue;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createImage = exports.createText = exports.createTableCell = exports.createTable = exports.createSelectionMarker = exports.createParagraph = exports.createFormatContainer = exports.createListItem = exports.createBr = exports.isLinkUndeletable = exports.setLinkUndeletable = exports.scrollRectIntoView = exports.normalizeRect = exports.isWhiteSpacePreserved = exports.reuseCachedElement = exports.findClosestBlockEntityContainer = exports.isBlockEntityContainer = exports.isEntityDelimiter = exports.addDelimiters = exports.generateEntityClassNames = exports.parseEntityFormat = exports.getAllEntityWrappers = exports.findClosestEntityWrapper = exports.isEntityElement = exports.unwrap = exports.wrap = exports.wrapAllChildNodes = exports.moveChildNodes = exports.toArray = exports.getSafeIdSelector = exports.getObjectKeys = exports.isElementOfType = exports.isNodeOfType = exports.hasMetadata = exports.getMetadata = exports.updateMetadata = exports.buildSelectionMarker = exports.isBlockElement = exports.areSameFormats = exports.parseFormat = exports.getRegularSelectionOffsets = exports.formatContainerProcessor = exports.tableProcessor = exports.entityProcessor = exports.processChildNode = exports.handleRegularSelection = exports.childProcessor = exports.contentModelToText = exports.contentModelToDom = exports.domToContentModel = void 0;
 exports.trimModelForSelection = exports.getDOMInsertPointRect = exports.getSelectionRootNode = exports.isBold = exports.createModelToDomConfig = exports.createModelToDomContextWithConfig = exports.createModelToDomContext = exports.createDomToModelConfig = exports.createDomToModelContextWithConfig = exports.createDomToModelContext = exports.defaultGenerateColorKey = exports.parseColor = exports.setColor = exports.getColor = exports.DeprecatedColors = exports.BorderKeys = exports.parseValueWithUnit = exports.getAutoListStyleType = exports.getOrderedListNumberStr = exports.ParagraphFormats = exports.ListFormatsToMove = exports.ListFormatsToKeep = exports.ListFormats = exports.copyFormat = exports.setParagraphNotImplicit = exports.normalizeSegmentFormat = exports.mergeTextSegments = exports.normalizeSingleSegment = exports.isEmpty = exports.addSegment = exports.unwrapBlock = exports.isGeneralSegment = exports.normalizeContentModel = exports.normalizeParagraph = exports.addTextSegment = exports.addLink = exports.addCode = exports.addBlock = exports.mutateSegment = exports.mutateSegments = exports.mutateBlock = exports.createTableRow = exports.createEmptyModel = exports.createListLevel = exports.createDivider = exports.createEntity = exports.createGeneralBlock = exports.createGeneralSegment = exports.createParagraphDecorator = exports.createContentModelDocument = void 0;
-exports.updateImageMetadata = exports.runEditSteps = exports.getClosestAncestorBlockGroupIndex = exports.getSegmentTextFormat = exports.getListStyleTypeFromString = exports.retrieveModelFormatState = exports.setTableCellBackgroundColor = exports.MIN_ALLOWED_TABLE_CELL_HEIGHT = exports.MIN_ALLOWED_TABLE_CELL_WIDTH = exports.normalizeTable = exports.setFirstColumnFormatBorders = exports.applyTableFormat = exports.deleteBlock = exports.deleteSegment = exports.deleteSelection = exports.mergeModel = exports.cloneModel = exports.setSelection = exports.hasSelectionInBlockGroup = exports.hasSelectionInSegment = exports.hasSelectionInBlock = exports.getSelectedCells = exports.getSelectedSegmentsAndParagraphs = exports.getSelectedSegments = exports.getSelectedParagraphs = exports.getOperationalBlocks = exports.getFirstSelectedTable = exports.getFirstSelectedListItem = exports.iterateSelections = exports.isBlockGroupOfType = exports.getRangesByText = exports.getImageState = exports.setImageState = exports.getParagraphMarker = exports.setParagraphMarker = exports.cacheGetEventData = exports.extractClipboardItems = exports.normalizeFontFamily = exports.transformColor = exports.retrieveDocumentMetadata = exports.readFile = exports.parseTableCells = exports.normalizeText = exports.isSpace = exports.isPunctuation = exports.extractBorderValues = exports.combineBorderValue = exports.isCursorMovingKey = exports.isModifierKey = exports.isCharacterValue = void 0;
-exports.EmptySegmentFormat = exports.UnorderedListStyleMap = exports.OrderedListStyleMap = exports.TableBorderFormat = exports.NumberingListType = exports.BulletListType = exports.ChangeSource = exports.ListMetadataDefinition = exports.getListMetadata = exports.updateListMetadata = exports.getTableMetadata = exports.updateTableMetadata = exports.getTableCellMetadata = exports.updateTableCellMetadata = exports.getImageMetadata = void 0;
+exports.runEditSteps = exports.getClosestAncestorBlockGroupIndex = exports.getSegmentTextFormat = exports.getListStyleTypeFromString = exports.retrieveModelFormatState = exports.setTableCellBackgroundColor = exports.MIN_ALLOWED_TABLE_CELL_HEIGHT = exports.MIN_ALLOWED_TABLE_CELL_WIDTH = exports.normalizeTable = exports.setFirstColumnFormatBorders = exports.applyTableFormat = exports.deleteBlock = exports.deleteSegment = exports.deleteSelection = exports.mergeModel = exports.cloneModel = exports.setSelection = exports.hasSelectionInBlockGroup = exports.hasSelectionInSegment = exports.hasSelectionInBlock = exports.getSelectedCells = exports.getSelectedSegmentsAndParagraphs = exports.getSelectedSegments = exports.getSelectedParagraphs = exports.getOperationalBlocks = exports.getFirstSelectedTable = exports.getFirstSelectedListItem = exports.iterateSelections = exports.isBlockGroupOfType = exports.getRangesByText = exports.getImageState = exports.setImageState = exports.getParagraphMarker = exports.setParagraphMarker = exports.cacheGetEventData = exports.extractClipboardItems = exports.normalizeFontFamily = exports.transformColor = exports.retrieveDocumentMetadata = exports.readFile = exports.parseTableCells = exports.normalizeText = exports.isSpace = exports.isPunctuation = exports.extractBorderValues = exports.combineBorderValue = exports.getNodePositionFromEvent = exports.isCursorMovingKey = exports.isModifierKey = exports.isCharacterValue = void 0;
+exports.EmptySegmentFormat = exports.UnorderedListStyleMap = exports.OrderedListStyleMap = exports.TableBorderFormat = exports.NumberingListType = exports.BulletListType = exports.ChangeSource = exports.ListMetadataDefinition = exports.getListMetadata = exports.updateListMetadata = exports.getTableMetadata = exports.updateTableMetadata = exports.getTableCellMetadata = exports.updateTableCellMetadata = exports.getImageMetadata = exports.updateImageMetadata = void 0;
 var domToContentModel_1 = __webpack_require__(/*! ./domToModel/domToContentModel */ "./packages/roosterjs-content-model-dom/lib/domToModel/domToContentModel.ts");
 Object.defineProperty(exports, "domToContentModel", ({ enumerable: true, get: function () { return domToContentModel_1.domToContentModel; } }));
 var contentModelToDom_1 = __webpack_require__(/*! ./modelToDom/contentModelToDom */ "./packages/roosterjs-content-model-dom/lib/modelToDom/contentModelToDom.ts");
@@ -23688,6 +23764,8 @@ var eventUtils_1 = __webpack_require__(/*! ./domUtils/event/eventUtils */ "./pac
 Object.defineProperty(exports, "isCharacterValue", ({ enumerable: true, get: function () { return eventUtils_1.isCharacterValue; } }));
 Object.defineProperty(exports, "isModifierKey", ({ enumerable: true, get: function () { return eventUtils_1.isModifierKey; } }));
 Object.defineProperty(exports, "isCursorMovingKey", ({ enumerable: true, get: function () { return eventUtils_1.isCursorMovingKey; } }));
+var getNodePositionFromEvent_1 = __webpack_require__(/*! ./domUtils/event/getNodePositionFromEvent */ "./packages/roosterjs-content-model-dom/lib/domUtils/event/getNodePositionFromEvent.ts");
+Object.defineProperty(exports, "getNodePositionFromEvent", ({ enumerable: true, get: function () { return getNodePositionFromEvent_1.getNodePositionFromEvent; } }));
 var borderValues_1 = __webpack_require__(/*! ./domUtils/style/borderValues */ "./packages/roosterjs-content-model-dom/lib/domUtils/style/borderValues.ts");
 Object.defineProperty(exports, "combineBorderValue", ({ enumerable: true, get: function () { return borderValues_1.combineBorderValue; } }));
 Object.defineProperty(exports, "extractBorderValues", ({ enumerable: true, get: function () { return borderValues_1.extractBorderValues; } }));
@@ -25456,7 +25534,7 @@ var BorderFormatters = (_a = {},
  * Apply vertical align, borders, and background color to all cells in the table
  */
 function formatCells(rows, format, metaOverrides) {
-    var hasBandedRows = format.hasBandedRows, hasBandedColumns = format.hasBandedColumns, bgColorOdd = format.bgColorOdd, bgColorEven = format.bgColorEven, hasFirstColumn = format.hasFirstColumn;
+    var hasBandedRows = format.hasBandedRows, hasBandedColumns = format.hasBandedColumns, bgColorOdd = format.bgColorOdd, bgColorEven = format.bgColorEven, hasFirstColumn = format.hasFirstColumn, hasHeaderRow = format.hasHeaderRow;
     rows.forEach(function (row, rowIndex) {
         row.cells.forEach(function (readonlyCell, colIndex) {
             var _a;
@@ -25487,19 +25565,14 @@ function formatCells(rows, format, metaOverrides) {
             }
             // Format Background Color
             if (!metaOverrides.bgColorOverrides[rowIndex][colIndex]) {
-                var color = void 0;
-                if (hasFirstColumn && colIndex == 0 && rowIndex > 0) {
-                    color = null;
-                }
-                else {
-                    color =
-                        hasBandedRows || hasBandedColumns
-                            ? (hasBandedColumns && colIndex % 2 != 0) ||
-                                (hasBandedRows && rowIndex % 2 != 0)
-                                ? bgColorOdd
-                                : bgColorEven
-                            : bgColorEven; /* bgColorEven is the default color */
-                }
+                var bandedColumnMod = hasFirstColumn ? 0 : 1;
+                var bandedRowMod = hasHeaderRow ? 0 : 1;
+                var color = hasBandedRows || hasBandedColumns
+                    ? (hasBandedColumns && colIndex % 2 != bandedColumnMod) ||
+                        (hasBandedRows && rowIndex % 2 != bandedRowMod)
+                        ? bgColorOdd
+                        : bgColorEven
+                    : bgColorEven; /* bgColorEven is the default color */
                 (0, setTableCellBackgroundColor_1.setTableCellBackgroundColor)(cell, color, false /*isColorOverride*/, true /*applyToSegments*/);
             }
             // Format Vertical Align
@@ -25517,6 +25590,7 @@ function formatCells(rows, format, metaOverrides) {
  * @param format The table metadata format
  */
 function setFirstColumnFormatBorders(rows, format) {
+    var customStyles = format.hasFirstColumn ? format.firstColumnCustomStyles : undefined;
     rows.forEach(function (row, rowIndex) {
         row.cells.forEach(function (readonlyCell, cellIndex) {
             var e_1, _a, e_2, _b;
@@ -25525,6 +25599,16 @@ function setFirstColumnFormatBorders(rows, format) {
                 if (rowIndex == 0) {
                     cell.isHeader = !!format.hasHeaderRow;
                 }
+                if (format.hasFirstColumn && customStyles) {
+                    setStyleIfDefined(cell.format, 'textAlign', customStyles.textAlign);
+                    setBorderColorIfExists(cell.format, 'borderTop', customStyles.borderTopColor);
+                    setBorderColorIfExists(cell.format, 'borderRight', customStyles.borderRightColor);
+                    setBorderColorIfExists(cell.format, 'borderBottom', customStyles.borderBottomColor);
+                    setBorderColorIfExists(cell.format, 'borderLeft', customStyles.borderLeftColor);
+                    if (customStyles.backgroundColor) {
+                        (0, setTableCellBackgroundColor_1.setTableCellBackgroundColor)(cell, customStyles.backgroundColor, false /*isColorOverride*/, true /*applyToSegments*/);
+                    }
+                }
                 try {
                     for (var _c = (0, tslib_1.__values)(cell.blocks), _d = _c.next(); !_d.done; _d = _c.next()) {
                         var block = _d.value;
@@ -25533,9 +25617,12 @@ function setFirstColumnFormatBorders(rows, format) {
                                 for (var _e = (e_2 = void 0, (0, tslib_1.__values)(block.segments)), _f = _e.next(); !_f.done; _f = _e.next()) {
                                     var segment = _f.value;
                                     (0, mutate_1.mutateSegment)(block, segment, function (cellSegment) {
+                                        var _a, _b;
                                         if (format.hasFirstColumn) {
-                                            cellSegment.format.fontWeight = 'bold';
-                                            cell.format.fontWeight = 'bold';
+                                            setStyleIfDefined(cellSegment.format, 'fontWeight', (_a = customStyles === null || customStyles === void 0 ? void 0 : customStyles.fontWeight) !== null && _a !== void 0 ? _a : 'bold');
+                                            setStyleIfDefined(cell.format, 'textAlign', customStyles === null || customStyles === void 0 ? void 0 : customStyles.textAlign);
+                                            setStyleIfDefined(cell.format, 'fontWeight', (_b = customStyles === null || customStyles === void 0 ? void 0 : customStyles.fontWeight) !== null && _b !== void 0 ? _b : 'bold');
+                                            setStyleIfDefined(cellSegment.format, 'italic', customStyles === null || customStyles === void 0 ? void 0 : customStyles.italic);
                                         }
                                         else if (cellSegment.format.fontWeight == 'bold' &&
                                             cell.format.fontWeight == 'bold') {
@@ -25567,24 +25654,74 @@ function setFirstColumnFormatBorders(rows, format) {
     });
 }
 exports.setFirstColumnFormatBorders = setFirstColumnFormatBorders;
+function setBorderColorIfExists(format, key, value) {
+    if (value !== undefined) {
+        setBorderColor(format, key, value);
+    }
+}
+function setStyleIfDefined(format, key, value) {
+    if (value !== undefined) {
+        format[key] = value;
+    }
+}
 function setHeaderRowFormat(rows, format, metaOverrides) {
     var _a;
-    // Exit early if hasHeaderRow is not set
     if (!format.hasHeaderRow) {
         return;
     }
     var rowIndex = 0;
+    var customStyles = format.headerRowCustomStyles;
     (_a = rows[rowIndex]) === null || _a === void 0 ? void 0 : _a.cells.forEach(function (readonlyCell, cellIndex) {
+        var e_3, _a, e_4, _b;
+        var _c, _d, _e, _f;
         var cell = (0, mutate_1.mutateBlock)(readonlyCell);
         cell.isHeader = true;
-        cell.format.fontWeight = 'bold';
+        cell.format.fontWeight = (_c = customStyles === null || customStyles === void 0 ? void 0 : customStyles.fontWeight) !== null && _c !== void 0 ? _c : 'bold';
         if (format.headerRowColor) {
             if (!metaOverrides.bgColorOverrides[rowIndex][cellIndex]) {
                 (0, setTableCellBackgroundColor_1.setTableCellBackgroundColor)(cell, format.headerRowColor, false /*isColorOverride*/, true /*applyToSegments*/);
             }
-            setBorderColor(cell.format, 'borderTop', format.headerRowColor);
-            setBorderColor(cell.format, 'borderRight', format.headerRowColor);
-            setBorderColor(cell.format, 'borderLeft', format.headerRowColor);
+            setBorderColor(cell.format, 'borderTop', (_d = customStyles === null || customStyles === void 0 ? void 0 : customStyles.borderTopColor) !== null && _d !== void 0 ? _d : format.headerRowColor);
+            setBorderColor(cell.format, 'borderRight', (_e = customStyles === null || customStyles === void 0 ? void 0 : customStyles.borderRightColor) !== null && _e !== void 0 ? _e : format.headerRowColor);
+            setBorderColor(cell.format, 'borderLeft', (_f = customStyles === null || customStyles === void 0 ? void 0 : customStyles.borderLeftColor) !== null && _f !== void 0 ? _f : format.headerRowColor);
+        }
+        if (customStyles) {
+            setStyleIfDefined(cell.format, 'textAlign', customStyles.textAlign);
+            setBorderColorIfExists(cell.format, 'borderBottom', customStyles.borderBottomColor);
+            try {
+                for (var _g = (0, tslib_1.__values)(cell.blocks), _h = _g.next(); !_h.done; _h = _g.next()) {
+                    var block = _h.value;
+                    if (block.blockType == 'Paragraph') {
+                        try {
+                            for (var _j = (e_4 = void 0, (0, tslib_1.__values)(block.segments)), _k = _j.next(); !_k.done; _k = _j.next()) {
+                                var segment = _k.value;
+                                (0, mutate_1.mutateSegment)(block, segment, function (cellSegment) {
+                                    if (customStyles.italic) {
+                                        cellSegment.format.italic = customStyles.italic;
+                                    }
+                                    else if (cellSegment.format.italic) {
+                                        delete cellSegment.format.italic;
+                                    }
+                                });
+                            }
+                        }
+                        catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                        finally {
+                            try {
+                                if (_k && !_k.done && (_b = _j.return)) _b.call(_j);
+                            }
+                            finally { if (e_4) throw e_4.error; }
+                        }
+                    }
+                }
+            }
+            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            finally {
+                try {
+                    if (_h && !_h.done && (_a = _g.return)) _a.call(_g);
+                }
+                finally { if (e_3) throw e_3.error; }
+            }
         }
     });
 }
@@ -26498,7 +26635,7 @@ function mergeParagraph(markerPosition, newPara, mergeToCurrentParagraph, contex
     }
 }
 function mergeTables(markerPosition, newTable, source) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     var tableContext = markerPosition.tableContext, marker = markerPosition.marker;
     if (tableContext && source.blocks.length == 1 && source.blocks[0] == newTable) {
         var readonlyTable = tableContext.table, colIndex = tableContext.colIndex, rowIndex = tableContext.rowIndex;
@@ -26535,12 +26672,30 @@ function mergeTables(markerPosition, newTable, source) {
                 }
             }
         }
+        var logicalRowOffsets = [];
+        var logicalRowCount = 0;
+        for (var i = 0; i < newTableRowCount; i++) {
+            logicalRowOffsets[i] = logicalRowCount;
+            var row = newTable.rows[i];
+            if (row && row.cells.some(function (cell) { return !cell.spanAbove; })) {
+                logicalRowCount++;
+            }
+        }
         for (var i = 0; i < newTable.rows.length; i++) {
-            var targetRowIndex = getTargetRowIndex(table, rowIndex, i, colIndex);
+            var sourceRow = newTable.rows[i];
+            var targetRowIndex = getTargetRowIndex(table, rowIndex, logicalRowOffsets[i], colIndex);
+            var logicalColOffsets = [];
+            var logicalColCount = 0;
+            for (var j = 0; j < sourceRow.cells.length; j++) {
+                logicalColOffsets[j] = logicalColCount;
+                if (!((_e = sourceRow.cells[j]) === null || _e === void 0 ? void 0 : _e.spanLeft)) {
+                    logicalColCount++;
+                }
+            }
             for (var j = 0; j < newTable.rows[i].cells.length; j++) {
-                var newCell = newTable.rows[i].cells[j];
-                var targetColIndex = getTargetColIndex(table, targetRowIndex, colIndex, j);
-                var oldCell = (_e = table.rows[targetRowIndex]) === null || _e === void 0 ? void 0 : _e.cells[targetColIndex];
+                var newCell = sourceRow.cells[j];
+                var targetColIndex = getTargetColIndex(table, targetRowIndex, colIndex, logicalColOffsets[j]);
+                var oldCell = (_f = table.rows[targetRowIndex]) === null || _f === void 0 ? void 0 : _f.cells[targetColIndex];
                 table.rows[targetRowIndex].cells[targetColIndex] = newCell;
                 if (i == 0 && j == 0) {
                     var newMarker = (0, createSelectionMarker_1.createSelectionMarker)(marker.format);
@@ -27779,14 +27934,28 @@ var updateMetadata_1 = __webpack_require__(/*! ./updateMetadata */ "./packages/r
 var TableBorderFormat_1 = __webpack_require__(/*! ../../constants/TableBorderFormat */ "./packages/roosterjs-content-model-dom/lib/constants/TableBorderFormat.ts");
 var definitionCreators_1 = __webpack_require__(/*! ./definitionCreators */ "./packages/roosterjs-content-model-dom/lib/modelApi/metadata/definitionCreators.ts");
 var NullStringDefinition = (0, definitionCreators_1.createStringDefinition)(false /** isOptional */, undefined /** value */, true /** allowNull */);
+var OptionalStringDefinition = (0, definitionCreators_1.createStringDefinition)(true /** isOptional */);
+var OptionalBooleanDefinition = (0, definitionCreators_1.createBooleanDefinition)(true /** isOptional */);
 var BooleanDefinition = (0, definitionCreators_1.createBooleanDefinition)(false /** isOptional */);
+var TableSpecialCellFormatDefinition = (0, definitionCreators_1.createObjectDefinition)({
+    fontWeight: OptionalStringDefinition,
+    italic: OptionalBooleanDefinition,
+    borderTopColor: OptionalStringDefinition,
+    borderRightColor: OptionalStringDefinition,
+    borderBottomColor: OptionalStringDefinition,
+    borderLeftColor: OptionalStringDefinition,
+    textAlign: OptionalStringDefinition,
+    backgroundColor: OptionalStringDefinition,
+}, true /* isOptional */, true /** allowNull */);
 var TableFormatDefinition = (0, definitionCreators_1.createObjectDefinition)({
     topBorderColor: NullStringDefinition,
     bottomBorderColor: NullStringDefinition,
     verticalBorderColor: NullStringDefinition,
     hasHeaderRow: BooleanDefinition,
     headerRowColor: NullStringDefinition,
+    headerRowCustomStyles: TableSpecialCellFormatDefinition,
     hasFirstColumn: BooleanDefinition,
+    firstColumnCustomStyles: TableSpecialCellFormatDefinition,
     hasBandedColumns: BooleanDefinition,
     hasBandedRows: BooleanDefinition,
     bgColorEven: NullStringDefinition,
@@ -29513,23 +29682,40 @@ var handleParagraph = function (doc, parent, paragraph, context, refNode) {
                 segment: null,
             };
             var handleSegments = function () {
+                var e_1, _a;
+                var _b;
                 var parent = container;
                 if (parent) {
                     var firstSegment = paragraph.segments[0];
+                    var segmentContext = context;
                     if ((firstSegment === null || firstSegment === void 0 ? void 0 : firstSegment.segmentType) == 'SelectionMarker') {
                         // Make sure there is a segment created before selection marker.
                         // If selection marker is the first selected segment in a paragraph, create a dummy text node,
                         // so after rewrite, the regularSelection object can have a valid segment object set to the text node.
-                        context.modelHandlers.text(doc, parent, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, firstSegment), { segmentType: 'Text', text: '' }), context, []);
+                        context.modelHandlers.text(doc, parent, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, firstSegment), { segmentType: 'Text', text: '' }), segmentContext, []);
                     }
-                    paragraph.segments.forEach(function (segment) {
+                    for (var i = 0; i < paragraph.segments.length; i++) {
+                        var segment = paragraph.segments[i];
+                        segmentContext.noFollowingTextSegmentOrLast =
+                            i === paragraph.segments.length - 1 ||
+                                !hasTextSegmentAfter(paragraph.segments, i);
                         var newSegments = [];
-                        context.modelHandlers.segment(doc, parent, segment, context, newSegments);
-                        newSegments.forEach(function (node) {
-                            var _a;
-                            (_a = context.domIndexer) === null || _a === void 0 ? void 0 : _a.onSegment(node, paragraph, [segment]);
-                        });
-                    });
+                        context.modelHandlers.segment(doc, parent, segment, segmentContext, newSegments);
+                        try {
+                            for (var newSegments_1 = (e_1 = void 0, (0, tslib_1.__values)(newSegments)), newSegments_1_1 = newSegments_1.next(); !newSegments_1_1.done; newSegments_1_1 = newSegments_1.next()) {
+                                var node = newSegments_1_1.value;
+                                (_b = context.domIndexer) === null || _b === void 0 ? void 0 : _b.onSegment(node, paragraph, [segment]);
+                            }
+                        }
+                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                        finally {
+                            try {
+                                if (newSegments_1_1 && !newSegments_1_1.done && (_a = newSegments_1.return)) _a.call(newSegments_1);
+                            }
+                            finally { if (e_1) throw e_1.error; }
+                        }
+                    }
+                    delete segmentContext.noFollowingTextSegmentOrLast;
                 }
             };
             if (needParagraphWrapper) {
@@ -29569,6 +29755,21 @@ var handleParagraph = function (doc, parent, paragraph, context, refNode) {
     return refNode;
 };
 exports.handleParagraph = handleParagraph;
+function hasTextSegmentAfter(segments, index) {
+    for (var i = index + 1; i < segments.length; i++) {
+        var type = segments[i].segmentType;
+        if (type === 'SelectionMarker') {
+            continue;
+        }
+        if (type === 'Text') {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    return false;
+}
 
 
 /***/ },
@@ -29809,11 +30010,15 @@ exports.handleTable = handleTable;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.handleText = void 0;
 var handleSegmentCommon_1 = __webpack_require__(/*! ../utils/handleSegmentCommon */ "./packages/roosterjs-content-model-dom/lib/modelToDom/utils/handleSegmentCommon.ts");
+var nonBreakingSpace = '\u00A0';
 /**
  * @internal
  */
 var handleText = function (doc, parent, segment, context, segmentNodes) {
-    var txt = doc.createTextNode(segment.text);
+    var textContent = context.noFollowingTextSegmentOrLast && segment.text.endsWith(' ')
+        ? segment.text.slice(0, -1) + nonBreakingSpace
+        : segment.text;
+    var txt = doc.createTextNode(textContent);
     var element = doc.createElement('span');
     parent.appendChild(element);
     element.appendChild(txt);
@@ -30099,8 +30304,9 @@ function handleSegmentCommon(doc, segmentNode, containerNode, segment, context,
     }
     (0, applyFormat_1.applyFormat)(containerNode, context.formatAppliers.styleBasedSegment, segment.format, context);
     segmentNodes === null || segmentNodes === void 0 ? void 0 : segmentNodes.push(segmentNode);
-    context.modelHandlers.segmentDecorator(doc, containerNode, segment, context, segmentNodes);
     (0, applyFormat_1.applyFormat)(containerNode, context.formatAppliers.elementBasedSegment, segment.format, context);
+    context.modelHandlers.segmentDecorator(doc, containerNode, segment, context, segmentNodes);
+    (0, applyFormat_1.applyFormat)(containerNode, context.formatAppliers.superOrSubScript, segment.format, context);
     (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, segment, segmentNode);
 }
 exports.handleSegmentCommon = handleSegmentCommon;
@@ -36315,7 +36521,7 @@ var ImageEditPlugin = /** @class */ (function () {
             operation === 'crop');
     };
     ImageEditPlugin.prototype.canRegenerateImage = function (image) {
-        return (0, canRegenerateImage_1.canRegenerateImage)(image);
+        return (0, canRegenerateImage_1.canRegenerateImage)(image, this.options.resolveImageSource);
     };
     ImageEditPlugin.prototype.startCropMode = function (editor, image, isRTL) {
         var _this = this;
@@ -37076,12 +37282,21 @@ exports.canRegenerateImage = void 0;
  * Check if we can regenerate edited image from the source image.
  * An image can't regenerate result when there is CORS issue of the source content.
  * @param img The image element to test
+ * @param resolveImageSource Optional callback to resolve an image `src` into a canvas-safe URL (e.g., a data URL).
  * @returns True when we can regenerate the edited image, otherwise false
  */
-function canRegenerateImage(img) {
+function canRegenerateImage(img, resolveImageSource) {
     if (!img) {
         return false;
     }
+    // If a resolveImageSource callback is provided, the image source should be resolved to a
+    // canvas-compatible URL when editing starts, so we can assume the image can be regenerated.
+    if (resolveImageSource && img.src) {
+        var resolved = resolveImageSource(img.src);
+        if (resolved && resolved !== img.src) {
+            return true;
+        }
+    }
     try {
         var canvas = img.ownerDocument.createElement('canvas');
         canvas.width = 10;
@@ -37185,7 +37400,7 @@ var IMAGE_EDIT_SHADOW_ROOT = 'ImageEditShadowRoot';
  * @internal
  */
 function createImageWrapper(editor, image, options, editInfo, htmlOptions, operation) {
-    var imageClone = cloneImage(image, editInfo);
+    var imageClone = cloneImage(image, editInfo, options.resolveImageSource);
     var doc = editor.getDocument();
     var rotators = [];
     if (!options.disableRotate && operation.indexOf('rotate') > -1) {
@@ -37251,11 +37466,12 @@ var createBorder = function (editor, borderColor) {
     resizeBorder.setAttribute("style", "position:absolute;left:0;right:0;top:0;bottom:0;border:solid 2px " + borderColor + ";pointer-events:none;");
     return resizeBorder;
 };
-var cloneImage = function (image, editInfo) {
+var cloneImage = function (image, editInfo, resolveImageSource) {
+    var _a;
     var imageClone = image.cloneNode(true);
     imageClone.style.removeProperty('transform');
     if (editInfo.src) {
-        imageClone.src = editInfo.src;
+        imageClone.src = (_a = resolveImageSource === null || resolveImageSource === void 0 ? void 0 : resolveImageSource(editInfo.src)) !== null && _a !== void 0 ? _a : editInfo.src;
         imageClone.removeAttribute('id');
         imageClone.style.removeProperty('max-width');
         imageClone.style.removeProperty('max-height');
@@ -38920,6 +39136,7 @@ var LIST_ELEMENT_TAGS = ['UL', 'OL', 'LI'];
 var LIST_ELEMENT_SELECTOR = LIST_ELEMENT_TAGS.join(',');
 var END_OF_PARAGRAPH = 'EOP';
 var SELECTED_CLASS = 'Selected';
+var BASE_PADDING_WAC_LISTS = '1em';
 /**
  * Wac components do not use sub and super tags, instead only add vertical align to a span.
  * This parser normalize the content for content model
@@ -39017,15 +39234,13 @@ var wacListItemParser = function (format, element) {
     if (element.style.display === 'block') {
         format.displayForDummyItem = undefined;
     }
-    format.marginLeft = undefined;
-    format.marginRight = undefined;
 };
 /**
  * Wac usually adds padding to lists which is unwanted so remove it.
  */
 var wacListLevelParser = function (format) {
     format.marginLeft = undefined;
-    format.paddingLeft = undefined;
+    format.paddingLeft = BASE_PADDING_WAC_LISTS;
 };
 /**
  * This function returns whether we need to clear the list format.
@@ -39244,6 +39459,7 @@ var getStyles_1 = __webpack_require__(/*! ../utils/getStyles */ "./packages/roos
 var listLevelParser_1 = __webpack_require__(/*! ../parsers/listLevelParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/listLevelParser.ts");
 var processWordComments_1 = __webpack_require__(/*! ./processWordComments */ "./packages/roosterjs-content-model-plugins/lib/paste/WordDesktop/processWordComments.ts");
 var processWordLists_1 = __webpack_require__(/*! ./processWordLists */ "./packages/roosterjs-content-model-plugins/lib/paste/WordDesktop/processWordLists.ts");
+var adjustWordListMarginParser_1 = __webpack_require__(/*! ../parsers/adjustWordListMarginParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/adjustWordListMarginParser.ts");
 var removeNegativeTextIndentParser_1 = __webpack_require__(/*! ../parsers/removeNegativeTextIndentParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/removeNegativeTextIndentParser.ts");
 var setProcessor_1 = __webpack_require__(/*! ../utils/setProcessor */ "./packages/roosterjs-content-model-plugins/lib/paste/utils/setProcessor.ts");
 var wordContainerParser_1 = __webpack_require__(/*! ../parsers/wordContainerParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/wordContainerParser.ts");
@@ -39260,6 +39476,7 @@ function processPastedContentFromWordDesktop(domToModelOption, htmlString) {
     (0, addParser_1.addParser)(domToModelOption, 'block', adjustPercentileLineHeightParser_1.adjustPercentileLineHeight);
     (0, addParser_1.addParser)(domToModelOption, 'block', removeNegativeTextIndentParser_1.removeNegativeTextIndentParser);
     (0, addParser_1.addParser)(domToModelOption, 'listItemElement', removeNegativeTextIndentParser_1.removeNegativeTextIndentParser);
+    (0, addParser_1.addParser)(domToModelOption, 'listItemElement', adjustWordListMarginParser_1.adjustWordListMarginParser);
     (0, addParser_1.addParser)(domToModelOption, 'listLevel', listLevelParser_1.listLevelParser);
     (0, addParser_1.addParser)(domToModelOption, 'container', wordContainerParser_1.wordContainerParser);
     (0, addParser_1.addParser)(domToModelOption, 'table', wordTableParser_1.wordTableParser);
@@ -39684,6 +39901,42 @@ function adjustPercentileLineHeight(format, element) {
 exports.adjustPercentileLineHeight = adjustPercentileLineHeight;
 
 
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/adjustWordListMarginParser.ts"
+/*!**************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/paste/parsers/adjustWordListMarginParser.ts ***!
+  \**************************************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.adjustWordListMarginParser = void 0;
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var MSO_LIST_PARAGRAPH_CLASS = 'MsoListParagraph';
+// Default list padding from the HTML user-agent stylesheet (paddingInlineStart for <ul>/<ol>)
+var DEFAULT_LIST_PADDING_INLINE_START = '40px';
+/**
+ * @internal
+ * Parser that subtracts the default list format (paddingInlineStart: 40px) from
+ * the marginLeft of list item elements that have the MsoListParagraph class,
+ * since Word adds the full indentation as margin on the paragraph, which
+ * duplicates the padding the list element already provides.
+ */
+var adjustWordListMarginParser = function (format, element) {
+    if (element.classList.contains(MSO_LIST_PARAGRAPH_CLASS) && format.marginLeft) {
+        var currentPx = (0, roosterjs_content_model_dom_1.parseValueWithUnit)(format.marginLeft, element);
+        var defaultPx = (0, roosterjs_content_model_dom_1.parseValueWithUnit)(DEFAULT_LIST_PADDING_INLINE_START);
+        var result = currentPx - defaultPx;
+        if (result > 0) {
+            format.marginLeft = result + "px";
+        }
+    }
+};
+exports.adjustWordListMarginParser = adjustWordListMarginParser;
+
+
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/blockElementParser.ts"
@@ -42569,7 +42822,6 @@ var createElement_1 = __webpack_require__(/*! ../../../pluginUtils/CreateElement
 var DragAndDropHelper_1 = __webpack_require__(/*! ../../../pluginUtils/DragAndDrop/DragAndDropHelper */ "./packages/roosterjs-content-model-plugins/lib/pluginUtils/DragAndDrop/DragAndDropHelper.ts");
 var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
 var getTableFromContentModel_1 = __webpack_require__(/*! ../utils/getTableFromContentModel */ "./packages/roosterjs-content-model-plugins/lib/tableEdit/editors/utils/getTableFromContentModel.ts");
-var getNodePositionFromEvent_1 = __webpack_require__(/*! ../../../utils/getNodePositionFromEvent */ "./packages/roosterjs-content-model-plugins/lib/utils/getNodePositionFromEvent.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var TABLE_MOVER_LENGTH = 12;
 /**
@@ -42697,7 +42949,7 @@ function onDragging(context, event, initValue) {
     // Move table outline rectangle
     tableRect.style.top = event.clientY + TABLE_MOVER_LENGTH + "px";
     tableRect.style.left = event.clientX + TABLE_MOVER_LENGTH + "px";
-    var pos = (0, getNodePositionFromEvent_1.getNodePositionFromEvent)(editor, event.clientX, event.clientY);
+    var pos = (0, roosterjs_content_model_dom_1.getNodePositionFromEvent)(editor.getDocument(), editor.getDOMHelper(), event.clientX, event.clientY);
     if (pos) {
         var range = editor.getDocument().createRange();
         range.setStart(pos.node, pos.offset);
@@ -42737,7 +42989,7 @@ function onDragEnd(context, event, initValue) {
         }
         var insertionSuccess_1 = false;
         // Get position to insert table
-        var insertPosition = (0, getNodePositionFromEvent_1.getNodePositionFromEvent)(editor, event.clientX, event.clientY);
+        var insertPosition = (0, roosterjs_content_model_dom_1.getNodePositionFromEvent)(editor.getDocument(), editor.getDOMHelper(), event.clientX, event.clientY);
         if (insertPosition) {
             // Move table to new position
             (0, roosterjs_content_model_api_1.formatInsertPointWithContentModel)(editor, insertPosition, function (model, context, ip) {
@@ -43274,7 +43526,7 @@ exports.getCMTableFromTable = getCMTableFromTable;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.TouchPlugin = void 0;
-var getNodePositionFromEvent_1 = __webpack_require__(/*! ../utils/getNodePositionFromEvent */ "./packages/roosterjs-content-model-plugins/lib/utils/getNodePositionFromEvent.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var MAX_TOUCH_MOVE_DISTANCE = 6; // the max number of offsets for the touch selection to move
 var POINTER_DETECTION_DELAY = 150; // Delay time to wait for selection to be updated and also detect if pointerup is a tap or part of double tap
 var PUNCTUATION_MATCHING_REGEX = /[.,;:!]/;
@@ -43342,7 +43594,7 @@ var TouchPlugin = /** @class */ (function () {
                         if (_this.editor) {
                             if (!_this.isDblClicked) {
                                 _this.editor.focus();
-                                var caretPosition = (0, getNodePositionFromEvent_1.getNodePositionFromEvent)(_this.editor, event.rawEvent.x, event.rawEvent.y);
+                                var caretPosition = (0, roosterjs_content_model_dom_1.getNodePositionFromEvent)(_this.editor.getDocument(), _this.editor.getDOMHelper(), event.rawEvent.x, event.rawEvent.y);
                                 var newRange = _this.editor.getDocument().createRange();
                                 if (caretPosition) {
                                     var node = caretPosition.node, offset = caretPosition.offset;
@@ -43390,7 +43642,7 @@ var TouchPlugin = /** @class */ (function () {
                 if (this.isTouchPenPointerEvent) {
                     event.rawEvent.preventDefault();
                     this.isDblClicked = true;
-                    var caretPosition = (0, getNodePositionFromEvent_1.getNodePositionFromEvent)(this.editor, event.rawEvent.x, event.rawEvent.y);
+                    var caretPosition = (0, roosterjs_content_model_dom_1.getNodePositionFromEvent)(this.editor.getDocument(), this.editor.getDOMHelper(), event.rawEvent.x, event.rawEvent.y);
                     if (caretPosition) {
                         var node = caretPosition.node, offset = caretPosition.offset;
                         if (node.nodeType !== Node.TEXT_NODE) {
@@ -43484,50 +43736,6 @@ function findWordBoundaries(text, offset) {
 }
 
 
-/***/ },
-
-/***/ "./packages/roosterjs-content-model-plugins/lib/utils/getNodePositionFromEvent.ts"
-/*!****************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-plugins/lib/utils/getNodePositionFromEvent.ts ***!
-  \****************************************************************************************/
-(__unused_webpack_module, exports) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.getNodePositionFromEvent = void 0;
-/**
- * @internal Get insertion point from coordinate.
- */
-function getNodePositionFromEvent(editor, x, y) {
-    var doc = editor.getDocument();
-    var domHelper = editor.getDOMHelper();
-    if ('caretPositionFromPoint' in doc) {
-        // Firefox, Chrome, Edge, Safari, Opera
-        var pos = doc.caretPositionFromPoint(x, y);
-        if (pos && domHelper.isNodeInEditor(pos.offsetNode)) {
-            return { node: pos.offsetNode, offset: pos.offset };
-        }
-    }
-    if (doc.caretRangeFromPoint) {
-        // Safari
-        var range = doc.caretRangeFromPoint(x, y);
-        if (range && domHelper.isNodeInEditor(range.startContainer)) {
-            return { node: range.startContainer, offset: range.startOffset };
-        }
-    }
-    if (doc.elementFromPoint) {
-        // Fallback
-        var element = doc.elementFromPoint(x, y);
-        if (element && domHelper.isNodeInEditor(element)) {
-            return { node: element, offset: 0 };
-        }
-    }
-    return null;
-}
-exports.getNodePositionFromEvent = getNodePositionFromEvent;
-
-
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/watermark/WatermarkPlugin.ts"