roosterjs 8.56.0 → 8.58.0

package/dist/rooster-amd.js

@@ -2896,10 +2896,9 @@ function insertEntity(editor, type, contentNode, isBlock, isReadonly, position,
             }
         }
     }
-    else if (isReadonly &&
-        editor.isFeatureEnabled("InlineEntityReadOnlyDelimiters" /* InlineEntityReadOnlyDelimiters */)) {
+    else if (isReadonly) {
         (0, roosterjs_editor_dom_1.addDelimiters)(entity.wrapper);
-        if (entity.wrapper.nextElementSibling) {
+        if (entity.wrapper.nextElementSibling && editor.hasFocus()) {
             editor.select(new roosterjs_editor_dom_1.Position(entity.wrapper.nextElementSibling, -3 /* After */));
         }
     }
@@ -5481,6 +5480,7 @@ var getStyleBasedFormatState = function (core, node) {
             'margin-bottom',
             'text-align',
             'direction',
+            'font-weight',
         ])
         : [];
     var contentDiv = core.contentDiv, darkColorHandler = core.darkColorHandler;
@@ -5524,6 +5524,7 @@ var getStyleBasedFormatState = function (core, node) {
         marginBottom: styles[6],
         textAlign: styles[7],
         direction: styles[8],
+        fontWeight: styles[9],
     };
 };
 exports.getStyleBasedFormatState = getStyleBasedFormatState;
