roosterjs 9.42.0 → 9.44.0

package/dist/rooster.js

@@ -2095,7 +2095,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");
@@ -2216,6 +2216,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");
@@ -2534,7 +2535,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) {
@@ -3449,9 +3456,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;
@@ -3578,7 +3588,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");
 /**
@@ -3596,14 +3606,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: {},
@@ -3613,6 +3621,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;
 
 
 /***/ }),
@@ -3856,7 +3883,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) {
@@ -3864,7 +3892,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]);
@@ -5147,7 +5175,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
@@ -5159,9 +5186,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;
     }, {
@@ -7483,7 +7507,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]]);
@@ -7528,7 +7552,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 = [];
@@ -7552,6 +7576,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) {
@@ -8969,8 +8996,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-->';
 /**
@@ -8982,7 +9009,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;
@@ -9004,18 +9031,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 : '';
@@ -9610,10 +9625,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, editorViewWidth: domHelper.getClientWidth() }, (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;
     }
@@ -11447,7 +11462,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')) {
@@ -11535,10 +11550,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);
@@ -19549,6 +19564,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":
@@ -22386,8 +22434,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");
@@ -22571,6 +22619,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");
@@ -27726,12 +27776,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;
@@ -27745,28 +27794,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);
+        }
+    }
+}
 
 
 /***/ }),
@@ -28101,20 +28157,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 ||
@@ -28125,30 +28185,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({
-            node: newList,
-            listType: level.listType,
-            format: (0, tslib_1.__assign)({}, level.format),
-            dataset: (0, tslib_1.__assign)({}, level.dataset),
-        });
+        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;
 
@@ -28168,6 +28264,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");
@@ -28180,13 +28277,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);
@@ -28214,7 +28333,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;
@@ -28794,6 +28915,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":
@@ -28846,12 +29001,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 {
@@ -30509,13 +30667,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
  */
@@ -30645,7 +30803,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;
@@ -30654,15 +30811,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;
             });
         }
@@ -31747,8 +31904,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,
 };
 /**
@@ -31761,17 +31932,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; };
@@ -31852,7 +32027,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) {
@@ -31895,8 +32070,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':
@@ -32987,29 +33162,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;
@@ -33020,22 +33197,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;
 }
@@ -34723,11 +34908,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;
         }
@@ -34742,7 +34926,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);
@@ -36076,14 +36260,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;
 
@@ -37155,8 +37344,8 @@ var blockElementParser_1 = __webpack_require__(/*! ./parsers/blockElementParser
 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 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 getPasteSource_1 = __webpack_require__(/*! ./pasteSourceValidations/getPasteSource */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/getPasteSource.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");
@@ -37228,11 +37417,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);
@@ -37786,9 +37983,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 () {
@@ -37860,20 +38060,23 @@ var processWordComments_1 = __webpack_require__(/*! ./processWordComments */ "./
 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 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', adjustPercentileLineHeightParser_1.adjustPercentileLineHeight);
-    (0, addParser_1.addParser)(ev.domToModelOption, 'block', removeNegativeTextIndentParser_1.removeNegativeTextIndentParser);
-    (0, addParser_1.addParser)(ev.domToModelOption, 'listLevel', listLevelParser_1.listLevelParser);
-    (0, addParser_1.addParser)(ev.domToModelOption, 'container', wordTableParser_1.wordTableParser);
-    (0, addParser_1.addParser)(ev.domToModelOption, 'table', wordTableParser_1.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) {
@@ -38466,7 +38669,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;
@@ -38513,6 +38716,33 @@ var tableBorderParser = function (format, element) {
 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":
@@ -38602,16 +38832,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");
@@ -38639,16 +38869,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;
@@ -38656,7 +38878,7 @@ function getPasteSource(event, shouldConvertSingleImage, environment) {
     });
     return result !== null && result !== void 0 ? result : 'default';
 }
-exports.getPasteSource = getPasteSource;
+exports.getDocumentSource = getDocumentSource;
 
 
 /***/ }),
@@ -38706,11 +38928,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;
 
@@ -38848,14 +39070,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;
 
@@ -38880,11 +39102,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;