roosterjs 9.57.0 → 9.59.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,
 });
 
 
@@ -2460,7 +2551,7 @@ exports["default"] = getDarkColor;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.formatParagraphWithContentModel = exports.formatImageWithContentModel = exports.formatTableWithContentModel = exports.createEditorContextForEntity = exports.clearSelectedCells = exports.insertTableColumn = exports.insertTableRow = exports.insertEntity = exports.toggleCode = exports.setParagraphMargin = exports.adjustImageSelection = exports.setImageAltText = exports.adjustLinkSelection = exports.removeLink = exports.insertLink = exports.clearFormat = exports.getFormatState = exports.changeImage = exports.setImageBoxShadow = exports.setImageBorder = exports.setSpacing = exports.toggleBlockQuote = exports.setHeadingLevel = exports.setDirection = exports.setAlignment = exports.setIndentation = exports.setListStartNumber = exports.setListStyle = exports.insertImage = exports.splitTextSegment = exports.changeCapitalization = exports.applySegmentFormat = exports.changeFontSize = exports.setTextColor = exports.setFontSize = exports.setFontName = exports.setBackgroundColor = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleUnderline = exports.toggleItalic = exports.toggleBold = exports.toggleNumbering = exports.toggleBullet = exports.applyTableBorderFormat = exports.editTable = exports.setTableCellShade = exports.formatTable = exports.insertTable = void 0;
-exports.adjustWordSelection = exports.queryContentModelBlocks = exports.getListAnnounceData = exports.getPromoteLink = exports.promoteLink = exports.matchLink = exports.setModelIndentation = exports.findListItemsInSameThread = exports.setModelListStartNumber = exports.setModelListStyle = exports.setListType = exports.formatInsertPointWithContentModel = exports.formatTextSegmentBeforeSelectionMarker = exports.formatSegmentWithContentModel = void 0;
+exports.adjustWordSelection = exports.queryContentModelBlocks = exports.getListAnnounceData = exports.getPromoteLink = exports.promoteLink = exports.matchLink = exports.getTextDirection = exports.setModelIndentation = exports.findListItemsInSameThread = exports.setModelListStartNumber = exports.setModelListStyle = exports.setListType = exports.formatInsertPointWithContentModel = exports.formatTextSegmentBeforeSelectionMarker = exports.formatSegmentWithContentModel = void 0;
 var insertTable_1 = __webpack_require__(/*! ./publicApi/table/insertTable */ "./packages/roosterjs-content-model-api/lib/publicApi/table/insertTable.ts");
 Object.defineProperty(exports, "insertTable", ({ enumerable: true, get: function () { return insertTable_1.insertTable; } }));
 var formatTable_1 = __webpack_require__(/*! ./publicApi/table/formatTable */ "./packages/roosterjs-content-model-api/lib/publicApi/table/formatTable.ts");
@@ -2577,6 +2668,8 @@ var findListItemsInSameThread_1 = __webpack_require__(/*! ./modelApi/list/findLi
 Object.defineProperty(exports, "findListItemsInSameThread", ({ enumerable: true, get: function () { return findListItemsInSameThread_1.findListItemsInSameThread; } }));
 var setModelIndentation_1 = __webpack_require__(/*! ./modelApi/block/setModelIndentation */ "./packages/roosterjs-content-model-api/lib/modelApi/block/setModelIndentation.ts");
 Object.defineProperty(exports, "setModelIndentation", ({ enumerable: true, get: function () { return setModelIndentation_1.setModelIndentation; } }));
+var setModelDirection_1 = __webpack_require__(/*! ./modelApi/block/setModelDirection */ "./packages/roosterjs-content-model-api/lib/modelApi/block/setModelDirection.ts");
+Object.defineProperty(exports, "getTextDirection", ({ enumerable: true, get: function () { return setModelDirection_1.getTextDirection; } }));
 var matchLink_1 = __webpack_require__(/*! ./modelApi/link/matchLink */ "./packages/roosterjs-content-model-api/lib/modelApi/link/matchLink.ts");
 Object.defineProperty(exports, "matchLink", ({ enumerable: true, get: function () { return matchLink_1.matchLink; } }));
 var promoteLink_1 = __webpack_require__(/*! ./modelApi/link/promoteLink */ "./packages/roosterjs-content-model-api/lib/modelApi/link/promoteLink.ts");
