roosterjs 9.56.0 → 9.57.0

package/dist/rooster-amd.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for roosterjs (Version 9.56.0)
+// Type definitions for roosterjs (Version 9.57.0)
 // Generated by dts tool from roosterjs
 // Project: https://github.com/Microsoft/roosterjs
 
@@ -3890,6 +3890,11 @@ export interface IEditor {
      * @param featureName The name of feature to check
      */
     isExperimentalFeatureEnabled(featureName: ExperimentalFeature | string): boolean;
+    /**
+     * Get all experimental features enabled in this editor
+     * @returns An array of experimental feature names
+     */
+    getExperimentalFeatures(): ExperimentalFeature[];
 }
 
 /**
@@ -3920,7 +3925,11 @@ export type ExperimentalFeature = GraduatedExperimentalFeature
  * These characters can be used to hide text in HTML and may cause unexpected behavior.
  * @see https://embracethered.com/blog/posts/2024/hiding-and-finding-text-with-unicode-tags/
  */
- | 'FilterInvisibleUnicode';
+ | 'FilterInvisibleUnicode'
+/**
+ * Handle the drop event for content that is dropped from the same editor instance.
+ */
+ | 'HandleDropInternalContent';
 
 /**
  * Predefined experiment features (Graduated, only keep them for backward compatibility)
@@ -5101,6 +5110,10 @@ export interface FormatContentModelOptions {
      * When pass to true, scroll the editing caret into view after write DOM tree if need
      */
     scrollCaretIntoView?: boolean;
+    /**
+     * When pass to true, skip setting DOM selection after write DOM tree. @default false
+     */
+    skipDOMSelection?: boolean;
 }
 
 /**
@@ -5259,9 +5272,19 @@ export interface ContentModelFormatState {
 
 /**
  * Represents the PasteType parameter used to set the paste type to use.
- * It can be either the Paste Type value or a callback that retuns the Paste Type to use.
+ * It can be either the Paste Type value or a callback that returns the Paste Type to use.
  */
-export type PasteTypeOrGetter = PasteType | ((document: Document | null, clipboardData: ClipboardData) => PasteType);
+export type PasteTypeOrGetter = PasteType | PasteTypeGetter;
+
+/**
+ * A function that returns the Paste Type to use based on the pasted content and clipboard data.
+ * @param document The document parsed from the clipboard raw HTML, or null when there is no HTML
+ * @param clipboardData Clipboard data retrieved from clipboard
+ * @param environment The editor environment information
+ * @param htmlAttributes The metadata (HTML attributes) retrieved from the pasted content
+ * @returns The Paste Type to use
+ */
+export type PasteTypeGetter = (document: Document | null, clipboardData: ClipboardData, environment: EditorEnvironment, htmlAttributes: Record<string, string>) => PasteType;
 
 /**
  * Image Format
@@ -8386,6 +8409,10 @@ export const ChangeSource: {
      * Content changed by paste
      */
     Paste: string;
+    /**
+     * Content changed by auto markdown conversion
+     */
+    AutoMarkdownConversion: string;
     /**
      * Content changed by setContent API
      */
