roosterjs 9.41.0 → 9.42.0

package/dist/rooster.js

@@ -7101,6 +7101,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");
@@ -7110,10 +7111,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;
@@ -7121,11 +7122,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',
@@ -7784,9 +7788,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),
@@ -8825,7 +8829,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 = {
@@ -9609,7 +9613,7 @@ var createEditorContext = function (core, saveIndex) {
     var _a, _b;
     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, 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));
     if (core.domHelper.isRightToLeft()) {
         context.isRootRtl = true;
     }
@@ -16988,10 +16992,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;
@@ -21339,8 +21339,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;
@@ -24387,32 +24387,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; }
                 }
             }
         });
@@ -27037,19 +27052,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) {
@@ -27425,9 +27428,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;
 }
@@ -28134,7 +28134,12 @@ var handleList = function (doc, parent, listItem, context, refNode) {
         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));
+        nodeStack.push({
+            node: newList,
+            listType: level.listType,
+            format: (0, tslib_1.__assign)({}, level.format),
+            dataset: (0, tslib_1.__assign)({}, level.dataset),
+        });
         (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);
@@ -32621,24 +32626,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';
         }
     }
@@ -32680,21 +32667,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;
-};
 
 
 /***/ }),
@@ -37179,11 +37151,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 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");
 var constants_1 = __webpack_require__(/*! ./pasteSourceValidations/constants */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/constants.ts");
@@ -37193,6 +37167,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
@@ -37282,12 +37257,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);
     };
@@ -37308,34 +37284,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];
-            }
-        }
-    });
-}
 
 
 /***/ }),
@@ -37904,15 +37852,15 @@ 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 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
@@ -37921,11 +37869,11 @@ var DEFAULT_BROWSER_LINE_HEIGHT_PERCENTAGE = 1.2;
 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', adjustPercentileLineHeightParser_1.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);
+    (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);
 }
 exports.processPastedContentFromWordDesktop = processPastedContentFromWordDesktop;
 var wordDesktopElementProcessor = function (metadataKey) {
@@ -37938,30 +37886,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;
-    }
-};
 
 
 /***/ }),
@@ -38335,6 +38259,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":
@@ -38365,6 +38350,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":
@@ -38403,6 +38422,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":
@@ -38427,6 +38475,74 @@ 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/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":