@@ -2677,15 +2770,12 @@ exports.setModelAlignment = setModelAlignment;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.setModelDirection = void 0;
+exports.getTextDirection = exports.setModelDirection = void 0;
 var findListItemsInSameThread_1 = __webpack_require__(/*! ../list/findListItemsInSameThread */ "./packages/roosterjs-content-model-api/lib/modelApi/list/findListItemsInSameThread.ts");
 var splitSelectedParagraphByBr_1 = __webpack_require__(/*! ./splitSelectedParagraphByBr */ "./packages/roosterjs-content-model-api/lib/modelApi/block/splitSelectedParagraphByBr.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
-// Regexes for character direction detection
-// Strongly typed RTL character ranges. Referenced unicode's DerivedBidiClass.txt, excluding things in the 2 bit range.
-var RTL_CHAR_REGEX = /[\u0590-\u05FF\u0600-\u08FF\uFB1D-\uFDFF\uFE70-\uFEFF]/g;
-var URL_CHAR_REGEX = /http\S+|www\S+|https\S+|<a\s+(?:[^>]*?\s+)?href=(["']).*?\1.*?>.*?<\/a>/g;
-var WHITESPACE_REGEX = /\s/g;
+var FIRST_STRONG_CHAR_REGEX = new RegExp('[\\p{L}\\u200E\\u200F]', 'u');
+var RTL_CHAR_REGEX = new RegExp('[\\u0590-\\u08FF\\u200F\\uFB1D-\\uFDFF\\uFE70-\\uFEFF\\u{10840}-\\u{10FFF}\\u{1E800}-\\u{1E95F}]', 'u');
 /**
  * @internal
  */
@@ -2763,29 +2853,29 @@ function setProperty(format, key, value) {
         delete format[key];
     }
 }
+/**
+ * Determine text direction from the first strong directional character
+ * @param text Text to scan
+ */
+function getTextDirection(text) {
+    var _a;
+    var firstStrongChar = (_a = text.match(FIRST_STRONG_CHAR_REGEX)) === null || _a === void 0 ? void 0 : _a[0];
+    return firstStrongChar ? (RTL_CHAR_REGEX.test(firstStrongChar) ? 'rtl' : 'ltr') : undefined;
+}
+exports.getTextDirection = getTextDirection;
 // Designed to match browser's 'auto' detection, by scanning over the inner text until it hits a strong LTR/RTL character
 function determineTextDirection(block) {
+    return getTextDirection(getTextContent(block)) || 'ltr';
+}
+function getTextContent(block) {
     if (block.blockType === 'Paragraph') {
-        var findTextSegements = block.segments.filter(function (seg) { return seg.segmentType === 'Text'; });
-        var innerText = findTextSegements.length > 0
-            ? findTextSegements.reduce(function (prev, seg) { return prev + seg.text; }, '')
-            : undefined;
-        if (!!innerText) {
-            // Remove links
-            innerText = innerText.replace(URL_CHAR_REGEX, '');
-            // Remove whitespace
-            innerText = innerText.replace(WHITESPACE_REGEX, '');
-            var rtlMatches = innerText.match(RTL_CHAR_REGEX);
-            var rtlCount = rtlMatches ? rtlMatches.length : 0;
-            var ltrCount = innerText.length - rtlCount;
-            return rtlCount > ltrCount ? 'rtl' : 'ltr';
-        }
-        else {
-            return 'ltr'; // Default to LTR if no text is found
-        }
+        return block.segments.reduce(function (text, segment) { return text + (segment.segmentType === 'Text' ? segment.text : ''); }, '');
+    }
+    else if ((0, roosterjs_content_model_dom_1.isBlockGroupOfType)(block, 'ListItem')) {
+        return block.blocks.reduce(function (text, childBlock) { return text + getTextContent(childBlock); }, '');
     }
     else {
-        return 'ltr';
+        return '';
     }
 }
 
@@ -5182,7 +5272,8 @@ function insertTableColumn(table, operation) {
         for (var i = sel === null || sel === void 0 ? void 0 : sel.firstColumn; i <= sel.lastColumn; i++) {
             table.rows.forEach(function (row) {
                 var cell = row.cells[insertLeft ? sel.firstColumn : sel.lastColumn];
-                var newCell = (0, roosterjs_content_model_dom_1.createTableCell)(cell.spanLeft, cell.spanAbove, cell.isHeader, cell.format, cell.dataset);
+                var newCell = (0, roosterjs_content_model_dom_1.createTableCell)(false, //spanLeft
+                cell.spanAbove, cell.isHeader, cell.format, cell.dataset);
                 (0, copyPreviousCellSegmentFormat_1.copyPreviousCellSegmentFormat)(cell, newCell);
                 newCell.isSelected = true;
                 row.cells.splice(insertLeft ? sel.firstColumn : sel.lastColumn + 1, 0, newCell);
@@ -5225,7 +5316,8 @@ function insertTableRow(table, operation) {
             table.rows.splice(insertAbove ? sel.firstRow : sel.lastRow + 1, 0, {
                 format: (0, tslib_1.__assign)({}, sourceRow.format),
                 cells: sourceRow.cells.map(function (cell) {
-                    var newCell = (0, roosterjs_content_model_dom_1.createTableCell)(cell.spanLeft, cell.spanAbove, cell.isHeader, cell.format, cell.dataset);
+                    var newCell = (0, roosterjs_content_model_dom_1.createTableCell)(cell.spanLeft, false, //spanAbove
+                    cell.isHeader, cell.format, cell.dataset);
                     (0, copyPreviousCellSegmentFormat_1.copyPreviousCellSegmentFormat)(cell, newCell);
                     newCell.isSelected = true;
                     return newCell;
@@ -9157,7 +9249,7 @@ function exportContent(editor, mode, optionsOrCallbacks) {
             var clonedRoot = editor.getDOMHelper().getClonedRoot();
             if (editor.isDarkMode()) {
                 (0, roosterjs_content_model_dom_1.transformColor)(clonedRoot, false /*includeSelf*/, 'darkToLight', editor.getColorManager(), {
-                    tableBorders: editor.isExperimentalFeatureEnabled('TransformTableBorderColors'),
+                    tableBorders: true,
                 });
             }
             return getHTMLFromDOM(editor, clonedRoot);
@@ -9234,95 +9326,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 +9392,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 +9424,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 +9486,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 +9519,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
@@ -10606,7 +10611,7 @@ function restoreSnapshotColors(core, snapshot) {
     core.darkColorHandler.updateKnownColor(isDarkMode); // Pass no parameter to force update all colors
     if (!!snapshot.isDarkMode != !!isDarkMode) {
         (0, roosterjs_content_model_dom_1.transformColor)(core.physicalRoot, false /*includeSelf*/, isDarkMode ? 'lightToDark' : 'darkToLight', core.darkColorHandler, {
-            tableBorders: core.experimentalFeatures.indexOf('TransformTableBorderColors') > -1,
+            tableBorders: true,
         });
     }
 }
@@ -11156,10 +11161,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 +11175,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 +11200,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 +11259,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;
 
@@ -11529,12 +11540,13 @@ exports.switchShadowEdit = switchShadowEdit;
 /*!****************************************************************************************!*\
   !*** ./packages/roosterjs-content-model-core/lib/coreApi/triggerEvent/triggerEvent.ts ***!
   \****************************************************************************************/
-(__unused_webpack_module, exports) {
+(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.triggerEvent = void 0;
+var devtoolsHook_1 = __webpack_require__(/*! ../../utils/devtoolsHook */ "./packages/roosterjs-content-model-core/lib/utils/devtoolsHook.ts");
 var allowedEventsInShadowEdit = [
     'editorReady',
     'beforeDispose',
@@ -11558,6 +11570,7 @@ var triggerEvent = function (core, pluginEvent, broadcast) {
             }
         });
     }
+    (0, devtoolsHook_1.notifyDevToolsPluginEvent)(core, pluginEvent);
 };
 exports.triggerEvent = triggerEvent;
 function handledExclusively(event, plugin) {
@@ -13376,7 +13389,7 @@ var EntityPlugin = /** @class */ (function () {
                     };
                     if (editor.isDarkMode()) {
                         (0, roosterjs_content_model_dom_1.transformColor)(wrapper, true /*includeSelf*/, 'lightToDark', editor.getColorManager(), {
-                            tableBorders: editor.isExperimentalFeatureEnabled('TransformTableBorderColors'),
+                            tableBorders: true,
                         });
                     }
                 }
@@ -14492,6 +14505,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 +14532,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 +14732,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 +14783,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 +14818,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 +15016,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
@@ -15664,6 +15720,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.Editor = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var createEditorCore_1 = __webpack_require__(/*! ./core/createEditorCore */ "./packages/roosterjs-content-model-core/lib/editor/core/createEditorCore.ts");
+var devtoolsHook_1 = __webpack_require__(/*! ../utils/devtoolsHook */ "./packages/roosterjs-content-model-core/lib/utils/devtoolsHook.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 /**
  * The main editor class based on Content Model
@@ -15687,7 +15744,7 @@ var Editor = /** @class */ (function () {
             if (_this.isDarkMode()) {
                 var colorHandler = _this.getColorManager();
                 (0, roosterjs_content_model_dom_1.transformColor)(result, true /*includeSelf*/, 'darkToLight', colorHandler, {
-                    tableBorders: _this.isExperimentalFeatureEnabled('TransformTableBorderColors'),
+                    tableBorders: true,
                 });
                 result.style.color = result.style.color || 'inherit';
                 result.style.backgroundColor = result.style.backgroundColor || 'inherit';
@@ -15698,6 +15755,7 @@ var Editor = /** @class */ (function () {
         var initialModel = (_a = options.initialModel) !== null && _a !== void 0 ? _a : (0, roosterjs_content_model_dom_1.createEmptyModel)(this.core.format.defaultFormat);
         this.core.api.setContentModel(this.core, initialModel, { ignoreSelection: true }, undefined /*onNodeCreated*/, true /*isInitializing*/);
         this.core.plugins.forEach(function (plugin) { return plugin.initialize(_this); });
+        (0, devtoolsHook_1.notifyDevToolsEditorCreated)(this, this.core);
     }
     /**
      * Dispose this editor, dispose all plugins and custom data
@@ -15705,6 +15763,7 @@ var Editor = /** @class */ (function () {
     Editor.prototype.dispose = function () {
         var _a;
         var core = this.getCore();
+        (0, devtoolsHook_1.notifyDevToolsEditorDisposed)(this, core);
         for (var i = core.plugins.length - 1; i >= 0; i--) {
             var plugin = core.plugins[i];
             try {
@@ -15889,7 +15948,7 @@ var Editor = /** @class */ (function () {
         var core = this.getCore();
         if (!!isDarkMode != core.lifecycle.isDarkMode) {
             (0, roosterjs_content_model_dom_1.transformColor)(core.physicalRoot, false /*includeSelf*/, isDarkMode ? 'lightToDark' : 'darkToLight', core.darkColorHandler, {
-                tableBorders: this.isExperimentalFeatureEnabled('TransformTableBorderColors'),
+                tableBorders: true,
             }, core.format.defaultFormat.textColor);
             core.lifecycle.isDarkMode = !!isDarkMode;
             core.api.triggerEvent(core, {
@@ -16338,10 +16397,11 @@ function createEditorCore(contentDiv, options) {
 }
 exports.createEditorCore = createEditorCore;
 function createEditorEnvironment(contentDiv, options) {
-    var _a, _b, _c;
-    var navigator = (_a = contentDiv.ownerDocument.defaultView) === null || _a === void 0 ? void 0 : _a.navigator;
-    var userAgent = (_b = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) !== null && _b !== void 0 ? _b : '';
-    var appVersion = (_c = navigator === null || navigator === void 0 ? void 0 : navigator.appVersion) !== null && _c !== void 0 ? _c : '';
+    var _a, _b;
+    var defaultView = contentDiv.ownerDocument.defaultView;
+    var navigator = defaultView === null || defaultView === void 0 ? void 0 : defaultView.navigator;
+    var userAgent = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) !== null && _a !== void 0 ? _a : '';
+    var appVersion = (_b = navigator === null || navigator === void 0 ? void 0 : navigator.appVersion) !== null && _b !== void 0 ? _b : '';
     return {
         document: contentDiv.ownerDocument,
         domToModelSettings: (0, createEditorDefaultSettings_1.createDomToModelSettings)(options),
@@ -16353,6 +16413,7 @@ function createEditorEnvironment(contentDiv, options) {
             userAgent.indexOf('Chrome') < 0 &&
             userAgent.indexOf('Android') < 0,
         isMobileOrTablet: getIsMobileOrTablet(userAgent),
+        isTouchSupported: !!defaultView && ('ontouchstart' in defaultView || !!(navigator === null || navigator === void 0 ? void 0 : navigator.maxTouchPoints)),
     };
 }
 function getIsMobileOrTablet(userAgent) {
@@ -16452,7 +16513,7 @@ exports.createModelToDomSettings = createModelToDomSettings;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.getContentForCopy = exports.paste = exports.redo = exports.undo = exports.exportContent = exports.createModelFromHtml = exports.Editor = void 0;
+exports.RoosterJsDevToolsHookVersion = exports.getContentForCopy = exports.paste = exports.redo = exports.undo = exports.exportContent = exports.createModelFromHtml = exports.Editor = void 0;
 // Editor
 var Editor_1 = __webpack_require__(/*! ./editor/Editor */ "./packages/roosterjs-content-model-core/lib/editor/Editor.ts");
 Object.defineProperty(exports, "Editor", ({ enumerable: true, get: function () { return Editor_1.Editor; } }));
@@ -16467,9 +16528,12 @@ var redo_1 = __webpack_require__(/*! ./command/redo/redo */ "./packages/roosterj
 Object.defineProperty(exports, "redo", ({ enumerable: true, get: function () { return redo_1.redo; } }));
 var paste_1 = __webpack_require__(/*! ./command/paste/paste */ "./packages/roosterjs-content-model-core/lib/command/paste/paste.ts");
 Object.defineProperty(exports, "paste", ({ enumerable: true, get: function () { return paste_1.paste; } }));
-//Editor copy helper
+// Editor copy helper
 var getContentForCopy_1 = __webpack_require__(/*! ./command/cutCopy/getContentForCopy */ "./packages/roosterjs-content-model-core/lib/command/cutCopy/getContentForCopy.ts");
 Object.defineProperty(exports, "getContentForCopy", ({ enumerable: true, get: function () { return getContentForCopy_1.getContentForCopy; } }));
+// Editor devtools
+var devtoolsHook_1 = __webpack_require__(/*! ./utils/devtoolsHook */ "./packages/roosterjs-content-model-core/lib/utils/devtoolsHook.ts");
+Object.defineProperty(exports, "RoosterJsDevToolsHookVersion", ({ enumerable: true, get: function () { return devtoolsHook_1.RoosterJsDevToolsHookVersion; } }));
 
 
 /***/ },
@@ -16845,6 +16909,105 @@ function createAriaLiveElement(document) {
 exports.createAriaLiveElement = createAriaLiveElement;
 
 
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-core/lib/utils/devtoolsHook.ts"
+/*!*************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-core/lib/utils/devtoolsHook.ts ***!
+  \*************************************************************************/
+(__unused_webpack_module, exports) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.notifyDevToolsPluginEvent = exports.notifyDevToolsEditorDisposed = exports.notifyDevToolsEditorCreated = exports.RoosterJsDevToolsHookVersion = void 0;
+/**
+ * The current version of the RoosterJS DevTools hook contract (see
+ * {@link RoosterJsDevToolsHook}). The editor stamps this onto the installed hook so a developer
+ * tool can adapt to the editor's capabilities. Bump this whenever the shape of the contract changes
+ * in a way tools may need to detect.
+ *
+ * History:
+ * - 1: onEditorCreated, onEditorDisposed, onPluginEvent
+ */
+exports.RoosterJsDevToolsHookVersion = 1;
+// Maps an editor core back to its IEditor wrapper, so plugin events (which only carry the core)
+// can be attributed to the right editor when forwarded to developer tools.
+var coreToEditor = new WeakMap();
+/**
+ * @internal
+ * Notify developer tools that an editor has been created. Failures are swallowed so developer
+ * tools can never break the editor.
+ * @param editor The editor that was created
+ * @param core The editor core, used to attribute later plugin events to this editor
+ */
+function notifyDevToolsEditorCreated(editor, core) {
+    safeCall(function () {
+        var _a, _b;
+        coreToEditor.set(core, editor);
+        var win = editor.getDocument().defaultView;
+        if (win) {
+            var editors = (_a = win.__ROOSTERJS_DEVTOOLS_EDITORS__) !== null && _a !== void 0 ? _a : [];
+            editors.push(editor);
+            win.__ROOSTERJS_DEVTOOLS_EDITORS__ = editors;
+            var hook = win.__ROOSTERJS_DEVTOOLS_HOOK__;
+            if (hook) {
+                hook.version = exports.RoosterJsDevToolsHookVersion;
+                (_b = hook.onEditorCreated) === null || _b === void 0 ? void 0 : _b.call(hook, editor);
+            }
+        }
+    });
+}
+exports.notifyDevToolsEditorCreated = notifyDevToolsEditorCreated;
+/**
+ * @internal
+ * Notify developer tools that an editor is about to be disposed. Failures are swallowed so
+ * developer tools can never break the editor.
+ * @param editor The editor that is being disposed
+ * @param core The editor core to stop tracking
+ */
+function notifyDevToolsEditorDisposed(editor, core) {
+    safeCall(function () {
+        var _a, _b;
+        coreToEditor.delete(core);
+        var win = editor.getDocument().defaultView;
+        if (win) {
+            var editors = win.__ROOSTERJS_DEVTOOLS_EDITORS__;
+            var index = editors ? editors.indexOf(editor) : -1;
+            if (editors && index >= 0) {
+                editors.splice(index, 1);
+            }
+            (_b = (_a = win.__ROOSTERJS_DEVTOOLS_HOOK__) === null || _a === void 0 ? void 0 : _a.onEditorDisposed) === null || _b === void 0 ? void 0 : _b.call(_a, editor);
+        }
+    });
+}
+exports.notifyDevToolsEditorDisposed = notifyDevToolsEditorDisposed;
+/**
+ * @internal
+ * Forward a plugin event to developer tools, if a hook is installed. Failures are swallowed so
+ * developer tools can never break the editor.
+ * @param core The editor core that dispatched the event
+ * @param event The plugin event being dispatched
+ */
+function notifyDevToolsPluginEvent(core, event) {
+    safeCall(function () {
+        var _a, _b;
+        var editor = coreToEditor.get(core);
+        var win = editor === null || editor === void 0 ? void 0 : editor.getDocument().defaultView;
+        if (editor && win) {
+            (_b = (_a = win.__ROOSTERJS_DEVTOOLS_HOOK__) === null || _a === void 0 ? void 0 : _a.onPluginEvent) === null || _b === void 0 ? void 0 : _b.call(_a, editor, event);
+        }
+    });
+}
+exports.notifyDevToolsPluginEvent = notifyDevToolsPluginEvent;
+function safeCall(callback) {
+    try {
+        callback();
+    }
+    catch (_a) { }
+}
+
+
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-core/lib/utils/domCreator.ts"
@@ -17019,6 +17182,9 @@ exports.defaultHTMLStyleMap = {
         marginBottom: '1em',
     },
     dt: blockElement,
+    del: {
+        textDecoration: 'line-through',
+    },
     em: {
         fontStyle: 'italic',
     },
@@ -17272,6 +17438,10 @@ exports.ChangeSource = {
      * Content changed by replace
      */
     Replace: 'Replace',
+    /**
+     * Content changed by dragging content out the editor
+     */
+    DragOutOfEditor: 'DragOutOfEditor',
 };
 
 
@@ -17760,6 +17930,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 +19954,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 +20177,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 +20197,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 +21507,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"
@@ -21873,41 +22171,35 @@ var DEFAULT_COLOR = '#000000';
  */
 exports.borderColorFormatHandler = {
     parse: function (format, element, context) {
-        if (context.experimentalFeatures &&
-            context.experimentalFeatures.indexOf('TransformTableBorderColors') > -1) {
-            borderKeys_1.BorderKeys.forEach(function (key) {
-                var width = element.style.getPropertyValue(BorderWidthKeyMap[key]);
-                var style = element.style.getPropertyValue(BorderStyleKeyMap[key]);
-                var color = (0, color_1.retrieveElementColor)(element, key);
-                var borderColor = color == 'initial' ? DEFAULT_COLOR : color;
-                if (borderColor) {
-                    var lightModeColor = (0, color_1.getLightModeColor)(borderColor, !!context.isDarkMode, context.darkColorHandler);
-                    format[key] = (0, borderValues_1.combineBorderValue)({
-                        width: width,
-                        style: style,
-                        color: lightModeColor,
-                    });
-                }
-            });
-        }
+        borderKeys_1.BorderKeys.forEach(function (key) {
+            var width = element.style.getPropertyValue(BorderWidthKeyMap[key]);
+            var style = element.style.getPropertyValue(BorderStyleKeyMap[key]);
+            var color = (0, color_1.retrieveElementColor)(element, key);
+            var borderColor = color == 'initial' ? DEFAULT_COLOR : color;
+            if (borderColor) {
+                var lightModeColor = (0, color_1.getLightModeColor)(borderColor, !!context.isDarkMode, context.darkColorHandler);
+                format[key] = (0, borderValues_1.combineBorderValue)({
+                    width: width,
+                    style: style,
+                    color: lightModeColor,
+                });
+            }
+        });
     },
     apply: function (format, element, context) {
-        if (context.experimentalFeatures &&
-            context.experimentalFeatures.indexOf('TransformTableBorderColors') > -1) {
-            borderKeys_1.BorderKeys.forEach(function (key) {
-                var value = format[key];
-                if (value) {
-                    var borderValues = (0, borderValues_1.extractBorderValues)(value);
-                    var borderColorProperty = borderKeys_1.BorderColorKeyMap[key];
-                    if (borderValues.color) {
-                        var transformedColor = (0, color_1.adaptColor)(element, borderValues.color, 'border', !!context.isDarkMode, context.darkColorHandler);
-                        if (transformedColor) {
-                            element.style.setProperty(borderColorProperty, transformedColor);
-                        }
+        borderKeys_1.BorderKeys.forEach(function (key) {
+            var value = format[key];
+            if (value) {
+                var borderValues = (0, borderValues_1.extractBorderValues)(value);
+                var borderColorProperty = borderKeys_1.BorderColorKeyMap[key];
+                if (borderValues.color) {
+                    var transformedColor = (0, color_1.adaptColor)(element, borderValues.color, 'border', !!context.isDarkMode, context.darkColorHandler);
+                    if (transformedColor) {
+                        element.style.setProperty(borderColorProperty, transformedColor);
                     }
                 }
-            });
-        }
+            }
+        });
     },
 };
 
@@ -23866,8 +24158,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 +24359,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");
@@ -25808,12 +26102,102 @@ function applyTableFormat(table, newFormat, keepCellShade) {
         var effectiveMetadata = (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, DEFAULT_FORMAT), format), newFormat);
         var metaOverrides = updateOverrides(rows, !keepCellShade);
         formatCells(rows, effectiveMetadata, metaOverrides);
+        if ((format === null || format === void 0 ? void 0 : format.hasFirstColumn) &&
+            (!effectiveMetadata.hasFirstColumn || (newFormat === null || newFormat === void 0 ? void 0 : newFormat.firstColumnCustomStyles) !== undefined)) {
+            clearFirstColumnTextFormat(rows, format.firstColumnCustomStyles);
+        }
+        if ((format === null || format === void 0 ? void 0 : format.hasHeaderRow) &&
+            (!effectiveMetadata.hasHeaderRow || (newFormat === null || newFormat === void 0 ? void 0 : newFormat.headerRowCustomStyles) !== undefined)) {
+            clearHeaderRowTextFormat(rows, format.headerRowCustomStyles);
+        }
         setFirstColumnFormatBorders(rows, effectiveMetadata);
         setHeaderRowFormat(rows, effectiveMetadata, metaOverrides);
         return effectiveMetadata;
     });
 }
 exports.applyTableFormat = applyTableFormat;
+function clearFirstColumnTextFormat(rows, customStyles) {
+    var _a;
+    var fontWeight = (_a = customStyles === null || customStyles === void 0 ? void 0 : customStyles.fontWeight) !== null && _a !== void 0 ? _a : 'bold';
+    rows.forEach(function (row) {
+        var e_1, _a, e_2, _b;
+        var cell = row.cells[0] && (0, mutate_1.mutateBlock)(row.cells[0]);
+        if (cell) {
+            clearStyleIfMatch(cell.format, 'fontWeight', fontWeight);
+            clearStyleIfMatch(cell.format, 'textAlign', customStyles === null || customStyles === void 0 ? void 0 : customStyles.textAlign);
+            try {
+                for (var _c = (0, tslib_1.__values)(cell.blocks), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var block = _d.value;
+                    if (block.blockType == 'Paragraph') {
+                        var mutateParagraph = (0, mutate_1.mutateBlock)(block);
+                        try {
+                            for (var _e = (e_2 = void 0, (0, tslib_1.__values)(mutateParagraph.segments)), _f = _e.next(); !_f.done; _f = _e.next()) {
+                                var cellSegment = _f.value;
+                                clearStyleIfMatch(cellSegment.format, 'fontWeight', fontWeight);
+                                clearStyleIfMatch(cellSegment.format, 'italic', customStyles === null || customStyles === void 0 ? void 0 : customStyles.italic);
+                            }
+                        }
+                        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                        finally {
+                            try {
+                                if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                            }
+                            finally { if (e_2) throw e_2.error; }
+                        }
+                        clearStyleIfMatch(block.format, 'textAlign', customStyles === null || customStyles === void 0 ? void 0 : customStyles.textAlign);
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        }
+    });
+}
+function clearHeaderRowTextFormat(rows, customStyles) {
+    var _a, _b;
+    var fontWeight = (_a = customStyles === null || customStyles === void 0 ? void 0 : customStyles.fontWeight) !== null && _a !== void 0 ? _a : 'bold';
+    (_b = rows[0]) === null || _b === void 0 ? void 0 : _b.cells.forEach(function (readonlyCell) {
+        var e_3, _a, e_4, _b;
+        var cell = (0, mutate_1.mutateBlock)(readonlyCell);
+        clearStyleIfMatch(cell.format, 'fontWeight', fontWeight);
+        clearStyleIfMatch(cell.format, 'textAlign', customStyles === null || customStyles === void 0 ? void 0 : customStyles.textAlign);
+        try {
+            for (var _c = (0, tslib_1.__values)(cell.blocks), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var block = _d.value;
+                if (block.blockType == 'Paragraph') {
+                    var mutateParagraph = (0, mutate_1.mutateBlock)(block);
+                    try {
+                        for (var _e = (e_4 = void 0, (0, tslib_1.__values)(mutateParagraph.segments)), _f = _e.next(); !_f.done; _f = _e.next()) {
+                            var cellSegment = _f.value;
+                            clearStyleIfMatch(cellSegment.format, 'fontWeight', fontWeight);
+                            clearStyleIfMatch(cellSegment.format, 'italic', customStyles === null || customStyles === void 0 ? void 0 : customStyles.italic);
+                        }
+                    }
+                    catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                    finally {
+                        try {
+                            if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                        }
+                        finally { if (e_4) throw e_4.error; }
+                    }
+                    clearStyleIfMatch(block.format, 'textAlign', customStyles === null || customStyles === void 0 ? void 0 : customStyles.textAlign);
+                }
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+    });
+}
 function updateOverrides(rows, removeCellShade) {
     var overrides = {
         bgColorOverrides: [],
@@ -25974,7 +26358,8 @@ function setFirstColumnFormatBorders(rows, format) {
     var customStyles = format.hasFirstColumn ? format.firstColumnCustomStyles : undefined;
     rows.forEach(function (row, rowIndex) {
         row.cells.forEach(function (readonlyCell, cellIndex) {
-            var e_1, _a, e_2, _b;
+            var e_5, _a, e_6, _b;
+            var _c, _d;
             var cell = (0, mutate_1.mutateBlock)(readonlyCell);
             if (cellIndex === 0) {
                 if (rowIndex == 0) {
@@ -25991,44 +26376,47 @@ function setFirstColumnFormatBorders(rows, format) {
                     }
                 }
                 try {
-                    for (var _c = (0, tslib_1.__values)(cell.blocks), _d = _c.next(); !_d.done; _d = _c.next()) {
-                        var block = _d.value;
+                    for (var _e = (0, tslib_1.__values)(cell.blocks), _f = _e.next(); !_f.done; _f = _e.next()) {
+                        var block = _f.value;
                         if (block.blockType == 'Paragraph') {
+                            var mutateParagraph = (0, mutate_1.mutateBlock)(block);
                             try {
-                                for (var _e = (e_2 = void 0, (0, tslib_1.__values)(block.segments)), _f = _e.next(); !_f.done; _f = _e.next()) {
-                                    var segment = _f.value;
-                                    (0, mutate_1.mutateSegment)(block, segment, function (cellSegment) {
-                                        var _a, _b;
-                                        if (format.hasFirstColumn) {
-                                            setStyleIfDefined(cellSegment.format, 'fontWeight', (_a = customStyles === null || customStyles === void 0 ? void 0 : customStyles.fontWeight) !== null && _a !== void 0 ? _a : 'bold');
-                                            setStyleIfDefined(cell.format, 'textAlign', customStyles === null || customStyles === void 0 ? void 0 : customStyles.textAlign);
-                                            setStyleIfDefined(cell.format, 'fontWeight', (_b = customStyles === null || customStyles === void 0 ? void 0 : customStyles.fontWeight) !== null && _b !== void 0 ? _b : 'bold');
-                                            setStyleIfDefined(cellSegment.format, 'italic', customStyles === null || customStyles === void 0 ? void 0 : customStyles.italic);
+                                for (var _g = (e_6 = void 0, (0, tslib_1.__values)(mutateParagraph.segments)), _h = _g.next(); !_h.done; _h = _g.next()) {
+                                    var cellSegment = _h.value;
+                                    if (format.hasFirstColumn) {
+                                        setStyleIfDefined(cellSegment.format, 'fontWeight', (_c = customStyles === null || customStyles === void 0 ? void 0 : customStyles.fontWeight) !== null && _c !== void 0 ? _c : 'bold');
+                                        setStyleIfDefined(cell.format, 'textAlign', customStyles === null || customStyles === void 0 ? void 0 : customStyles.textAlign);
+                                        setStyleIfDefined(cell.format, 'fontWeight', (_d = customStyles === null || customStyles === void 0 ? void 0 : customStyles.fontWeight) !== null && _d !== void 0 ? _d : 'bold');
+                                        if (customStyles === null || customStyles === void 0 ? void 0 : customStyles.italic) {
+                                            cellSegment.format.italic = true;
                                         }
-                                        else if (cellSegment.format.fontWeight == 'bold' &&
-                                            cell.format.fontWeight == 'bold') {
-                                            delete cellSegment.format.fontWeight;
-                                            delete cell.format.fontWeight;
+                                        else if ((customStyles === null || customStyles === void 0 ? void 0 : customStyles.italic) === false) {
+                                            delete cellSegment.format.italic;
                                         }
-                                    });
+                                    }
+                                    else if (cellSegment.format.fontWeight == 'bold' &&
+                                        cell.format.fontWeight == 'bold') {
+                                        delete cellSegment.format.fontWeight;
+                                        delete cell.format.fontWeight;
+                                    }
                                 }
                             }
-                            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                            catch (e_6_1) { e_6 = { error: e_6_1 }; }
                             finally {
                                 try {
-                                    if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                                    if (_h && !_h.done && (_b = _g.return)) _b.call(_g);
                                 }
-                                finally { if (e_2) throw e_2.error; }
+                                finally { if (e_6) throw e_6.error; }
                             }
                         }
                     }
                 }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                catch (e_5_1) { e_5 = { error: e_5_1 }; }
                 finally {
                     try {
-                        if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                        if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
                     }
-                    finally { if (e_1) throw e_1.error; }
+                    finally { if (e_5) throw e_5.error; }
                 }
             }
         });
@@ -26045,6 +26433,11 @@ function setStyleIfDefined(format, key, value) {
         format[key] = value;
     }
 }
+function clearStyleIfMatch(format, key, value) {
+    if (value !== undefined && format[key] === value) {
+        delete format[key];
+    }
+}
 function setHeaderRowFormat(rows, format, metaOverrides) {
     var _a;
     if (!format.hasHeaderRow) {
@@ -26053,11 +26446,12 @@ function setHeaderRowFormat(rows, format, metaOverrides) {
     var rowIndex = 0;
     var customStyles = format.headerRowCustomStyles;
     (_a = rows[rowIndex]) === null || _a === void 0 ? void 0 : _a.cells.forEach(function (readonlyCell, cellIndex) {
-        var e_3, _a, e_4, _b;
+        var e_7, _a, e_8, _b;
         var _c, _d, _e, _f;
         var cell = (0, mutate_1.mutateBlock)(readonlyCell);
+        var fontWeight = (_c = customStyles === null || customStyles === void 0 ? void 0 : customStyles.fontWeight) !== null && _c !== void 0 ? _c : 'bold';
         cell.isHeader = true;
-        cell.format.fontWeight = (_c = customStyles === null || customStyles === void 0 ? void 0 : customStyles.fontWeight) !== null && _c !== void 0 ? _c : 'bold';
+        cell.format.fontWeight = fontWeight;
         if (format.headerRowColor) {
             if (!metaOverrides.bgColorOverrides[rowIndex][cellIndex]) {
                 (0, setTableCellBackgroundColor_1.setTableCellBackgroundColor)(cell, format.headerRowColor, false /*isColorOverride*/, true /*applyToSegments*/);
@@ -26069,40 +26463,40 @@ function setHeaderRowFormat(rows, format, metaOverrides) {
         if (customStyles) {
             setStyleIfDefined(cell.format, 'textAlign', customStyles.textAlign);
             setBorderColorIfExists(cell.format, 'borderBottom', customStyles.borderBottomColor);
-            try {
-                for (var _g = (0, tslib_1.__values)(cell.blocks), _h = _g.next(); !_h.done; _h = _g.next()) {
-                    var block = _h.value;
-                    if (block.blockType == 'Paragraph') {
-                        try {
-                            for (var _j = (e_4 = void 0, (0, tslib_1.__values)(block.segments)), _k = _j.next(); !_k.done; _k = _j.next()) {
-                                var segment = _k.value;
-                                (0, mutate_1.mutateSegment)(block, segment, function (cellSegment) {
-                                    if (customStyles.italic) {
-                                        cellSegment.format.italic = customStyles.italic;
-                                    }
-                                    else if (cellSegment.format.italic) {
-                                        delete cellSegment.format.italic;
-                                    }
-                                });
+        }
+        try {
+            for (var _g = (0, tslib_1.__values)(cell.blocks), _h = _g.next(); !_h.done; _h = _g.next()) {
+                var block = _h.value;
+                if (block.blockType == 'Paragraph') {
+                    var mutateParagraph = (0, mutate_1.mutateBlock)(block);
+                    try {
+                        for (var _j = (e_8 = void 0, (0, tslib_1.__values)(mutateParagraph.segments)), _k = _j.next(); !_k.done; _k = _j.next()) {
+                            var cellSegment = _k.value;
+                            cellSegment.format.fontWeight = fontWeight;
+                            if (customStyles === null || customStyles === void 0 ? void 0 : customStyles.italic) {
+                                cellSegment.format.italic = true;
                             }
-                        }
-                        catch (e_4_1) { e_4 = { error: e_4_1 }; }
-                        finally {
-                            try {
-                                if (_k && !_k.done && (_b = _j.return)) _b.call(_j);
+                            else if ((customStyles === null || customStyles === void 0 ? void 0 : customStyles.italic) === false) {
+                                delete cellSegment.format.italic;
                             }
-                            finally { if (e_4) throw e_4.error; }
                         }
                     }
+                    catch (e_8_1) { e_8 = { error: e_8_1 }; }
+                    finally {
+                        try {
+                            if (_k && !_k.done && (_b = _j.return)) _b.call(_j);
+                        }
+                        finally { if (e_8) throw e_8.error; }
+                    }
                 }
             }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (_h && !_h.done && (_a = _g.return)) _a.call(_g);
-                }
-                finally { if (e_3) throw e_3.error; }
+        }
+        catch (e_7_1) { e_7 = { error: e_7_1 }; }
+        finally {
+            try {
+                if (_h && !_h.done && (_a = _g.return)) _a.call(_g);
             }
+            finally { if (e_7) throw e_7.error; }
         }
     });
 }
@@ -26910,6 +27304,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 +27327,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 +27382,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
@@ -27051,7 +27465,7 @@ function mergeTables(markerPosition, newTable, source) {
                 var newColIndex = currentColCount + col;
                 for (var k = 0; k < table.rows.length; k++) {
                     var leftCell = (_b = table.rows[k]) === null || _b === void 0 ? void 0 : _b.cells[newColIndex - 1];
-                    table.rows[k].cells[newColIndex] = (0, createTableCell_1.createTableCell)(false /*spanLeft*/, false /*spanAbove*/, leftCell === null || leftCell === void 0 ? void 0 : leftCell.isHeader, leftCell === null || leftCell === void 0 ? void 0 : leftCell.format);
+                    table.rows[k].cells[newColIndex] = (0, createTableCell_1.createTableCell)(false /*spanLeft*/, leftCell === null || leftCell === void 0 ? void 0 : leftCell.spanAbove, leftCell === null || leftCell === void 0 ? void 0 : leftCell.isHeader, leftCell === null || leftCell === void 0 ? void 0 : leftCell.format);
                 }
             }
         }
@@ -27069,7 +27483,7 @@ function mergeTables(markerPosition, newTable, source) {
                 };
                 for (var k = 0; k < colCount; k++) {
                     var aboveCell = (_d = table.rows[newRowIndex - 1]) === null || _d === void 0 ? void 0 : _d.cells[k];
-                    table.rows[newRowIndex].cells[k] = (0, createTableCell_1.createTableCell)(false /*spanLeft*/, false /*spanAbove*/, false /*isHeader*/, aboveCell === null || aboveCell === void 0 ? void 0 : aboveCell.format);
+                    table.rows[newRowIndex].cells[k] = (0, createTableCell_1.createTableCell)(aboveCell === null || aboveCell === void 0 ? void 0 : aboveCell.spanLeft, false /*spanAbove*/, false /*isHeader*/, aboveCell === null || aboveCell === void 0 ? void 0 : aboveCell.format);
                 }
             }
         }
@@ -27113,10 +27527,43 @@ function mergeTables(markerPosition, newTable, source) {
         (0, normalizeTable_1.normalizeTable)(table, markerPosition.marker.format);
         (0, applyTableFormat_1.applyTableFormat)(table, undefined /*newFormat*/, true /*keepCellShade*/);
     }
-    else {
+    else if (!mergeTableAfterPreviousTable(markerPosition, newTable)) {
         insertBlock(markerPosition, newTable);
     }
 }
+function mergeTableAfterPreviousTable(markerPosition, newTable) {
+    var _a;
+    var _b, _c;
+    var marker = markerPosition.marker, paragraph = markerPosition.paragraph, path = markerPosition.path;
+    var parent = path[0];
+    var paragraphIndex = parent.blocks.indexOf(paragraph);
+    var previousBlock = parent.blocks[paragraphIndex - 1];
+    if (paragraphIndex > 0 &&
+        paragraph.segments.indexOf(marker) == 0 &&
+        (previousBlock === null || previousBlock === void 0 ? void 0 : previousBlock.blockType) == 'Table' &&
+        ((_b = previousBlock.rows[0]) === null || _b === void 0 ? void 0 : _b.cells.length) > 0 &&
+        ((_c = newTable.rows[0]) === null || _c === void 0 ? void 0 : _c.cells.length) > 0) {
+        var table = (0, mutate_1.mutateBlock)(previousBlock);
+        var columnCount = Math.max.apply(Math, (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(table.rows.map(function (row) { return row.cells.length; })), false), (0, tslib_1.__read)(newTable.rows.map(function (row) { return row.cells.length; })), false));
+        extendTableRows(table, columnCount);
+        extendTableRows(newTable, columnCount);
+        (_a = table.rows).push.apply(_a, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(newTable.rows), false));
+        return true;
+    }
+    return false;
+}
+function extendTableRows(table, columnCount) {
+    table.rows.forEach(function (row) {
+        var currentColumnCount = row.cells.length;
+        var lastCell = row.cells[currentColumnCount - 1];
+        if (lastCell) {
+            for (var col = currentColumnCount; col < columnCount; col++) {
+                var spanCell = (0, createTableCell_1.createTableCell)(true /* spanLeft */, false /* spanAbove */, lastCell.isHeader, lastCell.format, lastCell.dataset);
+                row.cells.push(spanCell);
+            }
+        }
+    });
+}
 function mergeList(markerPosition, newList) {
     splitParagraph(markerPosition, newList.format);
     var path = markerPosition.path, paragraph = markerPosition.paragraph;
@@ -32317,7 +32764,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 +32822,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.
@@ -32705,6 +33156,7 @@ var DefaultOptions = {
     autoOrdinals: false,
     removeListMargins: false,
     autoHorizontalLine: false,
+    autoDirection: false,
 };
 /**
  * Auto Format plugin handles auto formatting, such as transforming * characters into a bullet list.
@@ -32724,12 +33176,14 @@ var AutoFormatPlugin = /** @class */ (function () {
      *  - autoTel: A boolean that enables or disables automatic hyperlink telephone numbers transformation. Defaults to false.
      *  - autoMailto: A boolean that enables or disables automatic hyperlink email address transformation. Defaults to false.
      *  - autoHorizontalLine: A boolean that enables or disables automatic horizontal line creation. Defaults to false.
+     *  - autoDirection: A boolean that enables or disables automatic text direction. Defaults to false.
      */
     function AutoFormatPlugin(options) {
         var _this = this;
         if (options === void 0) { options = DefaultOptions; }
         this.options = options;
         this.editor = null;
+        this.blockDirections = new WeakMap();
         this.autoLink = {
             enabled: !!(this.options.autoLink || this.options.autoTel || this.options.autoMailto),
             transformFunction: function (_model, previousSegment, paragraph, context) {
@@ -32864,6 +33318,9 @@ var AutoFormatPlugin = /** @class */ (function () {
                 case 'input':
                     this.handleEditorInputEvent(this.editor, event);
                     break;
+                case 'compositionEnd':
+                    this.handleCompositionEndEvent(this.editor, event.rawEvent.data);
+                    break;
                 case 'keyDown':
                     this.handleKeyDownEvent(this.editor, event);
                     break;
@@ -32928,9 +33385,41 @@ var AutoFormatPlugin = /** @class */ (function () {
                 case ' ':
                     this.handleKeyboardEvents(editor, this.features);
                     break;
+                default:
+                    this.handleAutoDirection(editor, rawEvent.data, selection.range);
+                    break;
             }
         }
     };
+    AutoFormatPlugin.prototype.handleCompositionEndEvent = function (editor, insertedText) {
+        var selection = editor.getDOMSelection();
+        if ((selection === null || selection === void 0 ? void 0 : selection.type) === 'range' && selection.range.collapsed) {
+            this.handleAutoDirection(editor, insertedText, selection.range);
+        }
+    };
+    AutoFormatPlugin.prototype.handleAutoDirection = function (editor, insertedText, range) {
+        var _a;
+        if (!this.options.autoDirection || !insertedText || !(0, roosterjs_content_model_api_1.getTextDirection)(insertedText)) {
+            return;
+        }
+        var block = editor.getDOMHelper().findClosestBlockElement(range.startContainer);
+        var expectedDirection = (0, roosterjs_content_model_api_1.getTextDirection)(block.textContent || '');
+        var inlineDirection = block.style.direction;
+        var cachedDirection = inlineDirection === 'ltr' || inlineDirection === 'rtl'
+            ? inlineDirection
+            : this.blockDirections.get(block);
+        if (!expectedDirection || cachedDirection === expectedDirection) {
+            return;
+        }
+        var currentDirection = cachedDirection || ((_a = block.ownerDocument.defaultView) === null || _a === void 0 ? void 0 : _a.getComputedStyle(block).direction);
+        if (currentDirection === 'ltr' || currentDirection === 'rtl') {
+            this.blockDirections.set(block, currentDirection);
+        }
+        if (currentDirection !== expectedDirection) {
+            this.blockDirections.set(block, expectedDirection);
+            (0, roosterjs_content_model_api_1.setDirection)(editor, 'auto');
+        }
+    };
     AutoFormatPlugin.prototype.handleKeyDownEvent = function (editor, event) {
         var rawEvent = event.rawEvent;
         if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {
@@ -33910,9 +34399,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 +34439,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 +34470,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 +34479,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 +34486,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 +34577,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 +34677,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 +34693,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 +34704,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 +34716,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 +35032,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 +35250,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 +35260,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 +35283,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 +35291,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 +35759,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 +36468,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"
@@ -37390,7 +38043,7 @@ var ImageEditPlugin = /** @class */ (function () {
         if (this.imageEditInfo) {
             this.startEditing(editor, image, ['resize', 'rotate']);
             if (this.selectedImage && this.imageEditInfo && this.wrapper && this.clonedImage) {
-                var isMobileOrTable = !!editor.getEnvironment().isMobileOrTablet;
+                var _c = editor.getEnvironment(), isMobileOrTablet = _c.isMobileOrTablet, isTouchSupported = _c.isTouchSupported;
                 this.dndHelpers = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)((0, getDropAndDragHelpers_1.getDropAndDragHelpers)(this.wrapper, this.imageEditInfo, this.options, ImageEditElementClass_1.ImageEditElementClass.ResizeHandle, resizerContext_1.Resizer, function () {
                     if (_this.imageEditInfo &&
                         _this.selectedImage &&
@@ -37399,7 +38052,7 @@ var ImageEditPlugin = /** @class */ (function () {
                         (0, updateWrapper_1.updateWrapper)(_this.imageEditInfo, _this.options, _this.selectedImage, _this.clonedImage, _this.wrapper, _this.resizers, undefined /* croppers */, isRTL);
                         _this.wasImageResized = true;
                     }
-                }, this.zoomScale, isMobileOrTable)), false), (0, tslib_1.__read)((0, getDropAndDragHelpers_1.getDropAndDragHelpers)(this.wrapper, this.imageEditInfo, this.options, ImageEditElementClass_1.ImageEditElementClass.RotateHandle, rotatorContext_1.Rotator, function () {
+                }, this.zoomScale, !!isMobileOrTablet, !!isTouchSupported)), false), (0, tslib_1.__read)((0, getDropAndDragHelpers_1.getDropAndDragHelpers)(this.wrapper, this.imageEditInfo, this.options, ImageEditElementClass_1.ImageEditElementClass.RotateHandle, rotatorContext_1.Rotator, function () {
                     var _a, _b;
                     if (_this.imageEditInfo &&
                         _this.selectedImage &&
@@ -37409,7 +38062,7 @@ var ImageEditPlugin = /** @class */ (function () {
                         _this.updateRotateHandleState(editor, _this.selectedImage, _this.wrapper, _this.rotators, (_a = _this.imageEditInfo) === null || _a === void 0 ? void 0 : _a.angleRad, !!((_b = _this.options) === null || _b === void 0 ? void 0 : _b.disableSideResize));
                         _this.updateResizeHandleDirection(_this.resizers, _this.imageEditInfo.angleRad);
                     }
-                }, this.zoomScale, isMobileOrTable)), false);
+                }, this.zoomScale, !!isMobileOrTablet, !!isTouchSupported)), false);
                 (0, updateWrapper_1.updateWrapper)(this.imageEditInfo, this.options, this.selectedImage, this.clonedImage, this.wrapper, this.resizers, undefined /* croppers */, isRTL);
                 this.updateRotateHandleState(editor, this.selectedImage, this.wrapper, this.rotators, (_a = this.imageEditInfo) === null || _a === void 0 ? void 0 : _a.angleRad, !!((_b = this.options) === null || _b === void 0 ? void 0 : _b.disableSideResize));
             }
@@ -37455,7 +38108,7 @@ var ImageEditPlugin = /** @class */ (function () {
                         (0, updateWrapper_1.updateWrapper)(_this.imageEditInfo, _this.options, _this.selectedImage, _this.clonedImage, _this.wrapper, undefined /* resizers */, _this.croppers, isRTL);
                         _this.isCropMode = true;
                     }
-                }, this.zoomScale, !!editor.getEnvironment().isMobileOrTablet)), false);
+                }, this.zoomScale, !!editor.getEnvironment().isMobileOrTablet, !!editor.getEnvironment().isTouchSupported)), false);
                 (0, updateWrapper_1.updateWrapper)(this.imageEditInfo, this.options, this.selectedImage, this.clonedImage, this.wrapper, undefined /* resizers */, this.croppers, isRTL);
             }
         }
@@ -38674,7 +39327,7 @@ var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-mo
 /**
  * @internal
  */
-function getDropAndDragHelpers(wrapper, editInfo, options, elementClass, helper, updateWrapper, zoomScale, useTouch) {
+function getDropAndDragHelpers(wrapper, editInfo, options, elementClass, helper, updateWrapper, zoomScale, forceMobile, isTouchSupported) {
     return getEditElements(wrapper, elementClass).map(function (element) {
         return new DragAndDropHelper_1.DragAndDropHelper(element, {
             editInfo: editInfo,
@@ -38682,7 +39335,7 @@ function getDropAndDragHelpers(wrapper, editInfo, options, elementClass, helper,
             elementClass: elementClass,
             x: element.dataset.x,
             y: element.dataset.y,
-        }, updateWrapper, helper, zoomScale, useTouch);
+        }, updateWrapper, helper, zoomScale, forceMobile, isTouchSupported);
     });
 }
 exports.getDropAndDragHelpers = getDropAndDragHelpers;
@@ -42255,7 +42908,7 @@ var MOUSE_EVENT_INFO_DESKTOP = (function () {
         MOUSEDOWN: 'mousedown',
         MOUSEMOVE: 'mousemove',
         MOUSEUP: 'mouseup',
-        getPageXY: getMouseEventPageXY,
+        normalizeEvent: normalizeMouseEvent,
     };
 })();
 var MOUSE_EVENT_INFO_MOBILE = (function () {
@@ -42263,21 +42916,37 @@ var MOUSE_EVENT_INFO_MOBILE = (function () {
         MOUSEDOWN: 'touchstart',
         MOUSEMOVE: 'touchmove',
         MOUSEUP: 'touchend',
-        getPageXY: getTouchEventPageXY,
+        normalizeEvent: normalizeTouchEvent,
     };
 })();
-function getMouseEventPageXY(e) {
-    return [e.pageX, e.pageY];
-}
-function getTouchEventPageXY(e) {
-    var pageX = 0;
-    var pageY = 0;
-    if (e.targetTouches && e.targetTouches.length > 0) {
-        var touch = e.targetTouches[0];
-        pageX = touch.pageX;
-        pageY = touch.pageY;
-    }
-    return [pageX, pageY];
+function normalizeMouseEvent(event) {
+    var mouseEvent = event;
+    return {
+        clientX: mouseEvent.clientX,
+        clientY: mouseEvent.clientY,
+        pageX: mouseEvent.pageX,
+        pageY: mouseEvent.pageY,
+        target: mouseEvent.target,
+        shiftKey: mouseEvent.shiftKey,
+        altKey: mouseEvent.altKey,
+    };
+}
+function normalizeTouchEvent(event) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var touchEvent = event;
+    var touch = (_b = (_a = touchEvent.targetTouches) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : (_c = touchEvent.changedTouches) === null || _c === void 0 ? void 0 : _c[0];
+    var clientX = (_d = touch === null || touch === void 0 ? void 0 : touch.clientX) !== null && _d !== void 0 ? _d : 0;
+    var clientY = (_e = touch === null || touch === void 0 ? void 0 : touch.clientY) !== null && _e !== void 0 ? _e : 0;
+    var document = (_g = (_f = touchEvent.view) === null || _f === void 0 ? void 0 : _f.document) !== null && _g !== void 0 ? _g : (_h = event.target) === null || _h === void 0 ? void 0 : _h.ownerDocument;
+    return {
+        clientX: clientX,
+        clientY: clientY,
+        pageX: (_j = touch === null || touch === void 0 ? void 0 : touch.pageX) !== null && _j !== void 0 ? _j : 0,
+        pageY: (_k = touch === null || touch === void 0 ? void 0 : touch.pageY) !== null && _k !== void 0 ? _k : 0,
+        target: touch ? (_l = document === null || document === void 0 ? void 0 : document.elementFromPoint(clientX, clientY)) !== null && _l !== void 0 ? _l : event.target : event.target,
+        shiftKey: false,
+        altKey: false,
+    };
 }
 /**
  * @internal
@@ -42294,8 +42963,9 @@ var DragAndDropHelper = /** @class */ (function () {
      * @param handler The event handler object, see DragAndDropHandler interface for more information
      * @param zoomScale The zoom scale of the editor
      * @param forceMobile A boolean to force the use of touch controls for the helper
+     * @param isTouchSupported Whether the current browser supports touch input
      */
-    function DragAndDropHelper(trigger, context, onSubmit, handler, zoomScale, forceMobile) {
+    function DragAndDropHelper(trigger, context, onSubmit, handler, zoomScale, forceMobile, isTouchSupported) {
         var _this = this;
         this.trigger = trigger;
         this.context = context;
@@ -42305,23 +42975,29 @@ var DragAndDropHelper = /** @class */ (function () {
         this.initX = 0;
         this.initY = 0;
         this.initValue = undefined;
+        this.dndMouse = MOUSE_EVENT_INFO_DESKTOP;
         this.onMouseDown = function (e) {
             var _a;
             var _b, _c;
             e.preventDefault();
             e.stopPropagation();
+            _this.dndMouse =
+                e.type == MOUSE_EVENT_INFO_MOBILE.MOUSEDOWN
+                    ? MOUSE_EVENT_INFO_MOBILE
+                    : MOUSE_EVENT_INFO_DESKTOP;
             _this.addDocumentEvents();
-            _a = (0, tslib_1.__read)(_this.dndMouse.getPageXY(e), 2), _this.initX = _a[0], _this.initY = _a[1];
-            _this.initValue = (_c = (_b = _this.handler).onDragStart) === null || _c === void 0 ? void 0 : _c.call(_b, _this.context, e);
+            var event = _this.dndMouse.normalizeEvent(e);
+            _a = (0, tslib_1.__read)([event.pageX, event.pageY], 2), _this.initX = _a[0], _this.initY = _a[1];
+            _this.initValue = (_c = (_b = _this.handler).onDragStart) === null || _c === void 0 ? void 0 : _c.call(_b, _this.context, event);
         };
         this.onMouseMove = function (e) {
             var _a, _b, _c;
             e.preventDefault();
-            var _d = (0, tslib_1.__read)(_this.dndMouse.getPageXY(e), 2), pageX = _d[0], pageY = _d[1];
-            var deltaX = (pageX - _this.initX) / _this.zoomScale;
-            var deltaY = (pageY - _this.initY) / _this.zoomScale;
+            var event = _this.dndMouse.normalizeEvent(e);
+            var deltaX = (event.pageX - _this.initX) / _this.zoomScale;
+            var deltaY = (event.pageY - _this.initY) / _this.zoomScale;
             if (_this.initValue &&
-                ((_b = (_a = _this.handler).onDragging) === null || _b === void 0 ? void 0 : _b.call(_a, _this.context, e, _this.initValue, deltaX, deltaY))) {
+                ((_b = (_a = _this.handler).onDragging) === null || _b === void 0 ? void 0 : _b.call(_a, _this.context, event, _this.initValue, deltaX, deltaY))) {
                 (_c = _this.onSubmit) === null || _c === void 0 ? void 0 : _c.call(_this, _this.context, _this.trigger);
             }
         };
@@ -42329,18 +43005,33 @@ var DragAndDropHelper = /** @class */ (function () {
             var _a, _b, _c;
             e.preventDefault();
             _this.removeDocumentEvents();
-            if ((_b = (_a = _this.handler).onDragEnd) === null || _b === void 0 ? void 0 : _b.call(_a, _this.context, e, _this.initValue)) {
+            if ((_b = (_a = _this.handler).onDragEnd) === null || _b === void 0 ? void 0 : _b.call(_a, _this.context, _this.dndMouse.normalizeEvent(e), _this.initValue)) {
                 (_c = _this.onSubmit) === null || _c === void 0 ? void 0 : _c.call(_this, _this.context, _this.trigger);
             }
         };
-        this.dndMouse = forceMobile ? MOUSE_EVENT_INFO_MOBILE : MOUSE_EVENT_INFO_DESKTOP;
-        trigger.addEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);
+        this.dndMouseList = forceMobile
+            ? [MOUSE_EVENT_INFO_MOBILE]
+            : isTouchSupported
+                ? [MOUSE_EVENT_INFO_DESKTOP, MOUSE_EVENT_INFO_MOBILE]
+                : [MOUSE_EVENT_INFO_DESKTOP];
+        this.dndMouse = this.dndMouseList[0];
+        this.originalTouchAction = trigger.style.touchAction;
+        if (this.dndMouseList.indexOf(MOUSE_EVENT_INFO_MOBILE) >= 0) {
+            trigger.style.touchAction = 'none';
+        }
+        this.dndMouseList.forEach(function (eventInfo) {
+            return trigger.addEventListener(eventInfo.MOUSEDOWN, _this.onMouseDown, { passive: false });
+        });
     }
     /**
      * Dispose this object, remove all event listeners that has been attached
      */
     DragAndDropHelper.prototype.dispose = function () {
-        this.trigger.removeEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);
+        var _this = this;
+        this.dndMouseList.forEach(function (eventInfo) {
+            return _this.trigger.removeEventListener(eventInfo.MOUSEDOWN, _this.onMouseDown);
+        });
+        this.trigger.style.touchAction = this.originalTouchAction;
         this.removeDocumentEvents();
     };
     Object.defineProperty(DragAndDropHelper.prototype, "mouseType", {
@@ -42352,8 +43043,14 @@ var DragAndDropHelper = /** @class */ (function () {
     });
     DragAndDropHelper.prototype.addDocumentEvents = function () {
         var doc = this.trigger.ownerDocument;
-        doc.addEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);
-        doc.addEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);
+        doc.addEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, {
+            capture: true,
+            passive: false,
+        });
+        doc.addEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, {
+            capture: true,
+            passive: false,
+        });
     };
     DragAndDropHelper.prototype.removeDocumentEvents = function () {
         var doc = this.trigger.ownerDocument;
@@ -42891,32 +43588,23 @@ var TableEditPlugin = /** @class */ (function () {
             }
         };
         this.onMouseMove = function (event) {
-            var _a, _b;
+            var _a;
             var e = event;
             var editorWindow = (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.getDocument().defaultView;
             if (e.buttons > 0 || !editorWindow) {
                 return;
             }
-            _this.ensureTableRects();
             var x = e.pageX - editorWindow.scrollX;
             var y = e.pageY - editorWindow.scrollY;
-            var currentTable = null;
-            //Find table in range of mouse
-            if (_this.tableRectMap) {
-                for (var i = _this.tableRectMap.length - 1; i >= 0; i--) {
-                    var entry = _this.tableRectMap[i];
-                    var rect = entry.rect;
-                    if (x >= rect.left - TABLE_RESIZER_LENGTH &&
-                        x <= rect.right + TABLE_RESIZER_LENGTH &&
-                        y >= rect.top - TABLE_RESIZER_LENGTH &&
-                        y <= rect.bottom + TABLE_RESIZER_LENGTH) {
-                        currentTable = entry;
-                        break;
-                    }
-                }
+            _this.updateTableEditor(x, y, event, true /* updateHoveredFeature */);
+        };
+        this.onTouchStart = function (event) {
+            var _a;
+            var touchEvent = event;
+            var touch = (_a = touchEvent.targetTouches[0]) !== null && _a !== void 0 ? _a : touchEvent.changedTouches[0];
+            if (touch) {
+                _this.updateTableEditor(touch.clientX, touch.clientY, event, false /* updateHoveredFeature */);
             }
-            _this.setTableEditor(currentTable, e);
-            (_b = _this.tableEditor) === null || _b === void 0 ? void 0 : _b.onMouseMove(x, y);
         };
         this.invalidateTableRects = function () {
             _this.tableRectMap = null;
@@ -42936,6 +43624,7 @@ var TableEditPlugin = /** @class */ (function () {
         this.editor = editor;
         this.onMouseMoveDisposer = this.editor.attachDomEvent({
             mousemove: { beforeDispatch: this.onMouseMove },
+            touchstart: { beforeDispatch: this.onTouchStart },
         });
         var scrollContainer = this.editor.getScrollContainer();
         scrollContainer.addEventListener('mouseout', this.onMouseOut);
@@ -42969,6 +43658,32 @@ var TableEditPlugin = /** @class */ (function () {
                 break;
         }
     };
+    TableEditPlugin.prototype.updateTableEditor = function (x, y, event, updateHoveredFeature) {
+        var _a, _b;
+        this.ensureTableRects();
+        var currentTable = null;
+        //Find table in range of mouse
+        if (this.tableRectMap) {
+            for (var i = this.tableRectMap.length - 1; i >= 0; i--) {
+                var entry = this.tableRectMap[i];
+                var rect = entry.rect;
+                if (x >= rect.left - TABLE_RESIZER_LENGTH &&
+                    x <= rect.right + TABLE_RESIZER_LENGTH &&
+                    y >= rect.top - TABLE_RESIZER_LENGTH &&
+                    y <= rect.bottom + TABLE_RESIZER_LENGTH) {
+                    currentTable = entry;
+                    break;
+                }
+            }
+        }
+        this.setTableEditor(currentTable, event);
+        if (updateHoveredFeature) {
+            (_a = this.tableEditor) === null || _a === void 0 ? void 0 : _a.onMouseMove(x, y);
+        }
+        else {
+            (_b = this.tableEditor) === null || _b === void 0 ? void 0 : _b.onTouchStart(x, y);
+        }
+    };
     /**
      * @internal Public only for unit test
      * @param entry Table to use when setting the Editors
@@ -43303,6 +44018,26 @@ var TableEditor = /** @class */ (function () {
         // Create Mover and Resizer
         this.setEditorFeatures();
     };
+    /**
+     * Public only for testing purposes
+     */
+    TableEditor.prototype.onTouchStart = function (x, y) {
+        for (var rowIndex = 0; rowIndex < this.table.rows.length; rowIndex++) {
+            var row = this.table.rows[rowIndex];
+            for (var cellIndex = 0; cellIndex < row.cells.length; cellIndex++) {
+                var td = row.cells[cellIndex];
+                var rect = (0, roosterjs_content_model_dom_1.normalizeRect)(td.getBoundingClientRect());
+                if (rect &&
+                    x >= rect.left &&
+                    x <= rect.right &&
+                    y >= rect.top &&
+                    y <= rect.bottom) {
+                    !this.isFeatureDisabled('CellResizer') && this.setResizingTd(td);
+                    return;
+                }
+            }
+        }
+    };
     TableEditor.prototype.setEditorFeatures = function () {
         var disableSelector = this.isFeatureDisabled('TableSelector');
         var disableMovement = this.isFeatureDisabled('TableMover');
@@ -43464,14 +44199,14 @@ function createCellResizer(editor, td, table, isRTL, isHorizontal, onStart, onEn
         onDragging: isHorizontal ? onDraggingHorizontal : onDraggingVertical,
         onDragEnd: onEnd,
     };
-    var featureHandler = new CellResizer(div, context, setPosition, handler, zoomScale, editor.getEnvironment().isMobileOrTablet, onTableEditorCreated);
+    var featureHandler = new CellResizer(div, context, setPosition, handler, zoomScale, editor.getEnvironment().isMobileOrTablet, editor.getEnvironment().isTouchSupported, onTableEditorCreated);
     return { node: td, div: div, featureHandler: featureHandler };
 }
 exports.createCellResizer = createCellResizer;
 var CellResizer = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(CellResizer, _super);
-    function CellResizer(trigger, context, onSubmit, handler, zoomScale, forceMobile, onTableEditorCreated) {
-        var _this = _super.call(this, trigger, context, onSubmit, handler, zoomScale, forceMobile) || this;
+    function CellResizer(trigger, context, onSubmit, handler, zoomScale, forceMobile, isTouchSupported, onTableEditorCreated) {
+        var _this = _super.call(this, trigger, context, onSubmit, handler, zoomScale, forceMobile, isTouchSupported) || this;
         _this.disposer = onTableEditorCreated === null || onTableEditorCreated === void 0 ? void 0 : onTableEditorCreated('CellResizer', trigger);
         return _this;
     }
@@ -43900,14 +44635,14 @@ function createTableMover(table, editor, isRTL, onFinishDragging, onStart, onEnd
             onDragStart: onDragStart,
             onDragging: onDragging,
             onDragEnd: onDragEnd,
-        }, context.zoomScale, onTableEditorCreated, editor.getEnvironment().isMobileOrTablet);
+        }, context.zoomScale, onTableEditorCreated, editor.getEnvironment().isMobileOrTablet, editor.getEnvironment().isTouchSupported);
     return { node: table, div: div, featureHandler: featureHandler };
 }
 exports.createTableMover = createTableMover;
 var TableMoverFeature = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(TableMoverFeature, _super);
-    function TableMoverFeature(div, context, onSubmit, handler, zoomScale, onTableEditorCreated, forceMobile) {
-        var _this = _super.call(this, div, context, onSubmit, handler, zoomScale, forceMobile) || this;
+    function TableMoverFeature(div, context, onSubmit, handler, zoomScale, onTableEditorCreated, forceMobile, isTouchSupported) {
+        var _this = _super.call(this, div, context, onSubmit, handler, zoomScale, forceMobile, isTouchSupported) || this;
         _this.disposer = onTableEditorCreated === null || onTableEditorCreated === void 0 ? void 0 : onTableEditorCreated('TableMover', div);
         return _this;
     }
@@ -44137,14 +44872,14 @@ function createTableResizer(table, editor, isRTL, onStart, onEnd, contentDiv, an
         onDragStart: onDragStart,
         onDragging: onDragging,
         onDragEnd: onDragEnd,
-    }, zoomScale, editor.getEnvironment().isMobileOrTablet, onTableEditorCreated);
+    }, zoomScale, editor.getEnvironment().isMobileOrTablet, editor.getEnvironment().isTouchSupported, onTableEditorCreated);
     return { node: table, div: div, featureHandler: featureHandler };
 }
 exports.createTableResizer = createTableResizer;
 var TableResizer = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(TableResizer, _super);
-    function TableResizer(trigger, context, onSubmit, handler, zoomScale, forceMobile, onTableEditorCreated) {
-        var _this = _super.call(this, trigger, context, onSubmit, handler, zoomScale, forceMobile) || this;
+    function TableResizer(trigger, context, onSubmit, handler, zoomScale, forceMobile, isTouchSupported, onTableEditorCreated) {
+        var _this = _super.call(this, trigger, context, onSubmit, handler, zoomScale, forceMobile, isTouchSupported) || this;
         _this.disposer = onTableEditorCreated === null || onTableEditorCreated === void 0 ? void 0 : onTableEditorCreated('TableResizer', trigger);
         return _this;
     }
@@ -44331,7 +45066,7 @@ function createTableRowColumnSelector(editor, table, isRowSelector, anchorContai
                 onDragStart: onDragStart,
                 onDragging: onDragging,
                 onDragEnd: onDragEnd,
-            }, zoomScale, onTableEditorCreated, editor.getEnvironment().isMobileOrTablet);
+            }, zoomScale, onTableEditorCreated, editor.getEnvironment().isMobileOrTablet, editor.getEnvironment().isTouchSupported);
             handlers.push(handler);
         }
     });
@@ -44346,8 +45081,8 @@ function createTableRowColumnSelector(editor, table, isRowSelector, anchorContai
 exports.createTableRowColumnSelector = createTableRowColumnSelector;
 var TableRowColumnSelectorHandler = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(TableRowColumnSelectorHandler, _super);
-    function TableRowColumnSelectorHandler(div, isRow, context, handler, zoomScale, onTableEditorCreated, forceMobile) {
-        var _this = _super.call(this, div, context, function () { }, handler, zoomScale, forceMobile) || this;
+    function TableRowColumnSelectorHandler(div, isRow, context, handler, zoomScale, onTableEditorCreated, forceMobile, isTouchSupported) {
+        var _this = _super.call(this, div, context, function () { }, handler, zoomScale, forceMobile, isTouchSupported) || this;
         _this.isRow = isRow;
         _this.disposer = onTableEditorCreated === null || onTableEditorCreated === void 0 ? void 0 : onTableEditorCreated(_this.isRow ? 'TableRowSelector' : 'TableColumnSelector', div);
         return _this;