@@ -8862,6 +8889,11 @@ export class Editor implements IEditor  {
      * @param featureName The name of feature to check
      */
     isExperimentalFeatureEnabled(featureName: ExperimentalFeature | string): boolean;
+    /**
+     * Get all experimental features enabled in this editor
+     * @returns An array of experimental feature names
+     * */
+    getExperimentalFeatures(): ExperimentalFeature[];
     /**
      * @returns the current EditorCore object
      * @throws a standard Error if there's no core object
@@ -10933,7 +10965,7 @@ export class AnnouncePlugin implements EditorPlugin  {
 export class DragAndDropPlugin implements EditorPlugin  {
     private editor;
     private forbiddenElements;
-    private isInternalDragging;
+    private internalDrag;
     private disposer;
     /**
      * Construct a new instance of DragAndDropPlugin

package/dist/rooster-amd.js

@@ -8544,9 +8544,9 @@ var DefaultSanitizingOption = {
 /**
  * @internal
  */
-function createDomToModelContextForSanitizing(document, defaultFormat, defaultOption, additionalSanitizingOption, domHelper) {
+function createDomToModelContextForSanitizing(document, defaultFormat, defaultOption, additionalSanitizingOption, domHelper, experimentalFeatures) {
     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: [], editorViewWidth: domHelper === null || domHelper === void 0 ? void 0 : domHelper.getClientWidth() }), 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: experimentalFeatures !== null && experimentalFeatures !== void 0 ? experimentalFeatures : [], editorViewWidth: domHelper === null || domHelper === void 0 ? void 0 : domHelper.getClientWidth() }), defaultOption, {
         processorOverride: {
             '#text': pasteTextProcessor_1.pasteTextProcessor,
             entity: (0, pasteEntityProcessor_1.createPasteEntityProcessor)(sanitizingOption),
@@ -9388,12 +9388,13 @@ var BlackColor = 'rgb(0,0,0)';
  */
 function mergePasteContent(editor, eventResult, isFirstPaste) {
     var fragment = eventResult.fragment, domToModelOption = eventResult.domToModelOption, customizedMerge = eventResult.customizedMerge, pasteType = eventResult.pasteType, clipboardData = eventResult.clipboardData, containsBlockElements = eventResult.containsBlockElements;
+    var shouldScrollCaretIntoView = !isImageOnlyFragment(fragment);
     editor.formatContentModel(function (model, context) {
         if (!isFirstPaste && 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());
+        var domToModelContext = (0, createDomToModelContextForSanitizing_1.createDomToModelContextForSanitizing)(editor.getDocument(), undefined /*defaultFormat*/, editor.getEnvironment().domToModelSettings.customized, domToModelOption, editor.getDOMHelper(), editor.getExperimentalFeatures());
         domToModelContext.segmentFormat = getSegmentFormatForPaste(model, pasteType);
         var pasteModel = (0, roosterjs_content_model_dom_1.domToContentModel)(fragment, domToModelContext);
         var mergeOption = {
@@ -9413,7 +9414,7 @@ function mergePasteContent(editor, eventResult, isFirstPaste) {
     }, {
         changeSource: roosterjs_content_model_dom_1.ChangeSource.Paste,
         getChangeData: function () { return clipboardData; },
-        scrollCaretIntoView: true,
+        scrollCaretIntoView: shouldScrollCaretIntoView,
         apiName: 'paste',
     });
 }
@@ -9454,6 +9455,13 @@ function getLastSegmentFormat(pasteModel) {
     }
     return {};
 }
+function isImageOnlyFragment(pasteFragment) {
+    var _a;
+    var images = pasteFragment.querySelectorAll('img');
+    return (images.length === 1 &&
+        pasteFragment.childNodes.length === 1 &&
+        ((_a = pasteFragment.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === '');
+}
 
 
 /***/ },
@@ -9499,11 +9507,11 @@ function paste(editor, clipboardData, pasteTypeOrGetter) {
         clipboardData.rawHtml = (0, cleanHtmlComments_1.cleanHtmlComments)(clipboardData.rawHtml);
     }
     var doc = createDOMFromHtml(clipboardData.rawHtml, domCreator);
-    var pasteType = typeof pasteTypeOrGetter == 'function'
-        ? pasteTypeOrGetter(doc, clipboardData)
-        : pasteTypeOrGetter;
     // 2. Handle HTML from clipboard
     var htmlFromClipboard = (0, retrieveHtmlInfo_1.retrieveHtmlInfo)(doc, clipboardData);
+    var pasteType = typeof pasteTypeOrGetter == 'function'
+        ? pasteTypeOrGetter(doc, clipboardData, editor.getEnvironment(), htmlFromClipboard.metadata)
+        : pasteTypeOrGetter;
     // 3. Create target fragment
     var sourceFragment = (0, createPasteFragment_1.createPasteFragment)(editor.getDocument(), clipboardData, pasteType, (_a = (clipboardData.rawHtml == clipboardData.html
         ? doc
@@ -10288,7 +10296,7 @@ var formatContentModel = function (core, formatter, options, domToModelOptions)
         try {
             handleImages(core, context);
             selection =
-                (_a = core.api.setContentModel(core, model, hasFocus ? undefined : { ignoreSelection: true }, // If editor did not have focus before format, do not set focus after format
+                (_a = core.api.setContentModel(core, model, hasFocus && !(options === null || options === void 0 ? void 0 : options.skipDOMSelection) ? undefined : { ignoreSelection: true }, // If editor did not have focus before format, do not set focus after format
                 onNodeCreated)) !== null && _a !== void 0 ? _a : undefined;
             handlePendingFormat(core, context, selection);
             if (scroll && ((selection === null || selection === void 0 ? void 0 : selection.type) == 'range' || (selection === null || selection === void 0 ? void 0 : selection.type) == 'image')) {
@@ -14490,6 +14498,7 @@ var Down = 'ArrowDown';
 var Left = 'ArrowLeft';
 var Right = 'ArrowRight';
 var Tab = 'Tab';
+var F10 = 'F10';
 /**
  * @internal
  */
@@ -14506,7 +14515,6 @@ var SelectionPlugin = /** @class */ (function () {
         this.disposer = null;
         this.logicalRootDisposer = null;
         this.isSafari = false;
-        this.isMac = false;
         this.scrollTopCache = 0;
         this.onMouseMove = function (event) {
             var _a, _b, _c;
@@ -14558,7 +14566,7 @@ var SelectionPlugin = /** @class */ (function () {
         // MacOS will not create a mouseUp event if contextMenu event is not prevent defaulted.
         // Make sure we capture image target even if image is wrapped
         this.getContainedTargetImage = function (event, previousSelection) {
-            if (!_this.isMac || !previousSelection || previousSelection.type !== 'image') {
+            if (!previousSelection || previousSelection.type !== 'image') {
                 return null;
             }
             var target = event.target;
@@ -14598,11 +14606,11 @@ var SelectionPlugin = /** @class */ (function () {
             if (((_a = _this.editor) === null || _a === void 0 ? void 0 : _a.hasFocus()) && !_this.editor.isInShadowEdit()) {
                 var newSelection = _this.editor.getDOMSelection();
                 var domHelper = _this.editor.getDOMHelper();
-                //If am image selection changed to a wider range due a keyboard event, we should update the selection
+                // If an image selection changed to a wider range due to a keyboard event, we should update the selection
                 var range = domHelper.getSelectionRange();
                 if (range) {
                     var image = (0, isSingleImageInSelection_1.isSingleImageInSelection)(range);
-                    if ((newSelection === null || newSelection === void 0 ? void 0 : newSelection.type) == 'image' && !image) {
+                    if ((newSelection === null || newSelection === void 0 ? void 0 : newSelection.type) == 'image' && !image && !range.collapsed) {
                         var sel = (_b = _this.editor.getDocument().defaultView) === null || _b === void 0 ? void 0 : _b.getSelection();
                         var isReverted = sel
                             ? sel.focusNode != range.endContainer || sel.focusOffset != range.endOffset
@@ -14661,7 +14669,6 @@ var SelectionPlugin = /** @class */ (function () {
         var env = this.editor.getEnvironment();
         var document = this.editor.getDocument();
         this.isSafari = !!env.isSafari;
-        this.isMac = !!env.isMac;
         document.addEventListener('selectionchange', this.onSelectionChange);
         if (this.isSafari) {
             this.disposer = this.editor.attachDomEvent({
@@ -14814,6 +14821,7 @@ var SelectionPlugin = /** @class */ (function () {
                 }
                 break;
             case 'range':
+                var image = void 0;
                 if (key == Up || key == Down || key == Left || key == Right || key == Tab) {
                     var start = selection.range.startContainer;
                     this.state.tableSelection = this.parseTableSelection(start, start, editor.getDOMHelper());
@@ -14829,6 +14837,14 @@ var SelectionPlugin = /** @class */ (function () {
                         }
                     }
                 }
+                else if (key == F10 &&
+                    rawEvent.shiftKey &&
+                    (image = (0, isSingleImageInSelection_1.isSingleImageInSelection)(selection.range))) {
+                    this.setDOMSelection({
+                        type: 'image',
+                        image: image,
+                    }, null /* tableSelection */);
+                }
                 break;
             case 'table':
                 // After a content change event is handled tableSelection state is reset to null
@@ -15972,6 +15988,13 @@ var Editor = /** @class */ (function () {
     Editor.prototype.isExperimentalFeatureEnabled = function (featureName) {
         return this.getCore().experimentalFeatures.indexOf(featureName) >= 0;
     };
+    /**
+     * Get all experimental features enabled in this editor
+     * @returns An array of experimental feature names
+     * */
+    Editor.prototype.getExperimentalFeatures = function () {
+        return this.getCore().experimentalFeatures;
+    };
     /**
      * @returns the current EditorCore object
      * @throws a standard Error if there's no core object
@@ -17203,6 +17226,10 @@ exports.ChangeSource = {
      * Content changed by paste
      */
     Paste: 'Paste',
+    /**
+     * Content changed by auto markdown conversion
+     */
+    AutoMarkdownConversion: 'AutoMarkdownConversion',
     /**
      * Content changed by setContent API
      */
@@ -27012,6 +27039,11 @@ function mergeTables(markerPosition, newTable, source) {
         var newTableRowCount = newTable.rows.length;
         var lastTargetColIndex = getTargetColIndex(table, rowIndex, colIndex, newTableColCount);
         var extraColsNeeded = lastTargetColIndex - table.rows[0].cells.length;
+        newTable.rows.forEach(function (row) {
+            row.cells.forEach(function (cell) {
+                cell.spanAbove = false;
+            });
+        });
         if (extraColsNeeded > 0) {
             var currentColCount = table.rows[0].cells.length;
             for (var col = 0; col < extraColsNeeded; col++) {
@@ -31043,9 +31075,9 @@ var MarkdownBlockGroupType = {
 /**
  * @internal
  */
-function createBlockGroupFromMarkdown(text, patternName, options, group) {
+function createBlockGroupFromMarkdown(text, patternName, options, group, list) {
     if (MarkdownBlockGroupType[patternName] === 'ListItem') {
-        return (0, createListFromMarkdown_1.createListFromMarkdown)(text, patternName === 'ordered_list' ? 'OL' : 'UL', options);
+        return (0, createListFromMarkdown_1.createListFromMarkdown)(text, patternName === 'ordered_list' ? 'OL' : 'UL', options, list);
     }
     else {
         return (0, createBlockQuoteFromMarkdown_1.createBlockQuoteFromMarkdown)(text, options, group);
@@ -31133,12 +31165,13 @@ var createParagraphFromMarkdown_1 = __webpack_require__(/*! ./createParagraphFro
 /**
  * @internal
  */
-function createListFromMarkdown(text, listType, options) {
+function createListFromMarkdown(text, listType, options, list) {
     var marker = text.trim().split(' ')[0];
     var isDummy = isDummyListItem(marker);
+    var startNumber = listType === 'OL' && !list ? parseInt(marker, 10) : undefined;
     var itemText = isDummy ? text : text.trim().substring(marker.length);
     var paragraph = (0, createParagraphFromMarkdown_1.createParagraphFromMarkdown)(itemText.trim(), options);
-    var levels = createLevels(text, listType, isDummy, options);
+    var levels = createLevels(text, listType, isDummy, options, startNumber);
     var listModel = (0, roosterjs_content_model_dom_1.createListItem)(levels);
     if (options.direction) {
         listModel.format.direction = options.direction;
@@ -31147,8 +31180,11 @@ function createListFromMarkdown(text, listType, options) {
     return listModel;
 }
 exports.createListFromMarkdown = createListFromMarkdown;
-function createLevels(text, listType, isDummy, options) {
+function createLevels(text, listType, isDummy, options, startNumberOverride) {
     var level = (0, roosterjs_content_model_dom_1.createListLevel)(listType, options.direction ? { direction: options.direction } : undefined);
+    if (startNumberOverride) {
+        level.format.startNumberOverride = startNumberOverride;
+    }
     if (isDummy) {
         level.format.displayForDummyItem = 'block';
     }
@@ -31437,7 +31473,7 @@ function addMarkdownBlockToModel(model, blockType, markdown, patternName, markdo
             model.blocks.push(divider);
             break;
         case 'BlockGroup':
-            var blockGroup = (0, createBlockGroupFromMarkdown_1.createBlockGroupFromMarkdown)(markdown, patternName, options, markdownContext.lastQuote);
+            var blockGroup = (0, createBlockGroupFromMarkdown_1.createBlockGroupFromMarkdown)(markdown, patternName, options, markdownContext.lastQuote, markdownContext.lastList);
             if (!markdownContext.lastQuote) {
                 model.blocks.push(blockGroup);
             }
@@ -32289,6 +32325,7 @@ var MarkdownPastePlugin = /** @class */ (function () {
                     return true;
                 }, {
                     apiName: 'MarkdownConversion',
+                    changeSource: roosterjs_content_model_dom_1.ChangeSource.AutoMarkdownConversion,
                     scrollCaretIntoView: true,
                 });
             }
@@ -33870,7 +33907,8 @@ exports.CustomReplacePlugin = CustomReplacePlugin;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.DragAndDropPlugin = void 0;
-var handleDroppedContent_1 = __webpack_require__(/*! ./utils/handleDroppedContent */ "./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/handleDroppedContent.ts");
+var handleDroppedExternalContent_1 = __webpack_require__(/*! ./utils/handleDroppedExternalContent */ "./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/handleDroppedExternalContent.ts");
+var handleDroppedInternalContent_1 = __webpack_require__(/*! ./utils/handleDroppedInternalContent */ "./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/handleDroppedInternalContent.ts");
 var DefaultOptions = {
     forbiddenElements: ['iframe'],
 };
@@ -33887,7 +33925,7 @@ var DragAndDropPlugin = /** @class */ (function () {
         var _a;
         this.editor = null;
         this.forbiddenElements = [];
-        this.isInternalDragging = false;
+        this.internalDrag = false;
         this.disposer = null;
         this.forbiddenElements = (_a = options.forbiddenElements) !== null && _a !== void 0 ? _a : [];
     }
@@ -33909,7 +33947,7 @@ var DragAndDropPlugin = /** @class */ (function () {
         this.disposer = editor.attachDomEvent({
             dragstart: {
                 beforeDispatch: function (_ev) {
-                    _this.isInternalDragging = true;
+                    _this.internalDrag = true;
                 },
             },
         });
@@ -33925,7 +33963,6 @@ var DragAndDropPlugin = /** @class */ (function () {
             this.disposer();
             this.disposer = null;
         }
-        this.isInternalDragging = false;
         this.forbiddenElements = [];
     };
     /**
@@ -33937,17 +33974,18 @@ var DragAndDropPlugin = /** @class */ (function () {
     DragAndDropPlugin.prototype.onPluginEvent = function (event) {
         var _a;
         if (this.editor && event.eventType == 'beforeDrop') {
-            if (this.isInternalDragging) {
-                this.isInternalDragging = false;
+            var dropEvent = event.rawEvent;
+            if (this.internalDrag &&
+                this.editor.isExperimentalFeatureEnabled('HandleDropInternalContent')) {
+                (0, handleDroppedInternalContent_1.handleDroppedInternalContent)(this.editor, dropEvent);
             }
-            else {
-                var dropEvent = event.rawEvent;
+            else if (!this.internalDrag) {
                 var html = (_a = dropEvent.dataTransfer) === null || _a === void 0 ? void 0 : _a.getData('text/html');
                 if (html) {
-                    (0, handleDroppedContent_1.handleDroppedContent)(this.editor, dropEvent, html, this.forbiddenElements);
+                    (0, handleDroppedExternalContent_1.handleDroppedExternalContent)(this.editor, dropEvent, html, this.forbiddenElements);
                 }
             }
-            return;
+            this.internalDrag = false;
         }
     };
     return DragAndDropPlugin;
@@ -34001,23 +34039,23 @@ exports.cleanForbiddenElements = cleanForbiddenElements;
 
 /***/ },
 
-/***/ "./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/handleDroppedContent.ts"
-/*!************************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/handleDroppedContent.ts ***!
-  \************************************************************************************************/
+/***/ "./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/handleDroppedExternalContent.ts"
+/*!********************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/handleDroppedExternalContent.ts ***!
+  \********************************************************************************************************/
 (__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.handleDroppedContent = void 0;
+exports.handleDroppedExternalContent = void 0;
 var cleanForbiddenElements_1 = __webpack_require__(/*! ./cleanForbiddenElements */ "./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/cleanForbiddenElements.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 /**
  * @internal
  * Handle dropped HTML content by inserting it at the drop position
  */
-function handleDroppedContent(editor, event, html, forbiddenElements) {
+function handleDroppedExternalContent(editor, event, html, forbiddenElements) {
     var doc = editor.getDocument();
     var domPosition = (0, roosterjs_content_model_dom_1.getNodePositionFromEvent)(doc, editor.getDOMHelper(), event.x, event.y);
     if (domPosition) {
@@ -34041,7 +34079,56 @@ function handleDroppedContent(editor, event, html, forbiddenElements) {
         });
     }
 }
-exports.handleDroppedContent = handleDroppedContent;
+exports.handleDroppedExternalContent = handleDroppedExternalContent;
+
+
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/handleDroppedInternalContent.ts"
+/*!********************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/handleDroppedInternalContent.ts ***!
+  \********************************************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.handleDroppedInternalContent = void 0;
+var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+/**
+ * @internal
+ * Handle dropped internal HTML content by inserting it at the drop position
+ */
+function handleDroppedInternalContent(editor, event) {
+    var doc = editor.getDocument();
+    var domPosition = (0, roosterjs_content_model_dom_1.getNodePositionFromEvent)(doc, editor.getDOMHelper(), event.x, event.y);
+    var selection = editor.getDOMSelection();
+    if (domPosition && selection) {
+        event.preventDefault();
+        event.stopPropagation();
+        (0, roosterjs_content_model_api_1.formatInsertPointWithContentModel)(editor, domPosition, function (model, context, insertPoint) {
+            if (insertPoint) {
+                var cloneModel = (0, roosterjs_content_model_dom_1.cloneModelForPaste)(model);
+                (0, roosterjs_content_model_dom_1.trimModelForSelection)(cloneModel, selection);
+                if ((0, roosterjs_content_model_dom_1.deleteSelection)(model, [], context).deleteResult == 'range') {
+                    (0, roosterjs_content_model_dom_1.normalizeContentModel)(model);
+                }
+                var startMarker = (0, roosterjs_content_model_dom_1.createSelectionMarker)(insertPoint.marker.format);
+                var startParagraph = (0, roosterjs_content_model_dom_1.mutateBlock)(insertPoint.paragraph);
+                var startIndex = startParagraph.segments.indexOf(insertPoint.marker);
+                startParagraph.segments.splice(startIndex, 0, startMarker);
+                var newInsertPoint = (0, roosterjs_content_model_dom_1.mergeModel)(model, cloneModel, context, {
+                    insertPosition: insertPoint,
+                });
+                if (newInsertPoint) {
+                    (0, roosterjs_content_model_dom_1.setSelection)(model, startMarker, newInsertPoint.marker);
+                }
+            }
+        });
+    }
+}
+exports.handleDroppedInternalContent = handleDroppedInternalContent;
 
 
 /***/ },
@@ -37115,7 +37202,7 @@ var ImageEditPlugin = /** @class */ (function () {
                 if (event.rawEvent.key == 'Enter' && this.isCropMode) {
                     event.rawEvent.preventDefault();
                 }
-                this.applyFormatWithContentModel(editor, this.isCropMode, true /** should selectImage */, false /* isApiOperation */);
+                this.applyFormatWithContentModel(editor, this.isCropMode, false /** should selectImage */, false /* isApiOperation */);
             }
         }
     };
@@ -37155,6 +37242,28 @@ var ImageEditPlugin = /** @class */ (function () {
         var editingImageModel;
         var selection = editor.getDOMSelection();
         var isRTL = false;
+        var formatContentModelOptions = {
+            onNodeCreated: function (model, node) {
+                var _a;
+                if (!isApiOperation &&
+                    editingImageModel &&
+                    editingImageModel == model &&
+                    editingImageModel.format.imageState == findEditingImage_1.EDITING_MARKER &&
+                    (0, roosterjs_content_model_dom_1.isNodeOfType)(node, 'ELEMENT_NODE') &&
+                    (0, roosterjs_content_model_dom_1.isElementOfType)(node, 'img')) {
+                    if (_this.isCropMode) {
+                        _this.startCropMode(editor, node, isRTL);
+                    }
+                    else {
+                        (_a = editor.getDocument().defaultView) === null || _a === void 0 ? void 0 : _a.requestAnimationFrame(function () {
+                            _this.startRotateAndResize(editor, node, isRTL);
+                        });
+                    }
+                }
+            },
+            apiName: IMAGE_EDIT_FORMAT_EVENT,
+            skipDOMSelection: false,
+        };
         editor.formatContentModel(function (model, context) {
             var editingImage = (0, getSelectedImage_1.getSelectedImage)(model);
             var previousSelectedImage = isApiOperation
@@ -37213,28 +37322,12 @@ var ImageEditPlugin = /** @class */ (function () {
                         _this.imageEditInfo = (0, updateImageEditInfo_1.updateImageEditInfo)(image, selection.image);
                         image.format.imageState = 'isEditing';
                     });
+                    formatContentModelOptions.skipDOMSelection = !isCropMode;
                     result = true;
                 }
             }
             return result;
-        }, {
-            onNodeCreated: function (model, node) {
-                if (!isApiOperation &&
-                    editingImageModel &&
-                    editingImageModel == model &&
-                    editingImageModel.format.imageState == findEditingImage_1.EDITING_MARKER &&
-                    (0, roosterjs_content_model_dom_1.isNodeOfType)(node, 'ELEMENT_NODE') &&
-                    (0, roosterjs_content_model_dom_1.isElementOfType)(node, 'img')) {
-                    if (isCropMode) {
-                        _this.startCropMode(editor, node, isRTL);
-                    }
-                    else {
-                        _this.startRotateAndResize(editor, node, isRTL);
-                    }
-                }
-            },
-            apiName: IMAGE_EDIT_FORMAT_EVENT,
-        }, {
+        }, formatContentModelOptions, {
             tryGetFromCache: true,
         });
     };
@@ -38220,7 +38313,6 @@ var createImageCropper_1 = __webpack_require__(/*! ../Cropper/createImageCropper
 var createImageResizer_1 = __webpack_require__(/*! ../Resizer/createImageResizer */ "./packages/roosterjs-content-model-plugins/lib/imageEdit/Resizer/createImageResizer.ts");
 var createImageRotator_1 = __webpack_require__(/*! ../Rotator/createImageRotator */ "./packages/roosterjs-content-model-plugins/lib/imageEdit/Rotator/createImageRotator.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
-var IMAGE_EDIT_SHADOW_ROOT = 'ImageEditShadowRoot';
 /**
  * @internal
  */
@@ -38253,15 +38345,8 @@ 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';
     }
@@ -38935,7 +39020,7 @@ function getSelectedImageMetadata(editor, image) {
             (0, roosterjs_content_model_dom_1.mutateSegment)(selectedImage.paragraph, selectedImage === null || selectedImage === void 0 ? void 0 : selectedImage.image, function (modelImage) {
                 imageMetadata = updateImageEditInfo(modelImage, image);
             });
-            return true;
+            return false;
         }
         return false;
     });
@@ -39745,6 +39830,7 @@ var BulletSelector = '* > span > span[style*=mso-special-format]';
 var MsOfficeSpecialFormat = 'mso-special-format';
 var CssStyleKey = 'style';
 var MsoSpecialFormatRegex = /mso-special-format:\s*([^;]*)/;
+var TableElementTags = new Set(['TABLE', 'THEAD', 'TBODY', 'TFOOT', 'TR', 'TD', 'TH']);
 var clearListItemStyles = function (format) {
     delete format.textAlign;
     delete format.marginLeft;
@@ -39771,7 +39857,9 @@ function processPastedContentFromPowerPoint(event, domCreator) {
         if (style.includes(MsOfficeSpecialFormat) && context.listFormat.levels.length > 0) {
             return;
         }
-        var bulletElement = element.querySelector(BulletSelector);
+        var bulletElement = !TableElementTags.has(element.tagName)
+            ? element.querySelector(BulletSelector)
+            : null;
         if (bulletElement) {
             var _c = extractPowerPointListInfo(element, bulletElement), depth = _c.depth, unorderedBulletType = _c.unorderedBulletType, orderedBulletType = _c.orderedBulletType, startNumberOverrideOrBullet_1 = _c.startNumberOverrideOrBullet, isOrderedList = _c.isOrderedList, isNewList_1 = _c.isNewList;
             // Setup the listformat with the metadata extracted from the bullet element
@@ -39792,6 +39880,12 @@ function processPastedContentFromPowerPoint(event, domCreator) {
                 }
                 clearListItemStyles(listItem.levels[listItem.levels.length - 1].format);
                 clearListItemStyles(listItem.format);
+                // When the list is inside a table cell, remove the font size from the
+                // list marker so it does not inherit the list's font size. Otherwise a
+                // large marker may be rendered outside of the table cell.
+                if (element.closest('td,th')) {
+                    delete listItem.formatHolder.format.fontSize;
+                }
             });
         }
         else {