roosterjs 9.41.0 → 9.44.0

package/dist/rooster-amd.js

@@ -2094,7 +2094,7 @@ exports["default"] = getDarkColor;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.formatParagraphWithContentModel = exports.formatImageWithContentModel = exports.formatTableWithContentModel = exports.createEditorContextForEntity = exports.clearSelectedCells = exports.insertTableColumn = exports.insertTableRow = exports.insertEntity = exports.toggleCode = exports.setParagraphMargin = exports.adjustImageSelection = exports.setImageAltText = exports.adjustLinkSelection = exports.removeLink = exports.insertLink = exports.clearFormat = exports.getFormatState = exports.changeImage = exports.setImageBoxShadow = exports.setImageBorder = exports.setSpacing = exports.toggleBlockQuote = exports.setHeadingLevel = exports.setDirection = exports.setAlignment = exports.setIndentation = exports.setListStartNumber = exports.setListStyle = exports.insertImage = exports.splitTextSegment = exports.changeCapitalization = exports.applySegmentFormat = exports.changeFontSize = exports.setTextColor = exports.setFontSize = exports.setFontName = exports.setBackgroundColor = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleUnderline = exports.toggleItalic = exports.toggleBold = exports.toggleNumbering = exports.toggleBullet = exports.applyTableBorderFormat = exports.editTable = exports.setTableCellShade = exports.formatTable = exports.insertTable = void 0;
-exports.adjustWordSelection = exports.queryContentModelBlocks = exports.getListAnnounceData = exports.promoteLink = exports.matchLink = exports.setModelIndentation = exports.findListItemsInSameThread = exports.setModelListStartNumber = exports.setModelListStyle = exports.setListType = exports.formatInsertPointWithContentModel = exports.formatTextSegmentBeforeSelectionMarker = exports.formatSegmentWithContentModel = void 0;
+exports.adjustWordSelection = exports.queryContentModelBlocks = exports.getListAnnounceData = exports.getPromoteLink = exports.promoteLink = exports.matchLink = exports.setModelIndentation = exports.findListItemsInSameThread = exports.setModelListStartNumber = exports.setModelListStyle = exports.setListType = exports.formatInsertPointWithContentModel = exports.formatTextSegmentBeforeSelectionMarker = exports.formatSegmentWithContentModel = void 0;
 var insertTable_1 = __webpack_require__(/*! ./publicApi/table/insertTable */ "./packages/roosterjs-content-model-api/lib/publicApi/table/insertTable.ts");
 Object.defineProperty(exports, "insertTable", ({ enumerable: true, get: function () { return insertTable_1.insertTable; } }));
 var formatTable_1 = __webpack_require__(/*! ./publicApi/table/formatTable */ "./packages/roosterjs-content-model-api/lib/publicApi/table/formatTable.ts");
@@ -2215,6 +2215,7 @@ var matchLink_1 = __webpack_require__(/*! ./modelApi/link/matchLink */ "./packag
 Object.defineProperty(exports, "matchLink", ({ enumerable: true, get: function () { return matchLink_1.matchLink; } }));
 var promoteLink_1 = __webpack_require__(/*! ./modelApi/link/promoteLink */ "./packages/roosterjs-content-model-api/lib/modelApi/link/promoteLink.ts");
 Object.defineProperty(exports, "promoteLink", ({ enumerable: true, get: function () { return promoteLink_1.promoteLink; } }));
+Object.defineProperty(exports, "getPromoteLink", ({ enumerable: true, get: function () { return promoteLink_1.getPromoteLink; } }));
 var getListAnnounceData_1 = __webpack_require__(/*! ./modelApi/list/getListAnnounceData */ "./packages/roosterjs-content-model-api/lib/modelApi/list/getListAnnounceData.ts");
 Object.defineProperty(exports, "getListAnnounceData", ({ enumerable: true, get: function () { return getListAnnounceData_1.getListAnnounceData; } }));
 var queryContentModelBlocks_1 = __webpack_require__(/*! ./modelApi/common/queryContentModelBlocks */ "./packages/roosterjs-content-model-api/lib/modelApi/common/queryContentModelBlocks.ts");
@@ -2533,7 +2534,13 @@ function setModelIndentation(model, indentation, length, context) {
             }
         }
     });
-    return paragraphOrListItem.length > 0;
+    if (paragraphOrListItem.length > 0) {
+        (0, roosterjs_content_model_dom_1.normalizeContentModel)(model);
+        return true;
+    }
+    else {
+        return false;
+    }
 }
 exports.setModelIndentation = setModelIndentation;
 function isSelected(listItem) {
@@ -3448,9 +3455,12 @@ var MAILTO_REGEX = "(M|m)ailto:" + COMMON_REGEX;
 function getLinkUrl(text, autoLinkOptions) {
     var _a;
     var _b = autoLinkOptions !== null && autoLinkOptions !== void 0 ? autoLinkOptions : {}, autoLink = _b.autoLink, autoMailto = _b.autoMailto, autoTel = _b.autoTel;
+    var mailtoMatch = matchMailTo(text);
+    if (mailtoMatch && !autoMailto) {
+        return undefined;
+    }
     var linkMatch = autoLink ? (_a = (0, matchLink_1.matchLink)(text)) === null || _a === void 0 ? void 0 : _a.normalizedUrl : undefined;
     var telMatch = autoTel ? matchTel(text) : undefined;
-    var mailtoMatch = autoMailto ? matchMailTo(text) : undefined;
     return linkMatch || telMatch || mailtoMatch;
 }
 exports.getLinkUrl = getLinkUrl;
@@ -3577,7 +3587,7 @@ exports.matchLink = matchLink;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.promoteLink = void 0;
+exports.getPromoteLink = exports.promoteLink = void 0;
 var getLinkUrl_1 = __webpack_require__(/*! ./getLinkUrl */ "./packages/roosterjs-content-model-api/lib/modelApi/link/getLinkUrl.ts");
 var splitTextSegment_1 = __webpack_require__(/*! ../../publicApi/segment/splitTextSegment */ "./packages/roosterjs-content-model-api/lib/publicApi/segment/splitTextSegment.ts");
 /**
@@ -3595,14 +3605,12 @@ function promoteLink(segment, paragraph, autoLinkOptions) {
     if (segment.link) {
         return null;
     }
-    var link = segment.text.split(' ').pop();
-    var url = link === null || link === void 0 ? void 0 : link.trim();
-    var linkUrl = undefined;
-    if (url && link && (linkUrl = (0, getLinkUrl_1.getLinkUrl)(url, autoLinkOptions))) {
-        var linkSegment = (0, splitTextSegment_1.splitTextSegment)(segment, paragraph, segment.text.length - link.trimLeft().length, segment.text.trimRight().length);
+    var promotedLink = getPromoteLink(segment, autoLinkOptions);
+    if (promotedLink) {
+        var linkSegment = (0, splitTextSegment_1.splitTextSegment)(segment, paragraph, segment.text.length - promotedLink.label.trimLeft().length, segment.text.trimRight().length);
         linkSegment.link = {
             format: {
-                href: linkUrl,
+                href: promotedLink.href,
                 underline: true,
             },
             dataset: {},
@@ -3612,6 +3620,25 @@ function promoteLink(segment, paragraph, autoLinkOptions) {
     return null;
 }
 exports.promoteLink = promoteLink;
+/**
+ * Verify if the link can be promoted
+ * @param segment The text segment to search link text from
+ * @param options Options of auto link
+ * @returns if a link can be promoted
+ */
+function getPromoteLink(segment, autoLinkOptions) {
+    var link = segment.text.split(' ').pop();
+    var url = link === null || link === void 0 ? void 0 : link.trim();
+    var linkUrl = undefined;
+    if (url && link && (linkUrl = (0, getLinkUrl_1.getLinkUrl)(url, autoLinkOptions))) {
+        return {
+            label: link,
+            href: linkUrl,
+        };
+    }
+    return undefined;
+}
+exports.getPromoteLink = getPromoteLink;
 
 
 /***/ }),
