roosterjs 9.58.0 → 9.59.0

package/dist/rooster.js

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