@@ -7216,7 +7217,6 @@ var EntityPlugin = /** @class */ (function () {
      * @param event PluginEvent object
      */
     EntityPlugin.prototype.onPluginEvent = function (event) {
-        var _a;
         switch (event.eventType) {
             case 6 /* MouseUp */:
                 this.handleMouseUpEvent(event);
@@ -7248,7 +7248,7 @@ var EntityPlugin = /** @class */ (function () {
                 this.handleEntityOperationEvent(event);
                 break;
         }
-        if ((_a = this.editor) === null || _a === void 0 ? void 0 : _a.isFeatureEnabled("InlineEntityReadOnlyDelimiters" /* InlineEntityReadOnlyDelimiters */)) {
+        if (this.editor) {
             (0, inlineEntityOnPluginEvent_1.inlineEntityOnPluginEvent)(event, this.editor);
         }
     };
@@ -7297,7 +7297,6 @@ var EntityPlugin = /** @class */ (function () {
     };
     EntityPlugin.prototype.handleContentChangedEvent = function (event) {
         var _this = this;
-        var _a;
         var shouldNormalizeDelimiters = false;
         // 1. find removed entities
         (0, roosterjs_editor_dom_1.getObjectKeys)(this.state.entityMap).forEach(function (id) {
@@ -7327,8 +7326,7 @@ var EntityPlugin = /** @class */ (function () {
             (0, roosterjs_editor_dom_1.commitEntity)(wrapper, type, isReadonly, entity.id); // Use entity.id here because it is newly updated
             _this.handleNewEntity(entity);
         });
-        if (shouldNormalizeDelimiters &&
-            ((_a = this.editor) === null || _a === void 0 ? void 0 : _a.isFeatureEnabled("InlineEntityReadOnlyDelimiters" /* InlineEntityReadOnlyDelimiters */))) {
+        if (shouldNormalizeDelimiters && this.editor) {
             (0, inlineEntityOnPluginEvent_1.normalizeDelimitersInEditor)(this.editor);
         }
     };
@@ -7487,13 +7485,6 @@ var ImageSelection = /** @class */ (function () {
         var _a;
         if (this.editor) {
             switch (event.eventType) {
-                case 17 /* EnteredShadowEdit */:
-                case 18 /* LeavingShadowEdit */:
-                    var selection = this.editor.getSelectionRangeEx();
-                    if (selection.type == 2 /* ImageSelection */) {
-                        this.editor.select(selection.image);
-                    }
-                    break;
                 case 6 /* MouseUp */:
                     var target = event.rawEvent.target;
                     if ((0, roosterjs_editor_dom_1.safeInstanceOf)(target, 'HTMLImageElement') &&
@@ -7511,10 +7502,15 @@ var ImageSelection = /** @class */ (function () {
                         this.editor.select(null);
                     }
                     break;
-                case 2 /* KeyUp */:
-                    var key = event.rawEvent.key;
+                case 0 /* KeyDown */:
+                    var rawEvent = event.rawEvent;
+                    var key = rawEvent.key;
                     var keyDownSelection = this.editor.getSelectionRangeEx();
-                    if (keyDownSelection.type === 2 /* ImageSelection */) {
+                    if (!rawEvent.ctrlKey &&
+                        !rawEvent.altKey &&
+                        !rawEvent.shiftKey &&
+                        !rawEvent.metaKey &&
+                        keyDownSelection.type === 2 /* ImageSelection */) {
                         if (key === Escape) {
                             this.editor.select(keyDownSelection.image, -2 /* Before */);
                             (_a = this.editor.getSelectionRange()) === null || _a === void 0 ? void 0 : _a.collapse();
@@ -7525,7 +7521,8 @@ var ImageSelection = /** @class */ (function () {
                             event.rawEvent.preventDefault();
                         }
                         else {
-                            this.editor.select(keyDownSelection.ranges[0]);
+                            var position = new roosterjs_editor_dom_1.Position(keyDownSelection.image, -2 /* Before */);
+                            this.editor.select(position);
                         }
                     }
                     break;
@@ -7555,29 +7552,10 @@ exports["default"] = ImageSelection;
 
 "use strict";
 
-var _a, _b;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
 var CONTENT_EDITABLE_ATTRIBUTE_NAME = 'contenteditable';
-var COMMANDS = roosterjs_editor_dom_1.Browser.isFirefox
-    ? (_a = {},
-        /**
-         * Disable these object resizing for firefox since other browsers don't have these behaviors
-         */
-        _a["enableObjectResizing" /* EnableObjectResizing */] = false,
-        _a["enableInlineTableEditing" /* EnableInlineTableEditing */] = false,
-        _a) : roosterjs_editor_dom_1.Browser.isIE
-    ? (_b = {},
-        /**
-         * Change the default paragraph separator to DIV. This is mainly for IE since its default setting is P
-         */
-        _b["defaultParagraphSeparator" /* DefaultParagraphSeparator */] = 'div',
-        /**
-         * Disable auto link feature in IE since we have our own implementation
-         */
-        _b["AutoUrlDetect" /* AutoUrlDetect */] = false,
-        _b) : {};
 var DARK_MODE_DEFAULT_FORMAT = {
     backgroundColors: {
         darkModeColor: 'rgb(51,51,51)',
@@ -7610,11 +7588,9 @@ var LifecyclePlugin = /** @class */ (function () {
             this.initializer = function () {
                 contentDiv.contentEditable = 'true';
                 contentDiv.style.userSelect = 'text';
-                contentDiv.style.webkitUserSelect = 'text';
             };
             this.disposer = function () {
                 contentDiv.style.userSelect = '';
-                contentDiv.style.webkitUserSelect = '';
                 contentDiv.removeAttribute(CONTENT_EDITABLE_ATTRIBUTE_NAME);
             };
         }
@@ -7679,8 +7655,6 @@ var LifecyclePlugin = /** @class */ (function () {
         (_a = this.initializer) === null || _a === void 0 ? void 0 : _a.call(this);
         // Set editor background color for dark mode
         this.adjustColor();
-        // Do proper change for browsers to disable some browser-specified behaviors.
-        this.adjustBrowserBehavior();
         // Let other plugins know that we are ready
         this.editor.triggerPluginEvent(11 /* EditorReady */, {}, true /*broadcast*/);
     };
@@ -7723,17 +7697,6 @@ var LifecyclePlugin = /** @class */ (function () {
             this.adjustColor();
         }
     };
-    LifecyclePlugin.prototype.adjustBrowserBehavior = function () {
-        var _this = this;
-        (0, roosterjs_editor_dom_1.getObjectKeys)(COMMANDS).forEach(function (command) {
-            var _a;
-            // Catch any possible exception since this should not block the initialization of editor
-            try {
-                (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.getDocument().execCommand(command, false, COMMANDS[command]);
-            }
-            catch (_b) { }
-        });
-    };
     return LifecyclePlugin;
 }());
 exports["default"] = LifecyclePlugin;
@@ -9104,9 +9067,17 @@ var EditorBase = /** @class */ (function () {
      * Dispose this editor, dispose all plugins and custom data
      */
     EditorBase.prototype.dispose = function () {
+        var _a;
         var core = this.getCore();
         for (var i = core.plugins.length - 1; i >= 0; i--) {
-            core.plugins[i].dispose();
+            var plugin = core.plugins[i];
+            try {
+                plugin.dispose();
+            }
+            catch (e) {
+                // Cache the error and pass it out, then keep going since dispose should always succeed
+                (_a = core.disposeErrorHandler) === null || _a === void 0 ? void 0 : _a.call(core, plugin, e);
+            }
         }
         core.darkColorHandler.reset();
         this.core = null;
@@ -9897,7 +9868,7 @@ var createEditorCore = function (contentDiv, options) {
                 ? [scrollContainer]
                 : [scrollContainer, core.contentDiv]);
         });
-    var core = (0, tslib_1.__assign)((0, tslib_1.__assign)({ contentDiv: contentDiv, api: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, coreApiMap_1.coreApiMap), (options.coreApiOverride || {})), originalApi: coreApiMap_1.coreApiMap, plugins: plugins.filter(function (x) { return !!x; }) }, pluginState), { trustedHTMLHandler: options.trustedHTMLHandler || (function (html) { return html; }), zoomScale: zoomScale, sizeTransformer: options.sizeTransformer || (function (size) { return size / zoomScale; }), getVisibleViewport: getVisibleViewport, imageSelectionBorderColor: options.imageSelectionBorderColor, darkColorHandler: new DarkColorHandlerImpl_1.default(contentDiv, pluginState.lifecycle.getDarkColor) });
+    var core = (0, tslib_1.__assign)((0, tslib_1.__assign)({ contentDiv: contentDiv, api: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, coreApiMap_1.coreApiMap), (options.coreApiOverride || {})), originalApi: coreApiMap_1.coreApiMap, plugins: plugins.filter(function (x) { return !!x; }) }, pluginState), { trustedHTMLHandler: options.trustedHTMLHandler || (function (html) { return html; }), zoomScale: zoomScale, sizeTransformer: options.sizeTransformer || (function (size) { return size / zoomScale; }), getVisibleViewport: getVisibleViewport, imageSelectionBorderColor: options.imageSelectionBorderColor, darkColorHandler: new DarkColorHandlerImpl_1.default(contentDiv, pluginState.lifecycle.getDarkColor), disposeErrorHandler: options.disposeErrorHandler });
     return core;
 };
 exports.createEditorCore = createEditorCore;
@@ -13216,8 +13187,8 @@ exports.isCssVariable = isCssVariable;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 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.getPasteType = exports.sanitizePasteContent = exports.retrieveMetadataFromClipboard = exports.handleTextPaste = exports.handleImagePaste = exports.extractClipboardItemsForIE = exports.extractClipboardItems = exports.extractClipboardEvent = exports.applyTextStyle = exports.PartialInlineElement = exports.NodeInlineElement = exports.LinkInlineElement = exports.ImageInlineElement = exports.getInlineElementAtNode = exports.getDelimiterFromElement = exports.addDelimiterBefore = exports.addDelimiterAfter = exports.addDelimiters = exports.PositionContentSearcher = exports.ContentTraverser = exports.getFirstLastBlockElement = exports.getBlockElementAtNode = void 0;
-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.extractContentMetadata = 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.getTableCellMetadata = exports.saveTableCellMetadata = exports.getTableFormatInfo = exports.setListItemStyle = exports.VListChain = exports.createVListFromRegion = exports.VListItem = exports.VList = exports.isWholeTableSelected = exports.VTable = exports.parseColor = exports.isNodeAfter = exports.getIntersectedRect = exports.moveChildNodes = exports.KnownCreateElementData = exports.createElement = exports.matchesSelector = exports.setColor = exports.getInnerHTML = exports.readFile = exports.safeInstanceOf = void 0;
-exports.getPasteSource = exports.toArray = exports.getObjectKeys = exports.arrayPush = exports.removeMetadata = exports.setMetadata = exports.getMetadata = exports.createObjectDefinition = exports.createArrayDefinition = exports.createStringDefinition = exports.createBooleanDefinition = exports.createNumberDefinition = exports.validate = exports.getTextContent = exports.deleteSelectedContent = exports.adjustInsertPosition = exports.removeGlobalCssStyle = exports.setGlobalCssStyles = exports.removeImportantStyleRule = exports.setStyles = exports.getStyles = exports.isCtrlOrMetaPressed = exports.isCharacterValue = exports.isModifierKey = exports.clearEventDataCache = exports.cacheGetEventData = exports.restoreContentWithEntityPlaceholder = exports.moveContentWithEntityPlaceholders = exports.createEntityPlaceholder = exports.getEntitySelector = exports.getEntityFromElement = exports.commitEntity = void 0;
+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.extractContentMetadata = 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.getTableCellMetadata = exports.saveTableCellMetadata = exports.getTableFormatInfo = exports.setListItemStyle = exports.convertDecimalsToRoman = exports.convertDecimalsToAlpha = exports.VListChain = exports.createVListFromRegion = exports.VListItem = exports.VList = exports.isWholeTableSelected = exports.VTable = exports.parseColor = exports.isNodeAfter = exports.getIntersectedRect = exports.moveChildNodes = exports.KnownCreateElementData = exports.createElement = exports.matchesSelector = exports.setColor = exports.getInnerHTML = exports.readFile = exports.safeInstanceOf = void 0;
+exports.getPasteSource = exports.toArray = exports.getObjectKeys = exports.arrayPush = exports.removeMetadata = exports.setMetadata = exports.getMetadata = exports.createObjectDefinition = exports.createArrayDefinition = exports.createStringDefinition = exports.createBooleanDefinition = exports.createNumberDefinition = exports.validate = exports.getTextContent = exports.deleteSelectedContent = exports.adjustInsertPosition = exports.removeGlobalCssStyle = exports.setGlobalCssStyles = exports.removeImportantStyleRule = exports.setStyles = exports.getStyles = exports.isCtrlOrMetaPressed = exports.isCharacterValue = exports.isModifierKey = exports.clearEventDataCache = exports.cacheGetEventData = exports.restoreContentWithEntityPlaceholder = exports.moveContentWithEntityPlaceholders = exports.createEntityPlaceholder = exports.getEntitySelector = exports.getEntityFromElement = exports.commitEntity = exports.chainSanitizerCallback = exports.createDefaultHtmlSanitizerOptions = 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");
@@ -13343,6 +13314,10 @@ var createVListFromRegion_1 = __webpack_require__(/*! ./list/createVListFromRegi
 Object.defineProperty(exports, "createVListFromRegion", ({ enumerable: true, get: function () { return createVListFromRegion_1.default; } }));
 var VListChain_1 = __webpack_require__(/*! ./list/VListChain */ "./packages/roosterjs-editor-dom/lib/list/VListChain.ts");
 Object.defineProperty(exports, "VListChain", ({ enumerable: true, get: function () { return VListChain_1.default; } }));
+var convertDecimalsToAlpha_1 = __webpack_require__(/*! ./list/convertDecimalsToAlpha */ "./packages/roosterjs-editor-dom/lib/list/convertDecimalsToAlpha.ts");
+Object.defineProperty(exports, "convertDecimalsToAlpha", ({ enumerable: true, get: function () { return convertDecimalsToAlpha_1.default; } }));
+var convertDecimalsToRomans_1 = __webpack_require__(/*! ./list/convertDecimalsToRomans */ "./packages/roosterjs-editor-dom/lib/list/convertDecimalsToRomans.ts");
+Object.defineProperty(exports, "convertDecimalsToRoman", ({ enumerable: true, get: function () { return convertDecimalsToRomans_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");
@@ -13828,11 +13803,11 @@ exports["default"] = PartialInlineElement;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var getTagOfNode_1 = __webpack_require__(/*! ../utils/getTagOfNode */ "./packages/roosterjs-editor-dom/lib/utils/getTagOfNode.ts");
 var Position_1 = __webpack_require__(/*! ../selection/Position */ "./packages/roosterjs-editor-dom/lib/selection/Position.ts");
+var safeInstanceOf_1 = __webpack_require__(/*! ../utils/safeInstanceOf */ "./packages/roosterjs-editor-dom/lib/utils/safeInstanceOf.ts");
 var splitTextNode_1 = __webpack_require__(/*! ../utils/splitTextNode */ "./packages/roosterjs-editor-dom/lib/utils/splitTextNode.ts");
 var wrap_1 = __webpack_require__(/*! ../utils/wrap */ "./packages/roosterjs-editor-dom/lib/utils/wrap.ts");
 var getLeafSibling_1 = __webpack_require__(/*! ../utils/getLeafSibling */ "./packages/roosterjs-editor-dom/lib/utils/getLeafSibling.ts");
 var splitParentNode_1 = __webpack_require__(/*! ../utils/splitParentNode */ "./packages/roosterjs-editor-dom/lib/utils/splitParentNode.ts");
-var safeInstanceOf_1 = __webpack_require__(/*! ../utils/safeInstanceOf */ "./packages/roosterjs-editor-dom/lib/utils/safeInstanceOf.ts");
 var STYLET_AGS = 'SPAN,B,I,U,EM,STRONG,STRIKE,S,SMALL,SUP,SUB'.split(',');
 /**
  * Apply style using a styler function to the given container node in the given range
@@ -13959,7 +13934,9 @@ var NodeInlineElement_1 = __webpack_require__(/*! ./NodeInlineElement */ "./pack
 var safeInstanceOf_1 = __webpack_require__(/*! ../utils/safeInstanceOf */ "./packages/roosterjs-editor-dom/lib/utils/safeInstanceOf.ts");
 function getInlineElementAtNode(parent, node) {
     // An inline element has to be in a block element, get the block first and then resolve through the factory
-    var parentBlock = (0, safeInstanceOf_1.default)(parent, 'Node') ? (0, getBlockElementAtNode_1.default)(parent, node) : parent;
+    var parentBlock = (0, safeInstanceOf_1.default)(parent, 'Node')
+        ? (0, getBlockElementAtNode_1.default)(parent, node)
+        : parent;
     return node && parentBlock && resolveInlineElement(node, parentBlock);
 }
 exports["default"] = getInlineElementAtNode;
@@ -15207,7 +15184,6 @@ var ALPHABET = {
     25: 'Z',
 };
 /**
- * @internal
  * Convert decimal numbers into english alphabet letters
  * @param decimal The decimal number that needs to be converted
  * @param isLowerCase if true the roman value will appear in lower case
@@ -15253,7 +15229,6 @@ var RomanValues = {
     I: 1,
 };
 /**
- * @internal
  * Convert decimal numbers into roman numbers
  * @param decimal The decimal number that needs to be converted
  * @param isLowerCase if true the roman value will appear in lower case
@@ -18451,11 +18426,11 @@ function applyTableFormat(table, cells, format, darkColorHandler) {
 }
 exports["default"] = applyTableFormat;
 /**
- * Check if the cell has shade
+ * Check if the cell has shade meta override
  * @param cell
  * @returns
  */
-function hasCellShade(cell) {
+function hasCellShadeOverride(cell) {
     var _a;
     if (!cell.td) {
         return false;
@@ -18463,17 +18438,29 @@ function hasCellShade(cell) {
     return !!((_a = (0, tableCellInfo_1.getTableCellMetadata)(cell.td)) === null || _a === void 0 ? void 0 : _a.bgColorOverride);
 }
 /**
- * Check if the cell has vertical align
+ * Check if the cell has vertical align meta override
  * @param cell
  * @returns
  */
-function hasValign(cell) {
+function hasValignOverride(cell) {
     var _a;
     if (!cell.td) {
         return false;
     }
     return !!((_a = (0, tableCellInfo_1.getTableCellMetadata)(cell.td)) === null || _a === void 0 ? void 0 : _a.vAlignOverride);
 }
+/**
+ * Check if the cell has any modified border meta override
+ * @param cell
+ * @returns
+ */
+function hasBorderOverride(cell) {
+    var _a;
+    if (!cell.td) {
+        return false;
+    }
+    return !!((_a = (0, tableCellInfo_1.getTableCellMetadata)(cell.td)) === null || _a === void 0 ? void 0 : _a.borderOverride);
+}
 /**
  * Set color and vertical align to the table
  * @param format the format that must be applied
@@ -18487,7 +18474,7 @@ function setCellFormat(cells, format, darkColorHandler) {
         row.forEach(function (cell) {
             if (cell.td) {
                 // Set cell color
-                if (!hasCellShade(cell)) {
+                if (!hasCellShadeOverride(cell)) {
                     if (hasBandedRows) {
                         var backgroundColor = color(index);
                         (0, setColor_1.default)(cell.td, backgroundColor || TRANSPARENT, true /** isBackgroundColor*/, undefined /** isDarkMode **/, true /** shouldAdaptFontColor */, darkColorHandler);
@@ -18500,7 +18487,7 @@ function setCellFormat(cells, format, darkColorHandler) {
                     }
                 }
                 // Set cell vertical align
-                if (format.verticalAlign && !hasValign(cell)) {
+                if (format.verticalAlign && !hasValignOverride(cell)) {
                     cell.td.style.verticalAlign = format.verticalAlign;
                 }
             }
@@ -18510,7 +18497,7 @@ function setCellFormat(cells, format, darkColorHandler) {
         cells.forEach(function (row) {
             row.forEach(function (cell, index) {
                 var backgroundColor = color(index);
-                if (cell.td && backgroundColor && !hasCellShade(cell)) {
+                if (cell.td && backgroundColor && !hasCellShadeOverride(cell)) {
                     (0, setColor_1.default)(cell.td, backgroundColor, true /** isBackgroundColor*/, undefined /** isDarkMode **/, true /** shouldAdaptFontColor */, darkColorHandler);
                 }
             });
@@ -18650,7 +18637,7 @@ function formatBorders(format, td, isFirstRow, isLastRow, isFirstColumn, isLastC
 function setBordersType(cells, format) {
     cells.forEach(function (row, rowIndex) {
         row.forEach(function (cell, cellIndex) {
-            if (cell.td) {
+            if (cell.td && !hasBorderOverride(cell)) {
                 formatBorders(format, cell.td, rowIndex === 0, rowIndex === cells.length - 1, cellIndex === 0, cellIndex === row.length - 1);
             }
         });
@@ -18676,7 +18663,7 @@ function setFirstColumnFormat(cells, format) {
     cells.forEach(function (row, rowIndex) {
         row.forEach(function (cell, cellIndex) {
             if (cell.td && cellIndex === 0) {
-                if (rowIndex !== 0 && !hasCellShade(cell)) {
+                if (rowIndex !== 0 && !hasCellShadeOverride(cell)) {
                     cell.td.style.borderTopColor = TRANSPARENT;
                     (0, setColor_1.default)(cell.td, TRANSPARENT, true /** isBackgroundColor*/, undefined /** isDarkMode **/, true /** shouldAdaptFontColor */);
                 }
@@ -18708,7 +18695,7 @@ function setHeaderRowFormat(cells, format, darkColorHandler) {
     }
     (_b = cells[0]) === null || _b === void 0 ? void 0 : _b.forEach(function (cell) {
         if (cell.td && format.headerRowColor) {
-            if (!hasCellShade(cell)) {
+            if (!hasCellShadeOverride(cell)) {
                 (0, setColor_1.default)(cell.td, format.headerRowColor, true /** isBackgroundColor*/, undefined /** isDarkMode **/, true /** shouldAdaptFontColor */, darkColorHandler);
             }
             cell.td.style.borderRightColor = format.headerRowColor;
@@ -18876,6 +18863,7 @@ var BooleanDefinition = (0, definitionCreators_1.createBooleanDefinition)(true /
 var TableCellFormatMetadata = (0, definitionCreators_1.createObjectDefinition)({
     bgColorOverride: BooleanDefinition,
     vAlignOverride: BooleanDefinition,
+    borderOverride: BooleanDefinition,
 }, false /* isOptional */, true /** allowNull */);
 /**
  * @internal
@@ -20220,7 +20208,8 @@ function queryElements(container, selector, forEachCallback, scope, range) {
     }
     var elements = (0, toArray_1.default)(container.querySelectorAll(selector));
     if (scope != 0 /* Body */ && range) {
-        var startContainer_1 = range.startContainer, startOffset = range.startOffset, endContainer_1 = range.endContainer, endOffset = range.endOffset;
+        var startOffset = range.startOffset, endOffset = range.endOffset;
+        var startContainer_1 = range.startContainer, endContainer_1 = range.endContainer;
         if (startContainer_1.nodeType == 1 /* Element */ && startContainer_1.firstChild) {
             var child = startContainer_1.childNodes[startOffset];
             // range.startOffset can give a value of child.length+1 when selection is after the last child
@@ -20721,6 +20710,21 @@ function wrap(nodes, wrapper) {
 exports["default"] = wrap;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/Announce.ts":
+/*!***********************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/Announce.ts ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+(0, tslib_1.__exportStar)(__webpack_require__(/*! ./plugins/Announce/index */ "./packages/roosterjs-editor-plugins/lib/plugins/Announce/index.ts"), exports);
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-editor-plugins/lib/AutoFormat.ts":
@@ -20941,6 +20945,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.m
 (0, tslib_1.__exportStar)(__webpack_require__(/*! ./Watermark */ "./packages/roosterjs-editor-plugins/lib/Watermark.ts"), exports);
 (0, tslib_1.__exportStar)(__webpack_require__(/*! ./TableCellSelection */ "./packages/roosterjs-editor-plugins/lib/TableCellSelection.ts"), exports);
 (0, tslib_1.__exportStar)(__webpack_require__(/*! ./AutoFormat */ "./packages/roosterjs-editor-plugins/lib/AutoFormat.ts"), exports);
+(0, tslib_1.__exportStar)(__webpack_require__(/*! ./Announce */ "./packages/roosterjs-editor-plugins/lib/Announce.ts"), exports);
 
 
 /***/ }),
@@ -21077,6 +21082,313 @@ var DragAndDropHelper = /** @class */ (function () {
 exports["default"] = DragAndDropHelper;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/pluginUtils/announceData/getAnnounceDataForList.ts":
+/*!**************************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/pluginUtils/announceData/getAnnounceDataForList.ts ***!
+  \**************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
+/**
+ * @internal
+ * Get the announce data for the current List
+ * @returns announce data for list or undefined.
+ */
+function getAnnounceDataForList(list, li) {
+    if (!(0, roosterjs_editor_dom_1.safeInstanceOf)(li, 'HTMLLIElement')) {
+        return undefined;
+    }
+    if (li && (0, roosterjs_editor_dom_1.safeInstanceOf)(list, 'HTMLOListElement')) {
+        var vList = new roosterjs_editor_dom_1.VList(list);
+        var listItemIndex = vList.getListItemIndex(li);
+        var stringToAnnounce = listItemIndex == -1 ? '' : listItemIndex.toString();
+        switch (list.style.listStyleType) {
+            case 'lower-alpha':
+            case 'lower-latin':
+            case 'upper-alpha':
+            case 'upper-latin':
+                stringToAnnounce = (0, roosterjs_editor_dom_1.convertDecimalsToAlpha)(listItemIndex - 1);
+                break;
+            case 'lower-roman':
+            case 'upper-roman':
+                stringToAnnounce = (0, roosterjs_editor_dom_1.convertDecimalsToRoman)(listItemIndex);
+                break;
+        }
+        return {
+            defaultStrings: 1 /* AnnounceListItemNumbering */,
+            formatStrings: [stringToAnnounce],
+        };
+    }
+    else if ((0, roosterjs_editor_dom_1.safeInstanceOf)(list, 'HTMLUListElement')) {
+        return {
+            defaultStrings: 2 /* AnnounceListItemBullet */,
+        };
+    }
+    return undefined;
+}
+exports["default"] = getAnnounceDataForList;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Announce/AnnouncePlugin.ts":
+/*!**********************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Announce/AnnouncePlugin.ts ***!
+  \**********************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var AnnounceFeatures_1 = __webpack_require__(/*! ./features/AnnounceFeatures */ "./packages/roosterjs-editor-plugins/lib/plugins/Announce/features/AnnounceFeatures.ts");
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
+var ARIA_LIVE_STYLE = 'clip: rect(0px, 0px, 0px, 0px); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px;';
+var ARIA_LIVE_ASSERTIVE = 'assertive';
+var DIV_TAG = 'div';
+var createAriaLiveElement = function (document) {
+    var element = (0, roosterjs_editor_dom_1.createElement)({
+        tag: DIV_TAG,
+        style: ARIA_LIVE_STYLE,
+        attributes: {
+            'aria-live': ARIA_LIVE_ASSERTIVE,
+        },
+    }, document);
+    document.body.appendChild(element);
+    return element;
+};
+/**
+ * Announce messages to screen reader by using aria live element.
+ */
+var Announce = /** @class */ (function () {
+    function Announce(stringsMapOrGetter, skipAnnounceFeatures, additionalFeatures) {
+        if (skipAnnounceFeatures === void 0) { skipAnnounceFeatures = []; }
+        this.stringsMapOrGetter = stringsMapOrGetter;
+        this.lastFocusedElement = null;
+        this.features = (0, roosterjs_editor_dom_1.getObjectKeys)(AnnounceFeatures_1.AnnounceFeatures)
+            .map(function (key) {
+            if (skipAnnounceFeatures.indexOf(key) == -1) {
+                return AnnounceFeatures_1.AnnounceFeatures[key];
+            }
+            return undefined;
+        })
+            .filter(function (feature) { return !!feature; })
+            .concat(additionalFeatures || []);
+    }
+    /**
+     * Get a friendly name of this plugin
+     */
+    Announce.prototype.getName = function () {
+        return 'Announce';
+    };
+    /**
+     * Initialize this plugin
+     * @param editor The editor instance
+     */
+    Announce.prototype.initialize = function (editor) {
+        this.editor = editor;
+    };
+    /**
+     * Dispose this plugin
+     */
+    Announce.prototype.dispose = function () {
+        var _a, _b;
+        (_b = (_a = this.ariaLiveElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.removeChild(this.ariaLiveElement);
+        this.ariaLiveElement = undefined;
+        this.stringsMapOrGetter = undefined;
+        this.lastFocusedElement = null;
+        while (this.features.length > 0) {
+            this.features.pop();
+        }
+        this.editor = undefined;
+    };
+    /**
+     * Handle events triggered from editor
+     * @param event PluginEvent object
+     */
+    Announce.prototype.onPluginEvent = function (ev) {
+        var _a;
+        if (this.editor &&
+            ev.eventType == 7 /* ContentChanged */ &&
+            ((_a = ev.additionalData) === null || _a === void 0 ? void 0 : _a.getAnnounceData)) {
+            var data = ev.additionalData.getAnnounceData();
+            if (data) {
+                this.announce(data, this.editor);
+            }
+        }
+        if (ev.eventType == 0 /* KeyDown */ && this.editor) {
+            this.handleFeatures(ev, this.editor);
+        }
+    };
+    Announce.prototype.handleFeatures = function (event, editorInput) {
+        var _this = this;
+        editorInput.runAsync(function (editor) {
+            _this.features
+                .filter(function (feature) { return feature.keys.indexOf(event.rawEvent.which) > -1; })
+                .some(function (feature) {
+                var announceData = feature.shouldHandle(editor, _this.lastFocusedElement);
+                if (announceData) {
+                    _this.announce(announceData, editor);
+                }
+                return !!announceData;
+            });
+            _this.lastFocusedElement = editor.getElementAtCursor();
+        });
+    };
+    Announce.prototype.announce = function (announceData, editor) {
+        var _a, _b, _c;
+        var text = announceData.text, defaultStrings = announceData.defaultStrings, _d = announceData.formatStrings, formatStrings = _d === void 0 ? [] : _d;
+        var textToAnnounce = formatString(this.getString(defaultStrings) || text, formatStrings);
+        if (textToAnnounce) {
+            if (!this.ariaLiveElement || textToAnnounce == ((_a = this.ariaLiveElement) === null || _a === void 0 ? void 0 : _a.textContent)) {
+                (_c = (_b = this.ariaLiveElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.removeChild(this.ariaLiveElement);
+                this.ariaLiveElement = createAriaLiveElement(editor.getDocument());
+            }
+            if (this.ariaLiveElement) {
+                this.ariaLiveElement.textContent = textToAnnounce;
+            }
+        }
+    };
+    Announce.prototype.getString = function (key) {
+        if (this.stringsMapOrGetter == undefined || key == undefined) {
+            return undefined;
+        }
+        if (typeof this.stringsMapOrGetter === 'function') {
+            return this.stringsMapOrGetter(key);
+        }
+        else {
+            return this.stringsMapOrGetter.get(key);
+        }
+    };
+    /**
+     * @internal
+     * Public only for unit testing.
+     * @returns
+     */
+    Announce.prototype.getAriaLiveElement = function () {
+        return this.ariaLiveElement;
+    };
+    return Announce;
+}());
+exports["default"] = Announce;
+function formatString(text, formatStrings) {
+    if (text == undefined) {
+        return text;
+    }
+    formatStrings.forEach(function (value, index) {
+        text = text === null || text === void 0 ? void 0 : text.replace("{" + index + "}", value);
+    });
+    return text;
+}
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Announce/features/AnnounceFeatures.ts":
+/*!*********************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Announce/features/AnnounceFeatures.ts ***!
+  \*********************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.AnnounceFeatures = void 0;
+var announceNewListItem_1 = __webpack_require__(/*! ./announceNewListItem */ "./packages/roosterjs-editor-plugins/lib/plugins/Announce/features/announceNewListItem.ts");
+var announceWarningOnLastTableCell_1 = __webpack_require__(/*! ./announceWarningOnLastTableCell */ "./packages/roosterjs-editor-plugins/lib/plugins/Announce/features/announceWarningOnLastTableCell.ts");
+/**
+ * @internal
+ */
+exports.AnnounceFeatures = {
+    announceNewListItem: announceNewListItem_1.default,
+    announceWarningOnLastTableCell: announceWarningOnLastTableCell_1.default,
+};
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Announce/features/announceNewListItem.ts":
+/*!************************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Announce/features/announceNewListItem.ts ***!
+  \************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var getAnnounceDataForList_1 = __webpack_require__(/*! ../../../pluginUtils/announceData/getAnnounceDataForList */ "./packages/roosterjs-editor-plugins/lib/pluginUtils/announceData/getAnnounceDataForList.ts");
+var LIST_SELECTOR = 'OL,UL';
+var LIST_ITEM_SELECTOR = 'LI';
+var announceNewListItemNumber = {
+    keys: [13 /* ENTER */],
+    shouldHandle: function (editor) {
+        var li = editor.getElementAtCursor(LIST_ITEM_SELECTOR);
+        var list = editor.getElementAtCursor(LIST_SELECTOR);
+        return (!!(list && li) && (0, getAnnounceDataForList_1.default)(list, li)) || false;
+    },
+};
+exports["default"] = announceNewListItemNumber;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Announce/features/announceWarningOnLastTableCell.ts":
+/*!***********************************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Announce/features/announceWarningOnLastTableCell.ts ***!
+  \***********************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
+var TABLE_CELL_SELECTOR = 'td,th';
+var TABLE_SELECTOR = 'table';
+var announceWarningOnLastCell = {
+    shouldHandle: function (editor, lastFocusedElement) {
+        var selection = editor.getSelectionRangeEx();
+        return ((selection === null || selection === void 0 ? void 0 : selection.type) == 0 /* Normal */ &&
+            selection.areAllCollapsed &&
+            selection.ranges.length === 1 &&
+            !(0, roosterjs_editor_dom_1.contains)(lastFocusedElement, selection.ranges[0].startContainer, true /*treatSameNodeAsContain*/) &&
+            isLastCell() && {
+            defaultStrings: 3 /* AnnounceOnFocusLastCell */,
+        });
+        function isLastCell() {
+            var table = editor.getElementAtCursor(TABLE_SELECTOR);
+            if ((0, roosterjs_editor_dom_1.safeInstanceOf)(table, 'HTMLTableElement')) {
+                var allCells = table.querySelectorAll(TABLE_CELL_SELECTOR);
+                var focusedCell = editor.getElementAtCursor(TABLE_CELL_SELECTOR);
+                return focusedCell == allCells.item(allCells.length - 1);
+            }
+            return false;
+        }
+    },
+    keys: [9 /* TAB */, 38 /* UP */, 40 /* DOWN */, 37 /* LEFT */, 39 /* RIGHT */],
+};
+exports["default"] = announceWarningOnLastCell;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-plugins/lib/plugins/Announce/index.ts":
+/*!*************************************************************************!*\
+  !*** ./packages/roosterjs-editor-plugins/lib/plugins/Announce/index.ts ***!
+  \*************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.Announce = void 0;
+var AnnouncePlugin_1 = __webpack_require__(/*! ./AnnouncePlugin */ "./packages/roosterjs-editor-plugins/lib/plugins/Announce/AnnouncePlugin.ts");
+Object.defineProperty(exports, "Announce", ({ enumerable: true, get: function () { return AnnouncePlugin_1.default; } }));
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-editor-plugins/lib/plugins/AutoFormat/AutoFormat.ts":
@@ -21528,7 +21840,6 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.EntityFeatures = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
-var roosterjs_editor_dom_2 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
 /**
  * A content edit feature to trigger EntityOperation event with operation "Click" when user
  * clicks on a readonly entity.
@@ -21552,13 +21863,13 @@ var EscapeFromEntityFeature = {
     },
 };
 function cacheGetReadonlyEntityElement(event, editor, operation) {
-    var element = (0, roosterjs_editor_dom_2.cacheGetEventData)(event, 'READONLY_ENTITY_ELEMENT', function () {
+    var element = (0, roosterjs_editor_dom_1.cacheGetEventData)(event, 'READONLY_ENTITY_ELEMENT', function () {
         var node = event.rawEvent.target;
-        var entityElement = node && editor.getElementAtCursor((0, roosterjs_editor_dom_2.getEntitySelector)(), node);
+        var entityElement = node && editor.getElementAtCursor((0, roosterjs_editor_dom_1.getEntitySelector)(), node);
         return entityElement && !entityElement.isContentEditable ? entityElement : null;
     });
     if (element && operation !== undefined) {
-        var entity = (0, roosterjs_editor_dom_2.getEntityFromElement)(element);
+        var entity = (0, roosterjs_editor_dom_1.getEntityFromElement)(element);
         if (entity) {
             editor.triggerPluginEvent(15 /* EntityOperation */, {
                 operation: operation,
@@ -21587,7 +21898,7 @@ var EnterBeforeReadonlyEntityFeature = {
         if (!range) {
             return;
         }
-        var node = roosterjs_editor_dom_2.Position.getEnd(range).normalize().node;
+        var node = roosterjs_editor_dom_1.Position.getEnd(range).normalize().node;
         var br = editor.getDocument().createElement('BR');
         (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(br, node.nextSibling);
         var block = editor.getBlockElementAtNode(node);
@@ -21629,7 +21940,7 @@ var DeleteBeforeEntityFeature = {
     },
 };
 function cacheGetNeighborEntityElement(event, editor, isNext, collapseOnly, operation) {
-    var element = (0, roosterjs_editor_dom_2.cacheGetEventData)(event, 'NEIGHBOR_ENTITY_ELEMENT_' + isNext + '_' + collapseOnly, function () {
+    var element = (0, roosterjs_editor_dom_1.cacheGetEventData)(event, 'NEIGHBOR_ENTITY_ELEMENT_' + isNext + '_' + collapseOnly, function () {
         var _a;
         var range = editor.getSelectionRange();
         if (!range || (collapseOnly && !range.collapsed)) {
@@ -21638,7 +21949,7 @@ function cacheGetNeighborEntityElement(event, editor, isNext, collapseOnly, oper
         var regions = editor.getSelectedRegions();
         var regionRoot = (_a = regions[0]) === null || _a === void 0 ? void 0 : _a.rootNode;
         range.commonAncestorContainer.normalize();
-        var pos = roosterjs_editor_dom_2.Position.getEnd(range).normalize();
+        var pos = roosterjs_editor_dom_1.Position.getEnd(range).normalize();
         var isAtBeginOrEnd = pos.offset == 0 || pos.isAtEnd;
         var entityNode = null;
         if (isAtBeginOrEnd && regionRoot) {
@@ -21657,12 +21968,12 @@ function cacheGetNeighborEntityElement(event, editor, isNext, collapseOnly, oper
                     node = null;
                 }
             }
-            entityNode = node && editor.getElementAtCursor((0, roosterjs_editor_dom_2.getEntitySelector)(), node);
+            entityNode = node && editor.getElementAtCursor((0, roosterjs_editor_dom_1.getEntitySelector)(), node);
         }
         return entityNode;
     });
     if (element && operation !== undefined) {
-        var entity = (0, roosterjs_editor_dom_2.getEntityFromElement)(element);
+        var entity = (0, roosterjs_editor_dom_1.getEntityFromElement)(element);
         if (entity) {
             triggerOperation(entity, editor, operation, event);
         }
@@ -21670,22 +21981,20 @@ function cacheGetNeighborEntityElement(event, editor, isNext, collapseOnly, oper
     return element;
 }
 /**
- * @requires ExperimentalFeatures.InlineEntityReadOnlyDelimiters to be enabled
  * Content edit feature to move the cursor from Delimiters around Entities when using Right or Left Arrow Keys
  */
 var MoveBetweenDelimitersFeature = {
     keys: [39 /* RIGHT */, 37 /* LEFT */],
     allowFunctionKeys: true,
     shouldHandleEvent: function (event, editor) {
-        if (event.rawEvent.altKey ||
-            !editor.isFeatureEnabled("InlineEntityReadOnlyDelimiters" /* InlineEntityReadOnlyDelimiters */)) {
+        if (event.rawEvent.altKey) {
             return false;
         }
         var element = editor.getElementAtCursor();
         if (!element) {
             return false;
         }
-        var isRTL = (0, roosterjs_editor_dom_2.getComputedStyle)(element, 'direction') === 'rtl';
+        var isRTL = (0, roosterjs_editor_dom_1.getComputedStyle)(element, 'direction') === 'rtl';
         var shouldCheckBefore = isRTL == (event.rawEvent.which === 37 /* LEFT */);
         return getIsDelimiterAtCursor(event, editor, shouldCheckBefore);
     },
@@ -21696,7 +22005,7 @@ var MoveBetweenDelimitersFeature = {
             return;
         }
         var _a = getRelatedElements(delimiter, checkBefore, editor), delimiterPair = _a.delimiterPair, entity = _a.entity;
-        if (delimiterPair && entity && (0, roosterjs_editor_dom_2.matchesSelector)(entity, (0, roosterjs_editor_dom_2.getEntitySelector)())) {
+        if (delimiterPair && entity && (0, roosterjs_editor_dom_1.matchesSelector)(entity, (0, roosterjs_editor_dom_1.getEntitySelector)())) {
             event.rawEvent.preventDefault();
             editor.runAsync(function () {
                 var positionType = checkBefore
@@ -21704,7 +22013,7 @@ var MoveBetweenDelimitersFeature = {
                         ? -3 /* After */
                         : -1 /* End */
                     : -2 /* Before */;
-                var position = new roosterjs_editor_dom_2.Position(delimiterPair, positionType);
+                var position = new roosterjs_editor_dom_1.Position(delimiterPair, positionType);
                 if (event.rawEvent.shiftKey) {
                     var selection = delimiterPair.ownerDocument.getSelection();
                     selection === null || selection === void 0 ? void 0 : selection.extend(position.node, position.offset);
@@ -21717,15 +22026,11 @@ var MoveBetweenDelimitersFeature = {
     },
 };
 /**
- * @requires ExperimentalFeatures.InlineEntityReadOnlyDelimiters to be enabled
  * Content edit Feature to trigger a Delete Entity Operation when one of the Delimiter is about to be removed with DELETE or Backspace
  */
 var RemoveEntityBetweenDelimitersFeature = {
     keys: [8 /* BACKSPACE */, 46 /* DELETE */],
     shouldHandleEvent: function (event, editor) {
-        if (!editor.isFeatureEnabled("InlineEntityReadOnlyDelimiters" /* InlineEntityReadOnlyDelimiters */)) {
-            return false;
-        }
         var range = editor.getSelectionRange();
         if (!(range === null || range === void 0 ? void 0 : range.collapsed)) {
             return false;
@@ -21808,18 +22113,18 @@ function getBlockTraverser(editor, element) {
         return undefined;
     }
     var blockElement = (_a = editor.getBlockElementAtNode(element)) === null || _a === void 0 ? void 0 : _a.getStartNode();
-    if (!blockElement || !(0, roosterjs_editor_dom_2.isBlockElement)(blockElement)) {
+    if (!blockElement || !(0, roosterjs_editor_dom_1.isBlockElement)(blockElement)) {
         return undefined;
     }
     return roosterjs_editor_dom_1.ContentTraverser.createBodyTraverser(blockElement, element);
 }
 function cacheDelimiter(event, checkBefore, delimiter) {
-    return (0, roosterjs_editor_dom_2.cacheGetEventData)(event, 'delimiter_cache_key_' + checkBefore, function () { return delimiter; });
+    return (0, roosterjs_editor_dom_1.cacheGetEventData)(event, 'delimiter_cache_key_' + checkBefore, function () { return delimiter; });
 }
 function cacheEntityBetweenDelimiter(event, editor, checkBefore, entity, operation) {
-    var element = (0, roosterjs_editor_dom_2.cacheGetEventData)(event, 'entity_delimiter_cache_key_' + checkBefore, function () { return entity && editor.getElementAtCursor((0, roosterjs_editor_dom_2.getEntitySelector)(), entity); });
+    var element = (0, roosterjs_editor_dom_1.cacheGetEventData)(event, 'entity_delimiter_cache_key_' + checkBefore, function () { return entity && editor.getElementAtCursor((0, roosterjs_editor_dom_1.getEntitySelector)(), entity); });
     if (element && operation !== undefined) {
-        var entity_1 = (0, roosterjs_editor_dom_2.getEntityFromElement)(element);
+        var entity_1 = (0, roosterjs_editor_dom_1.getEntityFromElement)(element);
         if (entity_1) {
             triggerOperation(entity_1, editor, operation, event);
         }
@@ -21833,38 +22138,36 @@ function triggerOperation(entity, editor, operation, event) {
         rawEvent: event.rawEvent,
         entity: entity,
     });
-    if (entity.isReadonly &&
-        !(0, roosterjs_editor_dom_2.isBlockElement)(entity.wrapper) &&
-        editor.isFeatureEnabled("InlineEntityReadOnlyDelimiters" /* InlineEntityReadOnlyDelimiters */)) {
+    if (entity.isReadonly && !(0, roosterjs_editor_dom_1.isBlockElement)(entity.wrapper)) {
         if (event.rawEvent.defaultPrevented) {
             editor.runAsync(function () {
                 if (!editor.contains(entity.wrapper)) {
                     removeDelimiters(nextElementSibling, previousElementSibling);
                 }
                 else {
-                    var _a = (0, tslib_1.__read)((0, roosterjs_editor_dom_2.addDelimiters)(entity.wrapper), 1), delimiterAfter = _a[0];
+                    var _a = (0, tslib_1.__read)((0, roosterjs_editor_dom_1.addDelimiters)(entity.wrapper), 1), delimiterAfter = _a[0];
                     if (delimiterAfter) {
                         editor.select(delimiterAfter, -3 /* After */);
                     }
                 }
             });
         }
-        else if ((0, roosterjs_editor_dom_2.getDelimiterFromElement)(nextElementSibling) &&
-            (0, roosterjs_editor_dom_2.getDelimiterFromElement)(previousElementSibling)) {
-            editor.select((0, roosterjs_editor_dom_2.createRange)(previousElementSibling, nextElementSibling));
+        else if ((0, roosterjs_editor_dom_1.getDelimiterFromElement)(nextElementSibling) &&
+            (0, roosterjs_editor_dom_1.getDelimiterFromElement)(previousElementSibling)) {
+            editor.select((0, roosterjs_editor_dom_1.createRange)(previousElementSibling, nextElementSibling));
         }
     }
 }
 function removeDelimiters(nextElementSibling, previousElementSibling) {
     [nextElementSibling, previousElementSibling].forEach(function (sibling) {
         var _a;
-        if ((0, roosterjs_editor_dom_2.getDelimiterFromElement)(sibling)) {
+        if ((0, roosterjs_editor_dom_1.getDelimiterFromElement)(sibling)) {
             (_a = sibling === null || sibling === void 0 ? void 0 : sibling.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(sibling);
         }
     });
 }
 function cacheGetCheckBefore(event, checkBefore) {
-    return !!(0, roosterjs_editor_dom_2.cacheGetEventData)(event, 'Check_Before', function () { return checkBefore; });
+    return !!(0, roosterjs_editor_dom_1.cacheGetEventData)(event, 'Check_Before', function () { return checkBefore; });
 }
 function getRelatedElements(delimiter, checkBefore, editor) {
     var entity = null;
@@ -21882,7 +22185,7 @@ function getRelatedElements(delimiter, checkBefore, editor) {
         var node = element === null || element === void 0 ? void 0 : element.getContainerNode();
         return (_a = (node && editor.getElementAtCursor(selector, node))) !== null && _a !== void 0 ? _a : null;
     };
-    var entitySelector = (0, roosterjs_editor_dom_2.getEntitySelector)();
+    var entitySelector = (0, roosterjs_editor_dom_1.getEntitySelector)();
     var current = traverser.currentInlineElement;
     while (current && (!entity || !delimiterPair)) {
         entity = entity || getElementFromInline(current, entitySelector);
@@ -21923,10 +22226,11 @@ exports.EntityFeatures = {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ListFeatures = void 0;
+var getAnnounceDataForList_1 = __webpack_require__(/*! ../../../pluginUtils/announceData/getAnnounceDataForList */ "./packages/roosterjs-editor-plugins/lib/pluginUtils/announceData/getAnnounceDataForList.ts");
 var getAutoBulletListStyle_1 = __webpack_require__(/*! ../utils/getAutoBulletListStyle */ "./packages/roosterjs-editor-plugins/lib/plugins/ContentEdit/utils/getAutoBulletListStyle.ts");
 var getAutoNumberingListStyle_1 = __webpack_require__(/*! ../utils/getAutoNumberingListStyle */ "./packages/roosterjs-editor-plugins/lib/plugins/ContentEdit/utils/getAutoNumberingListStyle.ts");
-var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "./packages/roosterjs-editor-api/lib/index.ts");
 var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./packages/roosterjs-editor-dom/lib/index.ts");
+var roosterjs_editor_api_1 = __webpack_require__(/*! roosterjs-editor-api */ "./packages/roosterjs-editor-api/lib/index.ts");
 var PREVIOUS_BLOCK_CACHE_KEY = 'previousBlock';
 var NEXT_BLOCK_CACHE_KEY = 'nextBlock';
 var ListStyleDefinitionMetadata = (0, roosterjs_editor_dom_1.createObjectDefinition)({
@@ -21947,7 +22251,13 @@ var handleIndentationEvent = function (indenting) { return function (event, edit
     var isRTL = event.rawEvent.keyCode !== 9 /* TAB */ &&
         (currentElement = editor.getElementAtCursor()) &&
         (0, roosterjs_editor_dom_1.getComputedStyle)(currentElement, 'direction') == 'rtl';
-    (0, roosterjs_editor_api_1.setIndentation)(editor, isRTL == indenting ? 1 /* Decrease */ : 0 /* Increase */);
+    editor.addUndoSnapshot(function () {
+        (0, roosterjs_editor_api_1.setIndentation)(editor, isRTL == indenting ? 1 /* Decrease */ : 0 /* Increase */);
+    }, "Format" /* Format */, false /* canUndoByBackspace */, {
+        getAnnounceData: function () {
+            return (0, getAnnounceDataForList_1.default)(editor.getElementAtCursor('OL,UL'), editor.getElementAtCursor('LI'));
+        },
+    });
     event.rawEvent.preventDefault();
 }; };
 /**
@@ -23113,6 +23423,7 @@ function insertTab(editor, event) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var autoLinkFeatures_1 = __webpack_require__(/*! ./features/autoLinkFeatures */ "./packages/roosterjs-editor-plugins/lib/plugins/ContentEdit/features/autoLinkFeatures.ts");
+var codeFeatures_1 = __webpack_require__(/*! ./features/codeFeatures */ "./packages/roosterjs-editor-plugins/lib/plugins/ContentEdit/features/codeFeatures.ts");
 var cursorFeatures_1 = __webpack_require__(/*! ./features/cursorFeatures */ "./packages/roosterjs-editor-plugins/lib/plugins/ContentEdit/features/cursorFeatures.ts");
 var entityFeatures_1 = __webpack_require__(/*! ./features/entityFeatures */ "./packages/roosterjs-editor-plugins/lib/plugins/ContentEdit/features/entityFeatures.ts");
 var listFeatures_1 = __webpack_require__(/*! ./features/listFeatures */ "./packages/roosterjs-editor-plugins/lib/plugins/ContentEdit/features/listFeatures.ts");
@@ -23122,7 +23433,6 @@ var shortcutFeatures_1 = __webpack_require__(/*! ./features/shortcutFeatures */
 var structuredNodeFeatures_1 = __webpack_require__(/*! ./features/structuredNodeFeatures */ "./packages/roosterjs-editor-plugins/lib/plugins/ContentEdit/features/structuredNodeFeatures.ts");
 var tableFeatures_1 = __webpack_require__(/*! ./features/tableFeatures */ "./packages/roosterjs-editor-plugins/lib/plugins/ContentEdit/features/tableFeatures.ts");
 var textFeatures_1 = __webpack_require__(/*! ./features/textFeatures */ "./packages/roosterjs-editor-plugins/lib/plugins/ContentEdit/features/textFeatures.ts");
-var codeFeatures_1 = __webpack_require__(/*! ./features/codeFeatures */ "./packages/roosterjs-editor-plugins/lib/plugins/ContentEdit/features/codeFeatures.ts");
 var allFeatures = (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, listFeatures_1.ListFeatures), quoteFeatures_1.QuoteFeatures), tableFeatures_1.TableFeatures), structuredNodeFeatures_1.StructuredNodeFeatures), autoLinkFeatures_1.AutoLinkFeatures), shortcutFeatures_1.ShortcutFeatures), cursorFeatures_1.CursorFeatures), markdownFeatures_1.MarkdownFeatures), entityFeatures_1.EntityFeatures), textFeatures_1.TextFeatures), codeFeatures_1.CodeFeatures);
 /**
  * Get all content edit features provided by roosterjs
@@ -24059,6 +24369,7 @@ var DefaultOptions = {
     disableRotate: false,
     disableSideResize: false,
     onSelectState: 7 /* ResizeAndRotate */,
+    applyChangesOnMouseUp: false,
 };
 /**
  * Map the image edit operation to a function that returns editing elements HTML to help
@@ -24131,12 +24442,21 @@ var ImageEdit = /** @class */ (function () {
          * Remove the temp wrapper of the image
          */
         this.removeWrapper = function () {
+            var _a;
             if (_this.shadowSpan) {
                 (0, roosterjs_editor_dom_1.unwrap)(_this.shadowSpan);
             }
+            if (_this.options.applyChangesOnMouseUp) {
+                (_a = _this.wrapper) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseup', _this.changesWhenMouseUp, true /* useCapture*/);
+            }
             _this.wrapper = null;
             _this.shadowSpan = null;
         };
+        this.changesWhenMouseUp = function () {
+            if (_this.editor && _this.image && _this.editInfo && _this.lastSrc && _this.clonedImage) {
+                (0, applyChange_1.default)(_this.editor, _this.image, _this.editInfo, _this.lastSrc, _this.wasResized, _this.clonedImage, _this.options.applyChangesOnMouseUp);
+            }
+        };
         /**
          * Update image edit elements to reflect current editing result
          * @param context
@@ -24254,7 +24574,7 @@ var ImageEdit = /** @class */ (function () {
      * @param e PluginEvent object
      */
     ImageEdit.prototype.onPluginEvent = function (e) {
-        var _a, _b;
+        var _a;
         switch (e.eventType) {
             case 22 /* SelectionChanged */:
                 if (e.selectionRangeEx &&
@@ -24275,10 +24595,10 @@ var ImageEdit = /** @class */ (function () {
                 }
                 break;
             case 6 /* MouseUp */:
-                // When mouse up, if the image and the shadow span exists, the editing mode is on.
-                // To make sure the selection did not jump to the shadow root, reselect the image.
-                if (this.image && this.shadowSpan) {
-                    (_a = this.editor) === null || _a === void 0 ? void 0 : _a.select(this.image);
+                if (this.editor && this.image && this.shadowSpan) {
+                    // When mouse up, if the image and the shadow span exists, the editing mode is on.
+                    // To make sure the selection did not jump to the shadow root, reselect the image.
+                    this.editor.select(this.image);
                 }
                 break;
             case 0 /* KeyDown */:
@@ -24290,7 +24610,7 @@ var ImageEdit = /** @class */ (function () {
                 break;
             case 8 /* ExtractContentWithDom */:
                 // When extract content, remove all image info since they may not be valid when load the content again
-                if ((_b = this.options) === null || _b === void 0 ? void 0 : _b.imageSelector) {
+                if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.imageSelector) {
                     (0, roosterjs_editor_dom_1.toArray)(e.clonedRoot.querySelectorAll(this.options.imageSelector)).forEach(function (img) {
                         (0, editInfo_1.deleteEditInfo)(img);
                     });
@@ -24421,6 +24741,7 @@ var ImageEdit = /** @class */ (function () {
             this.clonedImage = this.image.cloneNode(true);
             this.clonedImage.removeAttribute('id');
             this.clonedImage.style.removeProperty('max-width');
+            this.clonedImage.style.removeProperty('max-height');
             this.clonedImage.style.width = this.editInfo.widthPx + 'px';
             this.clonedImage.style.height = this.editInfo.heightPx + 'px';
             this.wrapper = (0, roosterjs_editor_dom_1.createElement)(6 /* ImageEditWrapper */, this.image.ownerDocument);
@@ -24458,6 +24779,10 @@ var ImageEdit = /** @class */ (function () {
             this.insertImageWrapper(this.wrapper);
         }
     };
+    /**
+     * EXPORTED FOR TESTING PURPOSES ONLY
+     * @param wrapper
+     */
     ImageEdit.prototype.insertImageWrapper = function (wrapper) {
         if (this.image) {
             this.shadowSpan = (0, roosterjs_editor_dom_1.wrap)(this.image, 'span');
@@ -24467,6 +24792,9 @@ var ImageEdit = /** @class */ (function () {
                 });
                 this.shadowSpan.style.verticalAlign = 'bottom';
                 wrapper.style.fontSize = '24px';
+                if (this.options.applyChangesOnMouseUp) {
+                    wrapper.addEventListener('mouseup', this.changesWhenMouseUp, true /* useCapture*/);
+                }
                 shadowRoot.appendChild(wrapper);
             }
         }
@@ -24825,7 +25153,7 @@ var editInfo_1 = __webpack_require__(/*! ./editInfo */ "./packages/roosterjs-edi
  * @param wasResizedOrCropped if the image was resized or cropped apply the new image dimensions
  * @param editingImage (optional) Image in editing state
  */
-function applyChange(editor, image, editInfo, previousSrc, wasResizedOrCropped, editingImage) {
+function applyChange(editor, image, editInfo, previousSrc, wasResizedOrCropped, editingImage, applyChangesOnMouseUp) {
     var newSrc = '';
     var initEditInfo = (0, editInfo_1.getEditInfoFromImage)(editingImage !== null && editingImage !== void 0 ? editingImage : image);
     var state = (0, checkEditInfoState_1.default)(editInfo, initEditInfo);
@@ -24856,6 +25184,11 @@ function applyChange(editor, image, editInfo, previousSrc, wasResizedOrCropped,
         });
         newSrc = event_1.newSrc;
     }
+    else if (applyChangesOnMouseUp) {
+        editor.triggerPluginEvent(7 /* ContentChanged */, {
+            source: "ImageResize" /* ImageResize */,
+        });
+    }
     if (newSrc == editInfo.src) {
         // If newSrc is the same with original one, it means there is only size change, but no rotation, no cropping,
         // so we don't need to keep edit info, we can delete it
@@ -24876,6 +25209,7 @@ function applyChange(editor, image, editInfo, previousSrc, wasResizedOrCropped,
         image.style.removeProperty('width');
         image.style.removeProperty('height');
         image.style.removeProperty('max-width');
+        image.style.removeProperty('max-height');
     }
 }
 exports["default"] = applyChange;
@@ -27895,7 +28229,7 @@ var PickerPlugin = /** @class */ (function () {
         }
     };
     PickerPlugin.prototype.onKeyDownEvent = function (event) {
-        var _a, _b;
+        var _a;
         var keyboardEvent = event.rawEvent;
         if (this.isSuggesting) {
             if (keyboardEvent.key == ESC_CHAR_CODE) {
@@ -27944,9 +28278,11 @@ var PickerPlugin = /** @class */ (function () {
             else if (keyboardEvent.key == DELETE_CHAR_CODE) {
                 var searcher = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.getContentSearcherOfCursor(event);
                 if (searcher) {
-                    var nodeAfterCursor = searcher.getInlineElementAfter()
-                        ? (_b = searcher.getInlineElementAfter()) === null || _b === void 0 ? void 0 : _b.getContainerNode()
+                    var inlineElementAfter = searcher.getInlineElementAfter();
+                    var nodeAfterCursor = inlineElementAfter
+                        ? inlineElementAfter.getContainerNode()
                         : null;
+                    nodeAfterCursor = this.getParentNodeIfTextNode(nodeAfterCursor);
                     var nodeId = nodeAfterCursor ? this.getIdValue(nodeAfterCursor) : null;
                     if (nodeId &&
                         nodeId.indexOf(this.pickerOptions.elementIdPrefix) == 0 &&
@@ -27959,6 +28295,12 @@ var PickerPlugin = /** @class */ (function () {
             }
         }
     };
+    PickerPlugin.prototype.getParentNodeIfTextNode = function (node) {
+        if ((0, roosterjs_editor_dom_1.safeInstanceOf)(node, 'Text')) {
+            node = node.parentNode;
+        }
+        return node;
+    };
     PickerPlugin.prototype.onAndroidInputEvent = function (event) {
         this.newInputLength = this.calcInputLength(event);
         if (this.newInputLength < this.currentInputLength ||
@@ -27982,9 +28324,8 @@ var PickerPlugin = /** @class */ (function () {
             return false;
         }
         var inlineElementBefore = searcher.getInlineElementBefore();
-        var nodeBeforeCursor = inlineElementBefore
-            ? inlineElementBefore.getContainerNode()
-            : null;
+        var nodeBeforeCursor = inlineElementBefore ? inlineElementBefore.getContainerNode() : null;
+        nodeBeforeCursor = this.getParentNodeIfTextNode(nodeBeforeCursor);
         var nodeId = nodeBeforeCursor ? this.getIdValue(nodeBeforeCursor) : null;
         var inlineElementAfter = searcher.getInlineElementAfter();
         if (nodeBeforeCursor &&
@@ -31419,6 +31760,16 @@ var CompatibleExperimentalFeatures;
      * Trigger formatting by a especial characters. Ex: (A), 1. i).
      */
     CompatibleExperimentalFeatures["AutoFormatList"] = "AutoFormatList";
+    /**
+     * @deprecated This feature is always enabled
+     * Add entities around a Read Only  Inline entity to prevent cursor to be hidden when cursor is next of it.
+     */
+    CompatibleExperimentalFeatures["InlineEntityReadOnlyDelimiters"] = "InlineEntityReadOnlyDelimiters";
+    /**
+     * @deprecated This feature is always enabled
+     * Paste with Content model
+     */
+    CompatibleExperimentalFeatures["ContentModelPaste"] = "ContentModelPaste";
     //#endregion
     /**
      * Provide additional Tab Key Features. Requires Text Features Content Editable Features
@@ -31435,14 +31786,6 @@ var CompatibleExperimentalFeatures;
      * Delete table with Backspace key with the whole was selected with table selector
      */
     CompatibleExperimentalFeatures["DeleteTableWithBackspace"] = "DeleteTableWithBackspace";
-    /**
-     * Add entities around a Read Only  Inline entity to prevent cursor to be hidden when cursor is next of it.
-     */
-    CompatibleExperimentalFeatures["InlineEntityReadOnlyDelimiters"] = "InlineEntityReadOnlyDelimiters";
-    /**
-     * Paste with Content model
-     */
-    CompatibleExperimentalFeatures["ContentModelPaste"] = "ContentModelPaste";
     /**
      * Disable list chain functionality
      */
@@ -31673,6 +32016,43 @@ var CompatibleKeys;
 })(CompatibleKeys = exports.CompatibleKeys || (exports.CompatibleKeys = {}));
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-types/lib/compatibleEnum/KnownAnnounceStrings.ts":
+/*!************************************************************************************!*\
+  !*** ./packages/roosterjs-editor-types/lib/compatibleEnum/KnownAnnounceStrings.ts ***!
+  \************************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.CompatibleKnownAnnounceStrings = void 0;
+/**
+ * Known announce strings
+ */
+var CompatibleKnownAnnounceStrings;
+(function (CompatibleKnownAnnounceStrings) {
+    /**
+     * String announced for a list item in a OL List
+     * @example
+     * Auto corrected, &lcub;0&rcub;
+     * Where &lcub0&rcub is the new list item bullet
+     */
+    CompatibleKnownAnnounceStrings[CompatibleKnownAnnounceStrings["AnnounceListItemNumbering"] = 1] = "AnnounceListItemNumbering";
+    /**
+     * String announced for a list item in a UL List
+     * @example
+     * Auto corrected bullet
+     */
+    CompatibleKnownAnnounceStrings[CompatibleKnownAnnounceStrings["AnnounceListItemBullet"] = 2] = "AnnounceListItemBullet";
+    /**
+     * String announced when cursor is moved to the last cell in a table
+     */
+    CompatibleKnownAnnounceStrings[CompatibleKnownAnnounceStrings["AnnounceOnFocusLastCell"] = 3] = "AnnounceOnFocusLastCell";
+})(CompatibleKnownAnnounceStrings = exports.CompatibleKnownAnnounceStrings || (exports.CompatibleKnownAnnounceStrings = {}));
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-editor-types/lib/compatibleEnum/KnownCreateElementDataIndex.ts":
@@ -32465,7 +32845,7 @@ var CompatibleTableOperation;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.CompatibleTableOperation = exports.CompatibleTableBorderFormat = exports.CompatibleSelectionRangeTypes = exports.CompatibleRegionType = exports.CompatibleQueryScope = exports.CompatiblePositionType = exports.CompatiblePluginEventType = exports.CompatiblePasteType = exports.CompatibleNumberingListType = exports.CompatibleNodeType = exports.CompatibleListType = exports.CompatibleKnownPasteSourceType = exports.CompatibleKnownCreateElementDataIndex = exports.CompatibleKeys = exports.CompatibleIndentation = exports.CompatibleImageEditOperation = exports.CompatibleGetContentMode = exports.CompatibleFontSizeChange = exports.CompatibleExperimentalFeatures = exports.CompatibleEntityOperation = exports.CompatibleEntityClasses = exports.CompatibleDocumentPosition = exports.CompatibleDocumentCommand = exports.CompatibleDirection = exports.CompatibleDelimiterClasses = exports.CompatibleDefinitionType = exports.CompatibleDarkModeDatasetNames = exports.CompatibleContentType = exports.CompatibleContentTypePrefix = exports.CompatibleContentPosition = exports.CompatibleColorTransformDirection = exports.CompatibleClearFormatMode = exports.CompatibleChangeSource = exports.CompatibleCapitalization = exports.CompatibleBulletListType = exports.CompatibleAlignment = void 0;
+exports.CompatibleTableOperation = exports.CompatibleTableBorderFormat = exports.CompatibleSelectionRangeTypes = exports.CompatibleRegionType = exports.CompatibleQueryScope = exports.CompatiblePositionType = exports.CompatiblePluginEventType = exports.CompatiblePasteType = exports.CompatibleNumberingListType = exports.CompatibleNodeType = exports.CompatibleListType = exports.CompatibleKnownPasteSourceType = exports.CompatibleKnownCreateElementDataIndex = exports.CompatibleKnownAnnounceStrings = exports.CompatibleKeys = exports.CompatibleIndentation = exports.CompatibleImageEditOperation = exports.CompatibleGetContentMode = exports.CompatibleFontSizeChange = exports.CompatibleExperimentalFeatures = exports.CompatibleEntityOperation = exports.CompatibleEntityClasses = exports.CompatibleDocumentPosition = exports.CompatibleDocumentCommand = exports.CompatibleDirection = exports.CompatibleDelimiterClasses = exports.CompatibleDefinitionType = exports.CompatibleDarkModeDatasetNames = exports.CompatibleContentType = exports.CompatibleContentTypePrefix = exports.CompatibleContentPosition = exports.CompatibleColorTransformDirection = exports.CompatibleClearFormatMode = exports.CompatibleChangeSource = exports.CompatibleCapitalization = exports.CompatibleBulletListType = exports.CompatibleAlignment = void 0;
 var Alignment_1 = __webpack_require__(/*! ./Alignment */ "./packages/roosterjs-editor-types/lib/compatibleEnum/Alignment.ts");
 Object.defineProperty(exports, "CompatibleAlignment", ({ enumerable: true, get: function () { return Alignment_1.CompatibleAlignment; } }));
 var BulletListType_1 = __webpack_require__(/*! ./BulletListType */ "./packages/roosterjs-editor-types/lib/compatibleEnum/BulletListType.ts");
@@ -32511,6 +32891,8 @@ var Indentation_1 = __webpack_require__(/*! ./Indentation */ "./packages/rooster
 Object.defineProperty(exports, "CompatibleIndentation", ({ enumerable: true, get: function () { return Indentation_1.CompatibleIndentation; } }));
 var Keys_1 = __webpack_require__(/*! ./Keys */ "./packages/roosterjs-editor-types/lib/compatibleEnum/Keys.ts");
 Object.defineProperty(exports, "CompatibleKeys", ({ enumerable: true, get: function () { return Keys_1.CompatibleKeys; } }));
+var KnownAnnounceStrings_1 = __webpack_require__(/*! ./KnownAnnounceStrings */ "./packages/roosterjs-editor-types/lib/compatibleEnum/KnownAnnounceStrings.ts");
+Object.defineProperty(exports, "CompatibleKnownAnnounceStrings", ({ enumerable: true, get: function () { return KnownAnnounceStrings_1.CompatibleKnownAnnounceStrings; } }));
 var KnownCreateElementDataIndex_1 = __webpack_require__(/*! ./KnownCreateElementDataIndex */ "./packages/roosterjs-editor-types/lib/compatibleEnum/KnownCreateElementDataIndex.ts");
 Object.defineProperty(exports, "CompatibleKnownCreateElementDataIndex", ({ enumerable: true, get: function () { return KnownCreateElementDataIndex_1.CompatibleKnownCreateElementDataIndex; } }));
 var KnownPasteSourceType_1 = __webpack_require__(/*! ./KnownPasteSourceType */ "./packages/roosterjs-editor-types/lib/compatibleEnum/KnownPasteSourceType.ts");
@@ -33589,6 +33971,16 @@ var ExperimentalFeatures;
      * Trigger formatting by a especial characters. Ex: (A), 1. i).
      */
     ExperimentalFeatures["AutoFormatList"] = "AutoFormatList";
+    /**
+     * @deprecated This feature is always enabled
+     * Add entities around a Read Only  Inline entity to prevent cursor to be hidden when cursor is next of it.
+     */
+    ExperimentalFeatures["InlineEntityReadOnlyDelimiters"] = "InlineEntityReadOnlyDelimiters";
+    /**
+     * @deprecated This feature is always enabled
+     * Paste with Content model
+     */
+    ExperimentalFeatures["ContentModelPaste"] = "ContentModelPaste";
     //#endregion
     /**
      * Provide additional Tab Key Features. Requires Text Features Content Editable Features
@@ -33605,14 +33997,6 @@ var ExperimentalFeatures;
      * Delete table with Backspace key with the whole was selected with table selector
      */
     ExperimentalFeatures["DeleteTableWithBackspace"] = "DeleteTableWithBackspace";
-    /**
-     * Add entities around a Read Only  Inline entity to prevent cursor to be hidden when cursor is next of it.
-     */
-    ExperimentalFeatures["InlineEntityReadOnlyDelimiters"] = "InlineEntityReadOnlyDelimiters";
-    /**
-     * Paste with Content model
-     */
-    ExperimentalFeatures["ContentModelPaste"] = "ContentModelPaste";
     /**
      * Disable list chain functionality
      */
@@ -33843,6 +34227,43 @@ var Keys;
 })(Keys = exports.Keys || (exports.Keys = {}));
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-editor-types/lib/enum/KnownAnnounceStrings.ts":
+/*!**************************************************************************!*\
+  !*** ./packages/roosterjs-editor-types/lib/enum/KnownAnnounceStrings.ts ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.KnownAnnounceStrings = void 0;
+/**
+ * Known announce strings
+ */
+var KnownAnnounceStrings;
+(function (KnownAnnounceStrings) {
+    /**
+     * String announced for a list item in a OL List
+     * @example
+     * Auto corrected, &lcub;0&rcub;
+     * Where &lcub0&rcub is the new list item bullet
+     */
+    KnownAnnounceStrings[KnownAnnounceStrings["AnnounceListItemNumbering"] = 1] = "AnnounceListItemNumbering";
+    /**
+     * String announced for a list item in a UL List
+     * @example
+     * Auto corrected bullet
+     */
+    KnownAnnounceStrings[KnownAnnounceStrings["AnnounceListItemBullet"] = 2] = "AnnounceListItemBullet";
+    /**
+     * String announced when cursor is moved to the last cell in a table
+     */
+    KnownAnnounceStrings[KnownAnnounceStrings["AnnounceOnFocusLastCell"] = 3] = "AnnounceOnFocusLastCell";
+})(KnownAnnounceStrings = exports.KnownAnnounceStrings || (exports.KnownAnnounceStrings = {}));
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-editor-types/lib/enum/KnownCreateElementDataIndex.ts":
@@ -34635,7 +35056,9 @@ var TableOperation;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.PasteType = exports.DefinitionType = exports.BulletListType = exports.NumberingListType = exports.SelectionRangeTypes = exports.PluginEventType = exports.TableBorderFormat = exports.KnownPasteSourceType = exports.KnownCreateElementDataIndex = exports.ClearFormatMode = exports.ImageEditOperation = exports.TableOperation = exports.RegionType = exports.QueryScope = exports.PositionType = exports.ListType = exports.Capitalization = exports.Indentation = exports.GetContentMode = exports.FontSizeChange = exports.ExperimentalFeatures = exports.EntityOperation = exports.EntityClasses = exports.Direction = exports.DelimiterClasses = exports.DarkModeDatasetNames = exports.ContentPosition = exports.ColorTransformDirection = exports.ChangeSource = exports.Alignment = exports.ContentType = exports.ContentTypePrefix = exports.NodeType = exports.Keys = exports.DocumentPosition = exports.DocumentCommand = void 0;
+exports.PasteType = exports.DefinitionType = exports.BulletListType = exports.NumberingListType = exports.SelectionRangeTypes = exports.PluginEventType = exports.TableBorderFormat = exports.KnownPasteSourceType = exports.KnownCreateElementDataIndex = exports.ClearFormatMode = exports.ImageEditOperation = exports.TableOperation = exports.RegionType = exports.QueryScope = exports.PositionType = exports.ListType = exports.Capitalization = exports.Indentation = exports.GetContentMode = exports.FontSizeChange = exports.ExperimentalFeatures = exports.EntityOperation = exports.EntityClasses = exports.Direction = exports.DelimiterClasses = exports.DarkModeDatasetNames = exports.ContentPosition = exports.ColorTransformDirection = exports.ChangeSource = exports.Alignment = exports.ContentType = exports.ContentTypePrefix = exports.NodeType = exports.Keys = exports.DocumentPosition = exports.DocumentCommand = exports.KnownAnnounceStrings = void 0;
+var KnownAnnounceStrings_1 = __webpack_require__(/*! ./KnownAnnounceStrings */ "./packages/roosterjs-editor-types/lib/enum/KnownAnnounceStrings.ts");
+Object.defineProperty(exports, "KnownAnnounceStrings", ({ enumerable: true, get: function () { return KnownAnnounceStrings_1.KnownAnnounceStrings; } }));
 var DocumentCommand_1 = __webpack_require__(/*! ./DocumentCommand */ "./packages/roosterjs-editor-types/lib/enum/DocumentCommand.ts");
 Object.defineProperty(exports, "DocumentCommand", ({ enumerable: true, get: function () { return DocumentCommand_1.DocumentCommand; } }));
 var DocumentPosition_1 = __webpack_require__(/*! ./DocumentPosition */ "./packages/roosterjs-editor-types/lib/enum/DocumentPosition.ts");
@@ -34779,9 +35202,9 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
+var roosterjs_editor_plugins_1 = __webpack_require__(/*! roosterjs-editor-plugins */ "./packages/roosterjs-editor-plugins/lib/index.ts");
 var roosterjs_editor_core_1 = __webpack_require__(/*! roosterjs-editor-core */ "./packages/roosterjs-editor-core/lib/index.ts");
 var roosterjs_color_utils_1 = __webpack_require__(/*! roosterjs-color-utils */ "./packages/roosterjs-color-utils/lib/index.ts");
-var roosterjs_editor_plugins_1 = __webpack_require__(/*! roosterjs-editor-plugins */ "./packages/roosterjs-editor-plugins/lib/index.ts");
 /**
  * Create an editor instance with most common options
  * @param contentDiv The html div element needed for creating the editor