roosterjs 9.54.0 → 9.55.0

package/dist/rooster.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for roosterjs (Version 9.54.0)
+// Type definitions for roosterjs (Version 9.55.0)
 // Generated by dts tool from roosterjs
 // Project: https://github.com/Microsoft/roosterjs
 
@@ -7872,7 +7872,7 @@ function normalizeFontFamily(fontFamily: string): string;
  * @param allowedCustomPasteType Allowed custom content type when paste besides text/plain, text/html and images
     Only text types are supported, and do not add "text/" prefix to the type values
  */
-function extractClipboardItems(items: DataTransferItem[], allowedCustomPasteType?: string[]): Promise<ClipboardData>;
+function extractClipboardItems(items: DataTransferItem[], allowedCustomPasteType?: string[], isPasteNative?: boolean): Promise<ClipboardData>;
 
     /**
  * Gets the cached event data by cache key from event object if there is already one.
@@ -8109,6 +8109,13 @@ function setSelection(group: ReadonlyContentModelBlockGroup, start?: ReadonlySel
  */
 function cloneModel(model: ReadonlyContentModelDocument, options?: CloneModelOptions): ContentModelDocument;
 
+    /**
+ * Clone a content model for paste operations, ensuring that cached elements are handled appropriately.
+ * @param model The content model to clone
+ * @returns A cloned content model suitable for paste operations
+ */
+function cloneModelForPaste(model: ReadonlyContentModelDocument): ContentModelDocument;
+
     /**
  * Merge source model into target mode
  * @param target Target Content Model that will merge content into
@@ -11043,6 +11050,11 @@ interface MarkdownPasteOptions {
      * @default false
      */
     autoConversion: boolean;
+    /**
+     * When true, the plugin will undo the markdown conversion when the user undoes the action.
+     * @default false
+     */
+    undoConversion: boolean;
 }
 
 }

package/dist/rooster.js