@@ -3855,7 +3882,8 @@ function setListType(model, listType, removeMargins) {
         var _b, _c;
         var block = _a.block, parent = _a.parent;
         if ((0, roosterjs_content_model_dom_1.isBlockGroupOfType)(block, 'ListItem')) {
-            var level = block.levels.pop();
+            var mutableBlock = (0, roosterjs_content_model_dom_1.mutateBlock)(block);
+            var level = mutableBlock.levels.pop();
             if (!alreadyInExpectedType && level) {
                 level.listType = listType;
                 (0, roosterjs_content_model_dom_1.updateListMetadata)(level, function (metadata) {
@@ -3863,7 +3891,7 @@ function setListType(model, listType, removeMargins) {
                         applyListStyleFromLevel: true,
                     });
                 });
-                block.levels.push(level);
+                mutableBlock.levels.push(level);
             }
             else if (block.blocks.length == 1) {
                 (0, roosterjs_content_model_dom_1.setParagraphNotImplicit)(block.blocks[0]);
@@ -5146,7 +5174,6 @@ function getExistingHeadingTag(decorator) {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.setIndentation = void 0;
-var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var setModelIndentation_1 = __webpack_require__(/*! ../../modelApi/block/setModelIndentation */ "./packages/roosterjs-content-model-api/lib/modelApi/block/setModelIndentation.ts");
 /**
  * Indent or outdent to selected paragraphs
@@ -5158,9 +5185,6 @@ function setIndentation(editor, indentation, length) {
     editor.focus();
     editor.formatContentModel(function (model, context) {
         var result = (0, setModelIndentation_1.setModelIndentation)(model, indentation, length);
-        if (result) {
-            (0, roosterjs_content_model_dom_1.normalizeContentModel)(model);
-        }
         context.newPendingFormat = 'preserve';
         return result;
     }, {
@@ -7100,6 +7124,7 @@ exports.formatTable = formatTable;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.insertTable = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var adjustIndentation_1 = __webpack_require__(/*! ../../modelApi/common/adjustIndentation */ "./packages/roosterjs-content-model-api/lib/modelApi/common/adjustIndentation.ts");
 var createTableStructure_1 = __webpack_require__(/*! ../../modelApi/table/createTableStructure */ "./packages/roosterjs-content-model-api/lib/modelApi/table/createTableStructure.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
@@ -7109,10 +7134,10 @@ var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-mo
  * @param columns Number of columns in table, it also controls the default table cell width:
  * if columns <= 4, width = 120px; if columns <= 6, width = 100px; else width = 70px
  * @param rows Number of rows in table
- * @param format (Optional) The table format. If not passed, the default format will be applied:
- * background color: #FFF; border color: #ABABAB
+ * @param tableMetadataFormat (Optional) The table format that are stored as metadata. If not passed, the default format will be applied: background color: #FFF; border color: #ABABAB
+ * @param format (Optional) The table format used for style attributes
  */
-function insertTable(editor, columns, rows, format) {
+function insertTable(editor, columns, rows, tableMetadataFormat, format) {
     editor.focus();
     editor.formatContentModel(function (model, context) {
         var _a, _b, _c;
@@ -7120,11 +7145,14 @@ function insertTable(editor, columns, rows, format) {
         if (insertPosition) {
             var doc = (0, roosterjs_content_model_dom_1.createContentModelDocument)();
             var table = (0, createTableStructure_1.createTableStructure)(doc, columns, rows);
+            if (format) {
+                table.format = (0, tslib_1.__assign)({}, format);
+            }
             (0, roosterjs_content_model_dom_1.normalizeTable)(table, editor.getPendingFormat() || insertPosition.marker.format);
             (0, adjustIndentation_1.adjustTableIndentation)(insertPosition, table);
             // Assign default vertical align
-            format = format || { verticalAlign: 'top' };
-            (0, roosterjs_content_model_dom_1.applyTableFormat)(table, format);
+            tableMetadataFormat = tableMetadataFormat || { verticalAlign: 'top' };
+            (0, roosterjs_content_model_dom_1.applyTableFormat)(table, tableMetadataFormat);
             (0, roosterjs_content_model_dom_1.mergeModel)(model, doc, context, {
                 insertPosition: insertPosition,
                 mergeFormat: 'mergeAll',
@@ -7478,7 +7506,7 @@ function formatSegmentWithContentModel(editor, apiName, toggleStyleCallback, seg
         var modelsFromEntities = [];
         segmentAndParagraphs.forEach(function (item) {
             if (item[0].segmentType == 'Entity') {
-                expandEntitySelections(editor, item[0], formatsAndSegments, modelsFromEntities);
+                expandEntitySelections(editor, item[0], formatsAndSegments, modelsFromEntities, item[1]);
             }
             else {
                 formatsAndSegments.push([item[0].format, item[0], item[1]]);
@@ -7523,7 +7551,7 @@ function formatSegmentWithContentModel(editor, apiName, toggleStyleCallback, seg
     });
 }
 exports.formatSegmentWithContentModel = formatSegmentWithContentModel;
-function expandEntitySelections(editor, entity, formatsAndSegments, modelsFromEntities) {
+function expandEntitySelections(editor, entity, formatsAndSegments, modelsFromEntities, paragraph) {
     var _a = entity.entityFormat, id = _a.id, type = _a.entityType, isReadonly = _a.isReadonly;
     if (id && type) {
         var formattableRoots = [];
@@ -7547,6 +7575,9 @@ function expandEntitySelections(editor, entity, formatsAndSegments, modelsFromEn
                 modelsFromEntities.push([entity, root, model]);
             }
         });
+        if (formattableRoots.length > 0) {
+            formatsAndSegments.push([entity.format, entity, paragraph]);
+        }
     }
 }
 function writeBackEntities(editor, modelsFromEntities) {
@@ -7783,9 +7814,9 @@ var DefaultSanitizingOption = {
 /**
  * @internal
  */
-function createDomToModelContextForSanitizing(document, defaultFormat, defaultOption, additionalSanitizingOption) {
+function createDomToModelContextForSanitizing(document, defaultFormat, defaultOption, additionalSanitizingOption, domHelper) {
     var sanitizingOption = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, DefaultSanitizingOption), additionalSanitizingOption);
-    return (0, roosterjs_content_model_dom_1.createDomToModelContext)((0, tslib_1.__assign)((0, tslib_1.__assign)({ defaultFormat: defaultFormat }, (0, getRootComputedStyleForContext_1.getRootComputedStyleForContext)(document)), { experimentalFeatures: [] }), defaultOption, {
+    return (0, roosterjs_content_model_dom_1.createDomToModelContext)((0, tslib_1.__assign)((0, tslib_1.__assign)({ defaultFormat: defaultFormat }, (0, getRootComputedStyleForContext_1.getRootComputedStyleForContext)(document)), { experimentalFeatures: [], editorViewWidth: domHelper === null || domHelper === void 0 ? void 0 : domHelper.getClientWidth() }), defaultOption, {
         processorOverride: {
             '#text': pasteTextProcessor_1.pasteTextProcessor,
             entity: (0, pasteEntityProcessor_1.createPasteEntityProcessor)(sanitizingOption),
@@ -8824,7 +8855,7 @@ function mergePasteContent(editor, eventResult, isFirstPaste) {
             var clonedModel = cloneModelForPaste(clipboardData.modelBeforePaste);
             model.blocks = clonedModel.blocks;
         }
-        var domToModelContext = (0, createDomToModelContextForSanitizing_1.createDomToModelContextForSanitizing)(editor.getDocument(), undefined /*defaultFormat*/, editor.getEnvironment().domToModelSettings.customized, domToModelOption);
+        var domToModelContext = (0, createDomToModelContextForSanitizing_1.createDomToModelContextForSanitizing)(editor.getDocument(), undefined /*defaultFormat*/, editor.getEnvironment().domToModelSettings.customized, domToModelOption, editor.getDOMHelper());
         domToModelContext.segmentFormat = getSegmentFormatForPaste(model, pasteType);
         var pasteModel = (0, roosterjs_content_model_dom_1.domToContentModel)(fragment, domToModelContext);
         var mergeOption = {
@@ -8964,8 +8995,8 @@ function createDOMFromHtml(html, domCreator) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.retrieveHtmlInfo = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
-var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var convertInlineCss_1 = __webpack_require__(/*! ../createModelFromHtml/convertInlineCss */ "./packages/roosterjs-content-model-core/lib/command/createModelFromHtml/convertInlineCss.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var START_FRAGMENT = '<!--StartFragment-->';
 var END_FRAGMENT = '<!--EndFragment-->';
 /**
@@ -8977,7 +9008,7 @@ function retrieveHtmlInfo(doc, clipboardData) {
         globalCssRules: [],
     };
     if (doc) {
-        result = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, retrieveHtmlStrings(clipboardData)), { globalCssRules: (0, convertInlineCss_1.retrieveCssRules)(doc), metadata: retrieveMetadata(doc), containsBlockElements: checkBlockElements(doc) });
+        result = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, retrieveHtmlStrings(clipboardData)), { globalCssRules: (0, convertInlineCss_1.retrieveCssRules)(doc), metadata: (0, roosterjs_content_model_dom_1.retrieveDocumentMetadata)(doc), containsBlockElements: checkBlockElements(doc) });
         clipboardData.htmlFirstLevelChildTags = retrieveTopLevelTags(doc);
     }
     return result;
@@ -8999,18 +9030,6 @@ function retrieveTopLevelTags(doc) {
     }
     return topLevelTags;
 }
-function retrieveMetadata(doc) {
-    var _a;
-    var result = {};
-    var attributes = (_a = doc.querySelector('html')) === null || _a === void 0 ? void 0 : _a.attributes;
-    (attributes ? (0, roosterjs_content_model_dom_1.toArray)(attributes) : []).forEach(function (attr) {
-        result[attr.name] = attr.value;
-    });
-    (0, roosterjs_content_model_dom_1.toArray)(doc.querySelectorAll('meta')).forEach(function (meta) {
-        result[meta.name] = meta.content;
-    });
-    return result;
-}
 function retrieveHtmlStrings(clipboardData) {
     var _a;
     var rawHtml = (_a = clipboardData.rawHtml) !== null && _a !== void 0 ? _a : '';
@@ -9605,10 +9624,10 @@ var getRootComputedStyleForContext_1 = __webpack_require__(/*! ./getRootComputed
  * Create a EditorContext object used by ContentModel API
  */
 var createEditorContext = function (core, saveIndex) {
-    var _a, _b;
+    var _a, _b, _c;
     var lifecycle = core.lifecycle, format = core.format, darkColorHandler = core.darkColorHandler, logicalRoot = core.logicalRoot, cache = core.cache, domHelper = core.domHelper;
     saveIndex = saveIndex && !core.lifecycle.shadowEditFragment;
-    var context = (0, tslib_1.__assign)({ isDarkMode: lifecycle.isDarkMode, defaultFormat: format.defaultFormat, pendingFormat: (_a = format.pendingFormat) !== null && _a !== void 0 ? _a : undefined, darkColorHandler: darkColorHandler, addDelimiterForEntity: true, allowCacheElement: true, domIndexer: saveIndex ? cache.domIndexer : undefined, zoomScale: domHelper.calculateZoomScale(), experimentalFeatures: (_b = core.experimentalFeatures) !== null && _b !== void 0 ? _b : [], paragraphMap: core.cache.paragraphMap }, (0, getRootComputedStyleForContext_1.getRootComputedStyleForContext)(logicalRoot.ownerDocument));
+    var context = (0, tslib_1.__assign)({ isDarkMode: lifecycle.isDarkMode, defaultFormat: format.defaultFormat, pendingFormat: (_a = format.pendingFormat) !== null && _a !== void 0 ? _a : undefined, darkColorHandler: darkColorHandler, addDelimiterForEntity: true, allowCacheElement: true, allowCacheListItem: !!((_b = core.experimentalFeatures) === null || _b === void 0 ? void 0 : _b.includes('CacheList')), domIndexer: saveIndex ? cache.domIndexer : undefined, zoomScale: domHelper.calculateZoomScale(), experimentalFeatures: (_c = core.experimentalFeatures) !== null && _c !== void 0 ? _c : [], paragraphMap: core.cache.paragraphMap, editorViewWidth: domHelper.getClientWidth() }, (0, getRootComputedStyleForContext_1.getRootComputedStyleForContext)(logicalRoot.ownerDocument));
     if (core.domHelper.isRightToLeft()) {
         context.isRootRtl = true;
     }
@@ -11442,7 +11461,7 @@ var DomIndexerImpl = /** @class */ (function () {
                     var startContainer = newRange.startContainer, startOffset = newRange.startOffset, endContainer = newRange.endContainer, endOffset = newRange.endOffset, collapsed = newRange.collapsed;
                     delete model.hasRevertedRangeSelection;
                     if (collapsed) {
-                        return !!this.reconcileNodeSelection(startContainer, startOffset, model.format);
+                        return !!this.reconcileNodeSelection(startContainer, startOffset, model.format, selectionMarker);
                     }
                     else if (startContainer == endContainer &&
                         (0, roosterjs_content_model_dom_1.isNodeOfType)(startContainer, 'TEXT_NODE')) {
@@ -11530,10 +11549,10 @@ var DomIndexerImpl = /** @class */ (function () {
         var start = selection.start, end = selection.end;
         return start.node == end.node && start.offset == end.offset;
     };
-    DomIndexerImpl.prototype.reconcileNodeSelection = function (node, offset, defaultFormat) {
+    DomIndexerImpl.prototype.reconcileNodeSelection = function (node, offset, defaultFormat, selectionMarker) {
         if ((0, roosterjs_content_model_dom_1.isNodeOfType)(node, 'TEXT_NODE')) {
             if (isIndexedSegment(node)) {
-                return this.reconcileTextSelection(node, offset);
+                return this.reconcileTextSelection(node, offset, undefined, selectionMarker);
             }
             else if (isIndexedDelimiter(node)) {
                 return this.reconcileDelimiterSelection(node, defaultFormat);
@@ -16987,10 +17006,6 @@ function domToContentModel(root, context) {
     if (((_a = context.selection) === null || _a === void 0 ? void 0 : _a.type) == 'range' && context.selection.isReverted) {
         model.hasRevertedRangeSelection = true;
     }
-    // When allowed, persist cached element and do not clear it if not changed
-    if (context.domIndexer && context.allowCacheElement) {
-        model.persistCache = true;
-    }
     context.elementProcessors.child(model, root, context);
     (0, normalizeContentModel_1.normalizeContentModel)(model);
     return model;
@@ -19548,6 +19563,39 @@ function readFile(file, callback) {
 exports.readFile = readFile;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-dom/lib/domUtils/retrieveDocumentMetadata.ts":
+/*!***************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-dom/lib/domUtils/retrieveDocumentMetadata.ts ***!
+  \***************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.retrieveDocumentMetadata = void 0;
+var toArray_1 = __webpack_require__(/*! ./toArray */ "./packages/roosterjs-content-model-dom/lib/domUtils/toArray.ts");
+/**
+ * Retrieves metadata from the given document, including HTML attributes and meta tags.
+ * @param doc The document from which to retrieve metadata.
+ * @returns A record containing metadata key-value pairs.
+ */
+function retrieveDocumentMetadata(doc) {
+    var _a;
+    var result = {};
+    var attributes = (_a = doc.querySelector('html')) === null || _a === void 0 ? void 0 : _a.attributes;
+    (attributes ? (0, toArray_1.toArray)(attributes) : []).forEach(function (attr) {
+        result[attr.name] = attr.value;
+    });
+    (0, toArray_1.toArray)(doc.querySelectorAll('meta')).forEach(function (meta) {
+        result[meta.name] = meta.content;
+    });
+    return result;
+}
+exports.retrieveDocumentMetadata = retrieveDocumentMetadata;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-dom/lib/domUtils/reuseCachedElement.ts":
@@ -21338,8 +21386,8 @@ exports.listLevelThreadFormatHandler = {
             var threadItemCounts = listFormat.threadItemCounts, levels = listFormat.levels;
             var depth = levels.length;
             if (element.start == 1 ||
-                (typeof threadItemCounts[depth] === 'number' &&
-                    element.start != threadItemCounts[depth] + 1)) {
+                typeof threadItemCounts[depth] !== 'number' ||
+                element.start != threadItemCounts[depth] + 1) {
                 format.startNumberOverride = element.start;
             }
             threadItemCounts[depth] = element.start - 1;
@@ -22385,8 +22433,8 @@ exports.shouldSetValue = shouldSetValue;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createContentModelDocument = exports.createImage = exports.createText = exports.createTableCell = exports.createTable = exports.createSelectionMarker = exports.createParagraph = exports.createFormatContainer = exports.createListItem = exports.createBr = exports.isLinkUndeletable = exports.setLinkUndeletable = exports.scrollRectIntoView = exports.normalizeRect = exports.isWhiteSpacePreserved = exports.reuseCachedElement = exports.findClosestBlockEntityContainer = exports.isBlockEntityContainer = exports.isEntityDelimiter = exports.addDelimiters = exports.generateEntityClassNames = exports.parseEntityFormat = exports.getAllEntityWrappers = exports.findClosestEntityWrapper = exports.isEntityElement = exports.unwrap = exports.wrap = exports.wrapAllChildNodes = exports.moveChildNodes = exports.toArray = exports.getSafeIdSelector = exports.getObjectKeys = exports.isElementOfType = exports.isNodeOfType = exports.hasMetadata = exports.getMetadata = exports.updateMetadata = exports.buildSelectionMarker = exports.isBlockElement = exports.areSameFormats = exports.parseFormat = exports.getRegularSelectionOffsets = exports.tableProcessor = exports.entityProcessor = exports.processChildNode = exports.handleRegularSelection = exports.childProcessor = exports.contentModelToText = exports.contentModelToDom = exports.domToContentModel = void 0;
 exports.isModifierKey = exports.isCharacterValue = exports.getDOMInsertPointRect = exports.getSelectionRootNode = exports.isBold = exports.createModelToDomConfig = exports.createModelToDomContextWithConfig = exports.createModelToDomContext = exports.createDomToModelConfig = exports.createDomToModelContextWithConfig = exports.createDomToModelContext = exports.defaultGenerateColorKey = exports.parseColor = exports.setColor = exports.getColor = exports.DeprecatedColors = exports.BorderKeys = exports.parseValueWithUnit = exports.getAutoListStyleType = exports.getOrderedListNumberStr = exports.ParagraphFormats = exports.ListFormatsToMove = exports.ListFormatsToKeep = exports.ListFormats = exports.copyFormat = exports.setParagraphNotImplicit = exports.normalizeSegmentFormat = exports.mergeTextSegments = exports.normalizeSingleSegment = exports.isEmpty = exports.addSegment = exports.unwrapBlock = exports.isGeneralSegment = exports.normalizeContentModel = exports.normalizeParagraph = exports.addTextSegment = exports.addLink = exports.addCode = exports.addBlock = exports.mutateSegment = exports.mutateSegments = exports.mutateBlock = exports.createTableRow = exports.createEmptyModel = exports.createListLevel = exports.createDivider = exports.createEntity = exports.createGeneralBlock = exports.createGeneralSegment = exports.createParagraphDecorator = void 0;
-exports.getTableCellMetadata = exports.updateTableCellMetadata = exports.getImageMetadata = exports.updateImageMetadata = exports.runEditSteps = exports.getClosestAncestorBlockGroupIndex = exports.getSegmentTextFormat = exports.getListStyleTypeFromString = exports.retrieveModelFormatState = exports.setTableCellBackgroundColor = exports.MIN_ALLOWED_TABLE_CELL_HEIGHT = exports.MIN_ALLOWED_TABLE_CELL_WIDTH = exports.normalizeTable = exports.setFirstColumnFormatBorders = exports.applyTableFormat = exports.deleteBlock = exports.deleteSegment = exports.deleteSelection = exports.mergeModel = exports.cloneModel = exports.setSelection = exports.hasSelectionInBlockGroup = exports.hasSelectionInSegment = exports.hasSelectionInBlock = exports.getSelectedCells = exports.getSelectedSegmentsAndParagraphs = exports.getSelectedSegments = exports.getSelectedParagraphs = exports.getOperationalBlocks = exports.getFirstSelectedTable = exports.getFirstSelectedListItem = exports.iterateSelections = exports.isBlockGroupOfType = exports.getRangesByText = exports.getImageState = exports.setImageState = exports.getParagraphMarker = exports.setParagraphMarker = exports.cacheGetEventData = exports.extractClipboardItems = exports.normalizeFontFamily = exports.transformColor = exports.readFile = exports.parseTableCells = exports.normalizeText = exports.isSpace = exports.isPunctuation = exports.extractBorderValues = exports.combineBorderValue = exports.isCursorMovingKey = void 0;
-exports.EmptySegmentFormat = exports.UnorderedListStyleMap = exports.OrderedListStyleMap = exports.TableBorderFormat = exports.NumberingListType = exports.BulletListType = exports.ChangeSource = exports.ListMetadataDefinition = exports.getListMetadata = exports.updateListMetadata = exports.getTableMetadata = exports.updateTableMetadata = void 0;
+exports.updateTableCellMetadata = exports.getImageMetadata = exports.updateImageMetadata = exports.runEditSteps = exports.getClosestAncestorBlockGroupIndex = exports.getSegmentTextFormat = exports.getListStyleTypeFromString = exports.retrieveModelFormatState = exports.setTableCellBackgroundColor = exports.MIN_ALLOWED_TABLE_CELL_HEIGHT = exports.MIN_ALLOWED_TABLE_CELL_WIDTH = exports.normalizeTable = exports.setFirstColumnFormatBorders = exports.applyTableFormat = exports.deleteBlock = exports.deleteSegment = exports.deleteSelection = exports.mergeModel = exports.cloneModel = exports.setSelection = exports.hasSelectionInBlockGroup = exports.hasSelectionInSegment = exports.hasSelectionInBlock = exports.getSelectedCells = exports.getSelectedSegmentsAndParagraphs = exports.getSelectedSegments = exports.getSelectedParagraphs = exports.getOperationalBlocks = exports.getFirstSelectedTable = exports.getFirstSelectedListItem = exports.iterateSelections = exports.isBlockGroupOfType = exports.getRangesByText = exports.getImageState = exports.setImageState = exports.getParagraphMarker = exports.setParagraphMarker = exports.cacheGetEventData = exports.extractClipboardItems = exports.normalizeFontFamily = exports.transformColor = exports.retrieveDocumentMetadata = exports.readFile = exports.parseTableCells = exports.normalizeText = exports.isSpace = exports.isPunctuation = exports.extractBorderValues = exports.combineBorderValue = exports.isCursorMovingKey = void 0;
+exports.EmptySegmentFormat = exports.UnorderedListStyleMap = exports.OrderedListStyleMap = exports.TableBorderFormat = exports.NumberingListType = exports.BulletListType = exports.ChangeSource = exports.ListMetadataDefinition = exports.getListMetadata = exports.updateListMetadata = exports.getTableMetadata = exports.updateTableMetadata = exports.getTableCellMetadata = void 0;
 var domToContentModel_1 = __webpack_require__(/*! ./domToModel/domToContentModel */ "./packages/roosterjs-content-model-dom/lib/domToModel/domToContentModel.ts");
 Object.defineProperty(exports, "domToContentModel", ({ enumerable: true, get: function () { return domToContentModel_1.domToContentModel; } }));
 var contentModelToDom_1 = __webpack_require__(/*! ./modelToDom/contentModelToDom */ "./packages/roosterjs-content-model-dom/lib/modelToDom/contentModelToDom.ts");
@@ -22570,6 +22618,8 @@ var parseTableCells_1 = __webpack_require__(/*! ./domUtils/table/parseTableCells
 Object.defineProperty(exports, "parseTableCells", ({ enumerable: true, get: function () { return parseTableCells_1.parseTableCells; } }));
 var readFile_1 = __webpack_require__(/*! ./domUtils/readFile */ "./packages/roosterjs-content-model-dom/lib/domUtils/readFile.ts");
 Object.defineProperty(exports, "readFile", ({ enumerable: true, get: function () { return readFile_1.readFile; } }));
+var retrieveDocumentMetadata_1 = __webpack_require__(/*! ./domUtils/retrieveDocumentMetadata */ "./packages/roosterjs-content-model-dom/lib/domUtils/retrieveDocumentMetadata.ts");
+Object.defineProperty(exports, "retrieveDocumentMetadata", ({ enumerable: true, get: function () { return retrieveDocumentMetadata_1.retrieveDocumentMetadata; } }));
 var transformColor_1 = __webpack_require__(/*! ./domUtils/style/transformColor */ "./packages/roosterjs-content-model-dom/lib/domUtils/style/transformColor.ts");
 Object.defineProperty(exports, "transformColor", ({ enumerable: true, get: function () { return transformColor_1.transformColor; } }));
 var normalizeFontFamily_1 = __webpack_require__(/*! ./domUtils/style/normalizeFontFamily */ "./packages/roosterjs-content-model-dom/lib/domUtils/style/normalizeFontFamily.ts");
@@ -24386,32 +24436,47 @@ function formatCells(rows, format, metaOverrides) {
  * @param format The table metadata format
  */
 function setFirstColumnFormatBorders(rows, format) {
-    // Exit early hasFirstColumn is not set
-    if (!format.hasFirstColumn) {
-        return;
-    }
     rows.forEach(function (row, rowIndex) {
         row.cells.forEach(function (readonlyCell, cellIndex) {
+            var e_1, _a, e_2, _b;
             var cell = (0, mutate_1.mutateBlock)(readonlyCell);
             if (cellIndex === 0) {
-                cell.isHeader = true;
-                switch (rowIndex) {
-                    case 0:
-                        cell.isHeader = !!format.hasHeaderRow;
-                        if (cell.isHeader) {
-                            cell.format.fontWeight = 'bold';
+                if (rowIndex == 0) {
+                    cell.isHeader = !!format.hasHeaderRow;
+                }
+                try {
+                    for (var _c = (0, tslib_1.__values)(cell.blocks), _d = _c.next(); !_d.done; _d = _c.next()) {
+                        var block = _d.value;
+                        if (block.blockType == 'Paragraph') {
+                            try {
+                                for (var _e = (e_2 = void 0, (0, tslib_1.__values)(block.segments)), _f = _e.next(); !_f.done; _f = _e.next()) {
+                                    var segment = _f.value;
+                                    (0, mutate_1.mutateSegment)(block, segment, function (cellSegment) {
+                                        if (format.hasFirstColumn) {
+                                            cellSegment.format.fontWeight = 'bold';
+                                        }
+                                        else if (cellSegment.format.fontWeight == 'bold') {
+                                            delete cellSegment.format.fontWeight;
+                                        }
+                                    });
+                                }
+                            }
+                            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                            finally {
+                                try {
+                                    if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                                }
+                                finally { if (e_2) throw e_2.error; }
+                            }
                         }
-                        break;
-                    case rows.length - 1:
-                        setBorderColor(cell.format, 'borderTop');
-                        break;
-                    case 1:
-                        setBorderColor(cell.format, 'borderBottom');
-                        break;
-                    default:
-                        setBorderColor(cell.format, 'borderTop');
-                        setBorderColor(cell.format, 'borderBottom');
-                        break;
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                    }
+                    finally { if (e_1) throw e_1.error; }
                 }
             }
         });
@@ -27036,19 +27101,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.iterateSelections = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 function iterateSelections(group, callback, option) {
-    var persistCache = group.blockGroupType == 'Document'
-        ? group.persistCache
-        : false;
-    var internalCallback = persistCache
-        ? callback
-        : function (path, tableContext, block, segments) {
-            var _a;
-            if (!!((_a = block) === null || _a === void 0 ? void 0 : _a.cachedElement)) {
-                delete block.cachedElement;
-            }
-            return callback(path, tableContext, block, segments);
-        };
-    internalIterateSelections([group], internalCallback, option);
+    internalIterateSelections([group], callback, option);
 }
 exports.iterateSelections = iterateSelections;
 function internalIterateSelections(path, callback, option, table, treatAllAsSelect) {
@@ -27424,9 +27477,6 @@ function contentModelToDom(doc, root, model, context) {
     if (model.hasRevertedRangeSelection && (range === null || range === void 0 ? void 0 : range.type) == 'range') {
         range.isReverted = true;
     }
-    if (context.domIndexer && context.allowCacheElement) {
-        model.persistCache = true;
-    }
     root.normalize();
     return range;
 }
@@ -27725,12 +27775,11 @@ exports.handleBlock = handleBlock;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.handleBlockGroupChildren = void 0;
-var isNodeOfType_1 = __webpack_require__(/*! ../../domUtils/isNodeOfType */ "./packages/roosterjs-content-model-dom/lib/domUtils/isNodeOfType.ts");
+var cleanUpRestNodes_1 = __webpack_require__(/*! ../utils/cleanUpRestNodes */ "./packages/roosterjs-content-model-dom/lib/modelToDom/utils/cleanUpRestNodes.ts");
 /**
  * @internal
  */
 var handleBlockGroupChildren = function (doc, parent, group, context) {
-    var _a;
     var listFormat = context.listFormat;
     var nodeStack = listFormat.nodeStack;
     var refNode = parent.firstChild;
@@ -27744,28 +27793,35 @@ var handleBlockGroupChildren = function (doc, parent, group, context) {
             if (index == 0 ||
                 childBlock.blockType != 'BlockGroup' ||
                 childBlock.blockGroupType != 'ListItem') {
-                listFormat.nodeStack = [];
+                cleanUpNodeStack(listFormat.nodeStack, context);
+                if (listFormat.nodeStack.length > 0) {
+                    listFormat.nodeStack = [];
+                }
             }
             refNode = context.modelHandlers.block(doc, parent, childBlock, context, refNode);
             if (childBlock.blockType == 'Entity') {
                 (_a = context.domIndexer) === null || _a === void 0 ? void 0 : _a.onBlockEntity(childBlock, group);
             }
         });
+        cleanUpNodeStack(listFormat.nodeStack, context);
         // Remove all rest node if any since they don't appear in content model
-        while (refNode) {
-            var next = refNode.nextSibling;
-            if ((0, isNodeOfType_1.isNodeOfType)(refNode, 'ELEMENT_NODE')) {
-                context.rewriteFromModel.removedBlockElements.push(refNode);
-            }
-            (_a = refNode.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(refNode);
-            refNode = next;
-        }
+        (0, cleanUpRestNodes_1.cleanUpRestNodes)(refNode, context.rewriteFromModel);
     }
     finally {
         listFormat.nodeStack = nodeStack;
     }
 };
 exports.handleBlockGroupChildren = handleBlockGroupChildren;
+function cleanUpNodeStack(nodeStack, context) {
+    var _a, _b;
+    if (context.allowCacheListItem && nodeStack.length > 0) {
+        // Clear list stack, only run to nodeStack[1] because nodeStack[0] is the parent node
+        for (var i = nodeStack.length - 1; i > 0; i--) {
+            var node = (_b = (_a = nodeStack.pop()) === null || _a === void 0 ? void 0 : _a.refNode) !== null && _b !== void 0 ? _b : null;
+            (0, cleanUpRestNodes_1.cleanUpRestNodes)(node, context.rewriteFromModel);
+        }
+    }
+}
 
 
 /***/ }),
@@ -28100,20 +28156,24 @@ exports.handleList = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var applyFormat_1 = __webpack_require__(/*! ../utils/applyFormat */ "./packages/roosterjs-content-model-dom/lib/modelToDom/utils/applyFormat.ts");
 var applyMetadata_1 = __webpack_require__(/*! ../utils/applyMetadata */ "./packages/roosterjs-content-model-dom/lib/modelToDom/utils/applyMetadata.ts");
+var cleanUpRestNodes_1 = __webpack_require__(/*! ../utils/cleanUpRestNodes */ "./packages/roosterjs-content-model-dom/lib/modelToDom/utils/cleanUpRestNodes.ts");
+var reuseCachedElement_1 = __webpack_require__(/*! ../../domUtils/reuseCachedElement */ "./packages/roosterjs-content-model-dom/lib/domUtils/reuseCachedElement.ts");
 /**
  * @internal
  */
 var handleList = function (doc, parent, listItem, context, refNode) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     var layer = 0;
     var nodeStack = context.listFormat.nodeStack;
     if (nodeStack.length == 0) {
         nodeStack.push({
             node: parent,
+            refNode: refNode,
         });
     }
     // Skip existing list levels that has same properties so we can reuse them
     for (; layer < listItem.levels.length && layer + 1 < nodeStack.length; layer++) {
+        var parentLevel = nodeStack[layer];
         var stackLevel = nodeStack[layer + 1];
         var itemLevel = listItem.levels[layer];
         if (stackLevel.listType != itemLevel.listType ||
@@ -28124,25 +28184,66 @@ var handleList = function (doc, parent, listItem, context, refNode) {
                 itemLevel.format.listStyleType != ((_b = stackLevel.format) === null || _b === void 0 ? void 0 : _b.listStyleType))) {
             break;
         }
+        if (context.allowCacheListItem &&
+            parentLevel.refNode &&
+            itemLevel.cachedElement == parentLevel.refNode) {
+            // Move refNode to next node since we are reusing this cached element
+            parentLevel.refNode = parentLevel.refNode.nextSibling;
+        }
     }
     // Cut off remained list levels that we can't reuse
+    if (context.allowCacheListItem) {
+        // Clean up all rest nodes in the reused list levels
+        for (var i = layer + 1; i < nodeStack.length; i++) {
+            var stackLevel = nodeStack[i];
+            (0, cleanUpRestNodes_1.cleanUpRestNodes)(stackLevel.refNode, context.rewriteFromModel);
+        }
+    }
     nodeStack.splice(layer + 1);
     // Create new list levels that are after reused ones
     for (; layer < listItem.levels.length; layer++) {
         var level = listItem.levels[layer];
-        var newList = doc.createElement(level.listType || 'UL');
         var lastParent = nodeStack[nodeStack.length - 1].node;
-        lastParent.insertBefore(newList, layer == 0 ? refNode : null);
-        nodeStack.push((0, tslib_1.__assign)({ node: newList }, level));
+        var newList = void 0;
+        var isNewlyCreated = false;
+        var levelRefNode = (_c = nodeStack[layer].refNode) !== null && _c !== void 0 ? _c : null;
+        if (context.allowCacheListItem && level.cachedElement) {
+            newList = level.cachedElement;
+            nodeStack[layer].refNode = (0, reuseCachedElement_1.reuseCachedElement)(lastParent, level.cachedElement, levelRefNode, context.rewriteFromModel);
+            nodeStack.push({
+                node: newList,
+                refNode: newList.firstChild,
+                listType: level.listType,
+                format: (0, tslib_1.__assign)({}, level.format),
+                dataset: (0, tslib_1.__assign)({}, level.dataset),
+            });
+        }
+        else {
+            newList = doc.createElement(level.listType == 'OL' ? 'ol' : 'ul');
+            isNewlyCreated = true;
+            lastParent.insertBefore(newList, levelRefNode);
+            nodeStack.push({
+                node: newList,
+                refNode: null,
+                listType: level.listType,
+                format: (0, tslib_1.__assign)({}, level.format),
+                dataset: (0, tslib_1.__assign)({}, level.dataset),
+            });
+            if (context.allowCacheListItem) {
+                level.cachedElement = newList;
+            }
+        }
         (0, applyFormat_1.applyFormat)(newList, context.formatAppliers.listLevelThread, level.format, context);
         // Need to apply metadata after applying list level format since the list numbers value relies on the result of list thread handling
         (0, applyMetadata_1.applyMetadata)(level, context.metadataAppliers.listLevel, level.format, context);
         // Need to apply listItemElement formats after applying metadata since the list numbers value relies on the result of metadata handling
         (0, applyFormat_1.applyFormat)(newList, context.formatAppliers.listLevel, level.format, context);
         (0, applyFormat_1.applyFormat)(newList, context.formatAppliers.dataset, level.dataset, context);
-        (_c = context.onNodeCreated) === null || _c === void 0 ? void 0 : _c.call(context, level, newList);
+        if (isNewlyCreated) {
+            (_d = context.onNodeCreated) === null || _d === void 0 ? void 0 : _d.call(context, level, newList);
+        }
     }
-    return refNode;
+    return nodeStack[0].refNode;
 };
 exports.handleList = handleList;
 
@@ -28162,6 +28263,7 @@ exports.handleListItem = void 0;
 var applyFormat_1 = __webpack_require__(/*! ../utils/applyFormat */ "./packages/roosterjs-content-model-dom/lib/modelToDom/utils/applyFormat.ts");
 var applyMetadata_1 = __webpack_require__(/*! ../utils/applyMetadata */ "./packages/roosterjs-content-model-dom/lib/modelToDom/utils/applyMetadata.ts");
 var isGenericRoleElement_1 = __webpack_require__(/*! ../../domUtils/isGenericRoleElement */ "./packages/roosterjs-content-model-dom/lib/domUtils/isGenericRoleElement.ts");
+var reuseCachedElement_1 = __webpack_require__(/*! ../../domUtils/reuseCachedElement */ "./packages/roosterjs-content-model-dom/lib/domUtils/reuseCachedElement.ts");
 var setParagraphNotImplicit_1 = __webpack_require__(/*! ../../modelApi/block/setParagraphNotImplicit */ "./packages/roosterjs-content-model-dom/lib/modelApi/block/setParagraphNotImplicit.ts");
 var stackFormat_1 = __webpack_require__(/*! ../utils/stackFormat */ "./packages/roosterjs-content-model-dom/lib/modelToDom/utils/stackFormat.ts");
 var unwrap_1 = __webpack_require__(/*! ../../domUtils/unwrap */ "./packages/roosterjs-content-model-dom/lib/domUtils/unwrap.ts");
@@ -28174,13 +28276,35 @@ var handleListItem = function (doc, parent, listItem, context, refNode) {
     var _a, _b;
     refNode = context.modelHandlers.list(doc, parent, listItem, context, refNode);
     var nodeStack = context.listFormat.nodeStack;
-    var listParent = ((_a = nodeStack === null || nodeStack === void 0 ? void 0 : nodeStack[(nodeStack === null || nodeStack === void 0 ? void 0 : nodeStack.length) - 1]) === null || _a === void 0 ? void 0 : _a.node) || parent;
-    var li = doc.createElement('li');
+    var leafLevel = (_a = nodeStack === null || nodeStack === void 0 ? void 0 : nodeStack[nodeStack.length - 1]) !== null && _a !== void 0 ? _a : {};
+    var itemRefNode = leafLevel.refNode || null;
+    var listParent = leafLevel.node || parent;
     var level = listItem.levels[listItem.levels.length - 1];
-    // It is possible listParent is the same with parent param.
-    // This happens when outdent a list item to cause it has no list level
-    listParent.insertBefore(li, (refNode === null || refNode === void 0 ? void 0 : refNode.parentNode) == listParent ? refNode : null);
-    context.rewriteFromModel.addedBlockElements.push(li);
+    var li;
+    var isNewlyCreated = false;
+    if (context.allowCacheListItem && listItem.cachedElement) {
+        li = listItem.cachedElement;
+        // Check if the cached LI is used as refNode under another list level,
+        // since we know we are going to move it under the current listParent,
+        // we need to update the refNode of the previous list level to avoid removing it later
+        for (var i = 0; i < nodeStack.length - 1; i++) {
+            if (nodeStack[i].refNode === li) {
+                nodeStack[i].refNode = li.nextSibling;
+            }
+        }
+        leafLevel.refNode = (0, reuseCachedElement_1.reuseCachedElement)(listParent, li, itemRefNode, context.rewriteFromModel);
+    }
+    else {
+        li = doc.createElement('li');
+        isNewlyCreated = true;
+        // It is possible listParent is the same with parent param.
+        // This happens when outdent a list item to cause it has no list level
+        listParent.insertBefore(li, (itemRefNode === null || itemRefNode === void 0 ? void 0 : itemRefNode.parentNode) == listParent ? itemRefNode : null);
+        context.rewriteFromModel.addedBlockElements.push(li);
+        if (context.allowCacheListItem) {
+            listItem.cachedElement = li;
+        }
+    }
     if (level) {
         (0, applyFormat_1.applyFormat)(li, context.formatAppliers.segment, listItem.formatHolder.format, context);
         (0, applyFormat_1.applyFormat)(li, context.formatAppliers.listItemThread, level.format, context);
@@ -28208,7 +28332,9 @@ var handleListItem = function (doc, parent, listItem, context, refNode) {
             element.setAttribute(HtmlRoleAttribute, PresentationRoleValue);
         }
     }
-    (_b = context.onNodeCreated) === null || _b === void 0 ? void 0 : _b.call(context, listItem, li);
+    if (isNewlyCreated) {
+        (_b = context.onNodeCreated) === null || _b === void 0 ? void 0 : _b.call(context, listItem, li);
+    }
     return refNode;
 };
 exports.handleListItem = handleListItem;
@@ -28788,6 +28914,40 @@ function applyMetadata(model, applier, format, context) {
 exports.applyMetadata = applyMetadata;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-dom/lib/modelToDom/utils/cleanUpRestNodes.ts":
+/*!***************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-dom/lib/modelToDom/utils/cleanUpRestNodes.ts ***!
+  \***************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.cleanUpRestNodes = void 0;
+var isNodeOfType_1 = __webpack_require__(/*! ../../domUtils/isNodeOfType */ "./packages/roosterjs-content-model-dom/lib/domUtils/isNodeOfType.ts");
+/**
+ * @internal
+ * Cleans up all rest nodes starting from refNode
+ * @param refNode The reference node to start cleaning up
+ * @param rewriteContext The context for rewrite process
+ */
+function cleanUpRestNodes(refNode, rewriteContext) {
+    while (refNode) {
+        var next = refNode.nextSibling;
+        if (refNode.parentNode) {
+            if ((0, isNodeOfType_1.isNodeOfType)(refNode, 'ELEMENT_NODE')) {
+                rewriteContext.removedBlockElements.push(refNode);
+            }
+            refNode.parentNode.removeChild(refNode);
+        }
+        refNode = next;
+    }
+}
+exports.cleanUpRestNodes = cleanUpRestNodes;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-dom/lib/modelToDom/utils/handleSegmentCommon.ts":
@@ -28840,12 +29000,15 @@ function stackFormat(context, tagNameOrFormat, callback) {
         : tagNameOrFormat;
     if (newFormat) {
         var implicitFormat = context.implicitFormat;
+        var nodeStack = context.listFormat.nodeStack;
         try {
             context.implicitFormat = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, implicitFormat), newFormat);
+            context.listFormat.nodeStack = [];
             callback();
         }
         finally {
             context.implicitFormat = implicitFormat;
+            context.listFormat.nodeStack = nodeStack;
         }
     }
     else {
@@ -30503,13 +30666,13 @@ var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.m
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var checkAndInsertHorizontalLine_1 = __webpack_require__(/*! ./horizontalLine/checkAndInsertHorizontalLine */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/horizontalLine/checkAndInsertHorizontalLine.ts");
 var createLink_1 = __webpack_require__(/*! ./link/createLink */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/createLink.ts");
-var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
 var getListTypeStyle_1 = __webpack_require__(/*! ./list/getListTypeStyle */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/list/getListTypeStyle.ts");
 var keyboardListTrigger_1 = __webpack_require__(/*! ./list/keyboardListTrigger */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/list/keyboardListTrigger.ts");
 var transformFraction_1 = __webpack_require__(/*! ./numbers/transformFraction */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/numbers/transformFraction.ts");
 var transformHyphen_1 = __webpack_require__(/*! ./hyphen/transformHyphen */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/hyphen/transformHyphen.ts");
 var transformOrdinals_1 = __webpack_require__(/*! ./numbers/transformOrdinals */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/numbers/transformOrdinals.ts");
 var unlink_1 = __webpack_require__(/*! ./link/unlink */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/unlink.ts");
+var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
 /**
  * @internal
  */
@@ -30639,7 +30802,6 @@ var AutoFormatPlugin = /** @class */ (function () {
         this.editor = null;
     };
     AutoFormatPlugin.prototype.shouldHandleInputEventExclusively = function (editor, event) {
-        var _this = this;
         var rawEvent = event.rawEvent;
         var selection = editor.getDOMSelection();
         var shouldHandle = false;
@@ -30648,15 +30810,15 @@ var AutoFormatPlugin = /** @class */ (function () {
             selection.type === 'range' &&
             selection.range.collapsed &&
             rawEvent.data == ' ') {
-            (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(editor, function (model, previousSegment, paragraph) {
-                var _a = _this.options, autoLink = _a.autoLink, autoTel = _a.autoTel, autoMailto = _a.autoMailto, autoBullet = _a.autoBullet, autoNumbering = _a.autoNumbering;
-                var list = (0, getListTypeStyle_1.getListTypeStyle)(model, autoBullet, autoNumbering);
-                var link = (0, roosterjs_content_model_api_1.promoteLink)(previousSegment, paragraph, {
-                    autoLink: autoLink,
-                    autoTel: autoTel,
-                    autoMailto: autoMailto,
+            var _a = this.options, autoLink_1 = _a.autoLink, autoTel_1 = _a.autoTel, autoMailto_1 = _a.autoMailto, autoBullet_1 = _a.autoBullet, autoNumbering_1 = _a.autoNumbering;
+            (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(editor, function (model, previousSegment, _paragraph, _markerFormat) {
+                var list = (0, getListTypeStyle_1.getListTypeStyle)(model, autoBullet_1, autoNumbering_1);
+                var promotedLink = (0, roosterjs_content_model_api_1.getPromoteLink)(previousSegment, {
+                    autoLink: autoLink_1,
+                    autoTel: autoTel_1,
+                    autoMailto: autoMailto_1,
                 });
-                shouldHandle = !!link || !!list;
+                shouldHandle = !!promotedLink || !!list;
                 return false;
             });
         }
@@ -31741,8 +31903,22 @@ var DELETE_KEY = 46;
  * Other cases: https://stackoverflow.com/questions/25043934/is-it-ok-to-ignore-keydown-events-with-keycode-229
  */
 var DEAD_KEY = 229;
+var DefaultHandleTabOptions = {
+    indentMultipleBlocks: true,
+    indentTable: true,
+    appendTableRow: true,
+    indentList: true,
+    indentParagraph: true,
+};
+var DisabledHandleTabOptions = {
+    indentMultipleBlocks: false,
+    indentTable: false,
+    appendTableRow: false,
+    indentList: false,
+    indentParagraph: false,
+};
 var DefaultOptions = {
-    handleTabKey: true,
+    handleTabKey: DefaultHandleTabOptions,
     handleExpandedSelectionOnDelete: true,
 };
 /**
@@ -31755,17 +31931,21 @@ var DefaultOptions = {
 var EditPlugin = /** @class */ (function () {
     /**
      * @param options An optional parameter that takes in an object of type EditOptions, which includes the following properties:
-     * handleTabKey: A boolean that enables or disables Tab key handling. Defaults to true.
+     * handleTabKey: A boolean or HandleTabOptions object that controls Tab key handling. When a boolean, true enables all features and false disables all. When an object, individual features can be controlled. Defaults to all enabled.
      */
     function EditPlugin(options) {
         if (options === void 0) { options = DefaultOptions; }
-        this.options = options;
         this.editor = null;
         this.disposer = null;
         this.shouldHandleNextInputEvent = false;
         this.selectionAfterDelete = null;
         this.handleNormalEnter = function () { return false; };
-        this.options = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, DefaultOptions), options);
+        var tabOptions = options.handleTabKey === false
+            ? DisabledHandleTabOptions
+            : options.handleTabKey === true || !options.handleTabKey
+                ? DefaultHandleTabOptions
+                : (0, tslib_1.__assign)((0, tslib_1.__assign)({}, DefaultHandleTabOptions), options.handleTabKey);
+        this.options = (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, DefaultOptions), options), { handleTabKey: tabOptions });
     }
     EditPlugin.prototype.createNormalEnterChecker = function (result) {
         return result ? function () { return true; } : function () { return false; };
@@ -31846,7 +32026,7 @@ var EditPlugin = /** @class */ (function () {
      */
     EditPlugin.prototype.willHandleEventExclusively = function (event) {
         if (this.editor &&
-            this.options.handleTabKey &&
+            this.options.handleTabKey.appendTableRow &&
             event.eventType == 'keyDown' &&
             event.rawEvent.key == 'Tab' &&
             !event.rawEvent.shiftKey) {
@@ -31889,8 +32069,8 @@ var EditPlugin = /** @class */ (function () {
                     }
                     break;
                 case 'Tab':
-                    if (this.options.handleTabKey && !hasCtrlOrMetaKey) {
-                        (0, keyboardTab_1.keyboardTab)(editor, rawEvent);
+                    if (!hasCtrlOrMetaKey) {
+                        (0, keyboardTab_1.keyboardTab)(editor, rawEvent, this.options.handleTabKey);
                     }
                     break;
                 case 'Unidentified':
@@ -32620,24 +32800,6 @@ var handleEnterOnList = function (context) {
                     ], (0, tslib_1.__read)(path.slice(index + 1)), false));
                 }
             }
-            var listIndex = listParent.blocks.indexOf(listItem);
-            var nextBlock = listParent.blocks[listIndex + 1];
-            if (nextBlock) {
-                if ((0, roosterjs_content_model_dom_1.isBlockGroupOfType)(nextBlock, 'ListItem') &&
-                    nextBlock.levels[0]) {
-                    nextBlock.levels.forEach(function (level) {
-                        // Remove startNumberOverride so that next list item can join current list, unless it is 1.
-                        // List start with 1 means it should be an explicit new list and should never join another list before it
-                        if (level.format.startNumberOverride !== 1) {
-                            level.format.startNumberOverride = undefined;
-                        }
-                    });
-                    if (listItem.levels.length == 0) {
-                        var nextBlockIndex = findIndex(listParent.blocks, nextBlock.levels.length);
-                        nextBlock.levels[nextBlock.levels.length - 1].format.startNumberOverride = nextBlockIndex;
-                    }
-                }
-            }
             context.deleteResult = 'range';
         }
     }
@@ -32679,21 +32841,6 @@ var createNewListLevel = function (listItem) {
         return (0, roosterjs_content_model_dom_1.createListLevel)(level.listType, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, level.format), { startNumberOverride: undefined, displayForDummyItem: undefined }), level.dataset);
     });
 };
-var findIndex = function (blocks, levelLength) {
-    var counter = 1;
-    for (var i = 0; i < blocks.length; i++) {
-        var listItem = blocks[i];
-        if ((0, roosterjs_content_model_dom_1.isBlockGroupOfType)(listItem, 'ListItem') &&
-            listItem.levels.length === levelLength) {
-            counter++;
-        }
-        else if ((0, roosterjs_content_model_dom_1.isBlockGroupOfType)(listItem, 'ListItem') &&
-            listItem.levels.length == 0) {
-            return counter;
-        }
-    }
-    return counter;
-};
 
 
 /***/ }),
@@ -33014,29 +33161,31 @@ var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-mo
 /**
  * @internal
  */
-function keyboardTab(editor, rawEvent) {
+function keyboardTab(editor, rawEvent, options) {
     var selection = editor.getDOMSelection();
     switch (selection === null || selection === void 0 ? void 0 : selection.type) {
         case 'range':
             editor.formatContentModel(function (model, context) {
-                return handleTab(model, rawEvent, context);
+                return handleTab(model, rawEvent, context, options);
             }, {
                 apiName: 'handleTabKey',
                 rawEvent: rawEvent,
                 changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
                 getChangeData: function () { return rawEvent.which; },
             });
-            return true;
+            break;
         case 'table':
-            editor.formatContentModel(function (model) {
-                return (0, handleTabOnTable_1.handleTabOnTable)(model, rawEvent);
-            }, {
-                apiName: 'handleTabKey',
-                rawEvent: rawEvent,
-                changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
-                getChangeData: function () { return rawEvent.which; },
-            });
-            return true;
+            if (options.indentTable) {
+                editor.formatContentModel(function (model) {
+                    return (0, handleTabOnTable_1.handleTabOnTable)(model, rawEvent);
+                }, {
+                    apiName: 'handleTabKey',
+                    rawEvent: rawEvent,
+                    changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
+                    getChangeData: function () { return rawEvent.which; },
+                });
+            }
+            break;
     }
 }
 exports.keyboardTab = keyboardTab;
@@ -33047,22 +33196,30 @@ exports.keyboardTab = keyboardTab;
  * - If it is a paragraph, call handleTabOnParagraph to handle the tab key.
  * - If it is a list item, call handleTabOnList to handle the tab key.
  */
-function handleTab(model, rawEvent, context) {
+function handleTab(model, rawEvent, context, options) {
     var blocks = (0, roosterjs_content_model_dom_1.getOperationalBlocks)(model, ['ListItem', 'TableCell'], []);
     var block = blocks.length > 0 ? blocks[0].block : undefined;
     if (blocks.length > 1) {
-        (0, roosterjs_content_model_api_1.setModelIndentation)(model, rawEvent.shiftKey ? 'outdent' : 'indent');
-        rawEvent.preventDefault();
-        return true;
+        if (options.indentMultipleBlocks) {
+            (0, roosterjs_content_model_api_1.setModelIndentation)(model, rawEvent.shiftKey ? 'outdent' : 'indent');
+            rawEvent.preventDefault();
+            return true;
+        }
     }
     else if ((0, roosterjs_content_model_dom_1.isBlockGroupOfType)(block, 'TableCell')) {
-        return (0, handleTabOnTableCell_1.handleTabOnTableCell)(model, block, rawEvent);
+        if (options.appendTableRow) {
+            return (0, handleTabOnTableCell_1.handleTabOnTableCell)(model, block, rawEvent);
+        }
     }
     else if ((block === null || block === void 0 ? void 0 : block.blockType) === 'Paragraph') {
-        return (0, handleTabOnParagraph_1.handleTabOnParagraph)(model, block, rawEvent, context);
+        if (options.indentParagraph) {
+            return (0, handleTabOnParagraph_1.handleTabOnParagraph)(model, block, rawEvent, context);
+        }
     }
     else if ((0, roosterjs_content_model_dom_1.isBlockGroupOfType)(block, 'ListItem')) {
-        return (0, handleTabOnList_1.handleTabOnList)(model, block, rawEvent, context);
+        if (options.indentList) {
+            return (0, handleTabOnList_1.handleTabOnList)(model, block, rawEvent, context);
+        }
     }
     return false;
 }
@@ -34750,11 +34907,10 @@ var ImageEditPlugin = /** @class */ (function () {
             }
         }
     };
-    ImageEditPlugin.prototype.setContentHandler = function (editor) {
-        var selection = editor.getDOMSelection();
-        if ((selection === null || selection === void 0 ? void 0 : selection.type) == 'image') {
+    ImageEditPlugin.prototype.setContentHandler = function () {
+        if (this.selectedImage) {
             this.cleanInfo();
-            (0, roosterjs_content_model_dom_1.setImageState)(selection.image, '');
+            (0, roosterjs_content_model_dom_1.setImageState)(this.selectedImage, '');
             this.isEditing = false;
             this.isCropMode = false;
         }
@@ -34769,7 +34925,7 @@ var ImageEditPlugin = /** @class */ (function () {
     ImageEditPlugin.prototype.contentChangedHandler = function (editor, event) {
         switch (event.source) {
             case roosterjs_content_model_dom_1.ChangeSource.SetContent:
-                this.setContentHandler(editor);
+                this.setContentHandler();
                 break;
             case roosterjs_content_model_dom_1.ChangeSource.Format:
                 this.formatEventHandler(event);
@@ -36103,14 +36259,19 @@ function generateDataURL(image, editInfo) {
     canvas.width = targetWidth * devicePixelRatio;
     canvas.height = targetHeight * devicePixelRatio;
     var context = canvas.getContext('2d');
-    if (context) {
-        context.scale(devicePixelRatio, devicePixelRatio);
-        context.translate(targetWidth / 2, targetHeight / 2);
-        context.rotate(angle);
-        context.scale(editInfo.flippedHorizontal ? -1 : 1, editInfo.flippedVertical ? -1 : 1);
-        context.drawImage(image, nWidth * left, nHeight * top, imageWidth, imageHeight, -width / 2, -height / 2, width, height);
+    try {
+        if (context) {
+            context.scale(devicePixelRatio, devicePixelRatio);
+            context.translate(targetWidth / 2, targetHeight / 2);
+            context.rotate(angle);
+            context.scale(editInfo.flippedHorizontal ? -1 : 1, editInfo.flippedVertical ? -1 : 1);
+            context.drawImage(image, nWidth * left, nHeight * top, imageWidth, imageHeight, -width / 2, -height / 2, width, height);
+        }
+        return canvas.toDataURL('image/png', 1.0);
+    }
+    catch (_a) {
+        return image.src;
     }
-    return canvas.toDataURL('image/png', 1.0);
 }
 exports.generateDataURL = generateDataURL;
 
@@ -37178,11 +37339,13 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.PastePlugin = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var addParser_1 = __webpack_require__(/*! ./utils/addParser */ "./packages/roosterjs-content-model-plugins/lib/paste/utils/addParser.ts");
-var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var blockElementParser_1 = __webpack_require__(/*! ./parsers/blockElementParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/blockElementParser.ts");
 var chainSanitizerCallback_1 = __webpack_require__(/*! ./utils/chainSanitizerCallback */ "./packages/roosterjs-content-model-plugins/lib/paste/utils/chainSanitizerCallback.ts");
 var DefaultSanitizers_1 = __webpack_require__(/*! ./DefaultSanitizers */ "./packages/roosterjs-content-model-plugins/lib/paste/DefaultSanitizers.ts");
 var deprecatedColorParser_1 = __webpack_require__(/*! ./parsers/deprecatedColorParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/deprecatedColorParser.ts");
-var getPasteSource_1 = __webpack_require__(/*! ./pasteSourceValidations/getPasteSource */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/getPasteSource.ts");
+var getDocumentSource_1 = __webpack_require__(/*! ./pasteSourceValidations/getDocumentSource */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/getDocumentSource.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var imageSizeParser_1 = __webpack_require__(/*! ./parsers/imageSizeParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/imageSizeParser.ts");
 var linkParser_1 = __webpack_require__(/*! ./parsers/linkParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/linkParser.ts");
 var pasteButtonProcessor_1 = __webpack_require__(/*! ./processors/pasteButtonProcessor */ "./packages/roosterjs-content-model-plugins/lib/paste/processors/pasteButtonProcessor.ts");
 var constants_1 = __webpack_require__(/*! ./pasteSourceValidations/constants */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/constants.ts");
@@ -37192,6 +37355,7 @@ var processPastedContentFromPowerPoint_1 = __webpack_require__(/*! ./PowerPoint/
 var processPastedContentFromWordDesktop_1 = __webpack_require__(/*! ./WordDesktop/processPastedContentFromWordDesktop */ "./packages/roosterjs-content-model-plugins/lib/paste/WordDesktop/processPastedContentFromWordDesktop.ts");
 var processPastedContentWacComponents_1 = __webpack_require__(/*! ./WacComponents/processPastedContentWacComponents */ "./packages/roosterjs-content-model-plugins/lib/paste/WacComponents/processPastedContentWacComponents.ts");
 var setProcessor_1 = __webpack_require__(/*! ./utils/setProcessor */ "./packages/roosterjs-content-model-plugins/lib/paste/utils/setProcessor.ts");
+var tableBorderParser_1 = __webpack_require__(/*! ./parsers/tableBorderParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/tableBorderParser.ts");
 /**
  * Paste plugin, handles BeforePaste event and reformat some special content, including:
  * 1. Content copied from Word
@@ -37252,11 +37416,19 @@ var PastePlugin = /** @class */ (function () {
         if (!event.domToModelOption) {
             return;
         }
-        var pasteSource = (0, getPasteSource_1.getPasteSource)(event, false /* shouldConvertSingleImage */, this.editor.getEnvironment());
+        var htmlAttributes = event.htmlAttributes, clipboardData = event.clipboardData, fragment = event.fragment;
+        var pasteSource = (0, getDocumentSource_1.getDocumentSource)({
+            htmlAttributes: htmlAttributes,
+            fragment: fragment,
+            clipboardItemTypes: clipboardData.types,
+            htmlFirstLevelChildTags: clipboardData.htmlFirstLevelChildTags,
+            environment: this.editor.getEnvironment(),
+            rawHtml: clipboardData.rawHtml,
+        });
         var pasteType = event.pasteType;
         switch (pasteSource) {
             case 'wordDesktop':
-                (0, processPastedContentFromWordDesktop_1.processPastedContentFromWordDesktop)(event);
+                (0, processPastedContentFromWordDesktop_1.processPastedContentFromWordDesktop)(event.domToModelOption, event.htmlBefore || event.clipboardData.rawHtml || '');
                 break;
             case 'wacComponents':
                 (0, processPastedContentWacComponents_1.processPastedContentWacComponents)(event);
@@ -37281,12 +37453,13 @@ var PastePlugin = /** @class */ (function () {
         }
         (0, addParser_1.addParser)(event.domToModelOption, 'link', linkParser_1.parseLink);
         (0, addParser_1.addParser)(event.domToModelOption, 'tableCell', deprecatedColorParser_1.deprecatedBorderColorParser);
-        (0, addParser_1.addParser)(event.domToModelOption, 'tableCell', tableBorderParser);
+        (0, addParser_1.addParser)(event.domToModelOption, 'tableCell', tableBorderParser_1.tableBorderParser);
         (0, addParser_1.addParser)(event.domToModelOption, 'table', deprecatedColorParser_1.deprecatedBorderColorParser);
+        (0, addParser_1.addParser)(event.domToModelOption, 'image', imageSizeParser_1.imageSizeParser);
         (0, setProcessor_1.setProcessor)(event.domToModelOption, 'button', pasteButtonProcessor_1.pasteButtonProcessor);
         if (pasteType === 'mergeFormat') {
-            (0, addParser_1.addParser)(event.domToModelOption, 'block', blockElementParser);
-            (0, addParser_1.addParser)(event.domToModelOption, 'listLevel', blockElementParser);
+            (0, addParser_1.addParser)(event.domToModelOption, 'block', blockElementParser_1.blockElementParser);
+            (0, addParser_1.addParser)(event.domToModelOption, 'listLevel', blockElementParser_1.blockElementParser);
         }
         this.setEventSanitizers(event);
     };
@@ -37307,34 +37480,6 @@ var PastePlugin = /** @class */ (function () {
     return PastePlugin;
 }());
 exports.PastePlugin = PastePlugin;
-/**
- * For block elements that have background color style, remove the background color when user selects the merge current format
- * paste option
- */
-var blockElementParser = function (format, element) {
-    if (element.style.backgroundColor) {
-        delete format.backgroundColor;
-    }
-};
-var ElementBorderKeys = new Map([
-    ['borderTop', { w: 'borderTopWidth', s: 'borderTopStyle', c: 'borderTopColor' }],
-    ['borderRight', { w: 'borderRightWidth', s: 'borderRightStyle', c: 'borderRightColor' }],
-    ['borderBottom', { w: 'borderBottomWidth', s: 'borderBottomStyle', c: 'borderBottomColor' }],
-    ['borderLeft', { w: 'borderLeftWidth', s: 'borderLeftStyle', c: 'borderLeftColor' }],
-]);
-function tableBorderParser(format, element) {
-    roosterjs_content_model_dom_1.BorderKeys.forEach(function (key) {
-        if (!format[key]) {
-            var styleSet = ElementBorderKeys.get(key);
-            if (styleSet &&
-                element.style[styleSet.w] &&
-                element.style[styleSet.s] &&
-                !element.style[styleSet.c]) {
-                format[key] = element.style[styleSet.w] + " " + element.style[styleSet.s];
-            }
-        }
-    });
-}
 
 
 /***/ }),
@@ -37837,9 +37982,12 @@ function extractHtmlIndexes(html, startIndex) {
  * 5. Save data in record and only use the required information.
  *
  */
-function getStyleMetadata(ev) {
+function getStyleMetadata(htmlString) {
     var metadataMap = new Map();
-    var headStyles = extractStyleTagsFromHtml(ev.htmlBefore || ev.clipboardData.rawHtml || '');
+    if (!htmlString) {
+        return metadataMap;
+    }
+    var headStyles = extractStyleTagsFromHtml(htmlString);
     headStyles.forEach(function (text) {
         var index = 0;
         var _loop_1 = function () {
@@ -37903,28 +38051,31 @@ exports.getStyleMetadata = getStyleMetadata;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.processPastedContentFromWordDesktop = void 0;
 var addParser_1 = __webpack_require__(/*! ../utils/addParser */ "./packages/roosterjs-content-model-plugins/lib/paste/utils/addParser.ts");
+var adjustPercentileLineHeightParser_1 = __webpack_require__(/*! ../parsers/adjustPercentileLineHeightParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/adjustPercentileLineHeightParser.ts");
 var getStyleMetadata_1 = __webpack_require__(/*! ./getStyleMetadata */ "./packages/roosterjs-content-model-plugins/lib/paste/WordDesktop/getStyleMetadata.ts");
 var getStyles_1 = __webpack_require__(/*! ../utils/getStyles */ "./packages/roosterjs-content-model-plugins/lib/paste/utils/getStyles.ts");
+var listLevelParser_1 = __webpack_require__(/*! ../parsers/listLevelParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/listLevelParser.ts");
 var processWordComments_1 = __webpack_require__(/*! ./processWordComments */ "./packages/roosterjs-content-model-plugins/lib/paste/WordDesktop/processWordComments.ts");
 var processWordLists_1 = __webpack_require__(/*! ./processWordLists */ "./packages/roosterjs-content-model-plugins/lib/paste/WordDesktop/processWordLists.ts");
 var removeNegativeTextIndentParser_1 = __webpack_require__(/*! ../parsers/removeNegativeTextIndentParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/removeNegativeTextIndentParser.ts");
 var setProcessor_1 = __webpack_require__(/*! ../utils/setProcessor */ "./packages/roosterjs-content-model-plugins/lib/paste/utils/setProcessor.ts");
-var PERCENTAGE_REGEX = /%/;
-// Default line height in browsers according to https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#normal
-var DEFAULT_BROWSER_LINE_HEIGHT_PERCENTAGE = 1.2;
+var wordContainerParser_1 = __webpack_require__(/*! ../parsers/wordContainerParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/wordContainerParser.ts");
+var wordTableParser_1 = __webpack_require__(/*! ../parsers/wordTableParser */ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/wordTableParser.ts");
 /**
  * @internal
- * Handles Pasted content when source is Word Desktop
- * @param ev BeforePasteEvent
+ * Handles pasted content when the source is Word Desktop.
+ * @param domToModelOption Options for DOM to Content Model conversion
+ * @param htmlString The HTML string to process
  */
-function processPastedContentFromWordDesktop(ev) {
-    var metadataMap = (0, getStyleMetadata_1.getStyleMetadata)(ev);
-    (0, setProcessor_1.setProcessor)(ev.domToModelOption, 'element', wordDesktopElementProcessor(metadataMap));
-    (0, addParser_1.addParser)(ev.domToModelOption, 'block', adjustPercentileLineHeight);
-    (0, addParser_1.addParser)(ev.domToModelOption, 'block', removeNegativeTextIndentParser_1.removeNegativeTextIndentParser);
-    (0, addParser_1.addParser)(ev.domToModelOption, 'listLevel', listLevelParser);
-    (0, addParser_1.addParser)(ev.domToModelOption, 'container', wordTableParser);
-    (0, addParser_1.addParser)(ev.domToModelOption, 'table', wordTableParser);
+function processPastedContentFromWordDesktop(domToModelOption, htmlString) {
+    var metadataMap = (0, getStyleMetadata_1.getStyleMetadata)(htmlString);
+    (0, setProcessor_1.setProcessor)(domToModelOption, 'element', wordDesktopElementProcessor(metadataMap));
+    (0, addParser_1.addParser)(domToModelOption, 'block', adjustPercentileLineHeightParser_1.adjustPercentileLineHeight);
+    (0, addParser_1.addParser)(domToModelOption, 'block', removeNegativeTextIndentParser_1.removeNegativeTextIndentParser);
+    (0, addParser_1.addParser)(domToModelOption, 'listItemElement', removeNegativeTextIndentParser_1.removeNegativeTextIndentParser);
+    (0, addParser_1.addParser)(domToModelOption, 'listLevel', listLevelParser_1.listLevelParser);
+    (0, addParser_1.addParser)(domToModelOption, 'container', wordContainerParser_1.wordContainerParser);
+    (0, addParser_1.addParser)(domToModelOption, 'table', wordTableParser_1.wordTableParser);
 }
 exports.processPastedContentFromWordDesktop = processPastedContentFromWordDesktop;
 var wordDesktopElementProcessor = function (metadataKey) {
@@ -37937,30 +38088,6 @@ var wordDesktopElementProcessor = function (metadataKey) {
         }
     };
 };
-function adjustPercentileLineHeight(format, element) {
-    //If the line height is less than the browser default line height, line between the text is going to be too narrow
-    var parsedLineHeight;
-    if (PERCENTAGE_REGEX.test(element.style.lineHeight) &&
-        !isNaN((parsedLineHeight = parseInt(element.style.lineHeight)))) {
-        format.lineHeight = (DEFAULT_BROWSER_LINE_HEIGHT_PERCENTAGE *
-            (parsedLineHeight / 100)).toString();
-    }
-}
-var listLevelParser = function (format, element, _context, defaultStyle) {
-    if (element.style.marginLeft != '') {
-        format.marginLeft = defaultStyle.marginLeft;
-    }
-    format.marginBottom = undefined;
-};
-var wordTableParser = function (format, element) {
-    var _a;
-    if ((_a = format.marginLeft) === null || _a === void 0 ? void 0 : _a.startsWith('-')) {
-        delete format.marginLeft;
-    }
-    if (format.htmlAlign) {
-        delete format.htmlAlign;
-    }
-};
 
 
 /***/ }),
@@ -38334,6 +38461,67 @@ function ensureOneNoteListContext(cmContext) {
 }
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/adjustPercentileLineHeightParser.ts":
+/*!********************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/paste/parsers/adjustPercentileLineHeightParser.ts ***!
+  \********************************************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.adjustPercentileLineHeight = void 0;
+var PERCENTAGE_REGEX = /%/;
+// Default line height in browsers according to https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#normal
+var DEFAULT_BROWSER_LINE_HEIGHT_PERCENTAGE = 1.2;
+/**
+ * @internal
+ * Parser for adjusting percentage-based line heights and converting 'normal' to a specific percentage
+ * @param format The block format to modify
+ * @param element The HTML element being processed
+ */
+function adjustPercentileLineHeight(format, element) {
+    // If the line height is less than the browser default line height, line between the text is going to be too narrow
+    var parsedLineHeight;
+    if (PERCENTAGE_REGEX.test(element.style.lineHeight) &&
+        !isNaN((parsedLineHeight = parseInt(element.style.lineHeight)))) {
+        format.lineHeight = (DEFAULT_BROWSER_LINE_HEIGHT_PERCENTAGE *
+            (parsedLineHeight / 100)).toString();
+    }
+    else if (element.style.lineHeight.toLowerCase() === 'normal') {
+        format.lineHeight = '120%';
+    }
+}
+exports.adjustPercentileLineHeight = adjustPercentileLineHeight;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/blockElementParser.ts":
+/*!******************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/paste/parsers/blockElementParser.ts ***!
+  \******************************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.blockElementParser = void 0;
+/**
+ * @internal
+ * For block elements that have background color style, remove the background color when user selects the merge current format
+ * paste option
+ */
+var blockElementParser = function (format, element) {
+    if (element.style.backgroundColor) {
+        delete format.backgroundColor;
+    }
+};
+exports.blockElementParser = blockElementParser;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/deprecatedColorParser.ts":
@@ -38364,6 +38552,40 @@ var deprecatedBorderColorParser = function (format) {
 exports.deprecatedBorderColorParser = deprecatedBorderColorParser;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/imageSizeParser.ts":
+/*!***************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/paste/parsers/imageSizeParser.ts ***!
+  \***************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.imageSizeParser = void 0;
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+// Only process absolute units (px, pt, in, cm, mm)
+var AbsoluteUnitRegex = /^\s*\d+(\.\d+)?\s*(px|pt|in|cm|mm)\s*$/i;
+/**
+ * @internal
+ * Remove image size if it is larger than editor view width to let it auto size
+ */
+var imageSizeParser = function (format, element, context) {
+    var maxImageSize = context.editorViewWidth;
+    var width = format.width;
+    if (width && maxImageSize && AbsoluteUnitRegex.test(width)) {
+        var widthValue = (0, roosterjs_content_model_dom_1.parseValueWithUnit)(width, element);
+        // If the given width is larger than editor view width, we clear both width and height to let it auto size
+        if (widthValue > maxImageSize) {
+            delete format.width;
+            delete format.height;
+        }
+    }
+};
+exports.imageSizeParser = imageSizeParser;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/linkParser.ts":
@@ -38402,6 +38624,35 @@ var parseLink = function (format, element) {
 exports.parseLink = parseLink;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/listLevelParser.ts":
+/*!***************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/paste/parsers/listLevelParser.ts ***!
+  \***************************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.listLevelParser = void 0;
+/**
+ * @internal
+ * Parser for processing list level formatting specific to Word Desktop
+ * @param format The list item level format to modify
+ * @param element The HTML element being processed
+ * @param _context The DOM to model context
+ * @param defaultStyle The default style properties
+ */
+var listLevelParser = function (format, element, _context, defaultStyle) {
+    if (element.style.marginLeft !== '') {
+        format.marginLeft = defaultStyle.marginLeft;
+    }
+    format.marginBottom = undefined;
+};
+exports.listLevelParser = listLevelParser;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/removeNegativeTextIndentParser.ts":
@@ -38417,7 +38668,7 @@ exports.removeNegativeTextIndentParser = void 0;
 /**
  * @internal
  */
-var removeNegativeTextIndentParser = function (format) {
+var removeNegativeTextIndentParser = function (format, element) {
     var _a;
     if ((_a = format.textIndent) === null || _a === void 0 ? void 0 : _a.startsWith('-')) {
         delete format.textIndent;
@@ -38426,6 +38677,101 @@ var removeNegativeTextIndentParser = function (format) {
 exports.removeNegativeTextIndentParser = removeNegativeTextIndentParser;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/tableBorderParser.ts":
+/*!*****************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/paste/parsers/tableBorderParser.ts ***!
+  \*****************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.tableBorderParser = void 0;
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var ElementBorderKeys = new Map([
+    ['borderTop', { w: 'borderTopWidth', s: 'borderTopStyle', c: 'borderTopColor' }],
+    ['borderRight', { w: 'borderRightWidth', s: 'borderRightStyle', c: 'borderRightColor' }],
+    ['borderBottom', { w: 'borderBottomWidth', s: 'borderBottomStyle', c: 'borderBottomColor' }],
+    ['borderLeft', { w: 'borderLeftWidth', s: 'borderLeftStyle', c: 'borderLeftColor' }],
+]);
+/**
+ * @internal
+ */
+var tableBorderParser = function (format, element) {
+    roosterjs_content_model_dom_1.BorderKeys.forEach(function (key) {
+        if (!format[key]) {
+            var styleSet = ElementBorderKeys.get(key);
+            if (styleSet &&
+                element.style[styleSet.w] &&
+                element.style[styleSet.s] &&
+                !element.style[styleSet.c]) {
+                format[key] = element.style[styleSet.w] + " " + element.style[styleSet.s];
+            }
+        }
+    });
+};
+exports.tableBorderParser = tableBorderParser;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/wordContainerParser.ts":
+/*!*******************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/paste/parsers/wordContainerParser.ts ***!
+  \*******************************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.wordContainerParser = void 0;
+/**
+ * @internal
+ * Parser for processing container formatting specific to Word Desktop
+ * Removes negative margin-left values which are commonly used in Word lists
+ * @param format The container format to modify
+ */
+var wordContainerParser = function (format) {
+    var _a;
+    if ((_a = format.marginLeft) === null || _a === void 0 ? void 0 : _a.startsWith('-')) {
+        delete format.marginLeft;
+    }
+};
+exports.wordContainerParser = wordContainerParser;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/paste/parsers/wordTableParser.ts":
+/*!***************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/paste/parsers/wordTableParser.ts ***!
+  \***************************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.wordTableParser = void 0;
+/**
+ * @internal
+ * Parser for processing table formatting specific to Word Desktop
+ * @param format The table format to modify
+ * @param element The HTML element being processed
+ */
+var wordTableParser = function (format, element) {
+    var _a;
+    if ((_a = format.marginLeft) === null || _a === void 0 ? void 0 : _a.startsWith('-')) {
+        delete format.marginLeft;
+    }
+    if (format.htmlAlign) {
+        delete format.htmlAlign;
+    }
+};
+exports.wordTableParser = wordTableParser;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/constants.ts":
@@ -38485,16 +38831,16 @@ exports.documentContainWacElements = documentContainWacElements;
 
 /***/ }),
 
-/***/ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/getPasteSource.ts":
-/*!*****************************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/getPasteSource.ts ***!
-  \*****************************************************************************************************/
+/***/ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/getDocumentSource.ts":
+/*!********************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/getDocumentSource.ts ***!
+  \********************************************************************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.getPasteSource = void 0;
+exports.getDocumentSource = void 0;
 var documentContainWacElements_1 = __webpack_require__(/*! ./documentContainWacElements */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/documentContainWacElements.ts");
 var isExcelDesktopDocument_1 = __webpack_require__(/*! ./isExcelDesktopDocument */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/isExcelDesktopDocument.ts");
 var isExcelNonNativeEvent_1 = __webpack_require__(/*! ./isExcelNonNativeEvent */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/isExcelNonNativeEvent.ts");
@@ -38522,16 +38868,8 @@ var getSourceFunctions = new Map([
  * @param shouldConvertSingleImage Whether convert single image is enabled.
  * @returns The Type of pasted content, if no type found will return {KnownSourceType.Default}
  */
-function getPasteSource(event, shouldConvertSingleImage, environment) {
-    var htmlAttributes = event.htmlAttributes, clipboardData = event.clipboardData, fragment = event.fragment;
+function getDocumentSource(param) {
     var result = null;
-    var param = {
-        htmlAttributes: htmlAttributes,
-        fragment: fragment,
-        shouldConvertSingleImage: shouldConvertSingleImage,
-        clipboardData: clipboardData,
-        environment: environment,
-    };
     getSourceFunctions.forEach(function (func, key) {
         if (!result && func(param)) {
             result = key;
@@ -38539,7 +38877,7 @@ function getPasteSource(event, shouldConvertSingleImage, environment) {
     });
     return result !== null && result !== void 0 ? result : 'default';
 }
-exports.getPasteSource = getPasteSource;
+exports.getDocumentSource = getDocumentSource;
 
 
 /***/ }),
@@ -38589,11 +38927,11 @@ var ShadowWorkbookClipboardType = 'web data/shadow-workbook';
  * attributes we use to determine if the content is from Excel. This function is used to handle that case.
  */
 var isExcelNotNativeEvent = function (props) {
-    var _a;
-    var clipboardData = props.clipboardData;
-    return (clipboardData.types.includes(ShadowWorkbookClipboardType) &&
-        ((_a = clipboardData.htmlFirstLevelChildTags) === null || _a === void 0 ? void 0 : _a.length) == 1 &&
-        clipboardData.htmlFirstLevelChildTags[0] == 'TABLE');
+    var clipboardItemTypes = props.clipboardItemTypes, htmlFirstLevelChildTags = props.htmlFirstLevelChildTags;
+    return !!(clipboardItemTypes &&
+        clipboardItemTypes.includes(ShadowWorkbookClipboardType) &&
+        (htmlFirstLevelChildTags === null || htmlFirstLevelChildTags === void 0 ? void 0 : htmlFirstLevelChildTags.length) == 1 &&
+        htmlFirstLevelChildTags[0] == 'TABLE');
 };
 exports.isExcelNotNativeEvent = isExcelNotNativeEvent;
 
@@ -38731,14 +39069,14 @@ var WORD_PROG_ID = 'Word.Document';
  * @returns
  */
 var isWordDesktopDocument = function (props) {
-    var _a;
-    var htmlAttributes = props.htmlAttributes, clipboardData = props.clipboardData, environment = props.environment;
+    var htmlAttributes = props.htmlAttributes, rawHtml = props.rawHtml, environment = props.environment;
     return (htmlAttributes[WORD_ATTRIBUTE_NAME] == WORD_ATTRIBUTE_VALUE ||
         htmlAttributes[constants_1.PastePropertyNames.PROG_ID_NAME] == WORD_PROG_ID ||
         // Safari removes the metadata from the clipboard html, so we need to do this check.
         !!(environment.isSafari &&
-            clipboardData.rawHtml &&
-            ((_a = clipboardData.rawHtml) === null || _a === void 0 ? void 0 : _a.replace(/ /g, '').indexOf(WORD_ATTRIBUTE_NAME + "=\"" + WORD_ATTRIBUTE_VALUE)) > -1));
+            rawHtml &&
+            (rawHtml === null || rawHtml === void 0 ? void 0 : rawHtml.replace(/ /g, '').indexOf(WORD_ATTRIBUTE_NAME + "=\"" + WORD_ATTRIBUTE_VALUE)) >
+                -1));
 };
 exports.isWordDesktopDocument = isWordDesktopDocument;
 
@@ -38763,11 +39101,10 @@ exports.shouldConvertToSingleImage = void 0;
  * @returns
  */
 var shouldConvertToSingleImage = function (props) {
-    var _a;
-    var shouldConvertSingleImage = props.shouldConvertSingleImage, clipboardData = props.clipboardData;
-    return (shouldConvertSingleImage &&
-        ((_a = clipboardData.htmlFirstLevelChildTags) === null || _a === void 0 ? void 0 : _a.length) == 1 &&
-        clipboardData.htmlFirstLevelChildTags[0] == 'IMG');
+    var shouldConvertSingleImage = props.shouldConvertSingleImage, htmlFirstLevelChildTags = props.htmlFirstLevelChildTags;
+    return !!(shouldConvertSingleImage &&
+        (htmlFirstLevelChildTags === null || htmlFirstLevelChildTags === void 0 ? void 0 : htmlFirstLevelChildTags.length) == 1 &&
+        htmlFirstLevelChildTags[0] == 'IMG');
 };
 exports.shouldConvertToSingleImage = shouldConvertToSingleImage;