roosterjs 9.10.0 → 9.11.2

package/dist/rooster.js

@@ -2427,8 +2427,16 @@ function setModelIndentation(model, indentation, length, context) {
             }
             else if (block.levels.length == 1 || !isMultilevelSelection(model, block, parent)) {
                 if (isIndent) {
-                    var lastLevel = block.levels[block.levels.length - 1];
-                    var newLevel = (0, roosterjs_content_model_dom_1.createListLevel)((lastLevel === null || lastLevel === void 0 ? void 0 : lastLevel.listType) || 'UL', lastLevel === null || lastLevel === void 0 ? void 0 : lastLevel.format);
+                    var threadIdx = thread.indexOf(block);
+                    var previousItem = thread[threadIdx - 1];
+                    var nextItem = thread[threadIdx + 1];
+                    var levelLength = block.levels.length;
+                    var lastLevel = block.levels[levelLength - 1];
+                    var newLevel = (0, roosterjs_content_model_dom_1.createListLevel)((lastLevel === null || lastLevel === void 0 ? void 0 : lastLevel.listType) || 'UL', lastLevel === null || lastLevel === void 0 ? void 0 : lastLevel.format, previousItem && previousItem.levels.length > levelLength
+                        ? previousItem.levels[levelLength].dataset
+                        : nextItem && nextItem.levels.length > levelLength
+                            ? nextItem.levels[levelLength].dataset
+                            : undefined);
                     (0, roosterjs_content_model_dom_1.updateListMetadata)(newLevel, function (metadata) {
                         metadata = metadata || {};
                         metadata.applyListStyleFromLevel = true;
@@ -2603,6 +2611,7 @@ var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-mo
  * @internal
  */
 function clearModelFormat(model, blocksToClear, segmentsToClear, tablesToClear) {
+    var pendingStructureChange = false;
     (0, roosterjs_content_model_dom_1.iterateSelections)(model, function (path, tableContext, block, segments) {
         if (segments) {
             if ((block === null || block === void 0 ? void 0 : block.blockType) == 'Paragraph') {
@@ -2634,14 +2643,14 @@ function clearModelFormat(model, blocksToClear, segmentsToClear, tablesToClear)
         isOnlySelectionMarkerSelected(blocksToClear[0][1]) &&
         blocksToClear.length == 1) {
         segmentsToClear.splice.apply(segmentsToClear, (0, tslib_1.__spreadArray)([0, segmentsToClear.length], (0, tslib_1.__read)((0, adjustWordSelection_1.adjustWordSelection)(model, marker)), false));
-        clearListFormat(blocksToClear[0][0]);
+        pendingStructureChange = clearListFormat(blocksToClear[0][0]) || pendingStructureChange;
     }
     else if (blocksToClear.length > 1 || blocksToClear.some(function (x) { return isWholeBlockSelected(x[1]); })) {
         // 2. If a full block or multiple blocks are selected, clear block format
         for (var i = blocksToClear.length - 1; i >= 0; i--) {
             var _a = (0, tslib_1.__read)(blocksToClear[i], 2), path = _a[0], block = _a[1];
             clearBlockFormat(path, block);
-            clearListFormat(path);
+            pendingStructureChange = clearListFormat(path) || pendingStructureChange;
             clearContainerFormat(path, block);
         }
     }
@@ -2649,6 +2658,7 @@ function clearModelFormat(model, blocksToClear, segmentsToClear, tablesToClear)
     clearSegmentsFormat(segmentsToClear, model.format);
     // 4. Clear format for table if any
     createTablesFormat(tablesToClear);
+    return pendingStructureChange;
 }
 exports.clearModelFormat = clearModelFormat;
 function createTablesFormat(tablesToClear) {
@@ -2708,6 +2718,10 @@ function clearListFormat(path) {
     var listItem = path[(0, roosterjs_content_model_dom_1.getClosestAncestorBlockGroupIndex)(path, ['ListItem'], ['TableCell'])];
     if (listItem) {
         (0, roosterjs_content_model_dom_1.mutateBlock)(listItem).levels = [];
+        return true;
+    }
+    else {
+        return false;
     }
 }
 function clearBlockFormat(path, block) {
@@ -4930,6 +4944,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.clearFormat = void 0;
 var clearModelFormat_1 = __webpack_require__(/*! ../../modelApi/common/clearModelFormat */ "./packages/roosterjs-content-model-api/lib/modelApi/common/clearModelFormat.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var MAX_TRY = 3;
 /**
  * Clear format of selection
  * @param editor The editor to clear format from
@@ -4937,12 +4952,22 @@ var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-mo
 function clearFormat(editor) {
     editor.focus();
     editor.formatContentModel(function (model) {
-        var blocksToClear = [];
-        var segmentsToClear = [];
-        var tablesToClear = [];
-        (0, clearModelFormat_1.clearModelFormat)(model, blocksToClear, segmentsToClear, tablesToClear);
-        (0, roosterjs_content_model_dom_1.normalizeContentModel)(model);
-        return (blocksToClear.length > 0 || segmentsToClear.length > 0 || tablesToClear.length > 0);
+        var changed = false;
+        var needtoRun = true;
+        var triedTimes = 0;
+        while (needtoRun && triedTimes++ < MAX_TRY) {
+            var blocksToClear = [];
+            var segmentsToClear = [];
+            var tablesToClear = [];
+            needtoRun = (0, clearModelFormat_1.clearModelFormat)(model, blocksToClear, segmentsToClear, tablesToClear);
+            (0, roosterjs_content_model_dom_1.normalizeContentModel)(model);
+            changed =
+                changed ||
+                    blocksToClear.length > 0 ||
+                    segmentsToClear.length > 0 ||
+                    tablesToClear.length > 0;
+        }
+        return changed;
     }, {
         apiName: 'clearFormat',
     });
@@ -10372,8 +10397,8 @@ var DomIndexerImpl = /** @class */ (function () {
     };
     DomIndexerImpl.prototype.reconcileTextSelection = function (textNode, startOffset, endOffset) {
         var _a;
-        var _b;
-        var _c = textNode.__roosterjsContentModel, paragraph = _c.paragraph, segments = _c.segments;
+        var _b, _c;
+        var _d = textNode.__roosterjsContentModel, paragraph = _d.paragraph, segments = _d.segments;
         var first = segments[0];
         var last = segments[segments.length - 1];
         var selectable;
@@ -10395,6 +10420,14 @@ var DomIndexerImpl = /** @class */ (function () {
                 if (endOffset === undefined) {
                     var marker = (0, roosterjs_content_model_dom_1.createSelectionMarker)(first.format);
                     newSegments.push(marker);
+                    if (startOffset < ((_b = textNode.nodeValue) !== null && _b !== void 0 ? _b : '').length) {
+                        if (first.link) {
+                            (0, roosterjs_content_model_dom_1.addLink)(marker, first.link);
+                        }
+                        if (first.code) {
+                            (0, roosterjs_content_model_dom_1.addCode)(marker, first.code);
+                        }
+                    }
                     selectable = marker;
                     endOffset = startOffset;
                 }
@@ -10436,7 +10469,7 @@ var DomIndexerImpl = /** @class */ (function () {
             var isBefore = wrapper.previousSibling == delimiter;
             var isAfter = wrapper.nextSibling == delimiter;
             if (index >= 0 && delimiter && (0, roosterjs_content_model_dom_1.isEntityDelimiter)(delimiter) && (isBefore || isAfter)) {
-                var marker = (0, roosterjs_content_model_dom_1.createSelectionMarker)(((_b = paragraph.segments[isAfter ? index + 1 : index - 1]) !== null && _b !== void 0 ? _b : first).format);
+                var marker = (0, roosterjs_content_model_dom_1.createSelectionMarker)(((_c = paragraph.segments[isAfter ? index + 1 : index - 1]) !== null && _c !== void 0 ? _c : first).format);
                 paragraph.segments.splice(isAfter ? index + 1 : index, 0, marker);
                 selectable = marker;
             }
@@ -10849,10 +10882,12 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createCopyPastePlugin = exports.preprocessTable = exports.onNodeCreated = exports.adjustSelectionForCopyCut = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var addRangeToSelection_1 = __webpack_require__(/*! ../../coreApi/setDOMSelection/addRangeToSelection */ "./packages/roosterjs-content-model-core/lib/coreApi/setDOMSelection/addRangeToSelection.ts");
-var deleteEmptyList_1 = __webpack_require__(/*! ./deleteEmptyList */ "./packages/roosterjs-content-model-core/lib/corePlugin/copyPaste/deleteEmptyList.ts");
+var adjustImageSelectionOnSafari_1 = __webpack_require__(/*! ./utils/adjustImageSelectionOnSafari */ "./packages/roosterjs-content-model-core/lib/corePlugin/copyPaste/utils/adjustImageSelectionOnSafari.ts");
+var deleteEmptyList_1 = __webpack_require__(/*! ./utils/deleteEmptyList */ "./packages/roosterjs-content-model-core/lib/corePlugin/copyPaste/utils/deleteEmptyList.ts");
 var pasteCopyBlockEntityParser_1 = __webpack_require__(/*! ../../override/pasteCopyBlockEntityParser */ "./packages/roosterjs-content-model-core/lib/override/pasteCopyBlockEntityParser.ts");
 var paste_1 = __webpack_require__(/*! ../../command/paste/paste */ "./packages/roosterjs-content-model-core/lib/command/paste/paste.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var TEMP_DIV_ID = 'roosterJS_copyCutTempDiv';
 /**
  * Copy and paste plugin for handling onCopy and onPaste event
  */
@@ -10939,6 +10974,7 @@ var CopyPastePlugin = /** @class */ (function () {
         }
         var doc = this.editor.getDocument();
         var selection = this.editor.getDOMSelection();
+        (0, adjustImageSelectionOnSafari_1.adjustImageSelectionOnSafari)(this.editor, selection);
         if (selection && (selection.type != 'range' || !selection.range.collapsed)) {
             var pasteModel = this.editor.getContentModelCopy('disconnected');
             if (selection.type === 'table') {
@@ -11015,6 +11051,7 @@ var CopyPastePlugin = /** @class */ (function () {
         div.style.color = 'black';
         div.childNodes.forEach(function (node) { return div.removeChild(node); });
         div.style.display = '';
+        div.id = TEMP_DIV_ID;
         div.focus();
         return div;
     };
@@ -11116,10 +11153,41 @@ exports.createCopyPastePlugin = createCopyPastePlugin;
 
 /***/ }),
 
-/***/ "./packages/roosterjs-content-model-core/lib/corePlugin/copyPaste/deleteEmptyList.ts":
-/*!*******************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-core/lib/corePlugin/copyPaste/deleteEmptyList.ts ***!
-  \*******************************************************************************************/
+/***/ "./packages/roosterjs-content-model-core/lib/corePlugin/copyPaste/utils/adjustImageSelectionOnSafari.ts":
+/*!**************************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-core/lib/corePlugin/copyPaste/utils/adjustImageSelectionOnSafari.ts ***!
+  \**************************************************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.adjustImageSelectionOnSafari = void 0;
+/**
+ * @internal
+ * Adjust Image selection, so the copy by keyboard does not remove image selection.
+ */
+function adjustImageSelectionOnSafari(editor, selection) {
+    if (editor.getEnvironment().isSafari && (selection === null || selection === void 0 ? void 0 : selection.type) == 'image') {
+        var range = new Range();
+        range.setStartBefore(selection.image);
+        range.setEndAfter(selection.image);
+        editor.setDOMSelection({
+            range: range,
+            type: 'range',
+            isReverted: false,
+        });
+    }
+}
+exports.adjustImageSelectionOnSafari = adjustImageSelectionOnSafari;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-core/lib/corePlugin/copyPaste/utils/deleteEmptyList.ts":
+/*!*************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-core/lib/corePlugin/copyPaste/utils/deleteEmptyList.ts ***!
+  \*************************************************************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -14152,6 +14220,12 @@ var DOMHelperImpl = /** @class */ (function () {
         var paddingRight = (0, roosterjs_content_model_dom_1.parseValueWithUnit)(style === null || style === void 0 ? void 0 : style.paddingRight);
         return this.contentDiv.clientWidth - (paddingLeft + paddingRight);
     };
+    /**
+     * Get a deep cloned root element
+     */
+    DOMHelperImpl.prototype.getClonedRoot = function () {
+        return this.contentDiv.cloneNode(true /*deep*/);
+    };
     return DOMHelperImpl;
 }());
 /**
@@ -15692,18 +15766,27 @@ exports.blockProcessor = blockProcessor;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.brProcessor = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var addSegment_1 = __webpack_require__(/*! ../../modelApi/common/addSegment */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/addSegment.ts");
 var createBr_1 = __webpack_require__(/*! ../../modelApi/creators/createBr */ "./packages/roosterjs-content-model-dom/lib/modelApi/creators/createBr.ts");
+var getRegularSelectionOffsets_1 = __webpack_require__(/*! ../utils/getRegularSelectionOffsets */ "./packages/roosterjs-content-model-dom/lib/domToModel/utils/getRegularSelectionOffsets.ts");
 /**
  * @internal
  */
 var brProcessor = function (group, element, context) {
     var _a;
     var br = (0, createBr_1.createBr)(context.segmentFormat);
+    var _b = (0, tslib_1.__read)((0, getRegularSelectionOffsets_1.getRegularSelectionOffsets)(context, element), 2), start = _b[0], end = _b[1];
+    if (start >= 0) {
+        context.isInSelection = true;
+    }
     if (context.isInSelection) {
         br.isSelected = true;
     }
     var paragraph = (0, addSegment_1.addSegment)(group, br, context.blockFormat);
+    if (end >= 0) {
+        context.isInSelection = false;
+    }
     (_a = context.domIndexer) === null || _a === void 0 ? void 0 : _a.onSegment(element, paragraph, [br]);
 };
 exports.brProcessor = brProcessor;
@@ -20905,8 +20988,6 @@ function isSegmentEmpty(segment) {
     switch (segment.segmentType) {
         case 'Text':
             return !segment.text;
-        case 'Image':
-            return !segment.src;
         default:
             return false;
     }
@@ -21120,6 +21201,7 @@ function normalizeParagraph(paragraph) {
                 (0, mutate_1.mutateBlock)(paragraph).segments.pop();
             }
         }
+        normalizeParagraphStyle(paragraph);
     }
     if (!(0, isWhiteSpacePreserved_1.isWhiteSpacePreserved)(paragraph.format.whiteSpace)) {
         (0, normalizeSegment_1.normalizeAllSegments)(paragraph);
@@ -21129,6 +21211,13 @@ function normalizeParagraph(paragraph) {
     moveUpSegmentFormat(paragraph);
 }
 exports.normalizeParagraph = normalizeParagraph;
+function normalizeParagraphStyle(paragraph) {
+    // New paragraph should not have white-space style
+    if (paragraph.format.whiteSpace &&
+        paragraph.segments.every(function (seg) { return seg.segmentType == 'Br' || seg.segmentType == 'SelectionMarker'; })) {
+        delete (0, mutate_1.mutateBlock)(paragraph).format.whiteSpace;
+    }
+}
 function removeEmptySegments(block) {
     for (var j = block.segments.length - 1; j >= 0; j--) {
         if ((0, isEmpty_1.isSegmentEmpty)(block.segments[j])) {
@@ -22948,15 +23037,16 @@ var KeysOfSegmentFormat = (0, getObjectKeys_1.getObjectKeys)(EmptySegmentFormat_
 function mergeModel(target, source, context, options) {
     var _a;
     var insertPosition = (_a = options === null || options === void 0 ? void 0 : options.insertPosition) !== null && _a !== void 0 ? _a : (0, deleteSelection_1.deleteSelection)(target, [], context).insertPoint;
-    if (options === null || options === void 0 ? void 0 : options.addParagraphAfterMergedContent) {
-        var _b = insertPosition || {}, paragraph = _b.paragraph, marker = _b.marker;
+    var _b = options || {}, addParagraphAfterMergedContent = _b.addParagraphAfterMergedContent, mergeFormat = _b.mergeFormat, mergeTable = _b.mergeTable;
+    if (addParagraphAfterMergedContent && !mergeTable) {
+        var _c = insertPosition || {}, paragraph = _c.paragraph, marker = _c.marker;
         var newPara = (0, createParagraph_1.createParagraph)(false /* isImplicit */, paragraph === null || paragraph === void 0 ? void 0 : paragraph.format, marker === null || marker === void 0 ? void 0 : marker.format);
         (0, addBlock_1.addBlock)(source, newPara);
     }
     if (insertPosition) {
-        if ((options === null || options === void 0 ? void 0 : options.mergeFormat) && options.mergeFormat != 'none') {
+        if (mergeFormat && mergeFormat != 'none') {
             var newFormat = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, (target.format || {})), insertPosition.marker.format);
-            applyDefaultFormat(source, newFormat, options === null || options === void 0 ? void 0 : options.mergeFormat);
+            applyDefaultFormat(source, newFormat, mergeFormat);
         }
         for (var i = 0; i < source.blocks.length; i++) {
             var block = source.blocks[i];
@@ -22972,8 +23062,8 @@ function mergeModel(target, source, context, options) {
                     context === null || context === void 0 ? void 0 : context.newEntities.push(block);
                     break;
                 case 'Table':
-                    if (source.blocks.length == 1 && (options === null || options === void 0 ? void 0 : options.mergeTable)) {
-                        mergeTable(insertPosition, block, source);
+                    if (source.blocks.length == 1 && mergeTable) {
+                        mergeTables(insertPosition, block, source);
                     }
                     else {
                         insertBlock(insertPosition, block);
@@ -23043,7 +23133,7 @@ function mergeParagraph(markerPosition, newPara, mergeToCurrentParagraph, contex
         newParagraph.format = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, newParagraph.format), newPara.format);
     }
 }
-function mergeTable(markerPosition, newTable, source) {
+function mergeTables(markerPosition, newTable, source) {
     var _a, _b;
     var tableContext = markerPosition.tableContext, marker = markerPosition.marker;
     if (tableContext && source.blocks.length == 1 && source.blocks[0] == newTable) {
@@ -26541,11 +26631,13 @@ var AutoFormatPlugin = /** @class */ (function () {
      * @param options An optional parameter that takes in an object of type AutoFormatOptions, which includes the following properties:
      *  - autoBullet: A boolean that enables or disables automatic bullet list formatting. Defaults to false.
      *  - autoNumbering: A boolean that enables or disables automatic numbering formatting. Defaults to false.
-     *  - autoLink: A boolean that enables or disables automatic hyperlink creation when pasting or typing content. Defaults to false.
-     *  - autoUnlink: A boolean that enables or disables automatic hyperlink removal when pressing backspace. Defaults to false.
      *  - autoHyphen: A boolean that enables or disables automatic hyphen transformation. Defaults to false.
      *  - autoFraction: A boolean that enables or disables automatic fraction transformation. Defaults to false.
      *  - autoOrdinals: A boolean that enables or disables automatic ordinal number transformation. Defaults to false.
+     *  - autoLink: A boolean that enables or disables automatic hyperlink url address creation when pasting or typing content. Defaults to false.
+     *  - autoUnlink: A boolean that enables or disables automatic hyperlink removal when pressing backspace. Defaults to false.
+     *  - 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.
      */
     function AutoFormatPlugin(options) {
         if (options === void 0) { options = DefaultOptions; }
@@ -26611,7 +26703,7 @@ var AutoFormatPlugin = /** @class */ (function () {
                         apiName: '',
                     };
                     (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(editor, function (model, previousSegment, paragraph, _markerFormat, context) {
-                        var _a = _this.options, autoBullet = _a.autoBullet, autoNumbering = _a.autoNumbering, autoLink = _a.autoLink, autoHyphen = _a.autoHyphen, autoFraction = _a.autoFraction, autoOrdinals = _a.autoOrdinals;
+                        var _a = _this.options, autoBullet = _a.autoBullet, autoNumbering = _a.autoNumbering, autoLink = _a.autoLink, autoHyphen = _a.autoHyphen, autoFraction = _a.autoFraction, autoOrdinals = _a.autoOrdinals, autoMailto = _a.autoMailto, autoTel = _a.autoTel;
                         var shouldHyphen = false;
                         var shouldLink = false;
                         var shouldList = false;
@@ -26620,8 +26712,12 @@ var AutoFormatPlugin = /** @class */ (function () {
                         if (autoBullet || autoNumbering) {
                             shouldList = (0, keyboardListTrigger_1.keyboardListTrigger)(model, paragraph, context, autoBullet, autoNumbering);
                         }
-                        if (autoLink) {
-                            shouldLink = (0, createLinkAfterSpace_1.createLinkAfterSpace)(previousSegment, paragraph, context);
+                        if (autoLink || autoTel || autoMailto) {
+                            shouldLink = (0, createLinkAfterSpace_1.createLinkAfterSpace)(previousSegment, paragraph, context, {
+                                autoLink: autoLink,
+                                autoTel: autoTel,
+                                autoMailto: autoMailto,
+                            });
                         }
                         if (autoHyphen) {
                             shouldHyphen = (0, transformHyphen_1.transformHyphen)(previousSegment, paragraph, context);
@@ -26657,9 +26753,13 @@ var AutoFormatPlugin = /** @class */ (function () {
         }
     };
     AutoFormatPlugin.prototype.handleContentChangedEvent = function (editor, event) {
-        var autoLink = this.options.autoLink;
-        if (event.source == 'Paste' && autoLink) {
-            (0, createLink_1.createLink)(editor);
+        var _a = this.options, autoLink = _a.autoLink, autoTel = _a.autoTel, autoMailto = _a.autoMailto;
+        if (event.source == 'Paste' && (autoLink || autoTel || autoMailto)) {
+            (0, createLink_1.createLink)(editor, {
+                autoLink: autoLink,
+                autoTel: autoTel,
+                autoMailto: autoMailto,
+            });
         }
     };
     return AutoFormatPlugin;
@@ -26736,10 +26836,11 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createLink = void 0;
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
+var getLinkUrl_1 = __webpack_require__(/*! ./getLinkUrl */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/getLinkUrl.ts");
 /**
  * @internal
  */
-function createLink(editor) {
+function createLink(editor, autoLinkOptions) {
     var anchorNode = null;
     var links = [];
     (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(editor, function (_model, linkSegment, _paragraph) {
@@ -26747,11 +26848,11 @@ function createLink(editor) {
             links.push(linkSegment.link);
             return true;
         }
-        var linkData = null;
-        if (!linkSegment.link && (linkData = (0, roosterjs_content_model_api_1.matchLink)(linkSegment.text))) {
+        var linkUrl = undefined;
+        if (!linkSegment.link && (linkUrl = (0, getLinkUrl_1.getLinkUrl)(linkSegment.text, autoLinkOptions))) {
             (0, roosterjs_content_model_dom_1.addLink)(linkSegment, {
                 format: {
-                    href: linkData.normalizedUrl,
+                    href: linkUrl,
                     underline: true,
                 },
                 dataset: {},
@@ -26787,19 +26888,20 @@ exports.createLink = createLink;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createLinkAfterSpace = void 0;
+var getLinkUrl_1 = __webpack_require__(/*! ./getLinkUrl */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/getLinkUrl.ts");
 var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
 /**
  * @internal
  */
-function createLinkAfterSpace(previousSegment, paragraph, context) {
+function createLinkAfterSpace(previousSegment, paragraph, context, autoLinkOptions) {
     var link = previousSegment.text.split(' ').pop();
     var url = link === null || link === void 0 ? void 0 : link.trim();
-    var linkData = null;
-    if (url && link && (linkData = (0, roosterjs_content_model_api_1.matchLink)(url))) {
+    var linkUrl = undefined;
+    if (url && link && (linkUrl = (0, getLinkUrl_1.getLinkUrl)(url, autoLinkOptions))) {
         var linkSegment = (0, roosterjs_content_model_api_1.splitTextSegment)(previousSegment, paragraph, previousSegment.text.length - link.trimLeft().length, previousSegment.text.trimRight().length);
         linkSegment.link = {
             format: {
-                href: linkData.normalizedUrl,
+                href: linkUrl,
                 underline: true,
             },
             dataset: {},
@@ -26812,6 +26914,42 @@ function createLinkAfterSpace(previousSegment, paragraph, context) {
 exports.createLinkAfterSpace = createLinkAfterSpace;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/getLinkUrl.ts":
+/*!************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/autoFormat/link/getLinkUrl.ts ***!
+  \************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.getLinkUrl = void 0;
+var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
+var COMMON_REGEX = "[s]*[a-zA-Z0-9+][s]*";
+var TELEPHONE_REGEX = "(T|t)el:" + COMMON_REGEX;
+var MAILTO_REGEX = "(M|m)ailto:" + COMMON_REGEX;
+/**
+ * @internal
+ */
+function getLinkUrl(text, autoLinkOptions) {
+    var _a;
+    var autoLink = autoLinkOptions.autoLink, autoMailto = autoLinkOptions.autoMailto, autoTel = autoLinkOptions.autoTel;
+    var linkMatch = autoLink ? (_a = (0, roosterjs_content_model_api_1.matchLink)(text)) === null || _a === void 0 ? void 0 : _a.normalizedUrl : undefined;
+    var telMatch = autoTel ? matchTel(text) : undefined;
+    var mailtoMatch = autoMailto ? matchMailTo(text) : undefined;
+    return linkMatch || telMatch || mailtoMatch;
+}
+exports.getLinkUrl = getLinkUrl;
+function matchTel(text) {
+    return text.match(TELEPHONE_REGEX) ? text.toLocaleLowerCase() : undefined;
+}
+function matchMailTo(text) {
+    return text.match(MAILTO_REGEX) ? text.toLocaleLowerCase() : undefined;
+}
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/unlink.ts":
@@ -27563,7 +27701,7 @@ var EditPlugin = /** @class */ (function () {
     EditPlugin.prototype.initialize = function (editor) {
         var _this = this;
         this.editor = editor;
-        this.handleNormalEnter = this.editor.isExperimentalFeatureEnabled('PersistCache');
+        this.handleNormalEnter = this.editor.isExperimentalFeatureEnabled('HandleEnterKey');
         if (editor.getEnvironment().isAndroid) {
             this.disposer = this.editor.attachDomEvent({
                 beforeinput: {
@@ -28458,9 +28596,9 @@ function canDeleteAfter(rawEvent, range) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.keyboardEnter = void 0;
 var deleteEmptyQuote_1 = __webpack_require__(/*! ./deleteSteps/deleteEmptyQuote */ "./packages/roosterjs-content-model-plugins/lib/edit/deleteSteps/deleteEmptyQuote.ts");
-var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var handleEnterOnList_1 = __webpack_require__(/*! ./inputSteps/handleEnterOnList */ "./packages/roosterjs-content-model-plugins/lib/edit/inputSteps/handleEnterOnList.ts");
 var handleEnterOnParagraph_1 = __webpack_require__(/*! ./inputSteps/handleEnterOnParagraph */ "./packages/roosterjs-content-model-plugins/lib/edit/inputSteps/handleEnterOnParagraph.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 /**
  * @internal
  */
@@ -28494,6 +28632,7 @@ function keyboardEnter(editor, rawEvent, handleNormalEnter) {
     }, {
         rawEvent: rawEvent,
         scrollCaretIntoView: true,
+        changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
     });
 }
 exports.keyboardEnter = keyboardEnter;
@@ -28537,6 +28676,7 @@ function keyboardInput(editor, rawEvent) {
         }, {
             scrollCaretIntoView: true,
             rawEvent: rawEvent,
+            changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
         });
         return true;
     }
@@ -28567,12 +28707,12 @@ function shouldInputWithContentModel(selection, rawEvent) {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.keyboardTab = void 0;
-var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var handleTabOnList_1 = __webpack_require__(/*! ./tabUtils/handleTabOnList */ "./packages/roosterjs-content-model-plugins/lib/edit/tabUtils/handleTabOnList.ts");
 var handleTabOnParagraph_1 = __webpack_require__(/*! ./tabUtils/handleTabOnParagraph */ "./packages/roosterjs-content-model-plugins/lib/edit/tabUtils/handleTabOnParagraph.ts");
 var handleTabOnTable_1 = __webpack_require__(/*! ./tabUtils/handleTabOnTable */ "./packages/roosterjs-content-model-plugins/lib/edit/tabUtils/handleTabOnTable.ts");
 var handleTabOnTableCell_1 = __webpack_require__(/*! ./tabUtils/handleTabOnTableCell */ "./packages/roosterjs-content-model-plugins/lib/edit/tabUtils/handleTabOnTableCell.ts");
 var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 /**
  * @internal
  */
@@ -28591,6 +28731,7 @@ function keyboardTab(editor, rawEvent) {
                 return (0, handleTabOnTable_1.handleTabOnTable)(model, rawEvent);
             }, {
                 apiName: 'handleTabKey',
+                changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
             });
             return true;
     }
@@ -29344,6 +29485,8 @@ var DefaultOptions = {
 };
 var MouseRightButton = 2;
 var DRAG_ID = '_dragging';
+var IMAGE_EDIT_CLASS = 'imageEdit';
+var IMAGE_EDIT_CLASS_CARET = 'imageEditCaretColor';
 /**
  * ImageEdit plugin handles the following image editing features:
  * - Resize image
@@ -29495,14 +29638,22 @@ var ImageEditPlugin = /** @class */ (function () {
     };
     ImageEditPlugin.prototype.keyDownHandler = function (editor, event) {
         if (this.isEditing) {
-            if (event.rawEvent.key === 'Escape') {
-                this.removeImageWrapper();
+            if (event.rawEvent.key === 'Escape' ||
+                event.rawEvent.key === 'Delete' ||
+                event.rawEvent.key === 'Backspace') {
+                if (event.rawEvent.key === 'Escape') {
+                    this.removeImageWrapper();
+                }
+                this.cleanInfo();
             }
             else {
                 this.applyFormatWithContentModel(editor, this.isCropMode, true /** should selectImage */, false /* isApiOperation */);
             }
         }
     };
+    /**
+     * EXPOSED FOR TESTING PURPOSE ONLY
+     */
     ImageEditPlugin.prototype.applyFormatWithContentModel = function (editor, isCropMode, shouldSelectImage, isApiOperation) {
         var _this = this;
         var editingImageModel;
@@ -29529,6 +29680,15 @@ var ImageEditPlugin = /** @class */ (function () {
                         image.isSelected = shouldSelectImage;
                         image.isSelectedAsImageSelection = shouldSelectImage;
                         delete image.dataset.isEditing;
+                        if ((selection === null || selection === void 0 ? void 0 : selection.type) == 'range' && !selection.range.collapsed) {
+                            var selectedParagraphs = (0, roosterjs_content_model_dom_1.getSelectedParagraphs)(model, true);
+                            var isImageInRange = selectedParagraphs.some(function (paragraph) {
+                                return paragraph.segments.includes(image);
+                            });
+                            if (isImageInRange) {
+                                image.isSelected = true;
+                            }
+                        }
                     });
                     if (shouldSelectImage) {
                         (0, normalizeImageSelection_1.normalizeImageSelection)(previousSelectedImage);
@@ -29589,9 +29749,10 @@ var ImageEditPlugin = /** @class */ (function () {
         this.rotators = rotators;
         this.croppers = croppers;
         this.zoomScale = editor.getDOMHelper().calculateZoomScale();
-        editor.setEditorStyle('imageEdit', "outline-style:none!important;", [
+        editor.setEditorStyle(IMAGE_EDIT_CLASS, "outline-style:none!important;", [
             "span:has(>img" + (0, roosterjs_content_model_dom_1.getSafeIdSelector)(this.selectedImage.id) + ")",
         ]);
+        editor.setEditorStyle(IMAGE_EDIT_CLASS_CARET, "caret-color: transparent;");
     };
     ImageEditPlugin.prototype.startRotateAndResize = function (editor, image) {
         var _this = this;
@@ -29599,6 +29760,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;
                 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 &&
@@ -29607,7 +29769,7 @@ var ImageEditPlugin = /** @class */ (function () {
                         (0, updateWrapper_1.updateWrapper)(_this.imageEditInfo, _this.options, _this.selectedImage, _this.clonedImage, _this.wrapper, _this.resizers);
                         _this.wasImageResized = true;
                     }
-                }, this.zoomScale)), 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, isMobileOrTable)), 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;
                     if (_this.imageEditInfo &&
                         _this.selectedImage &&
@@ -29616,7 +29778,7 @@ var ImageEditPlugin = /** @class */ (function () {
                         (0, updateWrapper_1.updateWrapper)(_this.imageEditInfo, _this.options, _this.selectedImage, _this.clonedImage, _this.wrapper);
                         _this.updateRotateHandleState(editor, _this.selectedImage, _this.wrapper, _this.rotators, (_a = _this.imageEditInfo) === null || _a === void 0 ? void 0 : _a.angleRad);
                     }
-                }, this.zoomScale)), false);
+                }, this.zoomScale, isMobileOrTable)), false);
                 (0, updateWrapper_1.updateWrapper)(this.imageEditInfo, this.options, this.selectedImage, this.clonedImage, this.wrapper, this.resizers);
                 this.updateRotateHandleState(editor, this.selectedImage, this.wrapper, this.rotators, (_a = this.imageEditInfo) === null || _a === void 0 ? void 0 : _a.angleRad);
             }
@@ -29656,7 +29818,7 @@ var ImageEditPlugin = /** @class */ (function () {
                         (0, updateWrapper_1.updateWrapper)(_this.imageEditInfo, _this.options, _this.selectedImage, _this.clonedImage, _this.wrapper, undefined, _this.croppers);
                         _this.isCropMode = true;
                     }
-                }, this.zoomScale)), false);
+                }, this.zoomScale, !!editor.getEnvironment().isMobileOrTablet)), false);
                 (0, updateWrapper_1.updateWrapper)(this.imageEditInfo, this.options, this.selectedImage, this.clonedImage, this.wrapper, undefined, this.croppers);
             }
         }
@@ -29682,9 +29844,13 @@ var ImageEditPlugin = /** @class */ (function () {
         (0, updateWrapper_1.updateWrapper)(this.imageEditInfo, this.options, this.selectedImage, this.clonedImage, this.wrapper);
         this.applyFormatWithContentModel(editor, false /* isCrop */, true /* shouldSelect*/, true /* isApiOperation */);
     };
+    /**
+     * Exported for testing purpose only
+     */
     ImageEditPlugin.prototype.cleanInfo = function () {
-        var _a;
-        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.setEditorStyle('imageEdit', null);
+        var _a, _b;
+        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.setEditorStyle(IMAGE_EDIT_CLASS, null);
+        (_b = this.editor) === null || _b === void 0 ? void 0 : _b.setEditorStyle(IMAGE_EDIT_CLASS_CARET, null);
         this.selectedImage = null;
         this.shadowSpan = null;
         this.wrapper = null;
@@ -30660,8 +30826,8 @@ function findEditingImage(group, imageId) {
                     var segment = block.segments[j];
                     switch (segment.segmentType) {
                         case 'Image':
-                            if ((segment.dataset.isEditing && !imageId) ||
-                                segment.format.id == imageId) {
+                            if ((imageId && segment.format.id == imageId) ||
+                                segment.dataset.isEditing) {
                                 return {
                                     paragraph: block,
                                     image: segment,
@@ -30855,7 +31021,7 @@ var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-mo
 /**
  * @internal
  */
-function getDropAndDragHelpers(wrapper, editInfo, options, elementClass, helper, updateWrapper, zoomScale) {
+function getDropAndDragHelpers(wrapper, editInfo, options, elementClass, helper, updateWrapper, zoomScale, useTouch) {
     return getEditElements(wrapper, elementClass).map(function (element) {
         return new DragAndDropHelper_1.DragAndDropHelper(element, {
             editInfo: editInfo,
@@ -30863,7 +31029,7 @@ function getDropAndDragHelpers(wrapper, editInfo, options, elementClass, helper,
             elementClass: elementClass,
             x: element.dataset.x,
             y: element.dataset.y,
-        }, updateWrapper, helper, zoomScale);
+        }, updateWrapper, helper, zoomScale, useTouch);
     });
 }
 exports.getDropAndDragHelpers = getDropAndDragHelpers;