roosterjs 8.29.3 → 8.30.0

package/dist/rooster.js

@@ -1337,13 +1337,12 @@ 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 = Object.create(null);
+var reverseNames = {};
 
 // create a list of reverse color names
 for (var name in colorNames) {
-	if (hasOwnProperty.call(colorNames, name)) {
+	if (colorNames.hasOwnProperty(name)) {
 		reverseNames[colorNames[name]] = name;
 	}
 }
@@ -1386,9 +1385,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*(?:,\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 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 rgb = [0, 0, 0, 1];
 	var match;
@@ -1425,11 +1424,7 @@ cs.get.rgb = function (string) {
 		}
 
 		if (match[4]) {
-			if (match[5]) {
-				rgb[3] = parseFloat(match[4]) * 0.01;
-			} else {
-				rgb[3] = parseFloat(match[4]);
-			}
+			rgb[3] = parseFloat(match[4]);
 		}
 	} else if (match = string.match(per)) {
 		for (i = 0; i < 3; i++) {
@@ -1437,22 +1432,19 @@ cs.get.rgb = function (string) {
 		}
 
 		if (match[4]) {
-			if (match[5]) {
-				rgb[3] = parseFloat(match[4]) * 0.01;
-			} else {
-				rgb[3] = parseFloat(match[4]);
-			}
+			rgb[3] = parseFloat(match[4]);
 		}
 	} else if (match = string.match(keyword)) {
 		if (match[1] === 'transparent') {
 			return [0, 0, 0, 0];
 		}
 
-		if (!hasOwnProperty.call(colorNames, match[1])) {
+		rgb = colorNames[match[1]];
+
+		if (!rgb) {
 			return null;
 		}
 
-		rgb = colorNames[match[1]];
 		rgb[3] = 1;
 
 		return rgb;
@@ -1473,12 +1465,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|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+	var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
 	var match = string.match(hsl);
 
 	if (match) {
 		var alpha = parseFloat(match[4]);
-		var h = ((parseFloat(match[1]) % 360) + 360) % 360;
+		var h = (parseFloat(match[1]) + 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);
@@ -1494,7 +1486,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|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+	var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
 	var match = string.match(hwb);
 
 	if (match) {
@@ -1573,7 +1565,7 @@ function clamp(num, min, max) {
 }
 
 function hexDouble(num) {
-	var str = Math.round(num).toString(16).toUpperCase();
+	var str = num.toString(16).toUpperCase();
 	return (str.length < 2) ? '0' + str : str;
 }
 
@@ -2815,9 +2807,14 @@ function getElementBasedFormatState(editor, event) {
     if (range && !range.collapsed) {
         var startingBlock = editor.getBlockElementAtNode(range.startContainer);
         var endingBlock = editor.getBlockElementAtNode(range.endContainer);
-        multiline = endingBlock ? !endingBlock.equals(startingBlock) : false;
+        multiline = endingBlock && startingBlock ? !endingBlock.equals(startingBlock) : false;
     }
     var headerTag = (0, roosterjs_editor_dom_1.getTagOfNode)(editor.getElementAtCursor('H1,H2,H3,H4,H5,H6', null /*startFrom*/, event));
+    var table = editor.queryElements('table', 1 /* OnSelection */)[0];
+    var tableFormat = table ? (0, roosterjs_editor_dom_1.getTableFormatInfo)(table) : undefined;
+    var hasHeader = (table === null || table === void 0 ? void 0 : table.rows[0])
+        ? (0, roosterjs_editor_dom_1.toArray)(table.rows[0].cells).every(function (cell) { return (0, roosterjs_editor_dom_1.getTagOfNode)(cell) == 'TH'; })
+        : undefined;
     return {
         isBullet: listTag == 'UL',
         isNumbering: listTag == 'OL',
@@ -2826,7 +2823,9 @@ function getElementBasedFormatState(editor, event) {
         canUnlink: !!editor.queryElements('a[href]', 1 /* OnSelection */)[0],
         canAddImageAltText: !!editor.queryElements('img', 1 /* OnSelection */)[0],
         isBlockQuote: !!editor.queryElements('blockquote', 1 /* OnSelection */)[0],
-        isInTable: !!editor.queryElements('table', 1 /* OnSelection */)[0],
+        isInTable: !!table,
+        tableFormat: tableFormat,
+        tableHasHeader: hasHeader,
     };
 }
 exports.getElementBasedFormatState = getElementBasedFormatState;
@@ -5836,7 +5835,6 @@ function buildCss(table, coordinates, contentDivSelector) {
     });
     (_a = vTable.cells) === null || _a === void 0 ? void 0 : _a.forEach(function (row, rowIndex) {
         var tdCount = 0;
-        var thCount = 0;
         firstSelected = null;
         lastSelected = null;
         //Get current TBODY/THEAD/TFOOT
@@ -5849,12 +5847,7 @@ function buildCss(table, coordinates, contentDivSelector) {
             var cell = row[cellIndex].td;
             if (cell) {
                 var tag = (0, roosterjs_editor_dom_1.getTagOfNode)(cell);
-                if (tag == 'TD') {
-                    tdCount++;
-                }
-                if (tag == 'TH') {
-                    thCount++;
-                }
+                tdCount++;
                 if (rowIndex >= tr1 && rowIndex <= tr2 && cellIndex >= td1 && cellIndex <= td2) {
                     if (isFirst) {
                         isFirst = false;
@@ -5863,7 +5856,7 @@ function buildCss(table, coordinates, contentDivSelector) {
                         css += ',';
                     }
                     removeImportant(cell);
-                    var selector = generateCssFromCell(contentDivSelector, table.id, middleElSelector, currentRow, tag, tag == 'TD' ? tdCount : thCount);
+                    var selector = generateCssFromCell(contentDivSelector, table.id, middleElSelector, currentRow, tag, tdCount);
                     css += selector;
                     firstSelected = firstSelected || table.querySelector(selector);
                     lastSelected = table.querySelector(selector);
@@ -6328,10 +6321,9 @@ var CopyPastePlugin = /** @class */ (function () {
     function CopyPastePlugin(options) {
         var _this = this;
         this.onPaste = function (event) {
-            var _a, _b;
+            var _a;
             var range;
             (0, roosterjs_editor_dom_1.extractClipboardEvent)(event, function (clipboardData) { var _a; return (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.paste(clipboardData); }, {
-                allowLinkPreview: (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.isFeatureEnabled("PasteWithLinkPreview" /* PasteWithLinkPreview */),
                 allowedCustomPasteType: _this.state.allowedCustomPasteType,
                 getTempDiv: function () {
                     var _a;
@@ -6341,7 +6333,7 @@ var CopyPastePlugin = /** @class */ (function () {
                 removeTempDiv: function (div) {
                     _this.cleanUpAndRestoreSelection(div, range, false /* isCopy */);
                 },
-            }, (_b = _this.editor) === null || _b === void 0 ? void 0 : _b.getSelectionRange());
+            }, (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.getSelectionRange());
         };
         this.state = {
             allowedCustomPasteType: options.allowedCustomPasteType || [],
@@ -6386,16 +6378,19 @@ var CopyPastePlugin = /** @class */ (function () {
         if (selection && !selection.areAllCollapsed) {
             var html = this.editor.getContent(2 /* RawHTMLWithSelection */);
             var tempDiv_1 = this.getTempDiv(true /*forceInLightMode*/);
-            var newRange = (0, roosterjs_editor_dom_1.setHtmlWithSelectionPath)(tempDiv_1, html, this.editor.getTrustedHTMLHandler());
-            if (newRange) {
-                (0, roosterjs_editor_dom_1.addRangeToSelection)(newRange);
-            }
+            var metadata = (0, roosterjs_editor_dom_1.setHtmlWithMetadata)(tempDiv_1, html, this.editor.getTrustedHTMLHandler());
+            var newRange = (metadata === null || metadata === void 0 ? void 0 : metadata.type) === 0 /* Normal */
+                ? (0, roosterjs_editor_dom_1.createRange)(tempDiv_1, metadata.start, metadata.end)
+                : null;
             this.editor.triggerPluginEvent(9 /* BeforeCutCopy */, {
                 clonedRoot: tempDiv_1,
                 range: newRange,
                 rawEvent: event,
                 isCut: isCut,
             });
+            if (newRange) {
+                (0, roosterjs_editor_dom_1.addRangeToSelection)(newRange);
+            }
             this.editor.runAsync(function (editor) {
                 _this.cleanUpAndRestoreSelection(tempDiv_1, selection, !isCut /* isCopy */);
                 if (isCut) {
@@ -7414,6 +7409,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
 /**
  * @internal
+ * TODO: Rename this plugin since it is not only for table now
+ *
  * NormalizeTable plugin makes sure each table in editor has TBODY/THEAD/TFOOT tag around TR tags
  *
  * When we retrieve HTML content using innerHTML, browser will always add TBODY around TR nodes if there is not.
@@ -7470,6 +7467,11 @@ var NormalizeTablePlugin = /** @class */ (function () {
                     this.normalizeTableFromEvent(event.rawEvent);
                 }
                 break;
+            case 8 /* ExtractContentWithDom */:
+                if (this.editor.isFeatureEnabled("NormalizeList" /* NormalizeList */)) {
+                    normalizeListsForExport(event.clonedRoot);
+                }
+                break;
         }
     };
     NormalizeTablePlugin.prototype.normalizeTableFromEvent = function (event) {
@@ -7541,6 +7543,15 @@ function normalizeTables(tables) {
     });
     return isDOMChanged;
 }
+function normalizeListsForExport(root) {
+    (0, roosterjs_editor_dom_1.toArray)(root.querySelectorAll('li')).forEach(function (li) {
+        var prevElement = li.previousSibling;
+        if (li.style.display == 'block' && (0, roosterjs_editor_dom_1.safeInstanceOf)(prevElement, 'HTMLLIElement')) {
+            delete li.style.display;
+            prevElement.appendChild((0, roosterjs_editor_dom_1.changeElementTag)(li, 'div'));
+        }
+    });
+}
 
 
 /***/ }),
@@ -9209,17 +9220,6 @@ function removeContents(range) {
 
 "use strict";
 
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 var readFile_1 = __webpack_require__(/*! ../utils/readFile */ "./packages/roosterjs-editor-dom/lib/utils/readFile.ts");
@@ -9242,6 +9242,7 @@ var ContentHandlers = (_a = {},
     },
     _a["text/plain" /* PlainText */] = function (data, value) { return (data.text = value); },
     _a[OTHER_TEXT_TYPE] = function (data, value, type) { return !!type && (data.customValues[type] = value); },
+    _a["text/" /* Text */ + EDGE_LINK_PREVIEW] = tryParseLinkPreview,
     _a);
 /**
  * Extract clipboard items to be a ClipboardData object for IE
@@ -9264,10 +9265,6 @@ function extractClipboardItems(items, options) {
         rawHtml: null,
         customValues: {},
     };
-    var contentHandlers = __assign({}, ContentHandlers);
-    if (options === null || options === void 0 ? void 0 : options.allowLinkPreview) {
-        contentHandlers["text/" /* Text */ + EDGE_LINK_PREVIEW] = tryParseLinkPreview;
-    }
     return Promise.all((items || []).map(function (item) {
         var type = item.type;
         if (type.indexOf("image/" /* Image */) == 0 && !data.image && item.kind == 'file') {
@@ -9297,7 +9294,7 @@ function extractClipboardItems(items, options) {
         }
         else {
             var customType_1 = getAllowedCustomType(type, options === null || options === void 0 ? void 0 : options.allowedCustomPasteType);
-            var handler_1 = contentHandlers[type] || (customType_1 ? contentHandlers[OTHER_TEXT_TYPE] : null);
+            var handler_1 = ContentHandlers[type] || (customType_1 ? ContentHandlers[OTHER_TEXT_TYPE] : null);
             return new Promise(function (resolve) {
                 return handler_1
                     ? item.getAsString(function (value) {
@@ -10325,21 +10322,23 @@ function adjustInsertPositionForTable(root, nodeToInsert, position, range) {
         var rangeToTraverse = (0, createRange_1.default)(posBefore, position);
         var contentTraverser = ContentTraverser_1.default.createSelectionTraverser(root, rangeToTraverse);
         var blockElement = contentTraverser && contentTraverser.currentBlockElement;
-        var nextBlockElement = blockElement;
-        while (!nextBlockElement) {
-            nextBlockElement = contentTraverser.getNextBlockElement();
-            if (nextBlockElement) {
-                blockElement = nextBlockElement;
+        if (blockElement) {
+            var nextBlockElement = blockElement;
+            while (!nextBlockElement) {
+                nextBlockElement = contentTraverser.getNextBlockElement();
+                if (nextBlockElement) {
+                    blockElement = nextBlockElement;
+                }
+            }
+            var prevElement = blockElement === null || blockElement === void 0 ? void 0 : blockElement.getEndNode();
+            if (prevElement && (0, findClosestElementAncestor_1.default)(prevElement, root, 'TABLE')) {
+                var tempRange = (0, createRange_1.default)(position);
+                tempRange.collapse(false /* toStart */);
+                var br = root.ownerDocument.createElement('br');
+                tempRange.insertNode(br);
+                tempRange = (0, createRange_1.default)(br);
+                position = Position_1.default.getEnd(tempRange);
             }
-        }
-        var prevElement = blockElement === null || blockElement === void 0 ? void 0 : blockElement.getEndNode();
-        if (prevElement && (0, findClosestElementAncestor_1.default)(prevElement, root, 'TABLE')) {
-            var tempRange = (0, createRange_1.default)(position);
-            tempRange.collapse(false /* toStart */);
-            var br = root.ownerDocument.createElement('br');
-            tempRange.insertNode(br);
-            tempRange = (0, createRange_1.default)(br);
-            position = Position_1.default.getEnd(tempRange);
         }
     }
     return position;
@@ -11549,8 +11548,8 @@ exports.default = getPredefinedCssForElement;
 
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VTable = exports.moveChildNodes = exports.KnownCreateElementData = exports.createElement = exports.matchesSelector = exports.setColor = exports.getInnerHTML = exports.readFile = exports.safeInstanceOf = exports.normalizeRect = exports.splitTextNode = exports.getLastLeafNode = exports.getFirstLeafNode = exports.getPreviousLeafSibling = exports.getNextLeafSibling = exports.wrap = exports.unwrap = exports.splitBalancedNodeRange = exports.splitParentNode = exports.queryElements = exports.matchLink = exports.isVoidHtmlElement = exports.isNodeEmpty = exports.isBlockElement = exports.getTagOfNode = exports.PendableFormatCommandMap = exports.getPendableFormatState = exports.getComputedStyle = exports.getComputedStyles = exports.fromHtml = exports.findClosestElementAncestor = exports.contains = exports.collapseNodes = exports.changeElementTag = exports.applyFormat = exports.getBrowserInfo = exports.Browser = exports.extractClipboardItemsForIE = exports.extractClipboardItems = exports.extractClipboardEvent = exports.applyTextStyle = exports.PartialInlineElement = exports.NodeInlineElement = exports.LinkInlineElement = exports.ImageInlineElement = exports.getInlineElementAtNode = exports.PositionContentSearcher = exports.ContentTraverser = exports.getFirstLastBlockElement = exports.getBlockElementAtNode = void 0;
-exports.createBooleanDefinition = exports.createNumberDefinition = exports.validate = exports.getTextContent = exports.deleteSelectedContent = exports.adjustInsertPosition = exports.setStyles = exports.getStyles = exports.isCtrlOrMetaPressed = exports.isCharacterValue = exports.isModifierKey = exports.clearEventDataCache = exports.cacheGetEventData = exports.getEntitySelector = exports.getEntityFromElement = exports.commitEntity = exports.chainSanitizerCallback = exports.createDefaultHtmlSanitizerOptions = exports.getInheritableStyles = exports.HtmlSanitizer = exports.canUndoAutoComplete = exports.createSnapshots = exports.moveCurrentSnapsnot = exports.moveCurrentSnapshot = exports.clearProceedingSnapshotsV2 = exports.clearProceedingSnapshots = exports.canMoveCurrentSnapshot = exports.addSnapshotV2 = exports.addSnapshot = exports.addRangeToSelection = exports.setHtmlWithMetadata = exports.setHtmlWithSelectionPath = exports.getHtmlWithSelectionPath = exports.getSelectionPath = exports.isPositionAtBeginningOf = exports.getPositionRect = exports.createRange = exports.Position = exports.mergeBlocksInRegion = exports.getSelectionRangeInRegion = exports.isNodeInRegion = exports.collapseNodesInRegion = exports.getSelectedBlockElementsInRegion = exports.getRegionsFromRange = exports.setListItemStyle = exports.VListChain = exports.createVListFromRegion = exports.VListItem = exports.VList = exports.isWholeTableSelected = void 0;
-exports.toArray = exports.getObjectKeys = exports.arrayPush = exports.removeMetadata = exports.setMetadata = exports.getMetadata = exports.createObjectDefinition = exports.createArrayDefinition = exports.createStringDefinition = void 0;
+exports.createNumberDefinition = exports.validate = exports.getTextContent = exports.deleteSelectedContent = exports.adjustInsertPosition = exports.setStyles = exports.getStyles = exports.isCtrlOrMetaPressed = exports.isCharacterValue = exports.isModifierKey = exports.clearEventDataCache = exports.cacheGetEventData = exports.getEntitySelector = exports.getEntityFromElement = exports.commitEntity = exports.chainSanitizerCallback = exports.createDefaultHtmlSanitizerOptions = exports.getInheritableStyles = exports.HtmlSanitizer = exports.canUndoAutoComplete = exports.createSnapshots = exports.moveCurrentSnapsnot = exports.moveCurrentSnapshot = exports.clearProceedingSnapshotsV2 = exports.clearProceedingSnapshots = exports.canMoveCurrentSnapshot = exports.addSnapshotV2 = exports.addSnapshot = exports.addRangeToSelection = exports.setHtmlWithMetadata = exports.setHtmlWithSelectionPath = exports.getHtmlWithSelectionPath = exports.getSelectionPath = exports.isPositionAtBeginningOf = exports.getPositionRect = exports.createRange = exports.Position = exports.mergeBlocksInRegion = exports.getSelectionRangeInRegion = exports.isNodeInRegion = exports.collapseNodesInRegion = exports.getSelectedBlockElementsInRegion = exports.getRegionsFromRange = exports.getTableFormatInfo = exports.setListItemStyle = exports.VListChain = exports.createVListFromRegion = exports.VListItem = exports.VList = exports.isWholeTableSelected = void 0;
+exports.toArray = exports.getObjectKeys = exports.arrayPush = exports.removeMetadata = exports.setMetadata = exports.getMetadata = exports.createObjectDefinition = exports.createArrayDefinition = exports.createStringDefinition = exports.createBooleanDefinition = void 0;
 var getBlockElementAtNode_1 = __webpack_require__(/*! ./blockElements/getBlockElementAtNode */ "./packages/roosterjs-editor-dom/lib/blockElements/getBlockElementAtNode.ts");
 Object.defineProperty(exports, "getBlockElementAtNode", { enumerable: true, get: function () { return getBlockElementAtNode_1.default; } });
 var getFirstLastBlockElement_1 = __webpack_require__(/*! ./blockElements/getFirstLastBlockElement */ "./packages/roosterjs-editor-dom/lib/blockElements/getFirstLastBlockElement.ts");
@@ -11656,6 +11655,8 @@ var VListChain_1 = __webpack_require__(/*! ./list/VListChain */ "./packages/roos
 Object.defineProperty(exports, "VListChain", { enumerable: true, get: function () { return VListChain_1.default; } });
 var setListItemStyle_1 = __webpack_require__(/*! ./list/setListItemStyle */ "./packages/roosterjs-editor-dom/lib/list/setListItemStyle.ts");
 Object.defineProperty(exports, "setListItemStyle", { enumerable: true, get: function () { return setListItemStyle_1.default; } });
+var tableFormatInfo_1 = __webpack_require__(/*! ./table/tableFormatInfo */ "./packages/roosterjs-editor-dom/lib/table/tableFormatInfo.ts");
+Object.defineProperty(exports, "getTableFormatInfo", { enumerable: true, get: function () { return tableFormatInfo_1.getTableFormatInfo; } });
 var getRegionsFromRange_1 = __webpack_require__(/*! ./region/getRegionsFromRange */ "./packages/roosterjs-editor-dom/lib/region/getRegionsFromRange.ts");
 Object.defineProperty(exports, "getRegionsFromRange", { enumerable: true, get: function () { return getRegionsFromRange_1.default; } });
 var getSelectedBlockElementsInRegion_1 = __webpack_require__(/*! ./region/getSelectedBlockElementsInRegion */ "./packages/roosterjs-editor-dom/lib/region/getSelectedBlockElementsInRegion.ts");
@@ -16594,7 +16595,6 @@ var TableFormatMetadata = (0, definitionCreators_1.createObjectDefinition)({
     keepCellShade: BooleanDefinition,
 }, false /* isOptional */, true /** allowNull */);
 /**
- * @internal
  * Get the format info of a table
  * If the table does not have a info saved, it will be retrieved from the css styles
  * @param table The table that has the info
@@ -18678,23 +18678,21 @@ var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./
 /**
  * Generate event names and getXY function based on different platforms to be compatible with desktop and mobile browsers
  */
-var MOUSE_EVENT_INFO = (function () {
-    if (roosterjs_editor_dom_1.Browser.isMobileOrTablet) {
-        return {
-            MOUSEDOWN: 'touchstart',
-            MOUSEMOVE: 'touchmove',
-            MOUSEUP: 'touchend',
-            getPageXY: getTouchEventPageXY,
-        };
-    }
-    else {
-        return {
-            MOUSEDOWN: 'mousedown',
-            MOUSEMOVE: 'mousemove',
-            MOUSEUP: 'mouseup',
-            getPageXY: getMouseEventPageXY,
-        };
-    }
+var MOUSE_EVENT_INFO_DESKTOP = (function () {
+    return {
+        MOUSEDOWN: 'mousedown',
+        MOUSEMOVE: 'mousemove',
+        MOUSEUP: 'mouseup',
+        getPageXY: getMouseEventPageXY,
+    };
+})();
+var MOUSE_EVENT_INFO_MOBILE = (function () {
+    return {
+        MOUSEDOWN: 'touchstart',
+        MOUSEMOVE: 'touchmove',
+        MOUSEUP: 'touchend',
+        getPageXY: getTouchEventPageXY,
+    };
 })();
 function getMouseEventPageXY(e) {
     return [e.pageX, e.pageY];
@@ -18722,8 +18720,10 @@ var DragAndDropHelper = /** @class */ (function () {
      * so that the handler object knows which element it is triggered from.
      * @param onSubmit A callback that will be invoked when event handler in handler object returns true
      * @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
      */
-    function DragAndDropHelper(trigger, context, onSubmit, handler, zoomScale) {
+    function DragAndDropHelper(trigger, context, onSubmit, handler, zoomScale, forceMobile) {
         var _this = this;
         this.trigger = trigger;
         this.context = context;
@@ -18736,13 +18736,13 @@ var DragAndDropHelper = /** @class */ (function () {
             e.preventDefault();
             e.stopPropagation();
             _this.addDocumentEvents();
-            _a = MOUSE_EVENT_INFO.getPageXY(e), _this.initX = _a[0], _this.initY = _a[1];
+            _a = _this.dndMouse.getPageXY(e), _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);
         };
         this.onMouseMove = function (e) {
             var _a, _b, _c;
             e.preventDefault();
-            var _d = MOUSE_EVENT_INFO.getPageXY(e), pageX = _d[0], pageY = _d[1];
+            var _d = _this.dndMouse.getPageXY(e), pageX = _d[0], pageY = _d[1];
             var deltaX = (pageX - _this.initX) / _this.zoomScale;
             var deltaY = (pageY - _this.initY) / _this.zoomScale;
             if ((_b = (_a = _this.handler).onDragging) === null || _b === void 0 ? void 0 : _b.call(_a, _this.context, e, _this.initValue, deltaX, deltaY)) {
@@ -18757,24 +18757,28 @@ var DragAndDropHelper = /** @class */ (function () {
                 (_c = _this.onSubmit) === null || _c === void 0 ? void 0 : _c.call(_this, _this.context, _this.trigger);
             }
         };
-        trigger.addEventListener(MOUSE_EVENT_INFO.MOUSEDOWN, this.onMouseDown);
+        this.dndMouse =
+            forceMobile || roosterjs_editor_dom_1.Browser.isMobileOrTablet
+                ? MOUSE_EVENT_INFO_MOBILE
+                : MOUSE_EVENT_INFO_DESKTOP;
+        trigger.addEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);
     }
     /**
      * Dispose this object, remove all event listeners that has been attached
      */
     DragAndDropHelper.prototype.dispose = function () {
-        this.trigger.removeEventListener(MOUSE_EVENT_INFO.MOUSEDOWN, this.onMouseDown);
+        this.trigger.removeEventListener(this.dndMouse.MOUSEDOWN, this.onMouseDown);
         this.removeDocumentEvents();
     };
     DragAndDropHelper.prototype.addDocumentEvents = function () {
         var doc = this.trigger.ownerDocument;
-        doc.addEventListener(MOUSE_EVENT_INFO.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);
-        doc.addEventListener(MOUSE_EVENT_INFO.MOUSEUP, this.onMouseUp, true /*useCapture*/);
+        doc.addEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);
+        doc.addEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);
     };
     DragAndDropHelper.prototype.removeDocumentEvents = function () {
         var doc = this.trigger.ownerDocument;
-        doc.removeEventListener(MOUSE_EVENT_INFO.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);
-        doc.removeEventListener(MOUSE_EVENT_INFO.MOUSEUP, this.onMouseUp, true /*useCapture*/);
+        doc.removeEventListener(this.dndMouse.MOUSEMOVE, this.onMouseMove, true /*useCapture*/);
+        doc.removeEventListener(this.dndMouse.MOUSEUP, this.onMouseUp, true /*useCapture*/);
     };
     return DragAndDropHelper;
 }());
@@ -21144,7 +21148,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-var _a, _b;
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 var applyChange_1 = __webpack_require__(/*! ./editInfoUtils/applyChange */ "./packages/roosterjs-editor-plugins/lib/plugins/ImageEdit/editInfoUtils/applyChange.ts");
 var canRegenerateImage_1 = __webpack_require__(/*! ./api/canRegenerateImage */ "./packages/roosterjs-editor-plugins/lib/plugins/ImageEdit/api/canRegenerateImage.ts");
@@ -21162,14 +21166,6 @@ var ALT_KEYCODE = 18;
 var DIRECTIONS = 8;
 var DirectionRad = (Math.PI * 2) / DIRECTIONS;
 var DirectionOrder = ['nw', 'n', 'ne', 'e', 'se', 's', 'sw', 'w'];
-/**
- * Map the experimental features to image edit operations to help determine which operation is allowed
- */
-var FeatureToOperationMap = (_a = {},
-    _a["SingleDirectionResize" /* SingleDirectionResize */] = 2 /* SideResize */,
-    _a["ImageRotate" /* ImageRotate */] = 4 /* Rotate */,
-    _a["ImageCrop" /* ImageCrop */] = 8 /* Crop */,
-    _a);
 /**
  * Default image edit options
  */
@@ -21181,17 +21177,20 @@ var DefaultOptions = {
     minRotateDeg: 5,
     imageSelector: 'img',
     rotateIconHTML: null,
+    disableCrop: false,
+    disableRotate: false,
+    disableSideResize: false,
 };
 /**
  * Map the image edit operation to a function that returns editing elements HTML to help
  * build image editing UI
  */
-var ImageEditHTMLMap = (_b = {},
-    _b[1 /* CornerResize */] = Resizer_1.getCornerResizeHTML,
-    _b[2 /* SideResize */] = Resizer_1.getSideResizeHTML,
-    _b[4 /* Rotate */] = Rotator_1.getRotateHTML,
-    _b[8 /* Crop */] = Cropper_1.getCropHTML,
-    _b);
+var ImageEditHTMLMap = (_a = {},
+    _a[1 /* CornerResize */] = Resizer_1.getCornerResizeHTML,
+    _a[2 /* SideResize */] = Resizer_1.getSideResizeHTML,
+    _a[4 /* Rotate */] = Rotator_1.getRotateHTML,
+    _a[8 /* Crop */] = Cropper_1.getCropHTML,
+    _a);
 /**
  * Image edit entity name
  */
@@ -21219,8 +21218,6 @@ var ImageEdit = /** @class */ (function () {
     function ImageEdit(options, onShowResizeHandle) {
         var _this = this;
         this.onShowResizeHandle = onShowResizeHandle;
-        // Allowed editing operations
-        this.allowedOperations = 1 /* CornerResize */;
         /**
          * quit editing mode when editor lose focus
          */
@@ -21304,6 +21301,11 @@ var ImageEdit = /** @class */ (function () {
             }
         };
         this.options = __assign(__assign({}, DefaultOptions), (options || {}));
+        this.allowedOperations =
+            1 /* CornerResize */ |
+                (this.options.disableCrop ? 0 : 8 /* Crop */) |
+                (this.options.disableRotate ? 0 : 4 /* Rotate */) |
+                (this.options.disableSideResize ? 0 : 2 /* SideResize */);
     }
     /**
      * Get a friendly name of this plugin
@@ -21316,15 +21318,8 @@ var ImageEdit = /** @class */ (function () {
      * @param editor Editor instance
      */
     ImageEdit.prototype.initialize = function (editor) {
-        var _this = this;
         this.editor = editor;
         this.disposer = editor.addDomEventHandler('blur', this.onBlur);
-        // Read current enabled features from editor to determine which editing operations are allowed
-        (0, roosterjs_editor_dom_1.getObjectKeys)(FeatureToOperationMap).forEach(function (key) {
-            _this.allowedOperations |= _this.editor.isFeatureEnabled(key)
-                ? FeatureToOperationMap[key]
-                : 0;
-        });
     };
     /**
      * Dispose this plugin
@@ -21397,6 +21392,14 @@ var ImageEdit = /** @class */ (function () {
                 break;
         }
     };
+    /**
+     * Check if the given image edit operation is allowed by this pluign
+     * @param operation The image edit operation to check
+     * @returns True means it is allowed, otherwise false
+     */
+    ImageEdit.prototype.isOperationAllowed = function (operation) {
+        return !!(this.allowedOperations & operation);
+    };
     ImageEdit.prototype.setEditingImage = function (image, operationOrSelect) {
         var _this = this;
         var operation = typeof operationOrSelect === 'number' ? operationOrSelect : 0 /* None */;
@@ -21449,7 +21452,9 @@ var ImageEdit = /** @class */ (function () {
         wrapper.style.position = 'relative';
         wrapper.style.maxWidth = '100%';
         // keep the same vertical align
-        var originalVerticalAlign = this.image.ownerDocument.defaultView.getComputedStyle(this.image).getPropertyValue('vertical-align');
+        var originalVerticalAlign = this.image.ownerDocument.defaultView
+            .getComputedStyle(this.image)
+            .getPropertyValue('vertical-align');
         if (originalVerticalAlign) {
             wrapper.style.verticalAlign = originalVerticalAlign;
         }
@@ -23111,6 +23116,12 @@ var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./
 var WORD_ONLINE_IDENTIFYING_SELECTOR = 'div.ListContainerWrapper>ul[class^="BulletListStyle"],div.ListContainerWrapper>ol[class^="NumberListStyle"],span.WACImageContainer > img';
 var LIST_CONTAINER_ELEMENT_CLASS_NAME = 'ListContainerWrapper';
 var IMAGE_CONTAINER_ELEMENT_CLASS_NAME = 'WACImageContainer';
+//When the list style is a symbol and the value is not in the clipboard, WordOnline
+var VALID_LIST_STYLE_CHAR_CODES = [
+    '111',
+    '9643',
+    '9830', //'♦'
+];
 /**
  * @internal
  */
@@ -23192,7 +23203,7 @@ function convertPastedContentFromWordOnline(fragment) {
             var listType = getContainerListType(listItemContainer); // list type that is contained by iterator.
             // Initialize processed element with proper listType if this is the first element
             if (!convertedListElement) {
-                convertedListElement = doc.createElement(listType);
+                convertedListElement = createNewList(listItemContainer, doc, listType);
             }
             // Get all list items(<li>) in the current iterator element.
             var currentListItems = (0, roosterjs_editor_dom_1.toArray)(listItemContainer.querySelectorAll('li'));
@@ -23206,7 +23217,7 @@ function convertPastedContentFromWordOnline(fragment) {
                 // and keep the processing going.
                 if ((0, roosterjs_editor_dom_1.getTagOfNode)(convertedListElement) != listType && itemLevel == 1) {
                     insertConvertedListToDoc(convertedListElement, fragment, itemBlock);
-                    convertedListElement = doc.createElement(listType);
+                    convertedListElement = createNewList(listItemContainer, doc, listType);
                 }
                 insertListItem(convertedListElement, item, listType, doc);
             });
@@ -23243,6 +23254,15 @@ function convertPastedContentFromWordOnline(fragment) {
     });
 }
 exports.default = convertPastedContentFromWordOnline;
+function createNewList(listItemContainer, doc, tag) {
+    var _a;
+    var newList = doc.createElement(tag);
+    var startAttribute = (_a = listItemContainer.firstElementChild) === null || _a === void 0 ? void 0 : _a.getAttribute('start');
+    if (startAttribute) {
+        newList.setAttribute('start', startAttribute);
+    }
+    return newList;
+}
 /**
  * The node processing is based on the premise of only ol/ul is in ListContainerWrapper class
  * However the html might be malformed, this function is to split all the other elements out of ListContainerWrapper
@@ -23325,11 +23345,19 @@ function getContainerListType(listItemContainer) {
  * @param listType Type of list(ul/ol)
  */
 function insertListItem(listRootElement, itemToInsert, listType, doc) {
+    var _a;
     if (!listType) {
         return;
     }
     // Get item level from 'data-aria-level' attribute
-    var itemLevel = parseInt(itemToInsert.getAttribute('data-aria-level'));
+    var itemLevel = parseInt((_a = itemToInsert.getAttribute('data-aria-level')) !== null && _a !== void 0 ? _a : '');
+    // Try to reuse the List Marker
+    var style = itemToInsert.getAttribute('data-leveltext');
+    if (listType == 'UL' &&
+        style &&
+        VALID_LIST_STYLE_CHAR_CODES.indexOf(style.charCodeAt(0).toString()) > -1) {
+        itemToInsert.style.listStyleType = "\"" + style + "  \"";
+    }
     var curListLevel = listRootElement; // Level iterator to find the correct place for the current element.
     // if the itemLevel is 1 it means the level iterator is at the correct place.
     while (itemLevel > 1) {
@@ -27498,15 +27526,15 @@ var CompatibleExperimentalFeatures;
      */
     CompatibleExperimentalFeatures["MergePastedLine"] = "MergePastedLine";
     /**
-     * Resize an image horizontally or vertically
+     * @deprecated This feature is always enabled
      */
     CompatibleExperimentalFeatures["SingleDirectionResize"] = "SingleDirectionResize";
     /**
-     * Try retrieve link preview information when paste
+     * @deprecated This feature is always enabled
      */
     CompatibleExperimentalFeatures["PasteWithLinkPreview"] = "PasteWithLinkPreview";
     /**
-     * Rotate an inline image (requires ImageEdit plugin)
+     * @deprecated This feature is always enabled
      */
     CompatibleExperimentalFeatures["ImageRotate"] = "ImageRotate";
     /**
@@ -27553,6 +27581,11 @@ var CompatibleExperimentalFeatures;
      * when selection is collapsed. Instead, we will hold the pending format in memory and only apply it when type something
      */
     CompatibleExperimentalFeatures["PendingStyleBasedFormat"] = "PendingStyleBasedFormat";
+    /**
+     * Normalize list to make sure it can be displayed correctly in other client
+     * e.g. We will move list items with "display: block" into previous list item and change tag to be DIV
+     */
+    CompatibleExperimentalFeatures["NormalizeList"] = "NormalizeList";
 })(CompatibleExperimentalFeatures = exports.CompatibleExperimentalFeatures || (exports.CompatibleExperimentalFeatures = {}));