roosterjs 9.56.0 → 9.58.0

package/dist/rooster.js

@@ -1247,12 +1247,13 @@ module.exports = {
 /* MIT license */
 var colorNames = __webpack_require__(/*! color-name */ "./node_modules/color-name/index.js");
 var swizzle = __webpack_require__(/*! simple-swizzle */ "./node_modules/simple-swizzle/index.js");
+var hasOwnProperty = Object.hasOwnProperty;
 
-var reverseNames = {};
+var reverseNames = Object.create(null);
 
 // create a list of reverse color names
 for (var name in colorNames) {
-	if (colorNames.hasOwnProperty(name)) {
+	if (hasOwnProperty.call(colorNames, name)) {
 		reverseNames[colorNames[name]] = name;
 	}
 }
@@ -1295,9 +1296,9 @@ cs.get.rgb = function (string) {
 
 	var abbr = /^#([a-f0-9]{3,4})$/i;
 	var hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;
-	var rgba = /^rgba?\(\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
-	var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,\s*([+-]?[\d\.]+)\%\s*,\s*([+-]?[\d\.]+)\%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
-	var keyword = /(\D+)/;
+	var rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
+	var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
+	var keyword = /^(\w+)$/;
 
 	var rgb = [0, 0, 0, 1];
 	var match;
@@ -1334,7 +1335,11 @@ cs.get.rgb = function (string) {
 		}
 
 		if (match[4]) {
-			rgb[3] = parseFloat(match[4]);
+			if (match[5]) {
+				rgb[3] = parseFloat(match[4]) * 0.01;
+			} else {
+				rgb[3] = parseFloat(match[4]);
+			}
 		}
 	} else if (match = string.match(per)) {
 		for (i = 0; i < 3; i++) {
@@ -1342,19 +1347,22 @@ cs.get.rgb = function (string) {
 		}
 
 		if (match[4]) {
-			rgb[3] = parseFloat(match[4]);
+			if (match[5]) {
+				rgb[3] = parseFloat(match[4]) * 0.01;
+			} else {
+				rgb[3] = parseFloat(match[4]);
+			}
 		}
 	} else if (match = string.match(keyword)) {
 		if (match[1] === 'transparent') {
 			return [0, 0, 0, 0];
 		}
 
-		rgb = colorNames[match[1]];
-
-		if (!rgb) {
+		if (!hasOwnProperty.call(colorNames, match[1])) {
 			return null;
 		}
 
+		rgb = colorNames[match[1]];
 		rgb[3] = 1;
 
 		return rgb;
@@ -1375,12 +1383,12 @@ cs.get.hsl = function (string) {
 		return null;
 	}
 
-	var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
+	var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
 	var match = string.match(hsl);
 
 	if (match) {
 		var alpha = parseFloat(match[4]);
-		var h = (parseFloat(match[1]) + 360) % 360;
+		var h = ((parseFloat(match[1]) % 360) + 360) % 360;
 		var s = clamp(parseFloat(match[2]), 0, 100);
 		var l = clamp(parseFloat(match[3]), 0, 100);
 		var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
@@ -1396,7 +1404,7 @@ cs.get.hwb = function (string) {
 		return null;
 	}
 
-	var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
+	var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
 	var match = string.match(hwb);
 
 	if (match) {
@@ -1475,7 +1483,7 @@ function clamp(num, min, max) {
 }
 
 function hexDouble(num) {
-	var str = num.toString(16).toUpperCase();
+	var str = Math.round(num).toString(16).toUpperCase();
 	return (str.length < 2) ? '0' + str : str;
 }
 
@@ -2043,6 +2051,7 @@ swizzle.wrap = function (fn) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   __addDisposableResource: () => (/* binding */ __addDisposableResource),
 /* harmony export */   __assign: () => (/* binding */ __assign),
 /* harmony export */   __asyncDelegator: () => (/* binding */ __asyncDelegator),
 /* harmony export */   __asyncGenerator: () => (/* binding */ __asyncGenerator),
@@ -2054,6 +2063,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   __classPrivateFieldSet: () => (/* binding */ __classPrivateFieldSet),
 /* harmony export */   __createBinding: () => (/* binding */ __createBinding),
 /* harmony export */   __decorate: () => (/* binding */ __decorate),
+/* harmony export */   __disposeResources: () => (/* binding */ __disposeResources),
 /* harmony export */   __esDecorate: () => (/* binding */ __esDecorate),
 /* harmony export */   __exportStar: () => (/* binding */ __exportStar),
 /* harmony export */   __extends: () => (/* binding */ __extends),
@@ -2066,6 +2076,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   __propKey: () => (/* binding */ __propKey),
 /* harmony export */   __read: () => (/* binding */ __read),
 /* harmony export */   __rest: () => (/* binding */ __rest),
+/* harmony export */   __rewriteRelativeImportExtension: () => (/* binding */ __rewriteRelativeImportExtension),
 /* harmony export */   __runInitializers: () => (/* binding */ __runInitializers),
 /* harmony export */   __setFunctionName: () => (/* binding */ __setFunctionName),
 /* harmony export */   __spread: () => (/* binding */ __spread),
@@ -2088,7 +2099,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 var extendStatics = function(d, b) {
   extendStatics = Object.setPrototypeOf ||
@@ -2199,8 +2210,8 @@ function __awaiter(thisArg, _arguments, P, generator) {
 }
 
 function __generator(thisArg, body) {
-  var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-  return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+  var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+  return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
   function verb(n) { return function (v) { return step([n, v]); }; }
   function step(op) {
       if (f) throw new TypeError("Generator is already executing.");
@@ -2304,8 +2315,9 @@ function __await(v) {
 function __asyncGenerator(thisArg, _arguments, generator) {
   if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
   var g = generator.apply(thisArg, _arguments || []), i, q = [];
-  return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-  function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+  return i = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
+  function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
+  function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }
   function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
   function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
   function fulfill(value) { resume("next", value); }
@@ -2338,10 +2350,19 @@ var __setModuleDefault = Object.create ? (function(o, v) {
   o["default"] = v;
 };
 
+var ownKeys = function(o) {
+  ownKeys = Object.getOwnPropertyNames || function (o) {
+    var ar = [];
+    for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+    return ar;
+  };
+  return ownKeys(o);
+};
+
 function __importStar(mod) {
   if (mod && mod.__esModule) return mod;
   var result = {};
-  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
   __setModuleDefault(result, mod);
   return result;
 }
@@ -2368,12 +2389,79 @@ function __classPrivateFieldIn(state, receiver) {
   return typeof state === "function" ? receiver === state : state.has(receiver);
 }
 
+function __addDisposableResource(env, value, async) {
+  if (value !== null && value !== void 0) {
+    if (typeof value !== "object" && typeof value !== "function") throw new TypeError("Object expected.");
+    var dispose, inner;
+    if (async) {
+      if (!Symbol.asyncDispose) throw new TypeError("Symbol.asyncDispose is not defined.");
+      dispose = value[Symbol.asyncDispose];
+    }
+    if (dispose === void 0) {
+      if (!Symbol.dispose) throw new TypeError("Symbol.dispose is not defined.");
+      dispose = value[Symbol.dispose];
+      if (async) inner = dispose;
+    }
+    if (typeof dispose !== "function") throw new TypeError("Object not disposable.");
+    if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };
+    env.stack.push({ value: value, dispose: dispose, async: async });
+  }
+  else if (async) {
+    env.stack.push({ async: true });
+  }
+  return value;
+}
+
+var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+function __disposeResources(env) {
+  function fail(e) {
+    env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
+    env.hasError = true;
+  }
+  var r, s = 0;
+  function next() {
+    while (r = env.stack.pop()) {
+      try {
+        if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);
+        if (r.dispose) {
+          var result = r.dispose.call(r.value);
+          if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });
+        }
+        else s |= 1;
+      }
+      catch (e) {
+        fail(e);
+      }
+    }
+    if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();
+    if (env.hasError) throw env.error;
+  }
+  return next();
+}
+
+function __rewriteRelativeImportExtension(path, preserveJsx) {
+  if (typeof path === "string" && /^\.\.?\//.test(path)) {
+      return path.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {
+          return tsx ? preserveJsx ? ".jsx" : ".js" : d && (!ext || !cm) ? m : (d + ext + "." + cm.toLowerCase() + "js");
+      });
+  }
+  return path;
+}
+
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   __extends,
   __assign,
   __rest,
   __decorate,
   __param,
+  __esDecorate,
+  __runInitializers,
+  __propKey,
+  __setFunctionName,
   __metadata,
   __awaiter,
   __generator,
@@ -2394,6 +2482,9 @@ function __classPrivateFieldIn(state, receiver) {
   __classPrivateFieldGet,
   __classPrivateFieldSet,
   __classPrivateFieldIn,
+  __addDisposableResource,
+  __disposeResources,
+  __rewriteRelativeImportExtension,
 });
 
 
@@ -8545,9 +8636,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),
@@ -9234,95 +9325,6 @@ function removeCommentsFromHtml(html, marker, endId, startId) {
 }
 
 
-/***/ },
-
-/***/ "./packages/roosterjs-content-model-core/lib/command/paste/createPasteFragment.ts"
-/*!****************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-core/lib/command/paste/createPasteFragment.ts ***!
-  \****************************************************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.createPasteFragment = void 0;
-var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
-var NBSP_HTML = '\u00A0';
-var ENSP_HTML = '\u2002';
-var TAB_SPACES = 6;
-/**
- * @internal
- */
-function createPasteFragment(document, clipboardData, pasteType, root) {
-    if (!clipboardData.text && pasteType === 'asPlainText' && root) {
-        clipboardData.text = root.textContent || clipboardData.text;
-    }
-    var imageDataUri = clipboardData.imageDataUri, text = clipboardData.text;
-    var fragment = document.createDocumentFragment();
-    if ((pasteType == 'asImage' && imageDataUri) ||
-        (pasteType != 'asPlainText' && !text && imageDataUri)) {
-        // Paste image
-        var img = document.createElement('img');
-        img.style.maxWidth = '100%';
-        img.src = imageDataUri;
-        fragment.appendChild(img);
-    }
-    else if (pasteType != 'asPlainText' && root) {
-        (0, roosterjs_content_model_dom_1.moveChildNodes)(fragment, root);
-    }
-    else if (text) {
-        text.split('\n').forEach(function (line, index, lines) {
-            line = line
-                .replace(/^ /g, NBSP_HTML)
-                .replace(/ $/g, NBSP_HTML)
-                .replace(/\r/g, '')
-                .replace(/ {2}/g, ' ' + NBSP_HTML);
-            if (line.includes('\t')) {
-                line = transformTabCharacters(line);
-            }
-            var textNode = document.createTextNode(line);
-            // There are 3 scenarios:
-            // 1. Single line: Paste as it is
-            // 2. Two lines: Add <br> between the lines
-            // 3. 3 or More lines, For first and last line, paste as it is. For middle lines, wrap with DIV, and add BR if it is empty line
-            if (lines.length == 2 && index == 0) {
-                // 1 of 2 lines scenario, add BR
-                fragment.appendChild(textNode);
-                fragment.appendChild(document.createElement('br'));
-            }
-            else if (index > 0 && index < lines.length - 1) {
-                // Middle line of >=3 lines scenario, wrap with DIV
-                fragment.appendChild((0, roosterjs_content_model_dom_1.wrap)(document, line == '' ? document.createElement('br') : textNode, 'div'));
-            }
-            else {
-                // All others, paste as it is
-                fragment.appendChild(textNode);
-            }
-        });
-    }
-    return fragment;
-}
-exports.createPasteFragment = createPasteFragment;
-/**
- * Transform \t characters into EN SPACE characters
- * @param input string NOT containing \n characters
- * @example t("\thello", 2) => "&ensp;&ensp;&ensp;&ensp;hello"
- */
-function transformTabCharacters(input, initialOffset) {
-    if (initialOffset === void 0) { initialOffset = 0; }
-    var line = input;
-    var tIndex;
-    while ((tIndex = line.indexOf('\t')) != -1) {
-        var lineBefore = line.slice(0, tIndex);
-        var lineAfter = line.slice(tIndex + 1);
-        var tabCount = TAB_SPACES - ((lineBefore.length + initialOffset) % TAB_SPACES);
-        var tabStr = Array(tabCount).fill(ENSP_HTML).join('');
-        line = lineBefore + tabStr + lineAfter;
-    }
-    return line;
-}
-
-
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-core/lib/command/paste/generatePasteOptionFromPlugins.ts"
@@ -9389,13 +9391,15 @@ 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 isImageOnly = isImageOnlyFragment(fragment);
+    var shouldScrollCaretIntoView = !isImageOnly;
     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());
-        domToModelContext.segmentFormat = getSegmentFormatForPaste(model, pasteType);
+        var domToModelContext = (0, createDomToModelContextForSanitizing_1.createDomToModelContextForSanitizing)(editor.getDocument(), undefined /*defaultFormat*/, editor.getEnvironment().domToModelSettings.customized, domToModelOption, editor.getDOMHelper(), editor.getExperimentalFeatures());
+        domToModelContext.segmentFormat = getSegmentFormatForPaste(model, pasteType, isImageOnly);
         var pasteModel = (0, roosterjs_content_model_dom_1.domToContentModel)(fragment, domToModelContext);
         var mergeOption = {
             mergeFormat: pasteType == 'mergeFormat' ? 'keepSourceEmphasisFormat' : 'none',
@@ -9414,19 +9418,21 @@ function mergePasteContent(editor, eventResult, isFirstPaste) {
     }, {
         changeSource: roosterjs_content_model_dom_1.ChangeSource.Paste,
         getChangeData: function () { return clipboardData; },
-        scrollCaretIntoView: true,
+        scrollCaretIntoView: shouldScrollCaretIntoView,
         apiName: 'paste',
     });
 }
 exports.mergePasteContent = mergePasteContent;
-function getSegmentFormatForPaste(model, pasteType) {
+function getSegmentFormatForPaste(model, pasteType, isImageOnly) {
     var selectedSegment = (0, roosterjs_content_model_dom_1.getSelectedSegments)(model, true /*includeFormatHolder*/)[0];
     if (selectedSegment) {
         var result = (0, roosterjs_content_model_dom_1.getSegmentTextFormat)(selectedSegment);
-        if (pasteType == 'normal') {
+        if (pasteType == 'normal' && !isImageOnly) {
             // When using normal paste (Keep source formatting) set the default text color to black when creating the
             // Model from the clipboard content, so the elements that do not contain any text color in their style
             // Are set to black. Otherwise, These segments would get the selected segments format or the default text set in the content.
+            // Skip this when pasting an image only, since there is no text to apply the default color to, and forcing
+            // black here would incorrectly become the pending format used for text typed right after the pasted image.
             result.textColor = BlackColor;
         }
         return result;
@@ -9455,6 +9461,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()) === '');
+}
 
 
 /***/ },
@@ -9472,7 +9485,6 @@ exports.paste = void 0;
 var cleanHtmlComments_1 = __webpack_require__(/*! ./cleanHtmlComments */ "./packages/roosterjs-content-model-core/lib/command/paste/cleanHtmlComments.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");
@@ -9500,13 +9512,13 @@ 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
+    var sourceFragment = (0, roosterjs_content_model_dom_1.createPasteFragment)(editor.getDocument(), clipboardData, pasteType, (_a = (clipboardData.rawHtml == clipboardData.html
         ? doc
         : createDOMFromHtml(clipboardData.html, domCreator))) === null || _a === void 0 ? void 0 : _a.body);
     // 4. Trigger BeforePaste event to allow plugins modify the fragment
@@ -10289,7 +10301,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')) {
@@ -11148,10 +11160,13 @@ function setRangeSelection(core, element, collapse) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.setTableCellsStyle = exports.removeTableCellsStyle = void 0;
+exports.setTableCellsStyle = exports.removeTableCellsStyle = exports.DOM_SELECTION_CSS_KEY = void 0;
 var ensureUniqueId_1 = __webpack_require__(/*! ../setEditorStyle/ensureUniqueId */ "./packages/roosterjs-content-model-core/lib/coreApi/setEditorStyle/ensureUniqueId.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
-var DOM_SELECTION_CSS_KEY = '_DOMSelection';
+/**
+ * @internal
+ */
+exports.DOM_SELECTION_CSS_KEY = '_DOMSelection';
 var TABLE_ID = 'table';
 /**
  * @internal
@@ -11159,7 +11174,7 @@ var TABLE_ID = 'table';
  * @param core The EditorCore object
  */
 function removeTableCellsStyle(core) {
-    core.api.setEditorStyle(core, DOM_SELECTION_CSS_KEY, '');
+    core.api.setEditorStyle(core, exports.DOM_SELECTION_CSS_KEY, '');
 }
 exports.removeTableCellsStyle = removeTableCellsStyle;
 /**
@@ -11184,7 +11199,7 @@ function setTableCellsStyle(core, table, parsedTable, firstCell, lastCell) {
         lastCell.col == ((_b = (_a = parsedTable[lastCell.row]) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - 1
         ? [tableSelector, tableSelector + " *"]
         : buildTableSelectors(parsedTable, tableSelector, table, firstCell, lastCell);
-    core.api.setEditorStyle(core, DOM_SELECTION_CSS_KEY, "background-color:" + tableSelectionColor + "!important;", tableSelectors);
+    core.api.setEditorStyle(core, exports.DOM_SELECTION_CSS_KEY, "background-color:" + tableSelectionColor + "!important;", tableSelectors);
 }
 exports.setTableCellsStyle = setTableCellsStyle;
 /**
@@ -11243,16 +11258,19 @@ function buildTableSelectors(parsedTable, tableSelector, table, firstCell, lastC
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.toggleCaret = void 0;
+exports.toggleCaret = exports.HIDE_CURSOR_CSS_KEY = void 0;
 var CARET_CSS_RULE = 'caret-color: transparent';
-var HIDE_CURSOR_CSS_KEY = '_DOMSelectionHideCursor';
+/**
+ * @internal
+ */
+exports.HIDE_CURSOR_CSS_KEY = '_DOMSelectionHideCursor';
 /**
  * @internal Show/Hide caret in editor
  * @param core The editor core
  * @param isHiding True to hide caret, false to show caret
  */
 function toggleCaret(core, isHiding) {
-    core.api.setEditorStyle(core, HIDE_CURSOR_CSS_KEY, isHiding ? CARET_CSS_RULE : null);
+    core.api.setEditorStyle(core, exports.HIDE_CURSOR_CSS_KEY, isHiding ? CARET_CSS_RULE : null);
 }
 exports.toggleCaret = toggleCaret;
 
@@ -14484,6 +14502,8 @@ var findTableCellElement_1 = __webpack_require__(/*! ../../coreApi/setDOMSelecti
 var isSingleImageInSelection_1 = __webpack_require__(/*! ./isSingleImageInSelection */ "./packages/roosterjs-content-model-core/lib/corePlugin/selection/isSingleImageInSelection.ts");
 var normalizePos_1 = __webpack_require__(/*! ./normalizePos */ "./packages/roosterjs-content-model-core/lib/corePlugin/selection/normalizePos.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var setTableCellsStyle_1 = __webpack_require__(/*! ../../coreApi/setDOMSelection/setTableCellsStyle */ "./packages/roosterjs-content-model-core/lib/coreApi/setDOMSelection/setTableCellsStyle.ts");
+var toggleCaret_1 = __webpack_require__(/*! ../../coreApi/setDOMSelection/toggleCaret */ "./packages/roosterjs-content-model-core/lib/coreApi/setDOMSelection/toggleCaret.ts");
 var MouseLeftButton = 0;
 var MouseRightButton = 2;
 var Up = 'ArrowUp';
@@ -14491,6 +14511,7 @@ var Down = 'ArrowDown';
 var Left = 'ArrowLeft';
 var Right = 'ArrowRight';
 var Tab = 'Tab';
+var F10 = 'F10';
 /**
  * @internal
  */
@@ -14507,8 +14528,8 @@ var SelectionPlugin = /** @class */ (function () {
         this.disposer = null;
         this.logicalRootDisposer = null;
         this.isSafari = false;
-        this.isMac = false;
         this.scrollTopCache = 0;
+        this.isInsideSelection = false;
         this.onMouseMove = function (event) {
             var _a, _b, _c;
             if (_this.editor && _this.state.tableSelection) {
@@ -14559,7 +14580,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;
@@ -14599,11 +14620,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
@@ -14662,7 +14683,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({
@@ -14709,6 +14729,10 @@ var SelectionPlugin = /** @class */ (function () {
                 this.onKeyDown(this.editor, event.rawEvent);
                 break;
             case 'contentChanged':
+                if (event.source == roosterjs_content_model_dom_1.ChangeSource.Drop && this.isInsideSelection) {
+                    this.setDOMSelection(null /* DOMSelection  */, null /* tableSelection */);
+                    this.isInsideSelection = false;
+                }
                 this.state.tableSelection = null;
                 break;
             case 'scroll':
@@ -14756,14 +14780,22 @@ var SelectionPlugin = /** @class */ (function () {
             return;
         }
         // Table selection
+        var target = rawEvent.target;
+        var tableSelection = target
+            ? this.parseTableSelection(target, target, editor.getDOMHelper())
+            : null;
+        if ((selection === null || selection === void 0 ? void 0 : selection.type) == 'table' &&
+            tableSelection &&
+            this.isInsideTableSelection(selection, tableSelection) &&
+            rawEvent.detail == 1) {
+            this.isInsideSelection = true;
+            this.setTableDragSelection(editor, rawEvent);
+            return;
+        }
         if ((selection === null || selection === void 0 ? void 0 : selection.type) == 'table' && rawEvent.button == MouseLeftButton) {
             this.setDOMSelection(null /*domSelection*/, null /*tableSelection*/);
         }
-        var tableSelection;
-        var target = rawEvent.target;
-        if (target &&
-            rawEvent.button == MouseLeftButton &&
-            (tableSelection = this.parseTableSelection(target, target, editor.getDOMHelper()))) {
+        if (target && rawEvent.button == MouseLeftButton && tableSelection) {
             this.state.tableSelection = tableSelection;
             if (rawEvent.detail >= 3) {
                 var lastCo = (0, findCoordinate_1.findCoordinate)(tableSelection.parsedTable, rawEvent.target, editor.getDOMHelper());
@@ -14783,6 +14815,10 @@ var SelectionPlugin = /** @class */ (function () {
         }
     };
     SelectionPlugin.prototype.onMouseUp = function () {
+        if (this.isInsideSelection) {
+            this.setDOMSelection(null /*domSelection*/, null /*tableSelection*/);
+            this.isInsideSelection = false;
+        }
         this.detachMouseEvent();
     };
     SelectionPlugin.prototype.onKeyDown = function (editor, rawEvent) {
@@ -14815,6 +14851,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());
@@ -14830,6 +14867,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
@@ -14968,6 +15013,30 @@ var SelectionPlugin = /** @class */ (function () {
             }
         }
     };
+    SelectionPlugin.prototype.isInsideTableSelection = function (prevSelection, tableSelection) {
+        var selectedCell = tableSelection.firstCo;
+        return (selectedCell.row >= prevSelection.firstRow &&
+            selectedCell.row <= prevSelection.lastRow &&
+            selectedCell.col >= prevSelection.firstColumn &&
+            selectedCell.col <= prevSelection.lastColumn);
+    };
+    SelectionPlugin.prototype.setTableDragSelection = function (editor, rawEvent) {
+        var doc = editor.getDocument();
+        var cell = editor
+            .getDOMHelper()
+            .findClosestElementAncestor(rawEvent.target, 'td,th');
+        if (cell) {
+            // Hide the table cell selection styles (grey cell background applied by
+            // setDOMSelection) and the native selection highlight so that only the
+            // dragged content is visible while dragging. Also restore the caret which
+            // is hidden while a table selection is active.
+            editor.setEditorStyle(setTableCellsStyle_1.DOM_SELECTION_CSS_KEY, null /*cssRule*/);
+            editor.setEditorStyle(toggleCaret_1.HIDE_CURSOR_CSS_KEY, null /*cssRule*/);
+            var range = doc.createRange();
+            range.selectNodeContents(cell);
+            editor.getDOMHelper().setSelectionRange(range);
+        }
+    };
     SelectionPlugin.prototype.getTextOffset = function (editor, range, td, isKeyUp) {
         var doc = editor.getDocument();
         var cursorRect = range
@@ -15973,6 +16042,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
@@ -17204,6 +17280,10 @@ exports.ChangeSource = {
      * Content changed by paste
      */
     Paste: 'Paste',
+    /**
+     * Content changed by auto markdown conversion
+     */
+    AutoMarkdownConversion: 'AutoMarkdownConversion',
     /**
      * Content changed by setContent API
      */
@@ -17245,6 +17325,10 @@ exports.ChangeSource = {
      * Content changed by replace
      */
     Replace: 'Replace',
+    /**
+     * Content changed by dragging content out the editor
+     */
+    DragOutOfEditor: 'DragOutOfEditor',
 };
 
 
@@ -17733,6 +17817,7 @@ exports.defaultProcessorMap = {
     h5: headingProcessor_1.headingProcessor,
     h6: headingProcessor_1.headingProcessor,
     hr: hrProcessor_1.hrProcessor,
+    label: knownElementProcessor_1.knownElementProcessor,
     li: listItemProcessor_1.listItemProcessor,
     ol: listProcessor_1.listProcessor,
     p: pProcessor_1.pProcessor,
@@ -19756,6 +19841,53 @@ function cacheGetEventData(event, key, getter) {
 exports.cacheGetEventData = cacheGetEventData;
 
 
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-dom/lib/domUtils/event/createPasteFragment.ts"
+/*!****************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-dom/lib/domUtils/event/createPasteFragment.ts ***!
+  \****************************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.createPasteFragment = void 0;
+var moveChildNodes_1 = __webpack_require__(/*! ../moveChildNodes */ "./packages/roosterjs-content-model-dom/lib/domUtils/moveChildNodes.ts");
+var textToFragment_1 = __webpack_require__(/*! ../textToFragment */ "./packages/roosterjs-content-model-dom/lib/domUtils/textToFragment.ts");
+/**
+ * Create a document fragment from clipboard content using the specified paste type
+ * @param document The document used to create the fragment
+ * @param clipboardData The clipboard data to convert
+ * @param pasteType The paste type that determines which clipboard content to use
+ * @param root The optional root element containing the parsed HTML content
+ * @returns A document fragment containing the content to paste
+ */
+function createPasteFragment(document, clipboardData, pasteType, root) {
+    if (!clipboardData.text && pasteType === 'asPlainText' && root) {
+        clipboardData.text = root.textContent || clipboardData.text;
+    }
+    var imageDataUri = clipboardData.imageDataUri, text = clipboardData.text;
+    var fragment = document.createDocumentFragment();
+    if ((pasteType == 'asImage' && imageDataUri) ||
+        (pasteType != 'asPlainText' && !text && imageDataUri)) {
+        // Paste image
+        var img = document.createElement('img');
+        img.style.maxWidth = '100%';
+        img.src = imageDataUri;
+        fragment.appendChild(img);
+    }
+    else if (pasteType != 'asPlainText' && root) {
+        (0, moveChildNodes_1.moveChildNodes)(fragment, root);
+    }
+    else if (text) {
+        return (0, textToFragment_1.textToFragment)(text, document);
+    }
+    return fragment;
+}
+exports.createPasteFragment = createPasteFragment;
+
+
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-dom/lib/domUtils/event/eventUtils.ts"
@@ -19932,14 +20064,14 @@ function getNodePositionFromEvent(doc, domHelper, x, y) {
         // Firefox, Chrome, Edge, Safari, Opera
         var pos = doc.caretPositionFromPoint(x, y);
         if (pos && domHelper.isNodeInEditor(pos.offsetNode)) {
-            return { node: pos.offsetNode, offset: pos.offset };
+            return normalizePosition(pos.offsetNode, pos.offset);
         }
     }
     if (doc.caretRangeFromPoint) {
         // Safari
         var range = doc.caretRangeFromPoint(x, y);
         if (range && domHelper.isNodeInEditor(range.startContainer)) {
-            return { node: range.startContainer, offset: range.startOffset };
+            return normalizePosition(range.startContainer, range.startOffset);
         }
     }
     if (doc.elementFromPoint) {
@@ -19952,6 +20084,14 @@ function getNodePositionFromEvent(doc, domHelper, x, y) {
     return null;
 }
 exports.getNodePositionFromEvent = getNodePositionFromEvent;
+function normalizePosition(node, offset) {
+    var _a;
+    // Safari hit-testing in tableMoverTest returns offset 1 after the lone BR of an empty block.
+    var normalizedOffset = offset == 1 && node.childNodes.length == 1 && ((_a = node.firstChild) === null || _a === void 0 ? void 0 : _a.nodeName) == 'BR'
+        ? 0
+        : offset;
+    return { node: node, offset: normalizedOffset };
+}
 
 
 /***/ },
@@ -21254,6 +21394,78 @@ function parseTableCells(table) {
 exports.parseTableCells = parseTableCells;
 
 
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-dom/lib/domUtils/textToFragment.ts"
+/*!*****************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-dom/lib/domUtils/textToFragment.ts ***!
+  \*****************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.textToFragment = void 0;
+var wrap_1 = __webpack_require__(/*! ./wrap */ "./packages/roosterjs-content-model-dom/lib/domUtils/wrap.ts");
+var NBSP_HTML = '\u00A0';
+var ENSP_HTML = '\u2002';
+var TAB_SPACES = 6;
+/**
+ * @internal
+ */
+function textToFragment(text, doc) {
+    var fragment = doc.createDocumentFragment();
+    text.split('\n').forEach(function (line, index, lines) {
+        line = line
+            .replace(/^ /g, NBSP_HTML)
+            .replace(/ $/g, NBSP_HTML)
+            .replace(/\r/g, '')
+            .replace(/ {2}/g, ' ' + NBSP_HTML);
+        if (line.includes('\t')) {
+            line = transformTabCharacters(line);
+        }
+        var textNode = doc.createTextNode(line);
+        // There are 3 scenarios:
+        // 1. Single line: Paste as it is
+        // 2. Two lines: Add <br> between the lines
+        // 3. 3 or More lines, For first and last line, paste as it is. For middle lines, wrap with DIV, and add BR if it is empty line
+        if (lines.length == 2 && index == 0) {
+            // 1 of 2 lines scenario, add BR
+            fragment.appendChild(textNode);
+            fragment.appendChild(doc.createElement('br'));
+        }
+        else if (index > 0 && index < lines.length - 1) {
+            // Middle line of >=3 lines scenario, wrap with DIV
+            fragment.appendChild((0, wrap_1.wrap)(doc, line == '' ? doc.createElement('br') : textNode, 'div'));
+        }
+        else {
+            // All others, paste as it is
+            fragment.appendChild(textNode);
+        }
+    });
+    return fragment;
+}
+exports.textToFragment = textToFragment;
+/**
+ * Transform \t characters into EN SPACE characters
+ * @param input string NOT containing \n characters
+ * @example t("\thello", 2) => "&ensp;&ensp;&ensp;&ensp;hello"
+ */
+function transformTabCharacters(input, initialOffset) {
+    if (initialOffset === void 0) { initialOffset = 0; }
+    var line = input;
+    var tIndex;
+    while ((tIndex = line.indexOf('\t')) != -1) {
+        var lineBefore = line.slice(0, tIndex);
+        var lineAfter = line.slice(tIndex + 1);
+        var tabCount = TAB_SPACES - ((lineBefore.length + initialOffset) % TAB_SPACES);
+        var tabStr = Array(tabCount).fill(ENSP_HTML).join('');
+        line = lineBefore + tabStr + lineAfter;
+    }
+    return line;
+}
+
+
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-dom/lib/domUtils/toArray.ts"
@@ -23839,8 +24051,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.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.addData = 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.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 = exports.trimModelForSelection = 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 = exports.getClosestAncestorBlockGroupIndex = void 0;
+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.createPasteFragment = 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 = exports.trimModelForSelection = 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 = exports.getClosestAncestorBlockGroupIndex = exports.getSegmentTextFormat = 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");
@@ -24040,6 +24252,8 @@ var normalizeFontFamily_1 = __webpack_require__(/*! ./domUtils/style/normalizeFo
 Object.defineProperty(exports, "normalizeFontFamily", ({ enumerable: true, get: function () { return normalizeFontFamily_1.normalizeFontFamily; } }));
 var extractClipboardItems_1 = __webpack_require__(/*! ./domUtils/event/extractClipboardItems */ "./packages/roosterjs-content-model-dom/lib/domUtils/event/extractClipboardItems.ts");
 Object.defineProperty(exports, "extractClipboardItems", ({ enumerable: true, get: function () { return extractClipboardItems_1.extractClipboardItems; } }));
+var createPasteFragment_1 = __webpack_require__(/*! ./domUtils/event/createPasteFragment */ "./packages/roosterjs-content-model-dom/lib/domUtils/event/createPasteFragment.ts");
+Object.defineProperty(exports, "createPasteFragment", ({ enumerable: true, get: function () { return createPasteFragment_1.createPasteFragment; } }));
 var cacheGetEventData_1 = __webpack_require__(/*! ./domUtils/event/cacheGetEventData */ "./packages/roosterjs-content-model-dom/lib/domUtils/event/cacheGetEventData.ts");
 Object.defineProperty(exports, "cacheGetEventData", ({ enumerable: true, get: function () { return cacheGetEventData_1.cacheGetEventData; } }));
 var paragraphMarker_1 = __webpack_require__(/*! ./domUtils/hiddenProperties/paragraphMarker */ "./packages/roosterjs-content-model-dom/lib/domUtils/hiddenProperties/paragraphMarker.ts");
@@ -26883,6 +27097,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.m
 var addBlock_1 = __webpack_require__(/*! ../common/addBlock */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/addBlock.ts");
 var addSegment_1 = __webpack_require__(/*! ../common/addSegment */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/addSegment.ts");
 var applyTableFormat_1 = __webpack_require__(/*! ./applyTableFormat */ "./packages/roosterjs-content-model-dom/lib/modelApi/editing/applyTableFormat.ts");
+var createBr_1 = __webpack_require__(/*! ../creators/createBr */ "./packages/roosterjs-content-model-dom/lib/modelApi/creators/createBr.ts");
 var createListItem_1 = __webpack_require__(/*! ../creators/createListItem */ "./packages/roosterjs-content-model-dom/lib/modelApi/creators/createListItem.ts");
 var createParagraph_1 = __webpack_require__(/*! ../creators/createParagraph */ "./packages/roosterjs-content-model-dom/lib/modelApi/creators/createParagraph.ts");
 var createSelectionMarker_1 = __webpack_require__(/*! ../creators/createSelectionMarker */ "./packages/roosterjs-content-model-dom/lib/modelApi/creators/createSelectionMarker.ts");
@@ -26905,11 +27120,14 @@ var KeysOfSegmentFormat = (0, getObjectKeys_1.getObjectKeys)(EmptySegmentFormat_
  * @returns Insert point after merge, or null if there is no insert point
  */
 function mergeModel(target, source, context, options) {
-    var _a;
+    var _a, _b;
     var insertPosition = (_a = options === null || options === void 0 ? void 0 : options.insertPosition) !== null && _a !== void 0 ? _a : (0, deleteSelection_1.deleteSelection)(target, [], context).insertPoint;
-    var _b = options || {}, addParagraphAfterMergedContent = _b.addParagraphAfterMergedContent, mergeFormat = _b.mergeFormat, mergeTable = _b.mergeTable;
+    var _c = options || {}, addParagraphAfterMergedContent = _c.addParagraphAfterMergedContent, mergeFormat = _c.mergeFormat, mergeParagraphAfterList = _c.mergeParagraphAfterList, mergeTable = _c.mergeTable;
+    if (mergeParagraphAfterList && insertPosition && ((_b = source.blocks[0]) === null || _b === void 0 ? void 0 : _b.blockType) == 'Paragraph') {
+        moveParagraphAfterListIntoList(insertPosition);
+    }
     if (addParagraphAfterMergedContent && !mergeTable) {
-        var _c = insertPosition || {}, paragraph = _c.paragraph, marker = _c.marker;
+        var _d = insertPosition || {}, paragraph = _d.paragraph, marker = _d.marker;
         var newPara = (0, createParagraph_1.createParagraph)(false /* isImplicit */, paragraph === null || paragraph === void 0 ? void 0 : paragraph.format, marker === null || marker === void 0 ? void 0 : marker.format);
         (0, addBlock_1.addBlock)(source, newPara);
     }
@@ -26957,6 +27175,22 @@ function mergeModel(target, source, context, options) {
     return insertPosition;
 }
 exports.mergeModel = mergeModel;
+function moveParagraphAfterListIntoList(insertPosition) {
+    var paragraph = insertPosition.paragraph, path = insertPosition.path;
+    var parent = path[0];
+    var paragraphIndex = parent.blocks.indexOf(paragraph);
+    var previousBlock = parent.blocks[paragraphIndex - 1];
+    if (paragraph.segments.every(function (segment) { return segment.segmentType == 'SelectionMarker' || segment.segmentType == 'Br'; }) &&
+        (previousBlock === null || previousBlock === void 0 ? void 0 : previousBlock.blockType) == 'BlockGroup' &&
+        previousBlock.blockGroupType == 'ListItem') {
+        var newListItem = (0, createListItem_1.createListItem)(previousBlock.levels, previousBlock.formatHolder.format);
+        var paragraphAfterList = (0, createParagraph_1.createParagraph)(false, paragraph.format);
+        (0, addBlock_1.addBlock)(newListItem, paragraph);
+        paragraphAfterList.segments.push((0, createBr_1.createBr)());
+        (0, mutate_1.mutateBlock)(parent).blocks.splice(paragraphIndex, 1, newListItem, paragraphAfterList);
+        path.unshift(newListItem);
+    }
+}
 function mergeParagraph(markerPosition, newPara, mergeToCurrentParagraph, context, option) {
     var paragraph = markerPosition.paragraph, marker = markerPosition.marker;
     var newParagraph = mergeToCurrentParagraph
@@ -27013,6 +27247,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++) {
@@ -31044,9 +31283,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);
@@ -31134,12 +31373,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;
@@ -31148,8 +31388,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';
     }
@@ -31438,7 +31681,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);
             }
@@ -32281,7 +32524,11 @@ var MarkdownPastePlugin = /** @class */ (function () {
                 (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' }));
+                (0, roosterjs_content_model_dom_1.mergeModel)(modelBeforePaste_1, (0, convertMarkdownToContentModel_1.convertMarkdownToContentModel)(clipboardData.text, {
+                    emptyLine: 'merge',
+                }), undefined /*context*/, {
+                    mergeFormat: 'preferTarget',
+                });
                 if (this.options.undoConversion) {
                     this.editor.takeSnapshot();
                 }
@@ -32290,6 +32537,7 @@ var MarkdownPastePlugin = /** @class */ (function () {
                     return true;
                 }, {
                     apiName: 'MarkdownConversion',
+                    changeSource: roosterjs_content_model_dom_1.ChangeSource.AutoMarkdownConversion,
                     scrollCaretIntoView: true,
                 });
             }
@@ -32334,7 +32582,7 @@ var BlockPatterns = [
     /^\s*>\s.+/,
     /^\s*[\*\-\+]\s.+/,
     /^\s*\d+\.\s.+/,
-    /^---+$/,
+    /^---$/,
     /^\s*\|.*\|\s*$/, // table row: "| a | b |"
 ];
 // Inline markdown patterns. The text contains markdown if any of these match anywhere.
@@ -33871,10 +34119,14 @@ 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 roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var reorderList_1 = __webpack_require__(/*! ./utils/reorderList */ "./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/reorderList.ts");
 var DefaultOptions = {
     forbiddenElements: ['iframe'],
 };
+var DeleteByDragInputType = 'deleteByDrag';
 /**
  * DragAndDrop plugin, handles ContentChanged event when change source is "Drop"
  * to sanitize dropped content, similar to how PastePlugin sanitizes pasted content.
@@ -33888,7 +34140,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,8 +34161,21 @@ var DragAndDropPlugin = /** @class */ (function () {
         this.editor = editor;
         this.disposer = editor.attachDomEvent({
             dragstart: {
-                beforeDispatch: function (_ev) {
-                    _this.isInternalDragging = true;
+                beforeDispatch: function (ev) {
+                    _this.internalDrag = true;
+                    if (_this.editor &&
+                        _this.editor.isExperimentalFeatureEnabled('HandleDropInternalContent')) {
+                        _this.adjustDraggingCursor(_this.editor, ev);
+                    }
+                },
+            },
+            beforeinput: {
+                beforeDispatch: function (event) {
+                    var ev = event;
+                    if (_this.internalDrag) {
+                        _this.handleDragOutOfTheEditor(editor, ev);
+                        _this.internalDrag = false;
+                    }
                 },
             },
         });
@@ -33926,8 +34191,8 @@ var DragAndDropPlugin = /** @class */ (function () {
             this.disposer();
             this.disposer = null;
         }
-        this.isInternalDragging = false;
         this.forbiddenElements = [];
+        this.internalDrag = false;
     };
     /**
      * Core method for a plugin. Once an event happens in editor, editor will call this
@@ -33936,19 +34201,41 @@ var DragAndDropPlugin = /** @class */ (function () {
      * @param event The event to handle:
      */
     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;
-                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);
-                }
+            else if (!this.internalDrag) {
+                (0, handleDroppedExternalContent_1.handleDroppedExternalContent)(this.editor, dropEvent, this.forbiddenElements);
             }
-            return;
+            this.internalDrag = false;
+        }
+    };
+    DragAndDropPlugin.prototype.adjustDraggingCursor = function (editor, dragEvent) {
+        var _a, _b;
+        var selection = editor.getDOMSelection();
+        if ((selection === null || selection === void 0 ? void 0 : selection.type) == 'table') {
+            var doc = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.getDocument();
+            if (doc && dragEvent.dataTransfer) {
+                var ghost_1 = doc.createElement('span');
+                ghost_1.textContent = '|';
+                doc.body.appendChild(ghost_1);
+                dragEvent.dataTransfer.setDragImage(ghost_1, 0, 0);
+                (_b = doc.defaultView) === null || _b === void 0 ? void 0 : _b.requestAnimationFrame(function () { return ghost_1.remove(); });
+            }
+        }
+    };
+    DragAndDropPlugin.prototype.handleDragOutOfTheEditor = function (editor, inputEvent) {
+        if (inputEvent.inputType == DeleteByDragInputType) {
+            inputEvent.preventDefault();
+            editor.formatContentModel(function (model, context) {
+                (0, roosterjs_content_model_dom_1.deleteSelection)(model, [reorderList_1.reorderList], context);
+                return true;
+            }, {
+                changeSource: roosterjs_content_model_dom_1.ChangeSource.DragOutOfEditor,
+            });
         }
     };
     return DragAndDropPlugin;
@@ -34002,47 +34289,186 @@ 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 tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 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, forbiddenElements) {
+    return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+        var items, doc, domPosition, droppedModel_1, range;
+        return (0, tslib_1.__generator)(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    items = getSupportedItems(event.dataTransfer);
+                    if (items.length == 0) {
+                        return [2 /*return*/];
+                    }
+                    doc = editor.getDocument();
+                    domPosition = (0, roosterjs_content_model_dom_1.getNodePositionFromEvent)(doc, editor.getDOMHelper(), event.x, event.y);
+                    if (!domPosition) return [3 /*break*/, 2];
+                    event.preventDefault();
+                    event.stopPropagation();
+                    return [4 /*yield*/, getDroppedModel(editor, items, forbiddenElements)];
+                case 1:
+                    droppedModel_1 = _a.sent();
+                    if (!droppedModel_1) {
+                        return [2 /*return*/];
+                    }
+                    range = doc.createRange();
+                    range.setStart(domPosition.node, domPosition.offset);
+                    range.collapse(true);
+                    editor.formatContentModel(function (model, context) {
+                        (0, roosterjs_content_model_dom_1.mergeModel)(model, droppedModel_1, context, {
+                            mergeParagraphAfterList: true,
+                        });
+                        return true;
+                    }, {
+                        selectionOverride: {
+                            type: 'range',
+                            range: range,
+                            isReverted: false,
+                        },
+                    });
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.handleDroppedExternalContent = handleDroppedExternalContent;
+function getDroppedModel(editor, items, forbiddenElements) {
+    return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+        var clipboardData, domCreator, doc, fragment;
+        return (0, tslib_1.__generator)(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (0, roosterjs_content_model_dom_1.extractClipboardItems)(items, undefined)];
+                case 1:
+                    clipboardData = _a.sent();
+                    domCreator = editor.getDOMCreator();
+                    doc = clipboardData.rawHtml ? domCreator.htmlToDOM(clipboardData.rawHtml) : null;
+                    if (doc) {
+                        (0, cleanForbiddenElements_1.cleanForbiddenElements)(doc, forbiddenElements);
+                    }
+                    fragment = (0, roosterjs_content_model_dom_1.createPasteFragment)(editor.getDocument(), clipboardData, 'normal', doc === null || doc === void 0 ? void 0 : doc.body);
+                    return [2 /*return*/, (0, roosterjs_content_model_dom_1.domToContentModel)(fragment, (0, roosterjs_content_model_dom_1.createDomToModelContext)())];
+            }
+        });
+    });
+}
+function getSupportedItems(dataTransfer) {
+    var _a;
+    var result = [];
+    for (var i = 0; i < ((_a = dataTransfer === null || dataTransfer === void 0 ? void 0 : dataTransfer.items.length) !== null && _a !== void 0 ? _a : 0); i++) {
+        var item = dataTransfer.items[i];
+        if ((item.kind == 'string' &&
+            (item.type == 'text/html' ||
+                item.type == 'text/plain' ||
+                item.type == 'text/uri-list')) ||
+            (item.kind == 'file' && item.type.indexOf('image/') == 0)) {
+            result.push(item);
+        }
+    }
+    return result;
+}
+
+
+/***/ },
+
+/***/ "./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");
+var reorderList_1 = __webpack_require__(/*! ./reorderList */ "./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/reorderList.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);
-    if (domPosition) {
+    var selection = editor.getDOMSelection();
+    if (domPosition && selection) {
         event.preventDefault();
         event.stopPropagation();
-        var range = doc.createRange();
-        range.setStart(domPosition.node, domPosition.offset);
-        range.collapse(true);
-        var parsedHtml = editor.getDOMCreator().htmlToDOM(html);
-        (0, cleanForbiddenElements_1.cleanForbiddenElements)(parsedHtml, forbiddenElements);
-        var droppedModel_1 = (0, roosterjs_content_model_dom_1.domToContentModel)(parsedHtml.body, (0, roosterjs_content_model_dom_1.createDomToModelContext)());
-        editor.formatContentModel(function (model, context) {
-            (0, roosterjs_content_model_dom_1.mergeModel)(model, droppedModel_1, context);
-            return true;
-        }, {
-            selectionOverride: {
-                type: 'range',
-                range: range,
-                isReverted: false,
-            },
+        (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 (!event.ctrlKey && !event.metaKey) {
+                    if ((0, roosterjs_content_model_dom_1.deleteSelection)(model, [reorderList_1.reorderList], 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,
+                    mergeParagraphAfterList: true,
+                });
+                if (newInsertPoint) {
+                    (0, roosterjs_content_model_dom_1.setSelection)(model, startMarker, newInsertPoint.marker);
+                }
+            }
         });
     }
 }
-exports.handleDroppedContent = handleDroppedContent;
+exports.handleDroppedInternalContent = handleDroppedInternalContent;
+
+
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/reorderList.ts"
+/*!***************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/dragAndDrop/utils/reorderList.ts ***!
+  \***************************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.reorderList = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+var getListItemFromInsertPoint_1 = __webpack_require__(/*! ../../edit/utils/getListItemFromInsertPoint */ "./packages/roosterjs-content-model-plugins/lib/edit/utils/getListItemFromInsertPoint.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+/**
+ * @internal
+ */
+var reorderList = function (context) {
+    if (context.deleteResult != 'range') {
+        return;
+    }
+    var paragraph = context.insertPoint.paragraph;
+    var listItemAndParent = (0, getListItemFromInsertPoint_1.getListItemFromInsertPoint)(context.insertPoint);
+    if (listItemAndParent) {
+        var _a = (0, tslib_1.__read)(listItemAndParent, 1), item = _a[0];
+        var mutableList = (0, roosterjs_content_model_dom_1.mutateBlock)(item);
+        mutableList.blocks.splice(mutableList.blocks.indexOf(paragraph), mutableList.blocks.length);
+    }
+};
+exports.reorderList = reorderList;
 
 
 /***/ },
@@ -34328,6 +34754,9 @@ var deleteAllSegmentBefore = function (context) {
             context.deleteResult = 'range';
         }
     }
+    if (mutableParagraph.segments.length == 1 && mutableParagraph.segments[0] == marker) {
+        mutableParagraph.segments.push((0, roosterjs_content_model_dom_1.createBr)(marker.format));
+    }
 };
 exports.deleteAllSegmentBefore = deleteAllSegmentBefore;
 
@@ -34543,6 +34972,7 @@ var insertNewLine = function (quote, parent, quoteIndex, paragraph) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.deleteList = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+var getListItemFromInsertPoint_1 = __webpack_require__(/*! ../utils/getListItemFromInsertPoint */ "./packages/roosterjs-content-model-plugins/lib/edit/utils/getListItemFromInsertPoint.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 /**
  * @internal
@@ -34552,18 +34982,14 @@ var deleteList = function (context) {
     if (context.deleteResult != 'notDeleted') {
         return;
     }
-    var _c = context.insertPoint, paragraph = _c.paragraph, marker = _c.marker, path = _c.path;
-    var index = (0, roosterjs_content_model_dom_1.getClosestAncestorBlockGroupIndex)(path, ['ListItem'], ['TableCell', 'FormatContainer']);
-    var item = path[index];
-    var parent = path[index + 1];
-    if ((item === null || item === void 0 ? void 0 : item.blockGroupType) == 'ListItem' &&
-        item.levels.length > 0 &&
-        paragraph.segments[0] == marker &&
-        parent) {
+    var paragraph = context.insertPoint.paragraph;
+    var listItemAndParent = (0, getListItemFromInsertPoint_1.getListItemFromInsertPoint)(context.insertPoint);
+    if (listItemAndParent) {
+        var _c = (0, tslib_1.__read)(listItemAndParent, 2), item = _c[0], parent_1 = _c[1];
         var mutableList = (0, roosterjs_content_model_dom_1.mutateBlock)(item);
         var lastLevel = mutableList.levels[mutableList.levels.length - 1];
-        var listItemIndex = parent.blocks.indexOf(item);
-        var previousItem = parent.blocks[listItemIndex - 1];
+        var listItemIndex = parent_1.blocks.indexOf(item);
+        var previousItem = parent_1.blocks[listItemIndex - 1];
         // 1. If the last level is dummy, just remove it (legacy behavior)
         // 2. If focus is at the beginning of list item and previous block is a list item with the same level count,
         //    merge current list item into previous one
@@ -34579,7 +35005,7 @@ var deleteList = function (context) {
             previousItem.levels.length == mutableList.levels.length) {
             var mutablePreviousItem = (0, roosterjs_content_model_dom_1.mutateBlock)(previousItem);
             (_a = mutablePreviousItem.blocks).push.apply(_a, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(mutableList.blocks), false));
-            (0, roosterjs_content_model_dom_1.mutateBlock)(parent).blocks.splice(listItemIndex, 1);
+            (0, roosterjs_content_model_dom_1.mutateBlock)(parent_1).blocks.splice(listItemIndex, 1);
             context.deleteResult = 'range';
         }
         else {
@@ -34587,10 +35013,10 @@ var deleteList = function (context) {
             if (mutableList.levels.length > 1) {
                 var newListItem = (0, roosterjs_content_model_dom_1.createListItem)(mutableList.levels.slice(0, -1), mutableList.formatHolder.format);
                 newListItem.blocks = removedBlocks.map(function (block) { return (0, roosterjs_content_model_dom_1.mutateBlock)(block); });
-                (0, roosterjs_content_model_dom_1.mutateBlock)(parent).blocks.splice(listItemIndex + 1, 0, newListItem);
+                (0, roosterjs_content_model_dom_1.mutateBlock)(parent_1).blocks.splice(listItemIndex + 1, 0, newListItem);
             }
             else {
-                (_b = (0, roosterjs_content_model_dom_1.mutateBlock)(parent).blocks).splice.apply(_b, (0, tslib_1.__spreadArray)([listItemIndex + 1, 0], (0, tslib_1.__read)(removedBlocks), false));
+                (_b = (0, roosterjs_content_model_dom_1.mutateBlock)(parent_1).blocks).splice.apply(_b, (0, tslib_1.__spreadArray)([listItemIndex + 1, 0], (0, tslib_1.__read)(removedBlocks), false));
             }
             context.deleteResult = 'range';
         }
@@ -35055,6 +35481,11 @@ var handleEnterOnParagraph = function (formatsToPreserveOnMerge) { return functi
         context.deleteResult = 'range';
         context.lastParagraph = newPara;
         context.insertPoint.paragraph = newPara;
+        if (context.formatContext) {
+            context.formatContext.announceData = {
+                defaultStrings: 'newLineInserted',
+            };
+        }
     }
 }; };
 exports.handleEnterOnParagraph = handleEnterOnParagraph;
@@ -35759,6 +36190,37 @@ function getLeafSiblingBlock(path, block, isNext) {
 exports.getLeafSiblingBlock = getLeafSiblingBlock;
 
 
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/edit/utils/getListItemFromInsertPoint.ts"
+/*!***********************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/edit/utils/getListItemFromInsertPoint.ts ***!
+  \***********************************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.getListItemFromInsertPoint = void 0;
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+/**
+ * @internal
+ */
+function getListItemFromInsertPoint(insertPoint) {
+    var paragraph = insertPoint.paragraph, marker = insertPoint.marker, path = insertPoint.path;
+    var index = (0, roosterjs_content_model_dom_1.getClosestAncestorBlockGroupIndex)(path, ['ListItem'], ['TableCell', 'FormatContainer']);
+    var item = path[index];
+    var parent = path[index + 1];
+    return (item === null || item === void 0 ? void 0 : item.blockGroupType) == 'ListItem' &&
+        item.levels.length > 0 &&
+        paragraph.segments[0] == marker &&
+        parent
+        ? [item, parent]
+        : null;
+}
+exports.getListItemFromInsertPoint = getListItemFromInsertPoint;
+
+
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/edit/utils/preserveParagraphFormat.ts"
@@ -37116,7 +37578,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 */);
             }
         }
     };
@@ -37156,6 +37618,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
@@ -37214,28 +37698,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,
         });
     };
@@ -38221,7 +38689,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
  */
@@ -38254,15 +38721,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';
     }
@@ -38936,7 +39396,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;
     });
@@ -39746,6 +40206,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;
@@ -39772,7 +40233,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
@@ -39793,6 +40256,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 {