roosterjs 8.55.0 → 8.56.0

package/dist/rooster-amd.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for roosterjs (Version 8.55.0)
+// Type definitions for roosterjs (Version 8.56.0)
 // Generated by dts tool from roosterjs
 // Project: https://github.com/Microsoft/roosterjs
 
@@ -2956,6 +2956,10 @@ export interface DOMEventPluginState {
      * Image selection range
      */
     imageSelectionRange: ImageSelectionRange | null;
+    /**
+     * When set to true, onFocus event will not trigger reselect cached range
+     */
+    skipReselectOnFocus?: boolean;
 }
 
 /**
@@ -3845,13 +3849,14 @@ export const enum ExperimentalFeatures {
      */
     EditWithContentModel = "EditWithContentModel",
     /**
-     * Provide additional Tab Key Features. Requires Text Features Content Editable Features
-     */
-    TabKeyTextFeatures = "TabKeyTextFeatures",
-    /**
+     * @deprecated This feature is always enabled
      * Trigger formatting by a especial characters. Ex: (A), 1. i).
      */
     AutoFormatList = "AutoFormatList",
+    /**
+     * Provide additional Tab Key Features. Requires Text Features Content Editable Features
+     */
+    TabKeyTextFeatures = "TabKeyTextFeatures",
     /**
      * With this feature enabled, when writing back a list item we will re-use all
      * ancestor list elements, even if they don't match the types currently in the
@@ -8660,13 +8665,14 @@ export enum CompatibleExperimentalFeatures {
      */
     EditWithContentModel = "EditWithContentModel",
     /**
-     * Provide additional Tab Key Features. Requires Text Features Content Editable Features
-     */
-    TabKeyTextFeatures = "TabKeyTextFeatures",
-    /**
+     * @deprecated This feature is always enabled
      * Trigger formatting by a especial characters. Ex: (A), 1. i).
      */
     AutoFormatList = "AutoFormatList",
+    /**
+     * Provide additional Tab Key Features. Requires Text Features Content Editable Features
+     */
+    TabKeyTextFeatures = "TabKeyTextFeatures",
     /**
      * With this feature enabled, when writing back a list item we will re-use all
      * ancestor list elements, even if they don't match the types currently in the

package/dist/rooster-amd.js

@@ -4666,9 +4666,7 @@ function toggleListType(editor, listType, startNumber, includeSiblingLists, orde
             : (0, roosterjs_editor_dom_1.createVListFromRegion)(region, startNumber === 1 ? false : includeSiblingLists);
         if (vList && start && end) {
             vList.changeListType(start, end, listType);
-            if (editor.isFeatureEnabled("AutoFormatList" /* AutoFormatList */)) {
-                vList.setListStyleType(orderedStyle, unorderedStyle);
-            }
+            vList.setListStyleType(orderedStyle, unorderedStyle);
             vList.writeBack(editor.isFeatureEnabled("ReuseAllAncestorListElements" /* ReuseAllAncestorListElements */), editor.isFeatureEnabled("DisableListChain" /* DisableListChain */));
         }
     }, undefined /* beforeRunCallback */, apiNameOverride || 'toggleListType');
