roosterjs 9.57.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,
 });
 
 
@@ -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,14 +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 shouldScrollCaretIntoView = !isImageOnlyFragment(fragment);
+    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(), editor.getExperimentalFeatures());
-        domToModelContext.segmentFormat = getSegmentFormatForPaste(model, pasteType);
+        domToModelContext.segmentFormat = getSegmentFormatForPaste(model, pasteType, isImageOnly);
         var pasteModel = (0, roosterjs_content_model_dom_1.domToContentModel)(fragment, domToModelContext);
         var mergeOption = {
             mergeFormat: pasteType == 'mergeFormat' ? 'keepSourceEmphasisFormat' : 'none',
@@ -9420,14 +9423,16 @@ function mergePasteContent(editor, eventResult, isFirstPaste) {
     });
 }
 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;
@@ -9480,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");
@@ -9514,7 +9518,7 @@ function paste(editor, clipboardData, pasteTypeOrGetter) {
         ? 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
@@ -11156,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
@@ -11167,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;
 /**
@@ -11192,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;
 /**
@@ -11251,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;
 
@@ -14492,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';
@@ -14517,6 +14529,7 @@ var SelectionPlugin = /** @class */ (function () {
         this.logicalRootDisposer = null;
         this.isSafari = false;
         this.scrollTopCache = 0;
+        this.isInsideSelection = false;
         this.onMouseMove = function (event) {
             var _a, _b, _c;
             if (_this.editor && _this.state.tableSelection) {
@@ -14716,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':
@@ -14763,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());
@@ -14790,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) {
@@ -14984,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
@@ -17272,6 +17325,10 @@ exports.ChangeSource = {
      * Content changed by replace
      */
     Replace: 'Replace',
+    /**
+     * Content changed by dragging content out the editor
+     */
+    DragOutOfEditor: 'DragOutOfEditor',
 };
 
 
@@ -17760,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,
@@ -19783,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"
@@ -19959,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) {
@@ -19979,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 };
+}
 
 
 /***/ },
@@ -21281,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"
@@ -23866,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");
@@ -24067,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");
@@ -26910,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");
@@ -26932,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);
     }
@@ -26984,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
@@ -32317,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();
                 }
@@ -32371,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.
@@ -33910,9 +34121,12 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.DragAndDropPlugin = void 0;
 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.
@@ -33947,8 +34161,21 @@ var DragAndDropPlugin = /** @class */ (function () {
         this.editor = editor;
         this.disposer = editor.attachDomEvent({
             dragstart: {
-                beforeDispatch: function (_ev) {
+                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;
+                    }
                 },
             },
         });
@@ -33965,6 +34192,7 @@ var DragAndDropPlugin = /** @class */ (function () {
             this.disposer = null;
         }
         this.forbiddenElements = [];
+        this.internalDrag = false;
     };
     /**
      * Core method for a plugin. Once an event happens in editor, editor will call this
@@ -33973,7 +34201,6 @@ var DragAndDropPlugin = /** @class */ (function () {
      * @param event The event to handle:
      */
     DragAndDropPlugin.prototype.onPluginEvent = function (event) {
-        var _a;
         if (this.editor && event.eventType == 'beforeDrop') {
             var dropEvent = event.rawEvent;
             if (this.internalDrag &&
@@ -33981,14 +34208,36 @@ var DragAndDropPlugin = /** @class */ (function () {
                 (0, handleDroppedInternalContent_1.handleDroppedInternalContent)(this.editor, dropEvent);
             }
             else if (!this.internalDrag) {
-                var html = (_a = dropEvent.dataTransfer) === null || _a === void 0 ? void 0 : _a.getData('text/html');
-                if (html) {
-                    (0, handleDroppedExternalContent_1.handleDroppedExternalContent)(this.editor, dropEvent, html, this.forbiddenElements);
-                }
+                (0, handleDroppedExternalContent_1.handleDroppedExternalContent)(this.editor, dropEvent, this.forbiddenElements);
             }
             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;
 }());
 exports.DragAndDropPlugin = DragAndDropPlugin;
@@ -34050,37 +34299,90 @@ exports.cleanForbiddenElements = cleanForbiddenElements;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 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 handleDroppedExternalContent(editor, event, html, forbiddenElements) {
-    var doc = editor.getDocument();
-    var domPosition = (0, roosterjs_content_model_dom_1.getNodePositionFromEvent)(doc, editor.getDOMHelper(), event.x, event.y);
-    if (domPosition) {
-        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,
-            },
+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;
+}
 
 
 /***/ },
@@ -34097,6 +34399,7 @@ 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
@@ -34112,8 +34415,10 @@ function handleDroppedInternalContent(editor, event) {
             if (insertPoint) {
                 var cloneModel = (0, roosterjs_content_model_dom_1.cloneModelForPaste)(model);
                 (0, roosterjs_content_model_dom_1.trimModelForSelection)(cloneModel, selection);
-                if ((0, roosterjs_content_model_dom_1.deleteSelection)(model, [], context).deleteResult == 'range') {
-                    (0, roosterjs_content_model_dom_1.normalizeContentModel)(model);
+                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);
@@ -34121,6 +34426,7 @@ function handleDroppedInternalContent(editor, event) {
                 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);
@@ -34132,6 +34438,39 @@ function handleDroppedInternalContent(editor, event) {
 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;
+
+
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/edit/EditPlugin.ts"
@@ -34415,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;
 
@@ -34630,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
@@ -34639,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
@@ -34666,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 {
@@ -34674,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';
         }
@@ -35142,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;
@@ -35846,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"