roosterjs 8.30.0 → 8.31.0

package/dist/rooster-amd.js

@@ -2175,36 +2175,6 @@ function getDarkColor(color) {
 exports.default = getDarkColor;
 
 
-/***/ }),
-
-/***/ "./packages/roosterjs-editor-api/lib/experiment/experimentCommitListChains.ts":
-/*!************************************************************************************!*\
-  !*** ./packages/roosterjs-editor-api/lib/experiment/experimentCommitListChains.ts ***!
-  \************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
-/**
- * Commit changes of all list changes when experiment features are allowed
- * @param editor The Editor object
- * @param chains List chains to commit
- */
-function experimentCommitListChains(editor, chains) {
-    if ((chains === null || chains === void 0 ? void 0 : chains.length) > 0) {
-        var range = editor.getSelectionRange();
-        var start = range && roosterjs_editor_dom_1.Position.getStart(range);
-        var end = range && roosterjs_editor_dom_1.Position.getEnd(range);
-        chains.forEach(function (chain) { return chain.commit(); });
-        editor.select(start, end);
-    }
-}
-exports.default = experimentCommitListChains;
-
-
 /***/ }),
 
 /***/ "./packages/roosterjs-editor-api/lib/format/changeCapitalization.ts":
@@ -3878,7 +3848,7 @@ exports.default = toggleUnderline;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.experimentCommitListChains = exports.blockFormat = exports.toggleListType = exports.applyCellShading = exports.toggleHeader = exports.toggleUnderline = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleCodeBlock = exports.toggleBlockQuote = exports.setOrderedListNumbering = exports.toggleNumbering = exports.toggleItalic = exports.toggleBullet = exports.toggleBold = exports.changeCapitalization = exports.setIndentation = exports.setImageAltText = exports.setFontSize = exports.setFontName = exports.setDirection = exports.setTextColor = exports.setBackgroundColor = exports.setAlignment = exports.rotateElement = exports.replaceWithNode = exports.removeLink = exports.formatTable = exports.editTable = exports.insertTable = exports.insertImage = exports.insertEntity = exports.getElementBasedFormatState = exports.getFormatState = exports.createLink = exports.clearFormat = exports.clearBlockFormat = exports.FONT_SIZES = exports.changeFontSize = void 0;
+exports.experimentCommitListChains = exports.commitListChains = exports.blockFormat = exports.toggleListType = exports.applyCellShading = exports.toggleHeader = exports.toggleUnderline = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleCodeBlock = exports.toggleBlockQuote = exports.setOrderedListNumbering = exports.toggleNumbering = exports.toggleItalic = exports.toggleBullet = exports.toggleBold = exports.changeCapitalization = exports.setIndentation = exports.setImageAltText = exports.setFontSize = exports.setFontName = exports.setDirection = exports.setTextColor = exports.setBackgroundColor = exports.setAlignment = exports.rotateElement = exports.replaceWithNode = exports.removeLink = exports.formatTable = exports.editTable = exports.insertTable = exports.insertImage = exports.insertEntity = exports.getElementBasedFormatState = exports.getFormatState = exports.createLink = exports.clearFormat = exports.clearBlockFormat = exports.FONT_SIZES = exports.changeFontSize = void 0;
 var changeFontSize_1 = __webpack_require__(/*! ./format/changeFontSize */ "./packages/roosterjs-editor-api/lib/format/changeFontSize.ts");
 Object.defineProperty(exports, "changeFontSize", { enumerable: true, get: function () { return changeFontSize_1.default; } });
 Object.defineProperty(exports, "FONT_SIZES", { enumerable: true, get: function () { return changeFontSize_1.FONT_SIZES; } });
@@ -3955,8 +3925,9 @@ var toggleListType_1 = __webpack_require__(/*! ./utils/toggleListType */ "./pack
 Object.defineProperty(exports, "toggleListType", { enumerable: true, get: function () { return toggleListType_1.default; } });
 var blockFormat_1 = __webpack_require__(/*! ./utils/blockFormat */ "./packages/roosterjs-editor-api/lib/utils/blockFormat.ts");
 Object.defineProperty(exports, "blockFormat", { enumerable: true, get: function () { return blockFormat_1.default; } });
-var experimentCommitListChains_1 = __webpack_require__(/*! ./experiment/experimentCommitListChains */ "./packages/roosterjs-editor-api/lib/experiment/experimentCommitListChains.ts");
-Object.defineProperty(exports, "experimentCommitListChains", { enumerable: true, get: function () { return experimentCommitListChains_1.default; } });
+var commitListChains_1 = __webpack_require__(/*! ./utils/commitListChains */ "./packages/roosterjs-editor-api/lib/utils/commitListChains.ts");
+Object.defineProperty(exports, "commitListChains", { enumerable: true, get: function () { return commitListChains_1.default; } });
+Object.defineProperty(exports, "experimentCommitListChains", { enumerable: true, get: function () { return commitListChains_1.experimentCommitListChains; } });
 
 
 /***/ }),