@@ -6752,7 +6752,7 @@ var formatSegmentWithContentModel_1 = __webpack_require__(/*! ../utils/formatSeg
  */
 function changeCapitalization(editor, capitalization, language) {
     editor.focus();
-    (0, formatSegmentWithContentModel_1.formatSegmentWithContentModel)(editor, 'changeCapitalization', function (_, __, segment) {
+    (0, formatSegmentWithContentModel_1.formatSegmentWithContentModel)(editor, 'changeCapitalization', function (_, __, segment, paragraph) {
         if ((segment === null || segment === void 0 ? void 0 : segment.segmentType) == 'Text') {
             switch (capitalization) {
                 case 'lowerCase':
@@ -6763,7 +6763,13 @@ function changeCapitalization(editor, capitalization, language) {
                     break;
                 case 'capitalize':
                     var wordArray = segment.text.toLocaleLowerCase(language).split(' ');
-                    for (var i = 0; i < wordArray.length; i++) {
+                    // When a collapsed selection is in the middle of a word, the word is split
+                    // into multiple text segments around the selection marker. In that case the
+                    // first segment of the word continues from a previous segment, so its first
+                    // word must not be capitalized to avoid results like "HeLlo" for "he|llo".
+                    var precedingChar = getPrecedingCharacter(paragraph, segment);
+                    var startIndex = precedingChar && precedingChar != ' ' ? 1 : 0;
+                    for (var i = startIndex; i < wordArray.length; i++) {
                         wordArray[i] =
                             wordArray[i].charAt(0).toLocaleUpperCase(language) +
                                 wordArray[i].slice(1);
@@ -6787,6 +6793,30 @@ function changeCapitalization(editor, capitalization, language) {
     });
 }
 exports.changeCapitalization = changeCapitalization;
+/**
+ * Get the character immediately preceding the given segment within its paragraph, skipping
+ * selection markers (which carry no text). Returns an empty string if there is no preceding
+ * text character (e.g. the segment starts the paragraph or follows a non-text segment).
+ */
+function getPrecedingCharacter(paragraph, segment) {
+    if (!paragraph) {
+        return '';
+    }
+    var index = paragraph.segments.indexOf(segment);
+    for (var i = index - 1; i >= 0; i--) {
+        var previous = paragraph.segments[i];
+        if (previous.segmentType == 'SelectionMarker') {
+            continue;
+        }
+        else if (previous.segmentType == 'Text' && previous.text.length > 0) {
+            return previous.text[previous.text.length - 1];
+        }
+        else {
+            break;
+        }
+    }
+    return '';
+}
 
 
 /***/ },
@@ -9349,21 +9379,11 @@ exports.generatePasteOptionFromPlugins = generatePasteOptionFromPlugins;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.mergePasteContent = exports.cloneModelForPaste = void 0;
+exports.mergePasteContent = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var createDomToModelContextForSanitizing_1 = __webpack_require__(/*! ../createModelFromHtml/createDomToModelContextForSanitizing */ "./packages/roosterjs-content-model-core/lib/command/createModelFromHtml/createDomToModelContextForSanitizing.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var BlackColor = 'rgb(0,0,0)';
-var CloneOption = {
-    includeCachedElement: function (node, type) { return (type == 'cache' ? undefined : node); },
-};
-/**
- * @internal
- */
-function cloneModelForPaste(model) {
-    return (0, roosterjs_content_model_dom_1.cloneModel)(model, CloneOption);
-}
-exports.cloneModelForPaste = cloneModelForPaste;
 /**
  * @internal
  */
@@ -9371,7 +9391,7 @@ function mergePasteContent(editor, eventResult, isFirstPaste) {
     var fragment = eventResult.fragment, domToModelOption = eventResult.domToModelOption, customizedMerge = eventResult.customizedMerge, pasteType = eventResult.pasteType, clipboardData = eventResult.clipboardData, containsBlockElements = eventResult.containsBlockElements;
     editor.formatContentModel(function (model, context) {
         if (!isFirstPaste && clipboardData.modelBeforePaste) {
-            var clonedModel = cloneModelForPaste(clipboardData.modelBeforePaste);
+            var clonedModel = (0, roosterjs_content_model_dom_1.cloneModelForPaste)(clipboardData.modelBeforePaste);
             model.blocks = clonedModel.blocks;
         }
         var domToModelContext = (0, createDomToModelContextForSanitizing_1.createDomToModelContextForSanitizing)(editor.getDocument(), undefined /*defaultFormat*/, editor.getEnvironment().domToModelSettings.customized, domToModelOption, editor.getDOMHelper());
@@ -9450,10 +9470,11 @@ function getLastSegmentFormat(pasteModel) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.paste = void 0;
 var cleanHtmlComments_1 = __webpack_require__(/*! ./cleanHtmlComments */ "./packages/roosterjs-content-model-core/lib/command/paste/cleanHtmlComments.ts");
-var mergePasteContent_1 = __webpack_require__(/*! ./mergePasteContent */ "./packages/roosterjs-content-model-core/lib/command/paste/mergePasteContent.ts");
+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 createPasteFragment_1 = __webpack_require__(/*! ./createPasteFragment */ "./packages/roosterjs-content-model-core/lib/command/paste/createPasteFragment.ts");
 var generatePasteOptionFromPlugins_1 = __webpack_require__(/*! ./generatePasteOptionFromPlugins */ "./packages/roosterjs-content-model-core/lib/command/paste/generatePasteOptionFromPlugins.ts");
+var mergePasteContent_1 = __webpack_require__(/*! ./mergePasteContent */ "./packages/roosterjs-content-model-core/lib/command/paste/mergePasteContent.ts");
 var retrieveHtmlInfo_1 = __webpack_require__(/*! ./retrieveHtmlInfo */ "./packages/roosterjs-content-model-core/lib/command/paste/retrieveHtmlInfo.ts");
 /**
  * Paste into editor using a clipboardData object
@@ -9469,7 +9490,7 @@ function paste(editor, clipboardData, pasteTypeOrGetter) {
     if (!clipboardData.modelBeforePaste) {
         isFirstPaste = true;
         editor.formatContentModel(function (model) {
-            clipboardData.modelBeforePaste = (0, mergePasteContent_1.cloneModelForPaste)(model);
+            clipboardData.modelBeforePaste = (0, roosterjs_content_model_dom_1.cloneModelForPaste)(model);
             return false;
         });
     }
@@ -12754,7 +12775,7 @@ var CopyPastePlugin = /** @class */ (function () {
                 var dataTransfer = event.clipboardData;
                 if (shouldPreventDefaultPaste(dataTransfer, editor_1)) {
                     event.preventDefault();
-                    (0, roosterjs_content_model_dom_1.extractClipboardItems)((0, roosterjs_content_model_dom_1.toArray)(dataTransfer.items), _this.state.allowedCustomPasteType).then(function (clipboardData) {
+                    (0, roosterjs_content_model_dom_1.extractClipboardItems)((0, roosterjs_content_model_dom_1.toArray)(dataTransfer.items), _this.state.allowedCustomPasteType, true /* isPasteNative */).then(function (clipboardData) {
                         if (!editor_1.isDisposed()) {
                             (0, paste_1.paste)(editor_1, clipboardData, _this.state.defaultPasteType);
                         }
@@ -19774,7 +19795,7 @@ var ContentHandlers = (_a = {},
  * @param allowedCustomPasteType Allowed custom content type when paste besides text/plain, text/html and images
     Only text types are supported, and do not add "text/" prefix to the type values
  */
-function extractClipboardItems(items, allowedCustomPasteType) {
+function extractClipboardItems(items, allowedCustomPasteType, isPasteNative) {
     var data = {
         types: [],
         text: '',
@@ -19782,7 +19803,7 @@ function extractClipboardItems(items, allowedCustomPasteType) {
         files: [],
         rawHtml: null,
         customValues: {},
-        pasteNativeEvent: true,
+        pasteNativeEvent: !!isPasteNative,
     };
     return Promise.all((items || []).map(function (item) {
         var type = item.type;
@@ -20723,6 +20744,7 @@ function pruneUnselectedModel(model) {
 exports.pruneUnselectedModel = pruneUnselectedModel;
 function pruneUnselectedModelInternal(model, isSelectionAfterElement) {
     var e_1, _a, _b;
+    var _c;
     for (var index = model.blocks.length - 1; index >= 0; index--) {
         var block = model.blocks[index];
         switch (block.blockType) {
@@ -20746,15 +20768,17 @@ function pruneUnselectedModelInternal(model, isSelectionAfterElement) {
             case 'Paragraph':
                 var newSegments = [];
                 try {
-                    for (var _c = (e_1 = void 0, (0, tslib_1.__values)(block.segments)), _d = _c.next(); !_d.done; _d = _c.next()) {
-                        var segment = _d.value;
+                    for (var _d = (e_1 = void 0, (0, tslib_1.__values)(block.segments)), _e = _d.next(); !_e.done; _e = _d.next()) {
+                        var segment = _e.value;
+                        var isSelectedOrUndeletable = segment.isSelected || ((_c = segment.link) === null || _c === void 0 ? void 0 : _c.format.undeletable);
                         if (segment.segmentType == 'General') {
                             pruneUnselectedModel(segment);
-                            if (segment.blocks.length > 0 || segment.isSelected) {
+                            if (segment.blocks.length > 0 || isSelectedOrUndeletable) {
                                 newSegments.push(segment);
                             }
                         }
-                        else if (segment.isSelected && segment.segmentType != 'SelectionMarker') {
+                        else if (isSelectedOrUndeletable &&
+                            segment.segmentType != 'SelectionMarker') {
                             newSegments.push(segment);
                         }
                     }
@@ -20762,7 +20786,7 @@ function pruneUnselectedModelInternal(model, isSelectionAfterElement) {
                 catch (e_1_1) { e_1 = { error: e_1_1 }; }
                 finally {
                     try {
-                        if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                        if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
                     }
                     finally { if (e_1) throw e_1.error; }
                 }
@@ -23735,8 +23759,8 @@ exports.shouldSetValue = shouldSetValue;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createImage = exports.createText = exports.createTableCell = exports.createTable = exports.createSelectionMarker = exports.createParagraph = exports.createFormatContainer = exports.createListItem = exports.createBr = exports.isLinkUndeletable = exports.setLinkUndeletable = exports.scrollRectIntoView = exports.normalizeRect = exports.isWhiteSpacePreserved = exports.reuseCachedElement = exports.findClosestBlockEntityContainer = exports.isBlockEntityContainer = exports.isEntityDelimiter = exports.addDelimiters = exports.generateEntityClassNames = exports.parseEntityFormat = exports.getAllEntityWrappers = exports.findClosestEntityWrapper = exports.isEntityElement = exports.unwrap = exports.wrap = exports.wrapAllChildNodes = exports.moveChildNodes = exports.toArray = exports.getSafeIdSelector = exports.getObjectKeys = exports.isElementOfType = exports.isNodeOfType = exports.hasMetadata = exports.getMetadata = exports.updateMetadata = exports.buildSelectionMarker = exports.isBlockElement = exports.areSameFormats = exports.parseFormat = exports.getRegularSelectionOffsets = exports.formatContainerProcessor = exports.tableProcessor = exports.entityProcessor = exports.processChildNode = exports.handleRegularSelection = exports.childProcessor = exports.contentModelToText = exports.contentModelToDom = exports.domToContentModel = void 0;
 exports.trimModelForSelection = exports.getDOMInsertPointRect = exports.getSelectionRootNode = exports.isBold = exports.createModelToDomConfig = exports.createModelToDomContextWithConfig = exports.createModelToDomContext = exports.createDomToModelConfig = exports.createDomToModelContextWithConfig = exports.createDomToModelContext = exports.defaultGenerateColorKey = exports.parseColor = exports.setColor = exports.getColor = exports.DeprecatedColors = exports.BorderKeys = exports.parseValueWithUnit = exports.getAutoListStyleType = exports.getOrderedListNumberStr = exports.ParagraphFormats = exports.ListFormatsToMove = exports.ListFormatsToKeep = exports.ListFormats = exports.copyFormat = exports.setParagraphNotImplicit = exports.normalizeSegmentFormat = exports.mergeTextSegments = exports.normalizeSingleSegment = exports.isEmpty = exports.addSegment = exports.unwrapBlock = exports.isGeneralSegment = exports.normalizeContentModel = exports.normalizeParagraph = exports.addTextSegment = exports.addLink = exports.addCode = exports.addBlock = exports.mutateSegment = exports.mutateSegments = exports.mutateBlock = exports.createTableRow = exports.createEmptyModel = exports.createListLevel = exports.createDivider = exports.createEntity = exports.createGeneralBlock = exports.createGeneralSegment = exports.createParagraphDecorator = exports.createContentModelDocument = void 0;
-exports.runEditSteps = exports.getClosestAncestorBlockGroupIndex = exports.getSegmentTextFormat = exports.getListStyleTypeFromString = exports.retrieveModelFormatState = exports.setTableCellBackgroundColor = exports.MIN_ALLOWED_TABLE_CELL_HEIGHT = exports.MIN_ALLOWED_TABLE_CELL_WIDTH = exports.normalizeTable = exports.setFirstColumnFormatBorders = exports.applyTableFormat = exports.deleteBlock = exports.deleteSegment = exports.deleteSelection = exports.mergeModel = exports.cloneModel = exports.setSelection = exports.hasSelectionInBlockGroup = exports.hasSelectionInSegment = exports.hasSelectionInBlock = exports.getSelectedCells = exports.getSelectedSegmentsAndParagraphs = exports.getSelectedSegments = exports.getSelectedParagraphs = exports.getOperationalBlocks = exports.getFirstSelectedTable = exports.getFirstSelectedListItem = exports.iterateSelections = exports.isBlockGroupOfType = exports.getRangesByText = exports.getImageState = exports.setImageState = exports.getParagraphMarker = exports.setParagraphMarker = exports.cacheGetEventData = exports.extractClipboardItems = exports.normalizeFontFamily = exports.transformColor = exports.retrieveDocumentMetadata = exports.readFile = exports.parseTableCells = exports.normalizeText = exports.isSpace = exports.isPunctuation = exports.extractBorderValues = exports.combineBorderValue = exports.getNodePositionFromEvent = exports.isCursorMovingKey = exports.isModifierKey = exports.isCharacterValue = void 0;
-exports.EmptySegmentFormat = exports.UnorderedListStyleMap = exports.OrderedListStyleMap = exports.TableBorderFormat = exports.NumberingListType = exports.BulletListType = exports.ChangeSource = exports.ListMetadataDefinition = exports.getListMetadata = exports.updateListMetadata = exports.getTableMetadata = exports.updateTableMetadata = exports.getTableCellMetadata = exports.updateTableCellMetadata = exports.getImageMetadata = exports.updateImageMetadata = void 0;
+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.cloneModelForPaste = exports.cloneModel = exports.setSelection = exports.hasSelectionInBlockGroup = exports.hasSelectionInSegment = exports.hasSelectionInBlock = exports.getSelectedCells = exports.getSelectedSegmentsAndParagraphs = exports.getSelectedSegments = exports.getSelectedParagraphs = exports.getOperationalBlocks = exports.getFirstSelectedTable = exports.getFirstSelectedListItem = exports.iterateSelections = exports.isBlockGroupOfType = exports.getRangesByText = exports.getImageState = exports.setImageState = exports.getParagraphMarker = exports.setParagraphMarker = exports.cacheGetEventData = exports.extractClipboardItems = exports.normalizeFontFamily = exports.transformColor = exports.retrieveDocumentMetadata = exports.readFile = exports.parseTableCells = exports.normalizeText = exports.isSpace = exports.isPunctuation = exports.extractBorderValues = exports.combineBorderValue = exports.getNodePositionFromEvent = exports.isCursorMovingKey = exports.isModifierKey = exports.isCharacterValue = void 0;
+exports.EmptySegmentFormat = exports.UnorderedListStyleMap = exports.OrderedListStyleMap = exports.TableBorderFormat = exports.NumberingListType = exports.BulletListType = exports.ChangeSource = exports.ListMetadataDefinition = exports.getListMetadata = exports.updateListMetadata = exports.getTableMetadata = exports.updateTableMetadata = exports.getTableCellMetadata = exports.updateTableCellMetadata = exports.getImageMetadata = exports.updateImageMetadata = exports.runEditSteps = 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");
@@ -23967,6 +23991,7 @@ var setSelection_1 = __webpack_require__(/*! ./modelApi/selection/setSelection *
 Object.defineProperty(exports, "setSelection", ({ enumerable: true, get: function () { return setSelection_1.setSelection; } }));
 var cloneModel_1 = __webpack_require__(/*! ./modelApi/editing/cloneModel */ "./packages/roosterjs-content-model-dom/lib/modelApi/editing/cloneModel.ts");
 Object.defineProperty(exports, "cloneModel", ({ enumerable: true, get: function () { return cloneModel_1.cloneModel; } }));
+Object.defineProperty(exports, "cloneModelForPaste", ({ enumerable: true, get: function () { return cloneModel_1.cloneModelForPaste; } }));
 var mergeModel_1 = __webpack_require__(/*! ./modelApi/editing/mergeModel */ "./packages/roosterjs-content-model-dom/lib/modelApi/editing/mergeModel.ts");
 Object.defineProperty(exports, "mergeModel", ({ enumerable: true, get: function () { return mergeModel_1.mergeModel; } }));
 var deleteSelection_1 = __webpack_require__(/*! ./modelApi/editing/deleteSelection */ "./packages/roosterjs-content-model-dom/lib/modelApi/editing/deleteSelection.ts");
@@ -24796,7 +24821,34 @@ exports.normalizeAllSegments = normalizeAllSegments;
 function normalizeSingleSegment(paragraph, segment, ignoreTrailingSpaces) {
     if (ignoreTrailingSpaces === void 0) { ignoreTrailingSpaces = false; }
     var context = resetNormalizeSegmentContext();
+    var index = paragraph.segments.indexOf(segment);
     context.ignoreTrailingSpaces = ignoreTrailingSpaces;
+    // Search backward for the nearest non-empty text segment (skipping SelectionMarkers and empty text),
+    // to determine whether leading spaces of the current segment should be preserved.
+    // If the previous text doesn't end with a space, keep the leading space to maintain word separation.
+    for (var i = index - 1; i >= 0; i--) {
+        var s = paragraph.segments[i];
+        if (s.segmentType == 'Text') {
+            if (s.text.length > 0) {
+                if (s.text.substr(-1) != SPACE) {
+                    context.ignoreLeadingSpaces = false;
+                }
+                break;
+            }
+        }
+        else if (s.segmentType == 'Image') {
+            // If the previous segment is an image, we should keep the leading space of the current segment to maintain word separation.
+            context.ignoreLeadingSpaces = false;
+            break;
+        }
+        else if (s.segmentType == 'Br') {
+            // If the previous segment is a line break, we should ignore the leading space of the current segment.
+            context.ignoreLeadingSpaces = true;
+        }
+        else if (s.segmentType != 'SelectionMarker') {
+            break;
+        }
+    }
     normalizeSegment(paragraph, segment, context);
 }
 exports.normalizeSingleSegment = normalizeSingleSegment;
@@ -24837,6 +24889,10 @@ function normalizeSegment(paragraph, segment, context) {
             context.ignoreLeadingSpaces = false;
             break;
         case 'Text':
+            // Skip empty text segments to avoid affecting normalization context
+            if (segment.text.length == 0) {
+                break;
+            }
             context.textSegments.push(segment);
             context.lastInlineSegment = segment;
             context.lastTextSegment = segment;
@@ -24844,9 +24900,9 @@ function normalizeSegment(paragraph, segment, context) {
             var last = segment.text.substr(-1);
             if (!(0, hasSpacesOnly_1.hasSpacesOnly)(segment.text)) {
                 if (first == SPACE) {
-                    // 1. Multiple leading space => single &nbsp; or empty (depends on if previous segment ends with space)
+                    // 1. Multiple leading space => single space or empty (depends on if previous segment ends with space)
                     (0, mutate_1.mutateSegment)(paragraph, segment, function (textSegment) {
-                        textSegment.text = textSegment.text.replace(LEADING_SPACE_REGEX, context.ignoreLeadingSpaces ? '' : NONE_BREAK_SPACE);
+                        textSegment.text = textSegment.text.replace(LEADING_SPACE_REGEX, context.ignoreLeadingSpaces ? '' : SPACE);
                     });
                 }
                 if (last == SPACE) {
@@ -25945,8 +26001,20 @@ function getBorderStyleFromColor(color) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.cloneModel = void 0;
+exports.cloneModel = exports.cloneModelForPaste = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+var CloneOption = {
+    includeCachedElement: function (node, type) { return (type == 'cache' ? undefined : node); },
+};
+/**
+ * Clone a content model for paste operations, ensuring that cached elements are handled appropriately.
+ * @param model The content model to clone
+ * @returns A cloned content model suitable for paste operations
+ */
+function cloneModelForPaste(model) {
+    return cloneModel(model, CloneOption);
+}
+exports.cloneModelForPaste = cloneModelForPaste;
 /**
  * Clone a content model
  * @param model The content model to clone
@@ -32020,11 +32088,12 @@ exports.modelProcessor = modelProcessor;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.MarkdownPastePlugin = void 0;
-var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var convertMarkdownToContentModel_1 = __webpack_require__(/*! ../markdownToModel/convertMarkdownToContentModel */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/convertMarkdownToContentModel.ts");
 var isPastedContentMarkdown_1 = __webpack_require__(/*! ../publicApi/isPastedContentMarkdown */ "./packages/roosterjs-content-model-markdown/lib/publicApi/isPastedContentMarkdown.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var DefaultOptions = {
     autoConversion: false,
+    undoConversion: false,
 };
 /**
  * Markdown paste plugin. Handles the BeforePaste event and, when the pasted content
@@ -32070,12 +32139,37 @@ var MarkdownPastePlugin = /** @class */ (function () {
      * @param event The event to handle:
      */
     MarkdownPastePlugin.prototype.onPluginEvent = function (event) {
-        if (!this.editor || event.eventType != 'beforePaste') {
+        if (!this.editor) {
             return;
         }
-        var shouldConvert = event.pasteType === 'asMarkdown' || this.options.autoConversion;
-        if (shouldConvert && (0, isPastedContentMarkdown_1.isPastedContentMarkdown)(this.editor, event.clipboardData)) {
-            convertPastedTextToMarkdown(this.editor, event.fragment, event.clipboardData.text);
+        if (event.eventType === 'contentChanged' &&
+            event.source === roosterjs_content_model_dom_1.ChangeSource.Paste &&
+            this.options.autoConversion &&
+            event.data) {
+            var clipboardData = event.data;
+            var shouldConvert = clipboardData && clipboardData.pasteNativeEvent && this.options.autoConversion;
+            if (shouldConvert &&
+                (0, isPastedContentMarkdown_1.isPastedContentMarkdown)(this.editor, clipboardData) &&
+                clipboardData.modelBeforePaste) {
+                var modelBeforePaste_1 = (0, roosterjs_content_model_dom_1.cloneModelForPaste)(clipboardData.modelBeforePaste);
+                (0, roosterjs_content_model_dom_1.mergeModel)(modelBeforePaste_1, (0, convertMarkdownToContentModel_1.convertMarkdownToContentModel)(clipboardData.text, { emptyLine: 'merge' }));
+                if (this.options.undoConversion) {
+                    this.editor.takeSnapshot();
+                }
+                this.editor.formatContentModel(function (model) {
+                    model.blocks = modelBeforePaste_1.blocks;
+                    return true;
+                }, {
+                    apiName: 'MarkdownConversion',
+                    scrollCaretIntoView: true,
+                });
+            }
+        }
+        else if (event.eventType === 'beforePaste' && !event.clipboardData.pasteNativeEvent) {
+            var shouldConvert = event.pasteType === 'asMarkdown';
+            if (shouldConvert && (0, isPastedContentMarkdown_1.isPastedContentMarkdown)(this.editor, event.clipboardData)) {
+                convertPastedTextToMarkdown(this.editor, event.fragment, event.clipboardData.text);
+            }
         }
     };
     return MarkdownPastePlugin;
@@ -38018,16 +38112,31 @@ function createImageWrapper(editor, image, options, editInfo, htmlOptions, opera
         croppers = (0, createImageCropper_1.createImageCropper)(doc);
     }
     var wrapper = createWrapper(editor, imageClone, options, editInfo, resizers, rotators, croppers);
+    // Capture the image footprint before attaching the shadow root, since the light-DOM image
+    // stops being rendered once the shadow root takes over.
+    var imageWidth = image.offsetWidth;
+    var imageHeight = image.offsetHeight;
     var imageSpan = (0, roosterjs_content_model_dom_1.wrap)(doc, image, 'span');
-    var shadowSpan = createShadowSpan(wrapper, imageSpan);
+    var shadowSpan = createShadowSpan(wrapper, imageSpan, imageWidth, imageHeight);
     return { wrapper: wrapper, shadowSpan: shadowSpan, imageClone: imageClone, resizers: resizers, rotators: rotators, croppers: croppers };
 }
 exports.createImageWrapper = createImageWrapper;
-var createShadowSpan = function (wrapper, imageSpan) {
+var createShadowSpan = function (wrapper, imageSpan, imageWidth, imageHeight) {
     var shadowRoot = imageSpan.attachShadow({
         mode: 'open',
     });
     imageSpan.id = IMAGE_EDIT_SHADOW_ROOT;
+    // Pin the shadow host to the original image's box so that wrapping the image does not grow the
+    // surrounding line box. Without this, the taller edit wrapper enlarges the line and the browser
+    // scrolls the selection back into view, making the editor jump. The wrapper and handles still
+    // overflow the host visually because overflow is left visible.
+    if (imageWidth > 0 && imageHeight > 0) {
+        imageSpan.style.display = 'inline-block';
+        imageSpan.style.width = imageWidth + "px";
+        imageSpan.style.height = imageHeight + "px";
+        imageSpan.style.verticalAlign = 'bottom';
+        imageSpan.style.overflow = 'visible';
+    }
     shadowRoot.appendChild(wrapper);
     return imageSpan;
 };