roosterjs 8.29.5 → 8.30.2

package/dist/rooster.js

@@ -2810,6 +2810,11 @@ function getElementBasedFormatState(editor, event) {
         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',
@@ -2818,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;
@@ -5828,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
@@ -5841,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;
@@ -5855,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);
@@ -6320,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;
@@ -6333,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 || [],
@@ -6378,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) {
@@ -7406,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.
@@ -7462,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) {
@@ -7533,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'));
+        }
+    });
+}
 
 
 /***/ }),
@@ -9201,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");
@@ -9234,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
@@ -9256,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') {
@@ -9289,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) {
@@ -11543,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");
@@ -11650,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");
@@ -16584,11 +16591,10 @@ var TableFormatMetadata = (0, definitionCreators_1.createObjectDefinition)({
     hasBandedRows: BooleanDefinition,
     bgColorEven: NullStringDefinition,
     bgColorOdd: NullStringDefinition,
-    tableBorderFormat: (0, definitionCreators_1.createNumberDefinition)(false /** isOptional */, undefined /* value */, 0 /* first table border format */, 7 /* last table border format */),
-    keepCellShade: BooleanDefinition,
+    tableBorderFormat: (0, definitionCreators_1.createNumberDefinition)(false /** isOptional */, undefined /* value */, 0 /* DEFAULT */, 8 /* CLEAR */),
+    keepCellShade: (0, definitionCreators_1.createBooleanDefinition)(true /** isOptional */),
 }, 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
@@ -16650,11 +16656,11 @@ function getBrowserInfo(userAgent, appVersion, vendor) {
     // The default regex on the website doesn't consider tablet.
     // To support tablet, add |android|ipad|playbook|silk to the first regex according to the info in /about page
     (function (userAgentOrVendor) {
-        if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(userAgentOrVendor)
-            || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(userAgentOrVendor.substr(0, 4))) {
+        if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(userAgentOrVendor) ||
+            /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(userAgentOrVendor.substr(0, 4))) {
             isMobileOrTablet = true;
         }
-    })(userAgent || vendor || "");
+    })(userAgent || vendor || '');
     if (!isIE) {
         isChrome = userAgent.indexOf('Chrome') != -1;
         isFirefox = userAgent.indexOf('Firefox') != -1;
@@ -16691,7 +16697,7 @@ exports.getBrowserInfo = getBrowserInfo;
 /**
  * Browser object contains browser and operating system information of current environment
  */
-exports.Browser = window
+exports.Browser = typeof window !== 'undefined' && window
     ? getBrowserInfo(window.navigator.userAgent, window.navigator.appVersion, window.navigator.vendor)
     : {};
 
@@ -18672,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];
@@ -18716,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;
@@ -18730,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)) {
@@ -18751,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;
 }());
@@ -21138,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");
@@ -21156,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
  */
@@ -21175,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
  */
@@ -21213,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
          */
@@ -21298,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
@@ -21310,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
@@ -21391,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 */;
@@ -21443,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;
         }
@@ -23105,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
  */
@@ -23186,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'));
@@ -23200,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);
             });
@@ -23237,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
@@ -23319,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) {
@@ -27492,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";
     /**
@@ -27547,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 = {}));