@@ -4319,7 +4290,7 @@ function applyStyleToListItems(parentNodes, styles) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var experimentCommitListChains_1 = __webpack_require__(/*! ../experiment/experimentCommitListChains */ "./packages/roosterjs-editor-api/lib/experiment/experimentCommitListChains.ts");
+var commitListChains_1 = __webpack_require__(/*! ../utils/commitListChains */ "./packages/roosterjs-editor-api/lib/utils/commitListChains.ts");
 var formatUndoSnapshot_1 = __webpack_require__(/*! ./formatUndoSnapshot */ "./packages/roosterjs-editor-api/lib/utils/formatUndoSnapshot.ts");
 var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
 /**
@@ -4333,7 +4304,7 @@ function blockFormat(editor, callback, beforeRunCallback, apiName) {
             var regions = editor.getSelectedRegions();
             var chains_1 = roosterjs_editor_dom_1.VListChain.createListChains(regions, start === null || start === void 0 ? void 0 : start.node);
             regions.forEach(function (region) { return callback(region, start, end, chains_1); });
-            (0, experimentCommitListChains_1.default)(editor, chains_1);
+            (0, commitListChains_1.default)(editor, chains_1);
         }
         if (selection.type == 0 /* Normal */) {
             editor.select(start, end);
@@ -4438,6 +4409,42 @@ function isEmptyBlockUnderTR(block) {
 }
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-api/lib/utils/commitListChains.ts":
+/*!*********************************************************************!*\
+  !*** ./packages/roosterjs-editor-api/lib/utils/commitListChains.ts ***!
+  \*********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.experimentCommitListChains = void 0;
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
+/**
+ * Commit changes of all list changes when experiment features are allowed
+ * @param editor The Editor object
+ * @param chains List chains to commit
+ */
+function commitListChains(editor, chains) {
+    if ((chains === null || chains === void 0 ? void 0 : chains.length) > 0) {
+        var range = editor.getSelectionRange();
+        var start = range && roosterjs_editor_dom_1.Position.getStart(range);
+        var end = range && roosterjs_editor_dom_1.Position.getEnd(range);
+        chains.forEach(function (chain) { return chain.commit(); });
+        editor.select(start, end);
+    }
+}
+exports.default = commitListChains;
+/**
+ * @deprecated
+ * Same with commitListChains, keep this export just for backward compatibility
+ */
+exports.experimentCommitListChains = commitListChains;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-editor-api/lib/utils/execCommand.ts":
@@ -4901,7 +4908,7 @@ var createPasteFragment = function (core, clipboardData, position, pasteAsText,
                 .replace(/\r/g, '')
                 .replace(/ {2}/g, ' ' + NBSP_HTML);
             if (line.includes('\t')) {
-                line = transformTabCharacters(line, index === 0 ? position.offset : 0);
+                line = transformTabCharacters(line, index === 0 ? position === null || position === void 0 ? void 0 : position.offset : 0);
             }
             var textNode = document.createTextNode(line);
             // There are 3 scenarios:
@@ -4928,7 +4935,7 @@ var createPasteFragment = function (core, clipboardData, position, pasteAsText,
     // Step 5. Sanitize the fragment before paste to make sure the content is safe
     var sanitizer = new roosterjs_editor_dom_1.HtmlSanitizer(event.sanitizingOption);
     sanitizer.convertGlobalCssToInlineCss(fragment);
-    sanitizer.sanitize(fragment, position && (0, roosterjs_editor_dom_1.getInheritableStyles)(position.element));
+    sanitizer.sanitize(fragment, position ? (0, roosterjs_editor_dom_1.getInheritableStyles)(position.element) : undefined);
     return fragment;
 };
 exports.createPasteFragment = createPasteFragment;
@@ -5225,6 +5232,12 @@ var PendableStyleCheckers = {
     isBold: function (tag, style) {
         return tag == 'B' ||
             tag == 'STRONG' ||
+            tag == 'H1' ||
+            tag == 'H2' ||
+            tag == 'H3' ||
+            tag == 'H4' ||
+            tag == 'H5' ||
+            tag == 'H6' ||
             parseInt(style.fontWeight) >= 700 ||
             ['bold', 'bolder'].indexOf(style.fontWeight) >= 0;
     },
@@ -5555,6 +5568,9 @@ var insertNode = function (core, node, option) {
     }
     core.api.transformColor(core, node, true /*includeSelf*/, function () {
         var _a, _b;
+        if (!option) {
+            return;
+        }
         switch (option.position) {
             case 0 /* Begin */:
             case 1 /* End */: {
@@ -6152,7 +6168,9 @@ var ColorAttributeName = [
  * Pass true to this value to force do color transformation even editor core is in light mode
  */
 var transformColor = function (core, rootNode, includeSelf, callback, direction, forceTransform) {
-    var elements = forceTransform || core.lifecycle.isDarkMode ? getAll(rootNode, includeSelf) : [];
+    var elements = rootNode && (forceTransform || core.lifecycle.isDarkMode)
+        ? getAll(rootNode, includeSelf)
+        : [];
     callback === null || callback === void 0 ? void 0 : callback();
     if (direction == 1 /* DarkToLight */) {
         transformToLightMode(elements);
@@ -6307,6 +6325,8 @@ function handledExclusively(event, plugin) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
+var forEachSelectedCell_1 = __webpack_require__(/*! ./utils/forEachSelectedCell */ "./packages/roosterjs-editor-core/lib/corePlugins/utils/forEachSelectedCell.ts");
+var removeCellsOutsideSelection_1 = __webpack_require__(/*! ./utils/removeCellsOutsideSelection */ "./packages/roosterjs-editor-core/lib/corePlugins/utils/removeCellsOutsideSelection.ts");
 var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
 /**
  * @internal
@@ -6319,20 +6339,22 @@ var CopyPastePlugin = /** @class */ (function () {
      */
     function CopyPastePlugin(options) {
         var _this = this;
+        this.editor = null;
+        this.disposer = null;
         this.onPaste = function (event) {
-            var _a;
             var range;
-            (0, roosterjs_editor_dom_1.extractClipboardEvent)(event, function (clipboardData) { var _a; return (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.paste(clipboardData); }, {
-                allowedCustomPasteType: _this.state.allowedCustomPasteType,
-                getTempDiv: function () {
-                    var _a;
-                    range = (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.getSelectionRange();
-                    return _this.getTempDiv();
-                },
-                removeTempDiv: function (div) {
-                    _this.cleanUpAndRestoreSelection(div, range, false /* isCopy */);
-                },
-            }, (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.getSelectionRange());
+            if (_this.editor) {
+                (0, roosterjs_editor_dom_1.extractClipboardEvent)(event, function (clipboardData) { return _this.editor.paste(clipboardData); }, {
+                    allowedCustomPasteType: _this.state.allowedCustomPasteType,
+                    getTempDiv: function () {
+                        range = _this.editor.getSelectionRange();
+                        return _this.getTempDiv(_this.editor);
+                    },
+                    removeTempDiv: function (div) {
+                        _this.cleanUpAndRestoreSelection(div, range, false /* isCopy */);
+                    },
+                }, _this.editor.getSelectionRange());
+            }
         };
         this.state = {
             allowedCustomPasteType: options.allowedCustomPasteType || [],
@@ -6352,7 +6374,7 @@ var CopyPastePlugin = /** @class */ (function () {
         var _this = this;
         this.editor = editor;
         this.disposer = this.editor.addDomEventHandler({
-            paste: this.onPaste,
+            paste: function (e) { return _this.onPaste(e); },
             copy: function (e) { return _this.onCutCopy(e, false /*isCut*/); },
             cut: function (e) { return _this.onCutCopy(e, true /*isCut*/); },
         });
@@ -6361,7 +6383,9 @@ var CopyPastePlugin = /** @class */ (function () {
      * Dispose this plugin
      */
     CopyPastePlugin.prototype.dispose = function () {
-        this.disposer();
+        if (this.disposer) {
+            this.disposer();
+        }
         this.disposer = null;
         this.editor = null;
     };
@@ -6373,40 +6397,55 @@ var CopyPastePlugin = /** @class */ (function () {
     };
     CopyPastePlugin.prototype.onCutCopy = function (event, isCut) {
         var _this = this;
-        var selection = this.editor.getSelectionRangeEx();
-        if (selection && !selection.areAllCollapsed) {
-            var html = this.editor.getContent(2 /* RawHTMLWithSelection */);
-            var tempDiv_1 = this.getTempDiv(true /*forceInLightMode*/);
-            var metadata = (0, roosterjs_editor_dom_1.setHtmlWithMetadata)(tempDiv_1, html, this.editor.getTrustedHTMLHandler());
-            var newRange = (metadata === null || metadata === void 0 ? void 0 : metadata.type) === 0 /* Normal */
-                ? (0, roosterjs_editor_dom_1.createRange)(tempDiv_1, metadata.start, metadata.end)
-                : null;
-            this.editor.triggerPluginEvent(9 /* BeforeCutCopy */, {
-                clonedRoot: tempDiv_1,
-                range: newRange,
-                rawEvent: event,
-                isCut: isCut,
-            });
-            if (newRange) {
-                (0, roosterjs_editor_dom_1.addRangeToSelection)(newRange);
-            }
-            this.editor.runAsync(function (editor) {
-                _this.cleanUpAndRestoreSelection(tempDiv_1, selection, !isCut /* isCopy */);
-                if (isCut) {
-                    editor.addUndoSnapshot(function () {
-                        var position = _this.editor.deleteSelectedContent();
-                        editor.focus();
-                        editor.select(position);
-                    }, "Cut" /* Cut */);
+        if (this.editor) {
+            var selection_1 = this.editor.getSelectionRangeEx();
+            if (selection_1 && !selection_1.areAllCollapsed) {
+                var html = this.editor.getContent(2 /* RawHTMLWithSelection */);
+                var tempDiv_1 = this.getTempDiv(this.editor, true /*forceInLightMode*/);
+                var metadata = (0, roosterjs_editor_dom_1.setHtmlWithMetadata)(tempDiv_1, html, this.editor.getTrustedHTMLHandler());
+                var newRange = void 0;
+                if (selection_1.type === 1 /* TableSelection */ &&
+                    selection_1.coordinates) {
+                    var table = tempDiv_1.querySelector("#" + selection_1.table.id);
+                    newRange = this.createTableRange(table, selection_1.coordinates);
+                    if (isCut) {
+                        this.deleteTableContent(this.editor, selection_1.table, selection_1.coordinates);
+                    }
                 }
-            });
+                else {
+                    newRange =
+                        (metadata === null || metadata === void 0 ? void 0 : metadata.type) === 0 /* Normal */
+                            ? (0, roosterjs_editor_dom_1.createRange)(tempDiv_1, metadata.start, metadata.end)
+                            : null;
+                }
+                if (newRange) {
+                    var cutCopyEvent = this.editor.triggerPluginEvent(9 /* BeforeCutCopy */, {
+                        clonedRoot: tempDiv_1,
+                        range: newRange,
+                        rawEvent: event,
+                        isCut: isCut,
+                    });
+                    if (cutCopyEvent.range) {
+                        (0, roosterjs_editor_dom_1.addRangeToSelection)(newRange);
+                    }
+                    this.editor.runAsync(function (editor) {
+                        _this.cleanUpAndRestoreSelection(tempDiv_1, selection_1, !isCut /* isCopy */);
+                        if (isCut) {
+                            editor.addUndoSnapshot(function () {
+                                var position = _this.editor.deleteSelectedContent();
+                                editor.focus();
+                                editor.select(position);
+                            }, "Cut" /* Cut */);
+                        }
+                    });
+                }
+            }
         }
     };
-    CopyPastePlugin.prototype.getTempDiv = function (forceInLightMode) {
-        var _this = this;
-        var div = this.editor.getCustomData('CopyPasteTempDiv', function () {
-            var tempDiv = (0, roosterjs_editor_dom_1.createElement)(3 /* CopyPasteTempDiv */, _this.editor.getDocument());
-            _this.editor.insertNode(tempDiv, {
+    CopyPastePlugin.prototype.getTempDiv = function (editor, forceInLightMode) {
+        var div = editor.getCustomData('CopyPasteTempDiv', function () {
+            var tempDiv = (0, roosterjs_editor_dom_1.createElement)(3 /* CopyPasteTempDiv */, editor.getDocument());
+            editor.insertNode(tempDiv, {
                 position: 4 /* Outside */,
             });
             return tempDiv;
@@ -6425,7 +6464,9 @@ var CopyPastePlugin = /** @class */ (function () {
             var selection = range;
             switch (selection.type) {
                 case 1 /* TableSelection */:
-                    this.editor.select(selection.table, selection.coordinates);
+                    if (this.editor && selection.table && selection.coordinates) {
+                        this.editor.select(selection.table, selection.coordinates);
+                    }
                     break;
                 case 0 /* Normal */:
                     var range_1 = (_b = selection.ranges) === null || _b === void 0 ? void 0 : _b[0];
@@ -6442,13 +6483,43 @@ var CopyPastePlugin = /** @class */ (function () {
         (0, roosterjs_editor_dom_1.moveChildNodes)(tempDiv);
     };
     CopyPastePlugin.prototype.restoreRange = function (range, isCopy) {
-        if (range) {
+        if (range && this.editor) {
             if (isCopy && roosterjs_editor_dom_1.Browser.isAndroid) {
                 range.collapse();
             }
             this.editor.select(range);
         }
     };
+    CopyPastePlugin.prototype.createTableRange = function (table, selection) {
+        var clonedVTable = new roosterjs_editor_dom_1.VTable(table);
+        clonedVTable.selection = selection;
+        (0, removeCellsOutsideSelection_1.removeCellsOutsideSelection)(clonedVTable);
+        clonedVTable.writeBack();
+        return (0, roosterjs_editor_dom_1.createRange)(clonedVTable.table);
+    };
+    CopyPastePlugin.prototype.deleteTableContent = function (editor, table, selection) {
+        var selectedVTable = new roosterjs_editor_dom_1.VTable(table);
+        selectedVTable.selection = selection;
+        (0, forEachSelectedCell_1.forEachSelectedCell)(selectedVTable, function (cell) {
+            if (cell === null || cell === void 0 ? void 0 : cell.td) {
+                cell.td.innerHTML = editor.getTrustedHTMLHandler()('<br>');
+            }
+        });
+        var wholeTableSelected = (0, roosterjs_editor_dom_1.isWholeTableSelected)(selectedVTable, selection);
+        var isWholeColumnSelected = table.rows.length - 1 === selection.lastCell.y && selection.firstCell.y === 0;
+        if (wholeTableSelected) {
+            selectedVTable.edit(4 /* DeleteTable */);
+            selectedVTable.writeBack();
+        }
+        else if (isWholeColumnSelected) {
+            selectedVTable.edit(5 /* DeleteColumn */);
+            selectedVTable.writeBack();
+        }
+        if (wholeTableSelected || isWholeColumnSelected) {
+            table.style.removeProperty('width');
+            table.style.removeProperty('height');
+        }
+    };
     return CopyPastePlugin;
 }());
 exports.default = CopyPastePlugin;
@@ -7454,6 +7525,7 @@ var NormalizeTablePlugin = /** @class */ (function () {
             case 11 /* EditorReady */:
             case 7 /* ContentChanged */:
                 this.normalizeTables(this.editor.queryElements('table'));
+                this.normalizeBlockquotes(this.editor.queryElements('blockquote'));
                 break;
             case 10 /* BeforePaste */:
                 this.normalizeTables((0, roosterjs_editor_dom_1.toArray)(event.fragment.querySelectorAll('table')));
@@ -7494,9 +7566,31 @@ var NormalizeTablePlugin = /** @class */ (function () {
             }
         }
     };
+    NormalizeTablePlugin.prototype.normalizeBlockquotes = function (elements) {
+        elements.forEach(function (quote) {
+            var centeredElement = quote.querySelector('[style^="text-align: center"]');
+            if (centeredElement) {
+                if (isRTL(centeredElement)) {
+                    delete quote.style.marginInlineEnd;
+                    quote.style.marginInlineStart = 'auto';
+                }
+                else {
+                    delete quote.style.marginInlineStart;
+                    quote.style.marginInlineEnd = 'auto';
+                }
+            }
+            else {
+                delete quote.style.marginInlineStart;
+                delete quote.style.marginInlineEnd;
+            }
+        });
+    };
     return NormalizeTablePlugin;
 }());
 exports.default = NormalizeTablePlugin;
+function isRTL(el) {
+    return (0, roosterjs_editor_dom_1.getComputedStyle)(el, 'direction') == 'rtl' || el.getAttribute('dir') == 'rtl';
+}
 function normalizeTables(tables) {
     var isDOMChanged = false;
     tables.forEach(function (table) {
@@ -8053,6 +8147,87 @@ function getPluginState(corePlugins) {
 exports.getPluginState = getPluginState;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-core/lib/corePlugins/utils/forEachSelectedCell.ts":
+/*!*************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-core/lib/corePlugins/utils/forEachSelectedCell.ts ***!
+  \*************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.forEachSelectedCell = void 0;
+/**
+ * @internal
+ * Executes an action to all the cells within the selection range.
+ * @param callback action to apply on each selected cell
+ * @returns the amount of cells modified
+ */
+var forEachSelectedCell = function (vTable, callback) {
+    var _a;
+    if (vTable.selection) {
+        var _b = vTable.selection, lastCell = _b.lastCell, firstCell = _b.firstCell;
+        for (var y = firstCell.y; y <= lastCell.y; y++) {
+            for (var x = firstCell.x; x <= lastCell.x; x++) {
+                if (vTable.cells && ((_a = vTable.cells[y][x]) === null || _a === void 0 ? void 0 : _a.td)) {
+                    callback(vTable.cells[y][x]);
+                }
+            }
+        }
+    }
+};
+exports.forEachSelectedCell = forEachSelectedCell;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-core/lib/corePlugins/utils/removeCellsOutsideSelection.ts":
+/*!*********************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-core/lib/corePlugins/utils/removeCellsOutsideSelection.ts ***!
+  \*********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeCellsOutsideSelection = void 0;
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
+/**
+ * @internal
+ * Remove the cells outside of the selection.
+ * @param vTable VTable to remove selection
+ */
+var removeCellsOutsideSelection = function (vTable) {
+    if (vTable.selection) {
+        if ((0, roosterjs_editor_dom_1.isWholeTableSelected)(vTable, vTable.selection)) {
+            return;
+        }
+        vTable.table.style.removeProperty('width');
+        vTable.table.style.removeProperty('height');
+        var _a = vTable.selection, firstCell = _a.firstCell, lastCell = _a.lastCell;
+        var resultCells_1 = [];
+        var firstX_1 = firstCell.x;
+        var firstY_1 = firstCell.y;
+        var lastX_1 = lastCell.x;
+        var lastY_1 = lastCell.y;
+        if (vTable.cells) {
+            vTable.cells.forEach(function (row, y) {
+                row = row.filter(function (_, x) { return y >= firstY_1 && y <= lastY_1 && x >= firstX_1 && x <= lastX_1; });
+                if (row.length > 0) {
+                    resultCells_1.push(row);
+                }
+            });
+            vTable.cells = resultCells_1;
+        }
+    }
+};
+exports.removeCellsOutsideSelection = removeCellsOutsideSelection;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-editor-core/lib/editor/Editor.ts":
@@ -8092,6 +8267,8 @@ var Editor = /** @class */ (function () {
     function Editor(contentDiv, options) {
         var _this = this;
         if (options === void 0) { options = {}; }
+        var _a;
+        this.core = null;
         // 1. Make sure all parameters are valid
         if ((0, roosterjs_editor_dom_1.getTagOfNode)(contentDiv) != 'DIV') {
             throw new Error('contentDiv must be an HTML DIV element');
@@ -8101,13 +8278,15 @@ var Editor = /** @class */ (function () {
         var plugins = [];
         (0, roosterjs_editor_dom_1.getObjectKeys)(corePlugins).forEach(function (name) {
             if (name == '_placeholder') {
-                (0, roosterjs_editor_dom_1.arrayPush)(plugins, options.plugins);
+                if (options.plugins) {
+                    (0, roosterjs_editor_dom_1.arrayPush)(plugins, options.plugins);
+                }
             }
             else {
                 plugins.push(corePlugins[name]);
             }
         });
-        var zoomScale = options.zoomScale > 0 ? options.zoomScale : 1;
+        var zoomScale = ((_a = options.zoomScale) !== null && _a !== void 0 ? _a : -1) > 0 ? options.zoomScale : 1;
         this.core = __assign(__assign({ contentDiv: contentDiv, api: __assign(__assign({}, coreApiMap_1.coreApiMap), (options.coreApiOverride || {})), originalApi: coreApiMap_1.coreApiMap, plugins: plugins.filter(function (x) { return !!x; }) }, (0, createCorePlugins_1.getPluginState)(corePlugins)), { trustedHTMLHandler: options.trustedHTMLHandler || (function (html) { return html; }), zoomScale: zoomScale, sizeTransformer: options.sizeTransformer || (function (size) { return size / zoomScale; }) });
         // 3. Initialize plugins
         this.core.plugins.forEach(function (plugin) { return plugin.initialize(_this); });
@@ -8118,8 +8297,9 @@ var Editor = /** @class */ (function () {
      * Dispose this editor, dispose all plugins and custom data
      */
     Editor.prototype.dispose = function () {
-        for (var i = this.core.plugins.length - 1; i >= 0; i--) {
-            this.core.plugins[i].dispose();
+        var core = this.getCore();
+        for (var i = core.plugins.length - 1; i >= 0; i--) {
+            core.plugins[i].dispose();
         }
         this.core = null;
     };
@@ -8143,7 +8323,8 @@ var Editor = /** @class */ (function () {
      * @returns true if node is inserted. Otherwise false
      */
     Editor.prototype.insertNode = function (node, option) {
-        return node ? this.core.api.insertNode(this.core, node, option) : false;
+        var core = this.getCore();
+        return node ? core.api.insertNode(core, node, option !== null && option !== void 0 ? option : null) : false;
     };
     /**
      * Delete a node from editor content
@@ -8152,7 +8333,7 @@ var Editor = /** @class */ (function () {
      */
     Editor.prototype.deleteNode = function (node) {
         // Only remove the node when it falls within editor
-        if (node && this.contains(node)) {
+        if (node && this.contains(node) && node.parentNode) {
             node.parentNode.removeChild(node);
             return true;
         }
@@ -8166,9 +8347,10 @@ var Editor = /** @class */ (function () {
      * @returns true if node is replaced. Otherwise false
      */
     Editor.prototype.replaceNode = function (existingNode, toNode, transformColorForDarkMode) {
+        var core = this.getCore();
         // Only replace the node when it falls within editor
         if (this.contains(existingNode) && toNode) {
-            this.core.api.transformColor(this.core, transformColorForDarkMode ? toNode : null, true /*includeSelf*/, function () { return existingNode.parentNode.replaceChild(toNode, existingNode); }, 0 /* LightToDark */);
+            core.api.transformColor(core, transformColorForDarkMode ? toNode : null, true /*includeSelf*/, function () { var _a; return (_a = existingNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(toNode, existingNode); }, 0 /* LightToDark */);
             return true;
         }
         return false;
@@ -8179,25 +8361,25 @@ var Editor = /** @class */ (function () {
      * @returns The BlockElement result
      */
     Editor.prototype.getBlockElementAtNode = function (node) {
-        return (0, roosterjs_editor_dom_1.getBlockElementAtNode)(this.core.contentDiv, node);
+        return (0, roosterjs_editor_dom_1.getBlockElementAtNode)(this.getCore().contentDiv, node);
     };
     Editor.prototype.contains = function (arg) {
-        return (0, roosterjs_editor_dom_1.contains)(this.core.contentDiv, arg);
+        return (0, roosterjs_editor_dom_1.contains)(this.getCore().contentDiv, arg);
     };
     Editor.prototype.queryElements = function (selector, scopeOrCallback, callback) {
-        var _this = this;
         if (scopeOrCallback === void 0) { scopeOrCallback = 0 /* Body */; }
+        var core = this.getCore();
         var result = [];
         var scope = scopeOrCallback instanceof Function ? 0 /* Body */ : scopeOrCallback;
         callback = scopeOrCallback instanceof Function ? scopeOrCallback : callback;
         var selectionEx = scope == 0 /* Body */ ? null : this.getSelectionRangeEx();
         if (selectionEx) {
             selectionEx.ranges.forEach(function (range) {
-                result.push.apply(result, (0, roosterjs_editor_dom_1.queryElements)(_this.core.contentDiv, selector, callback, scope, range));
+                result.push.apply(result, (0, roosterjs_editor_dom_1.queryElements)(core.contentDiv, selector, callback, scope, range));
             });
         }
         else {
-            return (0, roosterjs_editor_dom_1.queryElements)(this.core.contentDiv, selector, callback, scope, null);
+            return (0, roosterjs_editor_dom_1.queryElements)(core.contentDiv, selector, callback, scope, undefined /* range */);
         }
         return result;
     };
@@ -8213,7 +8395,7 @@ var Editor = /** @class */ (function () {
      * otherwise just return start and end
      */
     Editor.prototype.collapseNodes = function (start, end, canSplitParent) {
-        return (0, roosterjs_editor_dom_1.collapseNodes)(this.core.contentDiv, start, end, canSplitParent);
+        return (0, roosterjs_editor_dom_1.collapseNodes)(this.getCore().contentDiv, start, end, canSplitParent);
     };
     //#endregion
     //#region Content API
@@ -8223,7 +8405,7 @@ var Editor = /** @class */ (function () {
      * @returns True if there's no visible content, otherwise false
      */
     Editor.prototype.isEmpty = function (trim) {
-        return (0, roosterjs_editor_dom_1.isNodeEmpty)(this.core.contentDiv, trim);
+        return (0, roosterjs_editor_dom_1.isNodeEmpty)(this.getCore().contentDiv, trim);
     };
     /**
      * Get current editor content as HTML string
@@ -8232,7 +8414,8 @@ var Editor = /** @class */ (function () {
      */
     Editor.prototype.getContent = function (mode) {
         if (mode === void 0) { mode = 0 /* CleanHTML */; }
-        return this.core.api.getContent(this.core, mode);
+        var core = this.getCore();
+        return core.api.getContent(core, mode);
     };
     /**
      * Set HTML content to this editor. All existing content will be replaced. A ContentChanged event will be triggered
@@ -8241,7 +8424,8 @@ var Editor = /** @class */ (function () {
      */
     Editor.prototype.setContent = function (content, triggerContentChangedEvent) {
         if (triggerContentChangedEvent === void 0) { triggerContentChangedEvent = true; }
-        this.core.api.setContent(this.core, content, triggerContentChangedEvent);
+        var core = this.getCore();
+        core.api.setContent(core, content, triggerContentChangedEvent);
     };
     /**
      * Insert HTML content into editor
@@ -8256,7 +8440,7 @@ var Editor = /** @class */ (function () {
         var _a;
         if (content) {
             var doc = this.getDocument();
-            var body = (_a = new DOMParser().parseFromString(this.core.trustedHTMLHandler(content), 'text/html')) === null || _a === void 0 ? void 0 : _a.body;
+            var body = (_a = new DOMParser().parseFromString(this.getCore().trustedHTMLHandler(content), 'text/html')) === null || _a === void 0 ? void 0 : _a.body;
             var allNodes = (body === null || body === void 0 ? void 0 : body.childNodes) ? (0, roosterjs_editor_dom_1.toArray)(body.childNodes) : [];
             // If it is to insert on new line, and there are more than one node in the collection, wrap all nodes with
             // a parent DIV before calling insertNode on each top level sub node. Otherwise, every sub node may get wrapped
@@ -8274,7 +8458,10 @@ var Editor = /** @class */ (function () {
      */
     Editor.prototype.deleteSelectedContent = function () {
         var range = this.getSelectionRange();
-        return range && !range.collapsed && (0, roosterjs_editor_dom_1.deleteSelectedContent)(this.core.contentDiv, range);
+        if (range && !range.collapsed) {
+            return (0, roosterjs_editor_dom_1.deleteSelectedContent)(this.getCore().contentDiv, range);
+        }
+        return null;
     };
     /**
      * Paste into editor using a clipboardData object
@@ -8285,6 +8472,9 @@ var Editor = /** @class */ (function () {
      */
     Editor.prototype.paste = function (clipboardData, pasteAsText, applyCurrentFormat) {
         var _this = this;
+        if (pasteAsText === void 0) { pasteAsText = false; }
+        if (applyCurrentFormat === void 0) { applyCurrentFormat = false; }
+        var core = this.getCore();
         if (!clipboardData) {
             return;
         }
@@ -8297,11 +8487,13 @@ var Editor = /** @class */ (function () {
         }
         var range = this.getSelectionRange();
         var pos = range && roosterjs_editor_dom_1.Position.getStart(range);
-        var fragment = this.core.api.createPasteFragment(this.core, clipboardData, pos, pasteAsText, applyCurrentFormat);
-        this.addUndoSnapshot(function () {
-            _this.insertNode(fragment);
-            return clipboardData;
-        }, "Paste" /* Paste */);
+        var fragment = core.api.createPasteFragment(core, clipboardData, pos, pasteAsText, applyCurrentFormat);
+        if (fragment) {
+            this.addUndoSnapshot(function () {
+                _this.insertNode(fragment);
+                return clipboardData;
+            }, "Paste" /* Paste */);
+        }
     };
     //#endregion
     //#region Focus and Selection
@@ -8314,7 +8506,8 @@ var Editor = /** @class */ (function () {
      */
     Editor.prototype.getSelectionRange = function (tryGetFromCache) {
         if (tryGetFromCache === void 0) { tryGetFromCache = true; }
-        return this.core.api.getSelectionRange(this.core, tryGetFromCache);
+        var core = this.getCore();
+        return core.api.getSelectionRange(core, tryGetFromCache);
     };
     /**
      * Get current selection range from Editor.
@@ -8324,7 +8517,8 @@ var Editor = /** @class */ (function () {
      * @returns current selection range, or null if editor never got focus before
      */
     Editor.prototype.getSelectionRangeEx = function () {
-        return this.core.api.getSelectionRangeEx(this.core);
+        var core = this.getCore();
+        return core.api.getSelectionRangeEx(core);
     };
     /**
      * Get current selection in a serializable format
@@ -8333,40 +8527,42 @@ var Editor = /** @class */ (function () {
      */
     Editor.prototype.getSelectionPath = function () {
         var range = this.getSelectionRange();
-        return range && (0, roosterjs_editor_dom_1.getSelectionPath)(this.core.contentDiv, range);
+        return range && (0, roosterjs_editor_dom_1.getSelectionPath)(this.getCore().contentDiv, range);
     };
     /**
      * Check if focus is in editor now
      * @returns true if focus is in editor, otherwise false
      */
     Editor.prototype.hasFocus = function () {
-        return this.core.api.hasFocus(this.core);
+        var core = this.getCore();
+        return core.api.hasFocus(core);
     };
     /**
      * Focus to this editor, the selection was restored to where it was before, no unexpected scroll.
      */
     Editor.prototype.focus = function () {
-        this.core.api.focus(this.core);
+        var core = this.getCore();
+        core.api.focus(core);
     };
     Editor.prototype.select = function (arg1, arg2, arg3, arg4) {
-        var _a;
-        if (!!((_a = arg1) === null || _a === void 0 ? void 0 : _a.rows)) {
-            var selection = this.core.api.selectTable(this.core, arg1, arg2);
-            this.core.domEvent.tableSelectionRange = selection;
+        var core = this.getCore();
+        if (arg1 && 'rows' in arg1) {
+            var selection = core.api.selectTable(core, arg1, arg2);
+            core.domEvent.tableSelectionRange = selection;
             return !!selection;
         }
         else {
-            this.core.api.selectTable(this.core, null);
-            this.core.domEvent.tableSelectionRange = null;
+            core.api.selectTable(core, null);
+            core.domEvent.tableSelectionRange = null;
         }
         var range = !arg1
             ? null
             : (0, roosterjs_editor_dom_1.safeInstanceOf)(arg1, 'Range')
                 ? arg1
-                : Array.isArray(arg1.start) && Array.isArray(arg1.end)
-                    ? (0, roosterjs_editor_dom_1.createRange)(this.core.contentDiv, arg1.start, arg1.end)
+                : 'start' in arg1 && Array.isArray(arg1.end)
+                    ? (0, roosterjs_editor_dom_1.createRange)(core.contentDiv, arg1.start, arg1.end)
                     : (0, roosterjs_editor_dom_1.createRange)(arg1, arg2, arg3, arg4);
-        return this.contains(range) && this.core.api.selectRange(this.core, range);
+        return !!range && this.contains(range) && core.api.selectRange(core, range);
     };
     /**
      * Get current focused position. Return null if editor doesn't have focus at this time.
@@ -8374,7 +8570,7 @@ var Editor = /** @class */ (function () {
     Editor.prototype.getFocusedPosition = function () {
         var _a;
         var sel = (_a = this.getDocument().defaultView) === null || _a === void 0 ? void 0 : _a.getSelection();
-        if (this.contains(sel && sel.focusNode)) {
+        if ((sel === null || sel === void 0 ? void 0 : sel.focusNode) && this.contains(sel.focusNode)) {
             return new roosterjs_editor_dom_1.Position(sel.focusNode, sel.focusOffset);
         }
         var range = this.getSelectionRange();
@@ -8397,14 +8593,16 @@ var Editor = /** @class */ (function () {
      */
     Editor.prototype.getElementAtCursor = function (selector, startFrom, event) {
         var _this = this;
-        event = startFrom ? null : event; // Only use cache when startFrom is not specified, for different start position can have different result
-        return (0, roosterjs_editor_dom_1.cacheGetEventData)(event, 'GET_ELEMENT_AT_CURSOR_' + selector, function () {
+        var _a;
+        event = startFrom ? undefined : event; // Only use cache when startFrom is not specified, for different start position can have different result
+        return ((_a = (0, roosterjs_editor_dom_1.cacheGetEventData)(event !== null && event !== void 0 ? event : null, 'GET_ELEMENT_AT_CURSOR_' + selector, function () {
             if (!startFrom) {
                 var position = _this.getFocusedPosition();
-                startFrom = position && position.node;
+                startFrom = position === null || position === void 0 ? void 0 : position.node;
             }
-            return (startFrom && (0, roosterjs_editor_dom_1.findClosestElementAncestor)(startFrom, _this.core.contentDiv, selector));
-        });
+            return (startFrom &&
+                (0, roosterjs_editor_dom_1.findClosestElementAncestor)(startFrom, _this.getCore().contentDiv, selector));
+        })) !== null && _a !== void 0 ? _a : null);
     };
     /**
      * Check if this position is at beginning of the editor.
@@ -8413,18 +8611,18 @@ var Editor = /** @class */ (function () {
      * @returns True if position is at beginning of the editor, otherwise false
      */
     Editor.prototype.isPositionAtBeginning = function (position) {
-        return (0, roosterjs_editor_dom_1.isPositionAtBeginningOf)(position, this.core.contentDiv);
+        return (0, roosterjs_editor_dom_1.isPositionAtBeginningOf)(position, this.getCore().contentDiv);
     };
     /**
      * Get impacted regions from selection
      */
     Editor.prototype.getSelectedRegions = function (type) {
-        var _this = this;
         if (type === void 0) { type = 0 /* Table */; }
         var selection = this.getSelectionRangeEx();
         var result = [];
+        var contentDiv = this.getCore().contentDiv;
         selection.ranges.forEach(function (range) {
-            result.push.apply(result, (range ? (0, roosterjs_editor_dom_1.getRegionsFromRange)(_this.core.contentDiv, range, type) : []));
+            result.push.apply(result, (range ? (0, roosterjs_editor_dom_1.getRegionsFromRange)(contentDiv, range, type) : []));
         });
         return result.filter(function (value, index, self) {
             return self.indexOf(value) === index;
@@ -8435,7 +8633,8 @@ var Editor = /** @class */ (function () {
     Editor.prototype.addDomEventHandler = function (nameOrMap, handler) {
         var _a;
         var eventsToMap = typeof nameOrMap == 'string' ? (_a = {}, _a[nameOrMap] = handler, _a) : nameOrMap;
-        return this.core.api.attachDomEvent(this.core, eventsToMap);
+        var core = this.getCore();
+        return core.api.attachDomEvent(core, eventsToMap);
     };
     /**
      * Trigger an event to be dispatched to all plugins
@@ -8447,8 +8646,10 @@ var Editor = /** @class */ (function () {
      * the result of this function provides a chance to read the modified result
      */
     Editor.prototype.triggerPluginEvent = function (eventType, data, broadcast) {
+        if (broadcast === void 0) { broadcast = false; }
+        var core = this.getCore();
         var event = __assign({ eventType: eventType }, data);
-        this.core.api.triggerEvent(this.core, event, broadcast);
+        core.api.triggerEvent(core, event, broadcast);
         return event;
     };
     /**
@@ -8470,14 +8671,16 @@ var Editor = /** @class */ (function () {
      */
     Editor.prototype.undo = function () {
         this.focus();
-        this.core.api.restoreUndoSnapshot(this.core, -1 /*step*/);
+        var core = this.getCore();
+        core.api.restoreUndoSnapshot(core, -1 /*step*/);
     };
     /**
      * Redo next edit operation
      */
     Editor.prototype.redo = function () {
         this.focus();
-        this.core.api.restoreUndoSnapshot(this.core, 1 /*step*/);
+        var core = this.getCore();
+        core.api.restoreUndoSnapshot(core, 1 /*step*/);
     };
     /**
      * Add undo snapshot, and execute a format callback function, then add another undo snapshot, then trigger
@@ -8490,13 +8693,14 @@ var Editor = /** @class */ (function () {
      * @param canUndoByBackspace True if this action can be undone when user press Backspace key (aka Auto Complete).
      */
     Editor.prototype.addUndoSnapshot = function (callback, changeSource, canUndoByBackspace, additionalData) {
-        this.core.api.addUndoSnapshot(this.core, callback, changeSource, canUndoByBackspace, additionalData);
+        var core = this.getCore();
+        core.api.addUndoSnapshot(core, callback !== null && callback !== void 0 ? callback : null, changeSource !== null && changeSource !== void 0 ? changeSource : null, canUndoByBackspace !== null && canUndoByBackspace !== void 0 ? canUndoByBackspace : false, additionalData);
     };
     /**
      * Whether there is an available undo/redo snapshot
      */
     Editor.prototype.getUndoState = function () {
-        var _a = this.core.undo, hasNewContent = _a.hasNewContent, snapshotsService = _a.snapshotsService;
+        var _a = this.getCore().undo, hasNewContent = _a.hasNewContent, snapshotsService = _a.snapshotsService;
         return {
             canUndo: hasNewContent || snapshotsService.canMove(-1 /*previousSnapshot*/),
             canRedo: snapshotsService.canMove(1 /*nextSnapshot*/),
@@ -8509,13 +8713,13 @@ var Editor = /** @class */ (function () {
      * @returns The HTML document which contains this editor
      */
     Editor.prototype.getDocument = function () {
-        return this.core.contentDiv.ownerDocument;
+        return this.getCore().contentDiv.ownerDocument;
     };
     /**
      * Get the scroll container of the editor
      */
     Editor.prototype.getScrollContainer = function () {
-        return this.core.domEvent.scrollContainer;
+        return this.getCore().domEvent.scrollContainer;
     };
     /**
      * Get custom data related to this editor
@@ -8526,7 +8730,8 @@ var Editor = /** @class */ (function () {
      * dispose editor.
      */
     Editor.prototype.getCustomData = function (key, getter, disposer) {
-        return (this.core.lifecycle.customData[key] = this.core.lifecycle.customData[key] || {
+        var core = this.getCore();
+        return (core.lifecycle.customData[key] = core.lifecycle.customData[key] || {
             value: getter ? getter() : undefined,
             disposer: disposer,
         }).value;
@@ -8536,48 +8741,57 @@ var Editor = /** @class */ (function () {
      * @returns True if editor is in IME input sequence, otherwise false
      */
     Editor.prototype.isInIME = function () {
-        return this.core.domEvent.isInIME;
+        return this.getCore().domEvent.isInIME;
     };
     /**
      * Get default format of this editor
      * @returns Default format object of this editor
      */
     Editor.prototype.getDefaultFormat = function () {
-        return this.core.lifecycle.defaultFormat;
+        return this.getCore().lifecycle.defaultFormat;
     };
     /**
      * Get a content traverser for the whole editor
      * @param startNode The node to start from. If not passed, it will start from the beginning of the body
      */
     Editor.prototype.getBodyTraverser = function (startNode) {
-        return roosterjs_editor_dom_1.ContentTraverser.createBodyTraverser(this.core.contentDiv, startNode);
+        return roosterjs_editor_dom_1.ContentTraverser.createBodyTraverser(this.getCore().contentDiv, startNode);
     };
     /**
      * Get a content traverser for current selection
+     * @returns A content traverser, or null if editor never got focus before
      */
     Editor.prototype.getSelectionTraverser = function (range) {
-        range = range !== null && range !== void 0 ? range : this.getSelectionRange();
-        return range && roosterjs_editor_dom_1.ContentTraverser.createSelectionTraverser(this.core.contentDiv, range);
+        var _a;
+        range = (_a = range !== null && range !== void 0 ? range : this.getSelectionRange()) !== null && _a !== void 0 ? _a : undefined;
+        return range
+            ? roosterjs_editor_dom_1.ContentTraverser.createSelectionTraverser(this.getCore().contentDiv, range)
+            : null;
     };
     /**
      * Get a content traverser for current block element start from specified position
      * @param startFrom Start position of the traverser. Default value is ContentPosition.SelectionStart
+     * @returns A content traverser, or null if editor never got focus before
      */
     Editor.prototype.getBlockTraverser = function (startFrom) {
         if (startFrom === void 0) { startFrom = 3 /* SelectionStart */; }
         var range = this.getSelectionRange();
-        return (range && roosterjs_editor_dom_1.ContentTraverser.createBlockTraverser(this.core.contentDiv, range, startFrom));
+        return range
+            ? roosterjs_editor_dom_1.ContentTraverser.createBlockTraverser(this.getCore().contentDiv, range, startFrom)
+            : null;
     };
     /**
      * Get a text traverser of current selection
      * @param event Optional, if specified, editor will try to get cached result from the event object first.
      * If it is not cached before, query from DOM and cache the result into the event object
+     * @returns A content traverser, or null if editor never got focus before
      */
     Editor.prototype.getContentSearcherOfCursor = function (event) {
         var _this = this;
-        return (0, roosterjs_editor_dom_1.cacheGetEventData)(event, 'ContentSearcher', function () {
+        return (0, roosterjs_editor_dom_1.cacheGetEventData)(event !== null && event !== void 0 ? event : null, 'ContentSearcher', function () {
             var range = _this.getSelectionRange();
-            return (range && new roosterjs_editor_dom_1.PositionContentSearcher(_this.core.contentDiv, roosterjs_editor_dom_1.Position.getStart(range)));
+            return (range &&
+                new roosterjs_editor_dom_1.PositionContentSearcher(_this.getCore().contentDiv, roosterjs_editor_dom_1.Position.getStart(range)));
         });
     };
     /**
@@ -8587,7 +8801,7 @@ var Editor = /** @class */ (function () {
      */
     Editor.prototype.runAsync = function (callback) {
         var _this = this;
-        var win = this.core.contentDiv.ownerDocument.defaultView || window;
+        var win = this.getCore().contentDiv.ownerDocument.defaultView || window;
         var handle = win.requestAnimationFrame(function () {
             if (!_this.isDisposed() && callback) {
                 callback(_this);
@@ -8604,18 +8818,18 @@ var Editor = /** @class */ (function () {
      */
     Editor.prototype.setEditorDomAttribute = function (name, value) {
         if (value === null) {
-            this.core.contentDiv.removeAttribute(name);
+            this.getCore().contentDiv.removeAttribute(name);
         }
         else {
-            this.core.contentDiv.setAttribute(name, value);
+            this.getCore().contentDiv.setAttribute(name, value);
         }
     };
     /**
-     * get DOM attribute of editor content DIV
+     * Get DOM attribute of editor content DIV, null if there is no such attribute.
      * @param name Name of the attribute
      */
     Editor.prototype.getEditorDomAttribute = function (name) {
-        return this.core.contentDiv.getAttribute(name);
+        return this.getCore().contentDiv.getAttribute(name);
     };
     /**
      * Get current relative distance from top-left corner of the given element to top-left corner of editor content DIV.
@@ -8626,7 +8840,7 @@ var Editor = /** @class */ (function () {
      */
     Editor.prototype.getRelativeDistanceToEditor = function (element, addScroll) {
         if (this.contains(element)) {
-            var contentDiv = this.core.contentDiv;
+            var contentDiv = this.getCore().contentDiv;
             var editorRect = contentDiv.getBoundingClientRect();
             var elementRect = element.getBoundingClientRect();
             if (editorRect && elementRect) {
@@ -8646,22 +8860,24 @@ var Editor = /** @class */ (function () {
      * @param feature The feature to add
      */
     Editor.prototype.addContentEditFeature = function (feature) {
-        var _this = this;
+        var core = this.getCore();
         feature === null || feature === void 0 ? void 0 : feature.keys.forEach(function (key) {
-            var array = _this.core.edit.features[key] || [];
+            var array = core.edit.features[key] || [];
             array.push(feature);
-            _this.core.edit.features[key] = array;
+            core.edit.features[key] = array;
         });
     };
     /**
      * Get style based format state from current selection, including font name/size and colors
      */
     Editor.prototype.getStyleBasedFormatState = function (node) {
+        var _a;
         if (!node) {
             var range = this.getSelectionRange();
-            node = range && roosterjs_editor_dom_1.Position.getStart(range).normalize().node;
+            node = (_a = (range && roosterjs_editor_dom_1.Position.getStart(range).normalize().node)) !== null && _a !== void 0 ? _a : undefined;
         }
-        return this.core.api.getStyleBasedFormatState(this.core, node);
+        var core = this.getCore();
+        return core.api.getStyleBasedFormatState(core, node !== null && node !== void 0 ? node : null);
     };
     /**
      * Get the pendable format such as underline and bold
@@ -8669,7 +8885,9 @@ var Editor = /** @class */ (function () {
      * @returns The pending format state
      */
     Editor.prototype.getPendableFormatState = function (forceGetStateFromDOM) {
-        return this.core.api.getPendableFormatState(this.core, forceGetStateFromDOM);
+        if (forceGetStateFromDOM === void 0) { forceGetStateFromDOM = false; }
+        var core = this.getCore();
+        return core.api.getPendableFormatState(core, forceGetStateFromDOM);
     };
     /**
      * Ensure user will type into a container element rather than into the editor content DIV directly
@@ -8677,7 +8895,8 @@ var Editor = /** @class */ (function () {
      * @param keyboardEvent Optional keyboard event object
      */
     Editor.prototype.ensureTypeInContainer = function (position, keyboardEvent) {
-        this.core.api.ensureTypeInContainer(this.core, position, keyboardEvent);
+        var core = this.getCore();
+        core.api.ensureTypeInContainer(core, position, keyboardEvent);
     };
     //#endregion
     //#region Dark mode APIs
@@ -8689,7 +8908,8 @@ var Editor = /** @class */ (function () {
         if (this.isDarkMode() == !!nextDarkMode) {
             return;
         }
-        this.core.api.transformColor(this.core, this.core.contentDiv, false /*includeSelf*/, null /*callback*/, nextDarkMode
+        var core = this.getCore();
+        core.api.transformColor(core, core.contentDiv, false /*includeSelf*/, null /*callback*/, nextDarkMode
             ? 0 /* LightToDark */
             : 1 /* DarkToLight */, true /*forceTransform*/);
         this.triggerContentChangedEvent(nextDarkMode ? "SwitchToDarkMode" /* SwitchToDarkMode */ : "SwitchToLightMode" /* SwitchToLightMode */);
@@ -8699,14 +8919,15 @@ var Editor = /** @class */ (function () {
      * @returns True if the editor is in dark mode, otherwise false
      */
     Editor.prototype.isDarkMode = function () {
-        return this.core.lifecycle.isDarkMode;
+        return this.getCore().lifecycle.isDarkMode;
     };
     /**
      * Transform the given node and all its child nodes to dark mode color if editor is in dark mode
      * @param node The node to transform
      */
     Editor.prototype.transformToDarkColor = function (node) {
-        this.core.api.transformColor(this.core, node, true /*includeSelf*/, null /*callback*/, 0 /* LightToDark */);
+        var core = this.getCore();
+        core.api.transformColor(core, node, true /*includeSelf*/, null /*callback*/, 0 /* LightToDark */);
     };
     /**
      * Make the editor in "Shadow Edit" mode.
@@ -8717,26 +8938,28 @@ var Editor = /** @class */ (function () {
      * use this function to do more shadow edit operation.
      */
     Editor.prototype.startShadowEdit = function () {
-        this.core.api.switchShadowEdit(this.core, true /*isOn*/);
+        var core = this.getCore();
+        core.api.switchShadowEdit(core, true /*isOn*/);
     };
     /**
      * Leave "Shadow Edit" mode, all changes made during shadow edit will be discarded
      */
     Editor.prototype.stopShadowEdit = function () {
-        this.core.api.switchShadowEdit(this.core, false /*isOn*/);
+        var core = this.getCore();
+        core.api.switchShadowEdit(core, false /*isOn*/);
     };
     /**
      * Check if editor is in Shadow Edit mode
      */
     Editor.prototype.isInShadowEdit = function () {
-        return !!this.core.lifecycle.shadowEditFragment;
+        return !!this.getCore().lifecycle.shadowEditFragment;
     };
     /**
      * Check if the given experimental feature is enabled
      * @param feature The feature to check
      */
     Editor.prototype.isFeatureEnabled = function (feature) {
-        return this.core.lifecycle.experimentalFeatures.indexOf(feature) >= 0;
+        return this.getCore().lifecycle.experimentalFeatures.indexOf(feature) >= 0;
     };
     /**
      * Get a function to convert HTML string to trusted HTML string.
@@ -8745,13 +8968,13 @@ var Editor = /** @class */ (function () {
      * See https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/trusted-types
      */
     Editor.prototype.getTrustedHTMLHandler = function () {
-        return this.core.trustedHTMLHandler;
+        return this.getCore().trustedHTMLHandler;
     };
     /**
      * @deprecated Use getZoomScale() instead
      */
     Editor.prototype.getSizeTransformer = function () {
-        return this.core.sizeTransformer;
+        return this.getCore().sizeTransformer;
     };
     /**
      * Get current zoom scale, default value is 1
@@ -8760,7 +8983,7 @@ var Editor = /** @class */ (function () {
      * @returns current zoom scale number
      */
     Editor.prototype.getZoomScale = function () {
-        return this.core.zoomScale;
+        return this.getCore().zoomScale;
     };
     /**
      * Set current zoom scale, default value is 1
@@ -8769,9 +8992,10 @@ var Editor = /** @class */ (function () {
      * @param scale The new scale number to set. It should be positive number and no greater than 10, otherwise it will be ignored.
      */
     Editor.prototype.setZoomScale = function (scale) {
+        var core = this.getCore();
         if (scale > 0 && scale <= 10) {
-            var oldValue = this.core.zoomScale;
-            this.core.zoomScale = scale;
+            var oldValue = core.zoomScale;
+            core.zoomScale = scale;
             if (oldValue != scale) {
                 this.triggerPluginEvent(21 /* ZoomChanged */, {
                     oldZoomScale: oldValue,
@@ -8780,6 +9004,16 @@ var Editor = /** @class */ (function () {
             }
         }
     };
+    /**
+     * @returns the current EditorCore object
+     * @throws a standard Error if there's no core object
+     */
+    Editor.prototype.getCore = function () {
+        if (!this.core) {
+            throw new Error('Editor is already disposed');
+        }
+        return this.core;
+    };
     return Editor;
 }());
 exports.default = Editor;
@@ -13121,7 +13355,7 @@ var NEGATIVE_MARGIN = '-.25in';
  */
 exports.ListStyleDefinitionMetadata = (0, definitionCreators_1.createObjectDefinition)({
     orderedStyleType: (0, definitionCreators_1.createNumberDefinition)(true /** isOptional */, undefined /** value **/, 1 /* Min */, 20 /* Max */),
-    unorderedStyleType: (0, definitionCreators_1.createNumberDefinition)(true /** isOptional */, undefined /** value **/, 1 /* Min */, 7 /* Max */),
+    unorderedStyleType: (0, definitionCreators_1.createNumberDefinition)(true /** isOptional */, undefined /** value **/, 1 /* Min */, 8 /* Max */),
 }, true /** isOptional */, true /** allowNull */);
 /**
  * !!! Never directly create instance of this class. It should be created within VList class !!!
@@ -13348,10 +13582,8 @@ var VListItem = /** @class */ (function () {
         this.node.style.setProperty('display', this.dummy ? 'block' : null);
         // 4. Inherit styles of the child element to the li, so we are able to apply the styles to the ::marker
         if (this.listTypes.length > 1) {
-            if (!(this.node.style.fontSize || this.node.style.color || this.node.style.fontFamily)) {
-                var stylesToInherit = ['font-size', 'font-family', 'color'];
-                (0, setListItemStyle_1.default)(this.node, stylesToInherit);
-            }
+            var stylesToInherit = ['font-size', 'font-family', 'color'];
+            (0, setListItemStyle_1.default)(this.node, stylesToInherit);
         }
         // 5. If this is not a list item now, need to unwrap the LI node and do proper handling
         if (this.listTypes.length <= 1) {
@@ -13781,6 +14013,7 @@ var bulletListStyle = (_a = {},
     _a[3 /* Square */] = 'square',
     _a[2 /* Dash */] = '- ',
     _a[5 /* LongArrow */] = '→ ',
+    _a[8 /* DoubleLongArrow */] = '→ ',
     _a[4 /* ShortArrow */] = '➢ ',
     _a[6 /* UnfilledArrow */] = '➪ ',
     _a[7 /* Hyphen */] = '— ',
@@ -13811,7 +14044,7 @@ var setStyles_1 = __webpack_require__(/*! ../style/setStyles */ "./packages/roos
  * @param styles The styles that should be applied to the element.
  */
 function setListItemStyle(element, styles) {
-    var elementsStyles = getInlineChildElementsStyle(element);
+    var elementsStyles = getInlineChildElementsStyle(element, styles);
     var stylesToApply = (0, getStyles_1.default)(element);
     styles.forEach(function (styleName) {
         var styleValues = elementsStyles.map(function (style) {
@@ -13826,21 +14059,41 @@ function setListItemStyle(element, styles) {
     (0, setStyles_1.default)(element, stylesToApply);
 }
 exports.default = setListItemStyle;
-function getInlineChildElementsStyle(element) {
+function getInlineChildElementsStyle(element, styles) {
+    var _a;
     var result = [];
     var contentTraverser = ContentTraverser_1.default.createBodyTraverser(element);
     var currentInlineElement = null;
-    while (contentTraverser.currentInlineElement != currentInlineElement) {
+    var _loop_1 = function () {
         currentInlineElement = contentTraverser.currentInlineElement;
         var currentNode = (currentInlineElement === null || currentInlineElement === void 0 ? void 0 : currentInlineElement.getContainerNode()) || null;
+        var currentStyle = {};
         currentNode = currentNode ? (0, findClosestElementAncestor_1.default)(currentNode) : null;
-        if ((0, safeInstanceOf_1.default)(currentNode, 'HTMLElement')) {
-            var childStyle = (0, getStyles_1.default)(currentNode);
-            if (childStyle) {
-                result.push(childStyle);
+        // we should consider of when it is the single childnode of element, the parentNode's style should add
+        // such as the "i", "b", "span" node in <li><span><b><i>aa</i></b></span></li>
+        while (currentNode &&
+            currentNode !== element &&
+            (0, safeInstanceOf_1.default)(currentNode, 'HTMLElement')) {
+            styles.forEach(function (styleName) {
+                var styleValue = currentNode.style.getPropertyValue(styleName);
+                if (styleValue && !currentStyle[styleName]) {
+                    currentStyle[styleName] = styleValue;
+                }
+            });
+            if (((_a = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _a === void 0 ? void 0 : _a.childNodes.length) === 1) {
+                currentNode = currentNode.parentNode;
+            }
+            else {
+                currentNode = null;
             }
         }
+        if (currentStyle) {
+            result.push(currentStyle);
+        }
         contentTraverser.getNextInlineElement();
+    };
+    while (contentTraverser.currentInlineElement != currentInlineElement) {
+        _loop_1();
     }
     return result;
 }
@@ -14812,7 +15065,7 @@ function getEndOffset(node) {
     if (node.nodeType == 3 /* Text */) {
         return ((_a = node.nodeValue) === null || _a === void 0 ? void 0 : _a.length) || 0;
     }
-    else if (node.nodeType == 1 /* Element */) {
+    else if (node.nodeType == 1 /* Element */ || node.nodeType == 11 /* DocumentFragment */) {
         return node.childNodes.length;
     }
     else {
@@ -15317,6 +15570,10 @@ function addSnapshot(snapshots, snapshot, isAutoCompleteSnapshot, getLength, com
             snapshots.autoCompleteIndex = snapshots.currentIndex;
         }
     }
+    else if (currentSnapshot && compare(snapshot, currentSnapshot)) {
+        // replace the currentSnapshot, to update other data such as metadata
+        snapshots.snapshots.splice(snapshots.currentIndex, 1, snapshot);
+    }
 }
 exports.default = addSnapshot;
 /**
@@ -15587,6 +15844,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var applyTableFormat_1 = __webpack_require__(/*! ./applyTableFormat */ "./packages/roosterjs-editor-dom/lib/table/applyTableFormat.ts");
+var getTagOfNode_1 = __webpack_require__(/*! ../utils/getTagOfNode */ "./packages/roosterjs-editor-dom/lib/utils/getTagOfNode.ts");
 var moveChildNodes_1 = __webpack_require__(/*! ../utils/moveChildNodes */ "./packages/roosterjs-editor-dom/lib/utils/moveChildNodes.ts");
 var normalizeRect_1 = __webpack_require__(/*! ../utils/normalizeRect */ "./packages/roosterjs-editor-dom/lib/utils/normalizeRect.ts");
 var safeInstanceOf_1 = __webpack_require__(/*! ../utils/safeInstanceOf */ "./packages/roosterjs-editor-dom/lib/utils/safeInstanceOf.ts");
@@ -15623,15 +15881,12 @@ var VTable = /** @class */ (function () {
          * Virtual cells
          */
         this.cells = null;
-        /**
-         * Selected range of cells with the coordinates of the first and last cell selected.
-         */
-        this.selection = null;
         /**
          * Current format of the table
          */
         this.formatInfo = null;
         this.trs = [];
+        this.tableSelection = null;
         this.table = (0, safeInstanceOf_1.default)(node, 'HTMLTableElement') ? node : getTableFromTd(node);
         if (this.table) {
             var currentTd_1 = (0, safeInstanceOf_1.default)(node, 'HTMLTableElement') ? null : node;
@@ -15671,6 +15926,24 @@ var VTable = /** @class */ (function () {
             }
         }
     }
+    Object.defineProperty(VTable.prototype, "selection", {
+        /**
+         * Selected range of cells with the coordinates of the first and last cell selected.
+         */
+        get: function () {
+            return this.tableSelection || null;
+        },
+        set: function (value) {
+            if (value) {
+                var firstCell = value.firstCell;
+                this.row = firstCell === null || firstCell === void 0 ? void 0 : firstCell.y;
+                this.col = firstCell === null || firstCell === void 0 ? void 0 : firstCell.x;
+            }
+            this.tableSelection = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Write the virtual table back to DOM tree to represent the change of VTable
      * @param skipApplyFormat Do not reapply table format when write back.
@@ -15688,6 +15961,7 @@ var VTable = /** @class */ (function () {
                     row.forEach(function (cell, c) {
                         if (cell.td) {
                             _this.recalculateSpans(r, c);
+                            _this.recalculateCellHeight(cell.td);
                             tr.appendChild(cell.td);
                         }
                     });
@@ -15702,6 +15976,14 @@ var VTable = /** @class */ (function () {
             (_a = this.table.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(this.table);
         }
     };
+    VTable.prototype.recalculateCellHeight = function (td) {
+        if (this.isEmptyCell(td) && td.rowSpan > 1) {
+            for (var i = 1; i < td.rowSpan; i++) {
+                var br = document.createElement('br');
+                td.appendChild(br);
+            }
+        }
+    };
     /**
      * Apply the given table format to this virtual table
      * @param format Table format to apply
@@ -15982,7 +16264,7 @@ var VTable = /** @class */ (function () {
             ? ((_a = cell.td) === null || _a === void 0 ? void 0 : _a.rowSpan) === ((_b = nextCell.td) === null || _b === void 0 ? void 0 : _b.rowSpan) && !cell.spanLeft
             : ((_c = cell.td) === null || _c === void 0 ? void 0 : _c.colSpan) === ((_d = nextCell.td) === null || _d === void 0 ? void 0 : _d.colSpan) && !cell.spanAbove;
         if (cell.td && nextCell.td && checkSpans) {
-            (0, moveChildNodes_1.default)(cell.td, nextCell.td, true /*keepExistingChildren*/);
+            this.mergeCellContents(cell.td, nextCell.td);
             nextCell.td = null;
             if (horizontally) {
                 nextCell.spanLeft = true;
@@ -15992,6 +16274,19 @@ var VTable = /** @class */ (function () {
             }
         }
     };
+    VTable.prototype.isEmptyCell = function (td) {
+        return td.childElementCount === 1 && (0, getTagOfNode_1.default)(td.firstChild) === 'BR';
+    };
+    VTable.prototype.mergeCellContents = function (cellTd, nextCellTd) {
+        if (this.isEmptyCell(nextCellTd)) {
+            (0, moveChildNodes_1.default)(cellTd, nextCellTd, false /*keepExistingChildren*/);
+        }
+        else {
+            var br = document.createElement('br');
+            cellTd.appendChild(br);
+            (0, moveChildNodes_1.default)(cellTd, nextCellTd, true /*keepExistingChildren*/);
+        }
+    };
     /**
      * Loop each cell of current column and invoke a callback function
      * @param callback The callback function to invoke
@@ -16590,8 +16885,8 @@ var TableFormatMetadata = (0, definitionCreators_1.createObjectDefinition)({
     hasBandedRows: BooleanDefinition,
     bgColorEven: NullStringDefinition,
     bgColorOdd: NullStringDefinition,
-    tableBorderFormat: (0, definitionCreators_1.createNumberDefinition)(false /** isOptional */, undefined /* value */, 0 /* first table border format */, 7 /* last table border format */),
-    keepCellShade: BooleanDefinition,
+    tableBorderFormat: (0, definitionCreators_1.createNumberDefinition)(false /** isOptional */, undefined /* value */, 0 /* DEFAULT */, 8 /* CLEAR */),
+    keepCellShade: (0, definitionCreators_1.createBooleanDefinition)(true /** isOptional */),
 }, false /* isOptional */, true /** allowNull */);
 /**
  * Get the format info of a table
@@ -16655,11 +16950,11 @@ function getBrowserInfo(userAgent, appVersion, vendor) {
     // The default regex on the website doesn't consider tablet.
     // To support tablet, add |android|ipad|playbook|silk to the first regex according to the info in /about page
     (function (userAgentOrVendor) {
-        if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(userAgentOrVendor)
-            || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(userAgentOrVendor.substr(0, 4))) {
+        if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(userAgentOrVendor) ||
+            /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(userAgentOrVendor.substr(0, 4))) {
             isMobileOrTablet = true;
         }
-    })(userAgent || vendor || "");
+    })(userAgent || vendor || '');
     if (!isIE) {
         isChrome = userAgent.indexOf('Chrome') != -1;
         isFirefox = userAgent.indexOf('Firefox') != -1;
@@ -16696,7 +16991,7 @@ exports.getBrowserInfo = getBrowserInfo;
 /**
  * Browser object contains browser and operating system information of current environment
  */
-exports.Browser = window
+exports.Browser = typeof window !== 'undefined' && window
     ? getBrowserInfo(window.navigator.userAgent, window.navigator.appVersion, window.navigator.vendor)
     : {};
 
@@ -18769,6 +19064,13 @@ var DragAndDropHelper = /** @class */ (function () {
         this.trigger.removeEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);
         this.removeDocumentEvents();
     };
+    Object.defineProperty(DragAndDropHelper.prototype, "mouseType", {
+        get: function () {
+            return this.dndMouse == MOUSE_EVENT_INFO_MOBILE ? 'touch' : 'mouse';
+        },
+        enumerable: false,
+        configurable: true
+    });
     DragAndDropHelper.prototype.addDocumentEvents = function () {
         var doc = this.trigger.ownerDocument;
         doc.addEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);
@@ -19375,7 +19677,7 @@ var MaintainListChainWhenDelete = {
     },
     handleEvent: function (event, editor) {
         var chains = getListChains(editor);
-        editor.runAsync(function (editor) { return (0, roosterjs_editor_api_1.experimentCommitListChains)(editor, chains); });
+        editor.runAsync(function (editor) { return (0, roosterjs_editor_api_1.commitListChains)(editor, chains); });
     },
 };
 /**
@@ -19535,7 +19837,7 @@ var MaintainListChain = {
     },
     handleEvent: function (event, editor) {
         var chains = getListChains(editor);
-        editor.runAsync(function (editor) { return (0, roosterjs_editor_api_1.experimentCommitListChains)(editor, chains); });
+        editor.runAsync(function (editor) { return (0, roosterjs_editor_api_1.commitListChains)(editor, chains); });
     },
 };
 function getListChains(editor) {
@@ -20396,7 +20698,7 @@ var bulletListType = {
     '-': 2 /* Dash */,
     '--': 3 /* Square */,
     '->': 5 /* LongArrow */,
-    '-->': 5 /* LongArrow */,
+    '-->': 8 /* DoubleLongArrow */,
     '=>': 6 /* UnfilledArrow */,
     '>': 4 /* ShortArrow */,
     '—': 7 /* Hyphen */,
@@ -20872,7 +21174,7 @@ var CutPasteListChain = /** @class */ (function () {
                 break;
             case 7 /* ContentChanged */:
                 if (((_a = this.chains) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.expectedChangeSource == event.source) {
-                    (0, roosterjs_editor_api_1.experimentCommitListChains)(this.editor, this.chains);
+                    (0, roosterjs_editor_api_1.commitListChains)(this.editor, this.chains);
                     this.chains = null;
                     this.expectedChangeSource = null;
                 }
@@ -22709,22 +23011,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var convertPasteContentForSingleImage_1 = __webpack_require__(/*! ./imageConverter/convertPasteContentForSingleImage */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/imageConverter/convertPasteContentForSingleImage.ts");
 var convertPastedContentForLI_1 = __webpack_require__(/*! ./commonConverter/convertPastedContentForLI */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/commonConverter/convertPastedContentForLI.ts");
 var convertPastedContentFromExcel_1 = __webpack_require__(/*! ./excelConverter/convertPastedContentFromExcel */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/excelConverter/convertPastedContentFromExcel.ts");
+var convertPastedContentFromOfficeOnline_1 = __webpack_require__(/*! ./officeOnlineConverter/convertPastedContentFromOfficeOnline */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/officeOnlineConverter/convertPastedContentFromOfficeOnline.ts");
 var convertPastedContentFromPowerPoint_1 = __webpack_require__(/*! ./pptConverter/convertPastedContentFromPowerPoint */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/pptConverter/convertPastedContentFromPowerPoint.ts");
 var convertPastedContentFromWord_1 = __webpack_require__(/*! ./wordConverter/convertPastedContentFromWord */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/wordConverter/convertPastedContentFromWord.ts");
+var getPasteSource_1 = __webpack_require__(/*! ./sourceValidations/getPasteSource */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/getPasteSource.ts");
 var handleLineMerge_1 = __webpack_require__(/*! ./lineMerge/handleLineMerge */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/lineMerge/handleLineMerge.ts");
 var sanitizeHtmlColorsFromPastedContent_1 = __webpack_require__(/*! ./sanitizeHtmlColorsFromPastedContent/sanitizeHtmlColorsFromPastedContent */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sanitizeHtmlColorsFromPastedContent/sanitizeHtmlColorsFromPastedContent.ts");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
-var convertPastedContentFromWordOnline_1 = __webpack_require__(/*! ./officeOnlineConverter/convertPastedContentFromWordOnline */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/officeOnlineConverter/convertPastedContentFromWordOnline.ts");
-var WORD_ATTRIBUTE_NAME = 'xmlns:w';
-var WORD_ATTRIBUTE_VALUE = 'urn:schemas-microsoft-com:office:word';
-var WORD_PROG_ID = 'Word.Document';
-var EXCEL_ATTRIBUTE_NAME = 'xmlns:x';
-var EXCEL_ATTRIBUTE_VALUE = 'urn:schemas-microsoft-com:office:excel';
-var PROG_ID_NAME = 'ProgId';
-var EXCEL_ONLINE_ATTRIBUTE_VALUE = 'Excel.Sheet';
-var POWERPOINT_ATTRIBUTE_VALUE = 'PowerPoint.Slide';
-var GOOGLE_SHEET_NODE_NAME = 'google-sheets-html-origin';
-var WAC_IDENTIFY_SELECTOR = 'ul[class^="BulletListStyle"]>.OutlineElement,ol[class^="NumberListStyle"]>.OutlineElement,span.WACImageContainer';
+var constants_1 = __webpack_require__(/*! ./sourceValidations/constants */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/constants.ts");
 /**
  * Paste plugin, handles BeforePaste event and reformat some special content, including:
  * 1. Content copied from Word
@@ -22764,48 +23057,34 @@ var Paste = /** @class */ (function () {
      * @param event PluginEvent object
      */
     Paste.prototype.onPluginEvent = function (event) {
-        var _a;
         if (event.eventType == 10 /* BeforePaste */) {
-            var htmlAttributes = event.htmlAttributes, fragment = event.fragment, sanitizingOption = event.sanitizingOption, clipboardData = event.clipboardData;
+            var fragment = event.fragment, sanitizingOption = event.sanitizingOption;
             var trustedHTMLHandler = this.editor.getTrustedHTMLHandler();
-            var wacListElements = void 0;
-            if (isWordDocument(htmlAttributes)) {
-                // Handle HTML copied from Word
-                (0, convertPastedContentFromWord_1.default)(event);
-            }
-            else if (htmlAttributes[EXCEL_ATTRIBUTE_NAME] == EXCEL_ATTRIBUTE_VALUE ||
-                htmlAttributes[PROG_ID_NAME] == EXCEL_ONLINE_ATTRIBUTE_VALUE) {
-                // Handle HTML copied from Excel
-                (0, convertPastedContentFromExcel_1.default)(event, trustedHTMLHandler);
-            }
-            else if (htmlAttributes[PROG_ID_NAME] == POWERPOINT_ATTRIBUTE_VALUE) {
-                (0, convertPastedContentFromPowerPoint_1.default)(event, trustedHTMLHandler);
-            }
-            else if ((wacListElements = (0, roosterjs_editor_dom_1.toArray)(fragment.querySelectorAll(WAC_IDENTIFY_SELECTOR))) &&
-                wacListElements.length > 0) {
-                // Once it is known that the document is from WAC
-                // We need to remove the display property and margin from all the list item
-                wacListElements.forEach(function (el) {
-                    el.style.display = null;
-                    el.style.margin = null;
-                });
-                // call conversion function if the pasted content is from word online and
-                // has list element in the pasted content.
-                if ((0, convertPastedContentFromWordOnline_1.isWordOnlineWithList)(fragment)) {
-                    (0, convertPastedContentFromWordOnline_1.default)(fragment);
-                }
-            }
-            else if (fragment.querySelector(GOOGLE_SHEET_NODE_NAME)) {
-                sanitizingOption.additionalTagReplacements[GOOGLE_SHEET_NODE_NAME] = '*';
-            }
-            else if (this.editor.isFeatureEnabled("ConvertSingleImageBody" /* ConvertSingleImageBody */) &&
-                ((_a = clipboardData.htmlFirstLevelChildTags) === null || _a === void 0 ? void 0 : _a.length) == 1 &&
-                clipboardData.htmlFirstLevelChildTags[0] == 'IMG') {
-                (0, convertPasteContentForSingleImage_1.default)(event, trustedHTMLHandler);
-            }
-            else {
-                (0, convertPastedContentForLI_1.default)(fragment);
-                (0, handleLineMerge_1.default)(fragment);
+            switch ((0, getPasteSource_1.default)(event, this.editor)) {
+                case 0 /* WordDesktop */:
+                    // Handle HTML copied from Word
+                    (0, convertPastedContentFromWord_1.default)(event);
+                    break;
+                case 1 /* ExcelDesktop */:
+                    // Handle HTML copied from Excel
+                    (0, convertPastedContentFromExcel_1.default)(event, trustedHTMLHandler);
+                    break;
+                case 2 /* PowerPointDesktop */:
+                    (0, convertPastedContentFromPowerPoint_1.default)(event, trustedHTMLHandler);
+                    break;
+                case 4 /* WacComponents */:
+                    (0, convertPastedContentFromOfficeOnline_1.default)(fragment);
+                    break;
+                case 3 /* GoogleSheets */:
+                    sanitizingOption.additionalTagReplacements[constants_1.GOOGLE_SHEET_NODE_NAME] = '*';
+                    break;
+                case 6 /* SingleImage */:
+                    (0, convertPasteContentForSingleImage_1.default)(event, trustedHTMLHandler);
+                    break;
+                case 5 /* Default */:
+                    (0, convertPastedContentForLI_1.default)(fragment);
+                    (0, handleLineMerge_1.default)(fragment);
+                    break;
             }
             (0, sanitizeHtmlColorsFromPastedContent_1.default)(sanitizingOption);
             // Replace unknown tags with SPAN
@@ -22815,10 +23094,6 @@ var Paste = /** @class */ (function () {
     return Paste;
 }());
 exports.default = Paste;
-function isWordDocument(htmlAttributes) {
-    return (htmlAttributes[WORD_ATTRIBUTE_NAME] == WORD_ATTRIBUTE_VALUE ||
-        htmlAttributes[PROG_ID_NAME] == WORD_PROG_ID);
-}
 
 
 /***/ }),
@@ -23099,22 +23374,57 @@ exports.createListItemBlock = createListItemBlock;
 
 /***/ }),
 
-/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/officeOnlineConverter/convertPastedContentFromWordOnline.ts":
-/*!*************************************************************************************************************************!*\
-  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Paste/officeOnlineConverter/convertPastedContentFromWordOnline.ts ***!
-  \*************************************************************************************************************************/
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/officeOnlineConverter/convertPastedContentFromOfficeOnline.ts":
+/*!***************************************************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Paste/officeOnlineConverter/convertPastedContentFromOfficeOnline.ts ***!
+  \***************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isWordOnlineWithList = void 0;
-var ListItemBlock_1 = __webpack_require__(/*! ./ListItemBlock */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/officeOnlineConverter/ListItemBlock.ts");
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
-var WORD_ONLINE_IDENTIFYING_SELECTOR = 'div.ListContainerWrapper>ul[class^="BulletListStyle"],div.ListContainerWrapper>ol[class^="NumberListStyle"],span.WACImageContainer > img';
-var LIST_CONTAINER_ELEMENT_CLASS_NAME = 'ListContainerWrapper';
-var IMAGE_CONTAINER_ELEMENT_CLASS_NAME = 'WACImageContainer';
+var constants_1 = __webpack_require__(/*! ../sourceValidations/constants */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/constants.ts");
+var convertPastedContentFromWordOnline_1 = __webpack_require__(/*! ./convertPastedContentFromWordOnline */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/officeOnlineConverter/convertPastedContentFromWordOnline.ts");
+/**
+ * @internal
+ * Convert pasted content from Office Online
+ * Once it is known that the document is from WAC
+ * We need to remove the display property and margin from all the list item
+ * @param event The BeforePaste event
+ */
+function convertPastedContentFromOfficeOnline(fragment) {
+    fragment.querySelectorAll(constants_1.WAC_IDENTIFY_SELECTOR).forEach(function (el) {
+        el.style.display = null;
+        el.style.margin = null;
+    });
+    // call conversion function if the pasted content is from word online and
+    // has list element in the pasted content.
+    if ((0, convertPastedContentFromWordOnline_1.isWordOnlineWithList)(fragment)) {
+        (0, convertPastedContentFromWordOnline_1.default)(fragment);
+    }
+}
+exports.default = convertPastedContentFromOfficeOnline;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/officeOnlineConverter/convertPastedContentFromWordOnline.ts":
+/*!*************************************************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Paste/officeOnlineConverter/convertPastedContentFromWordOnline.ts ***!
+  \*************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isWordOnlineWithList = void 0;
+var ListItemBlock_1 = __webpack_require__(/*! ./ListItemBlock */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/officeOnlineConverter/ListItemBlock.ts");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
+var WORD_ONLINE_IDENTIFYING_SELECTOR = 'div.ListContainerWrapper>ul[class^="BulletListStyle"],div.ListContainerWrapper>ol[class^="NumberListStyle"],span.WACImageContainer > img';
+var LIST_CONTAINER_ELEMENT_CLASS_NAME = 'ListContainerWrapper';
+var IMAGE_CONTAINER_ELEMENT_CLASS_NAME = 'WACImageContainer';
 //When the list style is a symbol and the value is not in the clipboard, WordOnline
 var VALID_LIST_STYLE_CHAR_CODES = [
     '111',
@@ -23520,6 +23830,255 @@ function sanitizeHtmlColorsFromPastedContent(sanitizingOption) {
 exports.default = sanitizeHtmlColorsFromPastedContent;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/constants.ts":
+/*!********************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/constants.ts ***!
+  \********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WAC_IDENTIFY_SELECTOR = exports.PROG_ID_NAME = exports.GOOGLE_SHEET_NODE_NAME = void 0;
+/**
+ * @internal
+ * Node attribute used to identify if the content is from Google Sheets.
+ */
+exports.GOOGLE_SHEET_NODE_NAME = 'google-sheets-html-origin';
+/**
+ * @internal
+ * Name of the HTMLMeta Property that provides the Office App Source of the pasted content
+ */
+exports.PROG_ID_NAME = 'ProgId';
+/**
+ * @internal
+ * Selector used to identify Wac Elements
+ */
+exports.WAC_IDENTIFY_SELECTOR = 'ul[class^="BulletListStyle"]>.OutlineElement,ol[class^="NumberListStyle"]>.OutlineElement,span.WACImageContainer';
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/documentContainWacElements.ts":
+/*!*************************************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/documentContainWacElements.ts ***!
+  \*************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = __webpack_require__(/*! ./constants */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/constants.ts");
+/**
+ * @internal
+ * Check whether the fragment provided contain Wac Elements
+ * @param props Properties related to the PasteEvent
+ * @returns
+ */
+var documentContainWacElements = function (props) {
+    var fragment = props.fragment;
+    return !!fragment.querySelector(constants_1.WAC_IDENTIFY_SELECTOR);
+};
+exports.default = documentContainWacElements;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/getPasteSource.ts":
+/*!*************************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/getPasteSource.ts ***!
+  \*************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var documentContainWacElements_1 = __webpack_require__(/*! ./documentContainWacElements */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/documentContainWacElements.ts");
+var isExcelDesktopDocument_1 = __webpack_require__(/*! ./isExcelDesktopDocument */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/isExcelDesktopDocument.ts");
+var isGoogleSheetDocument_1 = __webpack_require__(/*! ./isGoogleSheetDocument */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/isGoogleSheetDocument.ts");
+var isPowerPointDesktopDocument_1 = __webpack_require__(/*! ./isPowerPointDesktopDocument */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/isPowerPointDesktopDocument.ts");
+var isWordDesktopDocument_1 = __webpack_require__(/*! ./isWordDesktopDocument */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/isWordDesktopDocument.ts");
+var shouldConvertToSingleImage_1 = __webpack_require__(/*! ./shouldConvertToSingleImage */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/shouldConvertToSingleImage.ts");
+var getSourceFunctions = new Map([
+    [0 /* WordDesktop */, isWordDesktopDocument_1.default],
+    [1 /* ExcelDesktop */, isExcelDesktopDocument_1.default],
+    [2 /* PowerPointDesktop */, isPowerPointDesktopDocument_1.default],
+    [4 /* WacComponents */, documentContainWacElements_1.default],
+    [3 /* GoogleSheets */, isGoogleSheetDocument_1.default],
+    [6 /* SingleImage */, shouldConvertToSingleImage_1.default],
+]);
+/**
+ * @internal
+ * This function tries to get the source of the Pasted content
+ * @param event the before paste event
+ * @param editor editor instance
+ * @returns The Type of pasted content, if no type found will return {KnownSourceType.Default}
+ */
+function getPasteSource(event, editor) {
+    var htmlAttributes = event.htmlAttributes, clipboardData = event.clipboardData, fragment = event.fragment;
+    var result = null;
+    var param = {
+        htmlAttributes: htmlAttributes,
+        fragment: fragment,
+        editor: editor,
+        clipboardData: clipboardData,
+    };
+    getSourceFunctions.forEach(function (func, key) {
+        if (!result && func(param)) {
+            result = key;
+        }
+    });
+    return result !== null && result !== void 0 ? result : 5 /* Default */;
+}
+exports.default = getPasteSource;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/isExcelDesktopDocument.ts":
+/*!*********************************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/isExcelDesktopDocument.ts ***!
+  \*********************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = __webpack_require__(/*! ./constants */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/constants.ts");
+var EXCEL_ATTRIBUTE_NAME = 'xmlns:x';
+var EXCEL_ATTRIBUTE_VALUE = 'urn:schemas-microsoft-com:office:excel';
+var EXCEL_ONLINE_ATTRIBUTE_VALUE = 'Excel.Sheet';
+/**
+ * @internal
+ * Checks whether the Array provided contains strings that identify Excel Desktop documents
+ * @param props Properties related to the PasteEvent
+ * @returns
+ */
+var isExcelDesktopDocument = function (props) {
+    var htmlAttributes = props.htmlAttributes;
+    return (htmlAttributes[EXCEL_ATTRIBUTE_NAME] == EXCEL_ATTRIBUTE_VALUE ||
+        htmlAttributes[constants_1.PROG_ID_NAME] == EXCEL_ONLINE_ATTRIBUTE_VALUE);
+};
+exports.default = isExcelDesktopDocument;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/isGoogleSheetDocument.ts":
+/*!********************************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/isGoogleSheetDocument.ts ***!
+  \********************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = __webpack_require__(/*! ./constants */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/constants.ts");
+/**
+ * @internal
+ * Checks whether the fragment provided contain elements from Google sheets
+ * @param props Properties related to the PasteEvent
+ * @returns
+ */
+var isGoogleSheetDocument = function (props) {
+    var fragment = props.fragment;
+    return !!fragment.querySelector(constants_1.GOOGLE_SHEET_NODE_NAME);
+};
+exports.default = isGoogleSheetDocument;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/isPowerPointDesktopDocument.ts":
+/*!**************************************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/isPowerPointDesktopDocument.ts ***!
+  \**************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = __webpack_require__(/*! ./constants */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/constants.ts");
+var POWERPOINT_ATTRIBUTE_VALUE = 'PowerPoint.Slide';
+/**
+ * @internal
+ * Checks whether the Array provided contains strings that identify Power Point Desktop documents
+ * @param props Properties related to the PasteEvent
+ * @returns
+ */
+var isPowerPointDesktopDocument = function (props) {
+    return props.htmlAttributes[constants_1.PROG_ID_NAME] == POWERPOINT_ATTRIBUTE_VALUE;
+};
+exports.default = isPowerPointDesktopDocument;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/isWordDesktopDocument.ts":
+/*!********************************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/isWordDesktopDocument.ts ***!
+  \********************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = __webpack_require__(/*! ./constants */ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/constants.ts");
+var WORD_ATTRIBUTE_NAME = 'xmlns:w';
+var WORD_ATTRIBUTE_VALUE = 'urn:schemas-microsoft-com:office:word';
+var WORD_PROG_ID = 'Word.Document';
+/**
+ * @internal
+ * Checks whether the Array provided contains strings that identify Word Desktop documents
+ * @param props Properties related to the PasteEvent
+ * @returns
+ */
+var isWordDesktopDocument = function (props) {
+    var htmlAttributes = props.htmlAttributes;
+    return (htmlAttributes[WORD_ATTRIBUTE_NAME] == WORD_ATTRIBUTE_VALUE ||
+        htmlAttributes[constants_1.PROG_ID_NAME] == WORD_PROG_ID);
+};
+exports.default = isWordDesktopDocument;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/shouldConvertToSingleImage.ts":
+/*!*************************************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Paste/sourceValidations/shouldConvertToSingleImage.ts ***!
+  \*************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @internal
+ * Checks whether the fragment only contains a single image to paste
+ * and the editor have the ConvertSingleImageBody Experimental feature
+ * @param props Properties related to the PasteEvent
+ * @returns
+ */
+var shouldConvertToSingleImage = function (props) {
+    var _a;
+    var editor = props.editor, clipboardData = props.clipboardData;
+    return (editor.isFeatureEnabled("ConvertSingleImageBody" /* ConvertSingleImageBody */) &&
+        ((_a = clipboardData.htmlFirstLevelChildTags) === null || _a === void 0 ? void 0 : _a.length) == 1 &&
+        clipboardData.htmlFirstLevelChildTags[0] == 'IMG');
+};
+exports.default = shouldConvertToSingleImage;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-editor-plugins/lib/plugins/Paste/wordConverter/LevelLists.ts":
@@ -24806,9 +25365,8 @@ Object.defineProperty(exports, "PickerPlugin", { enumerable: true, get: function
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var normalizeTableSelection_1 = __webpack_require__(/*! ./utils/normalizeTableSelection */ "./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/utils/normalizeTableSelection.ts");
-var forEachSelectedCell_1 = __webpack_require__(/*! ./utils/forEachSelectedCell */ "./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/utils/forEachSelectedCell.ts");
+var DeleteTableContents_1 = __webpack_require__(/*! ./features/DeleteTableContents */ "./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/features/DeleteTableContents.ts");
 var getCellCoordinates_1 = __webpack_require__(/*! ./utils/getCellCoordinates */ "./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/utils/getCellCoordinates.ts");
-var removeCellsOutsideSelection_1 = __webpack_require__(/*! ./utils/removeCellsOutsideSelection */ "./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/utils/removeCellsOutsideSelection.ts");
 var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
 var TABLE_CELL_SELECTOR = 'td,th';
 var LEFT_CLICK = 1;
@@ -24878,30 +25436,6 @@ var TableCellSelection = /** @class */ (function () {
                 _this.removeMouseUpEventListener();
             }
         };
-        //#endregion
-        //#region Content Edit Features
-        /**
-         * When press Backspace, delete the contents inside of the selection, if it is Table Selection
-         */
-        this.DeleteTableContents = {
-            keys: [46 /* DELETE */, 8 /* BACKSPACE */],
-            shouldHandleEvent: function (_, editor) {
-                var selection = editor.getSelectionRangeEx();
-                return selection.type == 1 /* TableSelection */;
-            },
-            handleEvent: function (_, editor) {
-                var selection = editor.getSelectionRangeEx();
-                if (selection.type == 1 /* TableSelection */) {
-                    editor.addUndoSnapshot(function () {
-                        editor.getSelectedRegions().forEach(function (region) {
-                            if ((0, roosterjs_editor_dom_1.safeInstanceOf)(region.rootNode, 'HTMLTableCellElement')) {
-                                deleteNodeContents(region.rootNode, editor);
-                            }
-                        });
-                    });
-                }
-            },
-        };
         this.lastTarget = null;
         this.firstTarget = null;
         this.tableSelection = false;
@@ -24923,7 +25457,7 @@ var TableCellSelection = /** @class */ (function () {
      */
     TableCellSelection.prototype.initialize = function (editor) {
         this.editor = editor;
-        this.editor.addContentEditFeature(this.DeleteTableContents);
+        this.editor.addContentEditFeature(DeleteTableContents_1.DeleteTableContents);
     };
     /**
      * Dispose this plugin
@@ -24958,9 +25492,6 @@ var TableCellSelection = /** @class */ (function () {
                         }
                     }
                     break;
-                case 9 /* BeforeCutCopy */:
-                    this.handleBeforeCutCopy(event);
-                    break;
                 case 5 /* MouseDown */:
                     if (!this.startedSelection) {
                         this.handleMouseDownEvent(event);
@@ -25017,33 +25548,6 @@ var TableCellSelection = /** @class */ (function () {
             this.restoreSelection();
         }
     };
-    /**
-     * Handles the Before Copy Event.
-     * Clear the selection range from the cloned Root.
-     * @param event plugin event
-     */
-    TableCellSelection.prototype.handleBeforeCutCopy = function (event) {
-        var _this = this;
-        var selection = this.editor.getSelectionRangeEx();
-        if (selection.type == 1 /* TableSelection */) {
-            var clonedTable = event.clonedRoot.querySelector('table#' + selection.table.id);
-            if (clonedTable) {
-                this.tableRange = selection.coordinates;
-                var clonedVTable = new roosterjs_editor_dom_1.VTable(clonedTable);
-                clonedVTable.selection = this.tableRange;
-                (0, removeCellsOutsideSelection_1.removeCellsOutsideSelection)(clonedVTable);
-                clonedVTable.writeBack();
-                event.range.selectNode(clonedTable);
-                if (event.isCut) {
-                    (0, forEachSelectedCell_1.forEachSelectedCell)(this.vTable, function (cell) {
-                        if (cell === null || cell === void 0 ? void 0 : cell.td) {
-                            deleteNodeContents(cell.td, _this.editor);
-                        }
-                    });
-                }
-            }
-        }
-    };
     //#region Key events
     /**
      * Handles the on key event.
@@ -25398,12 +25902,6 @@ var TableCellSelection = /** @class */ (function () {
     return TableCellSelection;
 }());
 exports.default = TableCellSelection;
-function deleteNodeContents(element, editor) {
-    var range = new Range();
-    range.selectNodeContents(element);
-    range.deleteContents();
-    element.appendChild(editor.getDocument().createElement('br'));
-}
 function updateSelection(editor, start, offset, end, endOffset) {
     var selection = editor.getDocument().defaultView.getSelection();
     end = end || start;
@@ -25426,52 +25924,64 @@ function getTableAtCursor(editor, node) {
 
 /***/ }),
 
-/***/ "./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/index.ts":
-/*!***********************************************************************************!*\
-  !*** ./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/index.ts ***!
-  \***********************************************************************************/
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/features/DeleteTableContents.ts":
+/*!**********************************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/features/DeleteTableContents.ts ***!
+  \**********************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableCellSelection = void 0;
-var TableCellSelection_1 = __webpack_require__(/*! ./TableCellSelection */ "./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/TableCellSelection.ts");
-Object.defineProperty(exports, "TableCellSelection", { enumerable: true, get: function () { return TableCellSelection_1.default; } });
+exports.DeleteTableContents = void 0;
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
+/**
+ * @internal
+ * Feature that when Backspace is pressed and there is Table Selection, delete the contents inside of the selection
+ */
+exports.DeleteTableContents = {
+    keys: [46 /* DELETE */, 8 /* BACKSPACE */],
+    shouldHandleEvent: function (_, editor) {
+        var selection = editor.getSelectionRangeEx();
+        return selection.type == 1 /* TableSelection */;
+    },
+    handleEvent: function (_, editor) {
+        var selection = editor.getSelectionRangeEx();
+        if (selection.type == 1 /* TableSelection */) {
+            editor.addUndoSnapshot(function () {
+                editor.getSelectedRegions().forEach(function (region) {
+                    if ((0, roosterjs_editor_dom_1.safeInstanceOf)(region.rootNode, 'HTMLTableCellElement')) {
+                        deleteNodeContents(region.rootNode, editor);
+                    }
+                });
+            });
+        }
+    },
+};
+function deleteNodeContents(element, editor) {
+    var range = new Range();
+    range.selectNodeContents(element);
+    range.deleteContents();
+    element.appendChild(editor.getDocument().createElement('br'));
+}
 
 
 /***/ }),
 
-/***/ "./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/utils/forEachSelectedCell.ts":
-/*!*******************************************************************************************************!*\
-  !*** ./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/utils/forEachSelectedCell.ts ***!
-  \*******************************************************************************************************/
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/index.ts":
+/*!***********************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/index.ts ***!
+  \***********************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.forEachSelectedCell = void 0;
-/**
- * @internal
- * Executes an action to all the cells within the selection range.
- * @param callback action to apply on each selected cell
- * @returns the amount of cells modified
- */
-function forEachSelectedCell(vTable, callback) {
-    var _a;
-    var _b = vTable.selection, lastCell = _b.lastCell, firstCell = _b.firstCell;
-    for (var y = firstCell.y; y <= lastCell.y; y++) {
-        for (var x = firstCell.x; x <= lastCell.x; x++) {
-            if ((_a = vTable.cells[y][x]) === null || _a === void 0 ? void 0 : _a.td) {
-                callback(vTable.cells[y][x]);
-            }
-        }
-    }
-}
-exports.forEachSelectedCell = forEachSelectedCell;
+exports.TableCellSelection = void 0;
+var TableCellSelection_1 = __webpack_require__(/*! ./TableCellSelection */ "./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/TableCellSelection.ts");
+Object.defineProperty(exports, "TableCellSelection", { enumerable: true, get: function () { return TableCellSelection_1.default; } });
 
 
 /***/ }),
@@ -25567,46 +26077,6 @@ function normalizeTableSelection(vTable) {
 exports.default = normalizeTableSelection;
 
 
-/***/ }),
-
-/***/ "./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/utils/removeCellsOutsideSelection.ts":
-/*!***************************************************************************************************************!*\
-  !*** ./packages/roosterjs-editor-plugins/lib/plugins/TableCellSelection/utils/removeCellsOutsideSelection.ts ***!
-  \***************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeCellsOutsideSelection = void 0;
-var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
-/**
- * @internal
- * Remove the cells outside of the selection.
- * @param vTable VTable to remove selection
- */
-function removeCellsOutsideSelection(vTable) {
-    if ((0, roosterjs_editor_dom_1.isWholeTableSelected)(vTable, vTable.selection)) {
-        return;
-    }
-    var _a = vTable.selection, firstCell = _a.firstCell, lastCell = _a.lastCell;
-    var resultCells = [];
-    var firstX = firstCell.x;
-    var firstY = firstCell.y;
-    var lastX = lastCell.x;
-    var lastY = lastCell.y;
-    vTable.cells.forEach(function (row, y) {
-        row = row.filter(function (_, x) { return y >= firstY && y <= lastY && x >= firstX && x <= lastX; });
-        if (row.length > 0) {
-            resultCells.push(row);
-        }
-    });
-    vTable.cells = resultCells;
-}
-exports.removeCellsOutsideSelection = removeCellsOutsideSelection;
-
-
 /***/ }),
 
 /***/ "./packages/roosterjs-editor-plugins/lib/plugins/TableResize/TableResize.ts":
@@ -25983,6 +26453,10 @@ var TableEditor = /** @class */ (function () {
             _this.disposeTableResizer();
             _this.onFinishEditing();
         };
+        /**
+         * Public only for testing purposes
+         * @param table the table to select
+         */
         this.onSelect = function (table) {
             _this.editor.focus();
             if (table) {
@@ -26030,14 +26504,18 @@ var TableEditor = /** @class */ (function () {
             var j = 0;
             for (; j < tr.cells.length; j++) {
                 var td = tr.cells[j];
+                var tableRect = (0, roosterjs_editor_dom_1.normalizeRect)(this.table.getBoundingClientRect());
                 var tdRect = (0, roosterjs_editor_dom_1.normalizeRect)(td.getBoundingClientRect());
-                if (!tdRect) {
+                if (!tdRect || !tableRect) {
                     continue;
                 }
                 var lessThanBottom = y <= tdRect.bottom;
                 var lessThanRight = this.isRTL ? x >= tdRect.right : x <= tdRect.right;
                 if (lessThanRight && lessThanBottom) {
-                    if (i == 0 && y <= tdRect.top + INSERTER_HOVER_OFFSET) {
+                    var isOnLeftOrRight = this.isRTL
+                        ? tdRect.right <= tableRect.right && tdRect.right >= tableRect.right - 1
+                        : tdRect.left >= tableRect.left && tdRect.left <= tableRect.left + 1;
+                    if (i === 0 && y <= tdRect.top + INSERTER_HOVER_OFFSET) {
                         var center = (tdRect.left + tdRect.right) / 2;
                         var isOnRightHalf = this.isRTL ? x < center : x > center;
                         this.setInserterTd(isOnRightHalf ? td : tr.cells[j - 1], false /*isHorizontal*/);
@@ -26045,10 +26523,20 @@ var TableEditor = /** @class */ (function () {
                     else if (j == 0 &&
                         (this.isRTL
                             ? x >= tdRect.right - INSERTER_HOVER_OFFSET
-                            : x <= tdRect.left + INSERTER_HOVER_OFFSET)) {
-                        this.setInserterTd(y > (tdRect.top + tdRect.bottom) / 2
-                            ? td
-                            : (_a = this.table.rows[i - 1]) === null || _a === void 0 ? void 0 : _a.cells[0], true /*isHorizontal*/);
+                            : x <= tdRect.left + INSERTER_HOVER_OFFSET) &&
+                        isOnLeftOrRight) {
+                        var tdAbove = (_a = this.table.rows[i - 1]) === null || _a === void 0 ? void 0 : _a.cells[0];
+                        var tdAboveRect = tdAbove
+                            ? (0, roosterjs_editor_dom_1.normalizeRect)(tdAbove.getBoundingClientRect())
+                            : null;
+                        var isTdNotAboveMerged = !tdAboveRect
+                            ? null
+                            : this.isRTL
+                                ? tdAboveRect.right === tdRect.right
+                                : tdAboveRect.left === tdRect.left;
+                        this.setInserterTd(y < (tdRect.top + tdRect.bottom) / 2 && isTdNotAboveMerged
+                            ? tdAbove
+                            : td, true /*isHorizontal*/);
                     }
                     else {
                         this.setInserterTd(null);
@@ -26216,7 +26704,7 @@ function createTableInserter(editor, td, isRTL, isHorizontal, onInsert, onShowHe
             div.firstChild.style.width = tableRect.right - tableRect.left + "px";
         }
         else {
-            div.style.left = (isRTL ? tdRect.left : tdRect.right - 8) + "px";
+            div.style.left = (isRTL ? tdRect.left - 8 : tdRect.right - 8) + "px";
             div.style.top = tdRect.top - (INSERTER_SIDE_LENGTH - 1 + 2 * INSERTER_BORDER_SIZE) + "px";
             div.firstChild.style.height = tableRect.bottom - tableRect.top + "px";
         }
@@ -26489,10 +26977,11 @@ var Watermark = /** @class */ (function () {
      * Create an instance of Watermark plugin
      * @param watermark The watermark string
      */
-    function Watermark(watermark, format) {
+    function Watermark(watermark, format, customClass) {
         var _this = this;
         this.watermark = watermark;
         this.format = format;
+        this.customClass = customClass;
         this.showHideWatermark = function () {
             var hasFocus = _this.editor.hasFocus();
             var watermarks = _this.editor.queryElements((0, roosterjs_editor_dom_1.getEntitySelector)(ENTITY_TYPE));
@@ -26502,7 +26991,10 @@ var Watermark = /** @class */ (function () {
                 _this.editor.focus();
             }
             else if (!hasFocus && !isShowing && _this.editor.isEmpty()) {
-                (0, roosterjs_editor_api_1.insertEntity)(_this.editor, ENTITY_TYPE, _this.editor.getDocument().createTextNode(_this.watermark), false /*isBlock*/, false /*isReadonly*/, 0 /* Begin */);
+                var newEntity = (0, roosterjs_editor_api_1.insertEntity)(_this.editor, ENTITY_TYPE, _this.editor.getDocument().createTextNode(_this.watermark), false /*isBlock*/, false /*isReadonly*/, 0 /* Begin */);
+                if (_this.customClass) {
+                    newEntity.wrapper.classList.add(_this.customClass);
+                }
             }
         };
         this.removeWatermark = function (wrapper) {
@@ -26704,7 +27196,7 @@ var CompatibleBulletListType;
      */
     CompatibleBulletListType[CompatibleBulletListType["ShortArrow"] = 4] = "ShortArrow";
     /**
-     * Bullet triggered by -> or -->
+     * Bullet triggered by ->
      */
     CompatibleBulletListType[CompatibleBulletListType["LongArrow"] = 5] = "LongArrow";
     /**
@@ -26715,10 +27207,14 @@ var CompatibleBulletListType;
      * Bullet triggered by —
      */
     CompatibleBulletListType[CompatibleBulletListType["Hyphen"] = 7] = "Hyphen";
+    /**
+     * Bullet triggered by -->
+     */
+    CompatibleBulletListType[CompatibleBulletListType["DoubleLongArrow"] = 8] = "DoubleLongArrow";
     /**
      * Maximum value of the enum
      */
-    CompatibleBulletListType[CompatibleBulletListType["Max"] = 7] = "Max";
+    CompatibleBulletListType[CompatibleBulletListType["Max"] = 8] = "Max";
 })(CompatibleBulletListType = exports.CompatibleBulletListType || (exports.CompatibleBulletListType = {}));
 
 
@@ -27537,7 +28033,7 @@ var CompatibleExperimentalFeatures;
      */
     CompatibleExperimentalFeatures["ImageRotate"] = "ImageRotate";
     /**
-     * Crop an inline image (requires ImageEdit plugin)
+     * @deprecated This feature is always enabled
      */
     CompatibleExperimentalFeatures["ImageCrop"] = "ImageCrop";
     /**