@@ -5815,6 +5813,27 @@ var roosterjs_editor_dom_1 = __webpack_require__(/*! roosterjs-editor-dom */ "./
  * @param arg4 (optional) An offset number, or a PositionType
  */
 var select = function (core, arg1, arg2, arg3, arg4) {
+    var rangeEx = buildRangeEx(core, arg1, arg2, arg3, arg4);
+    if (rangeEx) {
+        var skipReselectOnFocus = core.domEvent.skipReselectOnFocus;
+        // We are applying a new selection, so we don't need to apply cached selection in DOMEventPlugin.
+        // Set skipReselectOnFocus to skip this behavior
+        core.domEvent.skipReselectOnFocus = true;
+        try {
+            applyRangeEx(core, rangeEx);
+        }
+        finally {
+            core.domEvent.skipReselectOnFocus = skipReselectOnFocus;
+        }
+    }
+    else {
+        core.domEvent.tableSelectionRange = core.api.selectTable(core, null);
+        core.domEvent.imageSelectionRange = core.api.selectImage(core, null);
+    }
+    return !!rangeEx;
+};
+exports.select = select;
+function buildRangeEx(core, arg1, arg2, arg3, arg4) {
     var rangeEx = null;
     if (isSelectionRangeEx(arg1)) {
         rangeEx = arg1;
@@ -5854,45 +5873,40 @@ var select = function (core, arg1, arg2, arg3, arg4) {
             }
             : null;
     }
-    if (rangeEx) {
-        switch (rangeEx.type) {
-            case 1 /* TableSelection */:
-                if ((0, roosterjs_editor_dom_1.contains)(core.contentDiv, rangeEx.table)) {
-                    core.domEvent.imageSelectionRange = core.api.selectImage(core, null);
-                    core.domEvent.tableSelectionRange = core.api.selectTable(core, rangeEx.table, rangeEx.coordinates);
-                    rangeEx = core.domEvent.tableSelectionRange;
-                }
-                break;
-            case 2 /* ImageSelection */:
-                if ((0, roosterjs_editor_dom_1.contains)(core.contentDiv, rangeEx.image)) {
-                    core.domEvent.tableSelectionRange = core.api.selectTable(core, null);
-                    core.domEvent.imageSelectionRange = core.api.selectImage(core, rangeEx.image);
-                    rangeEx = core.domEvent.imageSelectionRange;
-                }
-                break;
-            case 0 /* Normal */:
-                core.domEvent.tableSelectionRange = core.api.selectTable(core, null);
+    return rangeEx;
+}
+function applyRangeEx(core, rangeEx) {
+    switch (rangeEx === null || rangeEx === void 0 ? void 0 : rangeEx.type) {
+        case 1 /* TableSelection */:
+            if ((0, roosterjs_editor_dom_1.contains)(core.contentDiv, rangeEx.table)) {
                 core.domEvent.imageSelectionRange = core.api.selectImage(core, null);
-                if ((0, roosterjs_editor_dom_1.contains)(core.contentDiv, rangeEx.ranges[0])) {
-                    core.api.selectRange(core, rangeEx.ranges[0]);
-                }
-                else {
-                    rangeEx = null;
-                }
-                break;
-        }
-        core.api.triggerEvent(core, {
-            eventType: 22 /* SelectionChanged */,
-            selectionRangeEx: rangeEx,
-        }, true /** broadcast **/);
-    }
-    else {
-        core.domEvent.tableSelectionRange = core.api.selectTable(core, null);
-        core.domEvent.imageSelectionRange = core.api.selectImage(core, null);
+                core.domEvent.tableSelectionRange = core.api.selectTable(core, rangeEx.table, rangeEx.coordinates);
+                rangeEx = core.domEvent.tableSelectionRange;
+            }
+            break;
+        case 2 /* ImageSelection */:
+            if ((0, roosterjs_editor_dom_1.contains)(core.contentDiv, rangeEx.image)) {
+                core.domEvent.tableSelectionRange = core.api.selectTable(core, null);
+                core.domEvent.imageSelectionRange = core.api.selectImage(core, rangeEx.image);
+                rangeEx = core.domEvent.imageSelectionRange;
+            }
+            break;
+        case 0 /* Normal */:
+            core.domEvent.tableSelectionRange = core.api.selectTable(core, null);
+            core.domEvent.imageSelectionRange = core.api.selectImage(core, null);
+            if ((0, roosterjs_editor_dom_1.contains)(core.contentDiv, rangeEx.ranges[0])) {
+                core.api.selectRange(core, rangeEx.ranges[0]);
+            }
+            else {
+                rangeEx = null;
+            }
+            break;
     }
-    return !!rangeEx;
-};
-exports.select = select;
+    core.api.triggerEvent(core, {
+        eventType: 22 /* SelectionChanged */,
+        selectionRangeEx: rangeEx,
+    }, true /** broadcast **/);
+}
 function isSelectionRangeEx(obj) {
     var rangeEx = obj;
     return (rangeEx &&
@@ -6837,16 +6851,18 @@ var DOMEventPlugin = /** @class */ (function () {
         };
         this.onFocus = function () {
             var _a, _b, _c;
-            var _d = _this.state.tableSelectionRange || {}, table = _d.table, coordinates = _d.coordinates;
-            var image = (_this.state.imageSelectionRange || {}).image;
-            if (table && coordinates) {
-                (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.select(table, coordinates);
-            }
-            else if (image) {
-                (_b = _this.editor) === null || _b === void 0 ? void 0 : _b.select(image);
-            }
-            else if (_this.state.selectionRange) {
-                (_c = _this.editor) === null || _c === void 0 ? void 0 : _c.select(_this.state.selectionRange);
+            if (!_this.state.skipReselectOnFocus) {
+                var _d = _this.state.tableSelectionRange || {}, table = _d.table, coordinates = _d.coordinates;
+                var image = (_this.state.imageSelectionRange || {}).image;
+                if (table && coordinates) {
+                    (_a = _this.editor) === null || _a === void 0 ? void 0 : _a.select(table, coordinates);
+                }
+                else if (image) {
+                    (_b = _this.editor) === null || _b === void 0 ? void 0 : _b.select(image);
+                }
+                else if (_this.state.selectionRange) {
+                    (_c = _this.editor) === null || _c === void 0 ? void 0 : _c.select(_this.state.selectionRange);
+                }
             }
             _this.state.selectionRange = null;
         };
@@ -22053,77 +22069,23 @@ var OutdentWhenEnterOnEmptyLine = {
     defaultDisabled: !roosterjs_editor_dom_1.Browser.isIE && !roosterjs_editor_dom_1.Browser.isChrome,
 };
 /**
- * Validate if a block of text is considered a list pattern
- * The regex expression will look for patterns of the form:
- * 1.  1>  1)  1-  (1)
- * @returns if a text is considered a list pattern
- */
-function isAListPattern(textBeforeCursor) {
-    var REGEX = /^(\*|-|[0-9]{1,2}\.|[0-9]{1,2}\>|[0-9]{1,2}\)|[0-9]{1,2}\-|\([0-9]{1,2}\))$/;
-    return REGEX.test(textBeforeCursor);
-}
-/**
- * AutoBullet edit feature, provides the ability to automatically convert current line into a list.
- * When user input "1. ", convert into a numbering list
- * When user input "- " or "* ", convert into a bullet list
+ * @deprecated Use AutoBulletList and AutoNumberingList instead
  */
 var AutoBullet = {
     keys: [32 /* SPACE */],
     shouldHandleEvent: function (event, editor) {
-        var searcher;
-        if (!cacheGetListElement(event, editor) &&
-            !editor.isFeatureEnabled("AutoFormatList" /* AutoFormatList */) &&
-            (searcher = editor.getContentSearcherOfCursor(event))) {
-            var textBeforeCursor = searcher.getSubStringBefore(4);
-            // Auto list is triggered if:
-            // 1. Text before cursor exactly matches '*', '-' or '1.'
-            // 2. There's no non-text inline entities before cursor
-            return isAListPattern(textBeforeCursor) && !searcher.getNearestNonTextInlineElement();
-        }
         return false;
     },
-    handleEvent: function (event, editor) {
-        editor.insertContent(' ');
-        event.rawEvent.preventDefault();
-        editor.addUndoSnapshot(function () {
-            var _a;
-            var regions;
-            var searcher = editor.getContentSearcherOfCursor();
-            if (!searcher) {
-                return;
-            }
-            var textBeforeCursor = searcher.getSubStringBefore(4);
-            var textRange = searcher.getRangeFromText(textBeforeCursor, true /*exactMatch*/);
-            if (!textRange) {
-                // no op if the range can't be found
-            }
-            else if (textBeforeCursor.indexOf('*') == 0 ||
-                textBeforeCursor.indexOf('-') == 0) {
-                prepareAutoBullet(editor, textRange);
-                (0, roosterjs_editor_api_1.toggleBullet)(editor);
-            }
-            else if (isAListPattern(textBeforeCursor)) {
-                prepareAutoBullet(editor, textRange);
-                (0, roosterjs_editor_api_1.toggleNumbering)(editor);
-            }
-            else if ((regions = editor.getSelectedRegions()) && regions.length == 1) {
-                var num = parseInt(textBeforeCursor);
-                prepareAutoBullet(editor, textRange);
-                (0, roosterjs_editor_api_1.toggleNumbering)(editor, num);
-            }
-            (_a = searcher.getRangeFromText(textBeforeCursor, true /*exactMatch*/)) === null || _a === void 0 ? void 0 : _a.deleteContents();
-        }, undefined /*changeSource*/, true /*canUndoByBackspace*/);
-    },
+    handleEvent: function (event, editor) { },
+    defaultDisabled: true,
 };
 /**
- * Requires @see ExperimentalFeatures.AutoFormatList to be enabled
  * AutoBulletList edit feature, provides the ability to automatically convert current line into a bullet list.
  */
 var AutoBulletList = {
     keys: [32 /* SPACE */],
     shouldHandleEvent: function (event, editor) {
-        if (!cacheGetListElement(event, editor) &&
-            editor.isFeatureEnabled("AutoFormatList" /* AutoFormatList */)) {
+        if (!cacheGetListElement(event, editor)) {
             return shouldTriggerList(event, editor, getAutoBulletListStyle_1.default, 2 /* Unordered */);
         }
         return false;
@@ -22149,14 +22111,12 @@ var AutoBulletList = {
     },
 };
 /**
- * Requires @see ExperimentalFeatures.AutoFormatList to be enabled
  * AutoNumberingList edit feature, provides the ability to automatically convert current line into a numbering list.
  */
 var AutoNumberingList = {
     keys: [32 /* SPACE */],
     shouldHandleEvent: function (event, editor) {
-        if (!cacheGetListElement(event, editor) &&
-            editor.isFeatureEnabled("AutoFormatList" /* AutoFormatList */)) {
+        if (!cacheGetListElement(event, editor)) {
             return shouldTriggerList(event, editor, getAutoNumberingListStyle_1.default, 1 /* Ordered */);
         }
         return false;
@@ -24506,7 +24466,7 @@ var ImageEdit = /** @class */ (function () {
                     mode: 'open',
                 });
                 this.shadowSpan.style.verticalAlign = 'bottom';
-                this.shadowSpan.style.fontSize = '24px';
+                wrapper.style.fontSize = '24px';
                 shadowRoot.appendChild(wrapper);
             }
         }
@@ -25639,30 +25599,31 @@ function updateRotateHandleState(editorRect, angleRad, wrapper, rotateCenter, ro
     else {
         rotateCenter.style.display = '';
         rotateHandle.style.display = '';
-        var rotateHandleRect = rotateHandle.getBoundingClientRect();
+        var rotateCenterRect = rotateCenter.getBoundingClientRect();
         var wrapperRect = wrapper.getBoundingClientRect();
-        if (rotateHandleRect && wrapperRect) {
+        var ROTATOR_HEIGHT = constants_1.ROTATE_SIZE + constants_1.ROTATE_GAP + constants_1.RESIZE_HANDLE_MARGIN;
+        if (rotateCenterRect && wrapperRect) {
             var adjustedDistance = Number.MAX_SAFE_INTEGER;
             var angle = angleRad * constants_1.DEG_PER_RAD;
-            if (angle < 45 && angle > -45 && wrapperRect.top - editorRect.top < constants_1.ROTATE_GAP) {
-                var top_1 = rotateHandleRect.top - editorRect.top;
+            if (angle < 45 && angle > -45 && wrapperRect.top - editorRect.top < ROTATOR_HEIGHT) {
+                var top_1 = rotateCenterRect.top - editorRect.top;
                 adjustedDistance = top_1;
             }
             else if (angle <= -80 &&
                 angle >= -100 &&
-                wrapperRect.left - editorRect.left < constants_1.ROTATE_GAP) {
-                var left = rotateHandleRect.left - editorRect.left;
+                wrapperRect.left - editorRect.left < ROTATOR_HEIGHT) {
+                var left = rotateCenterRect.left - editorRect.left;
                 adjustedDistance = left;
             }
             else if (angle >= 80 &&
                 angle <= 100 &&
-                editorRect.right - wrapperRect.right < constants_1.ROTATE_GAP) {
-                var right = rotateHandleRect.right - editorRect.right;
+                editorRect.right - wrapperRect.right < ROTATOR_HEIGHT) {
+                var right = rotateCenterRect.right - editorRect.right;
                 adjustedDistance = Math.min(editorRect.right - wrapperRect.right, right);
             }
             else if ((angle <= -160 || angle >= 160) &&
-                editorRect.bottom - wrapperRect.bottom < constants_1.ROTATE_GAP) {
-                var bottom = rotateHandleRect.bottom - editorRect.bottom;
+                editorRect.bottom - wrapperRect.bottom < ROTATOR_HEIGHT) {
+                var bottom = rotateCenterRect.bottom - editorRect.bottom;
                 adjustedDistance = Math.min(editorRect.bottom - wrapperRect.bottom, bottom);
             }
             var rotateGap = Math.max(Math.min(constants_1.ROTATE_GAP, adjustedDistance), 0);
@@ -29979,6 +29940,19 @@ var TableInsertHandler = /** @class */ (function () {
             vtable.edit(_this.isHorizontal ? 1 /* InsertBelow */ : 3 /* InsertRight */);
             vtable.writeBack();
             _this.onInsert(vtable.table);
+            // Select newly inserted row or column
+            if (vtable.row != undefined && vtable.col != undefined && vtable.cells) {
+                var inserted = _this.isHorizontal
+                    ? {
+                        firstCell: { x: 0, y: vtable.row + 1 },
+                        lastCell: { x: vtable.cells[vtable.row].length - 1, y: vtable.row + 1 },
+                    }
+                    : {
+                        firstCell: { x: vtable.col + 1, y: 0 },
+                        lastCell: { x: vtable.col + 1, y: vtable.cells.length - 1 },
+                    };
+                _this.editor.select(vtable.table, inserted);
+            }
         };
         this.div.addEventListener('click', this.insertTd);
         this.onMouseOutEvent = getOnMouseOut(div);
@@ -31440,15 +31414,16 @@ var CompatibleExperimentalFeatures;
      * Handle keyboard editing event with Content Model
      */
     CompatibleExperimentalFeatures["EditWithContentModel"] = "EditWithContentModel";
+    /**
+     * @deprecated This feature is always enabled
+     * Trigger formatting by a especial characters. Ex: (A), 1. i).
+     */
+    CompatibleExperimentalFeatures["AutoFormatList"] = "AutoFormatList";
     //#endregion
     /**
      * Provide additional Tab Key Features. Requires Text Features Content Editable Features
      */
     CompatibleExperimentalFeatures["TabKeyTextFeatures"] = "TabKeyTextFeatures";
-    /**
-     * Trigger formatting by a especial characters. Ex: (A), 1. i).
-     */
-    CompatibleExperimentalFeatures["AutoFormatList"] = "AutoFormatList";
     /**
      * With this feature enabled, when writing back a list item we will re-use all
      * ancestor list elements, even if they don't match the types currently in the
@@ -33609,15 +33584,16 @@ var ExperimentalFeatures;
      * Handle keyboard editing event with Content Model
      */
     ExperimentalFeatures["EditWithContentModel"] = "EditWithContentModel";
+    /**
+     * @deprecated This feature is always enabled
+     * Trigger formatting by a especial characters. Ex: (A), 1. i).
+     */
+    ExperimentalFeatures["AutoFormatList"] = "AutoFormatList";
     //#endregion
     /**
      * Provide additional Tab Key Features. Requires Text Features Content Editable Features
      */
     ExperimentalFeatures["TabKeyTextFeatures"] = "TabKeyTextFeatures";
-    /**
-     * Trigger formatting by a especial characters. Ex: (A), 1. i).
-     */
-    ExperimentalFeatures["AutoFormatList"] = "AutoFormatList";
     /**
      * With this feature enabled, when writing back a list item we will re-use all
      * ancestor list elements, even if they don't match the types currently in the