roosterjs 9.11.2 → 9.13.0

package/dist/rooster.js

@@ -2095,7 +2095,7 @@ exports["default"] = getDarkColor;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.formatSegmentWithContentModel = exports.formatParagraphWithContentModel = exports.formatImageWithContentModel = exports.formatTableWithContentModel = 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.getListAnnounceData = exports.matchLink = exports.setModelIndentation = exports.findListItemsInSameThread = exports.setModelListStartNumber = exports.setModelListStyle = exports.setListType = exports.formatInsertPointWithContentModel = exports.formatTextSegmentBeforeSelectionMarker = void 0;
+exports.getListAnnounceData = exports.promoteLink = exports.matchLink = exports.setModelIndentation = exports.findListItemsInSameThread = exports.setModelListStartNumber = exports.setModelListStyle = exports.setListType = exports.formatInsertPointWithContentModel = exports.formatTextSegmentBeforeSelectionMarker = 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");
@@ -2212,6 +2212,8 @@ var setModelIndentation_1 = __webpack_require__(/*! ./modelApi/block/setModelInd
 Object.defineProperty(exports, "setModelIndentation", ({ enumerable: true, get: function () { return setModelIndentation_1.setModelIndentation; } }));
 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");
+Object.defineProperty(exports, "promoteLink", ({ enumerable: true, get: function () { return promoteLink_1.promoteLink; } }));
 var getListAnnounceData_1 = __webpack_require__(/*! ./modelApi/list/getListAnnounceData */ "./packages/roosterjs-content-model-api/lib/modelApi/list/getListAnnounceData.ts");
 Object.defineProperty(exports, "getListAnnounceData", ({ enumerable: true, get: function () { return getListAnnounceData_1.getListAnnounceData; } }));
 
@@ -3067,6 +3069,42 @@ function applyImageBorderFormat(image, border, borderRadius) {
 exports.applyImageBorderFormat = applyImageBorderFormat;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-api/lib/modelApi/link/getLinkUrl.ts":
+/*!******************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-api/lib/modelApi/link/getLinkUrl.ts ***!
+  \******************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.getLinkUrl = void 0;
+var matchLink_1 = __webpack_require__(/*! ./matchLink */ "./packages/roosterjs-content-model-api/lib/modelApi/link/matchLink.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 _b = autoLinkOptions !== null && autoLinkOptions !== void 0 ? autoLinkOptions : {}, autoLink = _b.autoLink, autoMailto = _b.autoMailto, autoTel = _b.autoTel;
+    var linkMatch = autoLink ? (_a = (0, matchLink_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-api/lib/modelApi/link/matchLink.ts":
@@ -3171,6 +3209,51 @@ function matchLink(url) {
 exports.matchLink = matchLink;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-api/lib/modelApi/link/promoteLink.ts":
+/*!*******************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-api/lib/modelApi/link/promoteLink.ts ***!
+  \*******************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.promoteLink = void 0;
+var getLinkUrl_1 = __webpack_require__(/*! ./getLinkUrl */ "./packages/roosterjs-content-model-api/lib/modelApi/link/getLinkUrl.ts");
+var splitTextSegment_1 = __webpack_require__(/*! ../../publicApi/segment/splitTextSegment */ "./packages/roosterjs-content-model-api/lib/publicApi/segment/splitTextSegment.ts");
+/**
+ * Promote the given text segment to a hyper link when the segment text is ending with a valid link format.
+ * When the whole text segment if of a link, promote the whole segment.
+ * When the text segment ends with a link format, split the segment and promote the second part
+ * When link is in middle of the text segment, no action.
+ * This is mainly used for doing auto link when there is a link before cursor
+ * @param segment The text segment to search link text from
+ * @param paragraph Parent paragraph of the segment
+ * @param options Options of auto link
+ * @returns If a link is promoted, return this segment. Otherwise return null
+ */
+function promoteLink(segment, paragraph, autoLinkOptions) {
+    var link = segment.text.split(' ').pop();
+    var url = link === null || link === void 0 ? void 0 : link.trim();
+    var linkUrl = undefined;
+    if (url && link && (linkUrl = (0, getLinkUrl_1.getLinkUrl)(url, autoLinkOptions))) {
+        var linkSegment = (0, splitTextSegment_1.splitTextSegment)(segment, paragraph, segment.text.length - link.trimLeft().length, segment.text.trimRight().length);
+        linkSegment.link = {
+            format: {
+                href: linkUrl,
+                underline: true,
+            },
+            dataset: {},
+        };
+        return linkSegment;
+    }
+    return null;
+}
+exports.promoteLink = promoteLink;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-api/lib/modelApi/list/findListItemsInSameThread.ts":
@@ -10182,6 +10265,10 @@ function getIndexedTableItem(element) {
         return null;
     }
 }
+// Make a node not indexed. Do not export this function since we should not let code outside here know this detail
+function unindex(node) {
+    delete node.__roosterjsContentModel;
+}
 /**
  * @internal
  * Implementation of DomIndexer
@@ -10229,6 +10316,19 @@ var DomIndexerImpl = /** @class */ (function () {
         this.onBlockEntityDelimiter(entity.wrapper.previousSibling, entity, group);
         this.onBlockEntityDelimiter(entity.wrapper.nextSibling, entity, group);
     };
+    DomIndexerImpl.prototype.onMergeText = function (targetText, sourceText) {
+        var _a;
+        if (isIndexedSegment(targetText) && isIndexedSegment(sourceText)) {
+            if (targetText.nextSibling == sourceText) {
+                (_a = targetText.__roosterjsContentModel.segments).push.apply(_a, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(sourceText.__roosterjsContentModel.segments), false));
+                unindex(sourceText);
+            }
+        }
+        else {
+            unindex(sourceText);
+            unindex(targetText);
+        }
+    };
     DomIndexerImpl.prototype.reconcileSelection = function (model, newSelection, oldSelection) {
         var _a, _b;
         if (oldSelection) {
@@ -13881,9 +13981,6 @@ var Editor = /** @class */ (function () {
             case 'connected': // Get a connected model is deprecated. Now we will always return disconnected model
             case 'disconnected':
                 return (0, roosterjs_content_model_dom_1.cloneModel)(core.api.createContentModel(core, {
-                    processorOverride: {
-                        table: roosterjs_content_model_dom_1.tableProcessor,
-                    },
                     tryGetFromCache: false,
                 }), {
                     includeCachedElement: this.cloneOptionCallback,
@@ -14409,7 +14506,6 @@ exports.getDarkColorFallback = getDarkColorFallback;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createModelToDomSettings = exports.createDomToModelSettings = void 0;
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
-var tablePreProcessor_1 = __webpack_require__(/*! ../../override/tablePreProcessor */ "./packages/roosterjs-content-model-core/lib/override/tablePreProcessor.ts");
 var listMetadataApplier_1 = __webpack_require__(/*! ../../override/listMetadataApplier */ "./packages/roosterjs-content-model-core/lib/override/listMetadataApplier.ts");
 /**
  * @internal
@@ -14418,11 +14514,7 @@ var listMetadataApplier_1 = __webpack_require__(/*! ../../override/listMetadataA
  */
 function createDomToModelSettings(options) {
     var _a;
-    var builtIn = {
-        processorOverride: {
-            table: tablePreProcessor_1.tablePreProcessor,
-        },
-    };
+    var builtIn = {};
     var customized = (_a = options.defaultDomToModelOptions) !== null && _a !== void 0 ? _a : {};
     return {
         builtIn: builtIn,
@@ -14770,40 +14862,6 @@ var pasteTextProcessor = function (group, text, context) {
 exports.pasteTextProcessor = pasteTextProcessor;
 
 
-/***/ }),
-
-/***/ "./packages/roosterjs-content-model-core/lib/override/tablePreProcessor.ts":
-/*!*********************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-core/lib/override/tablePreProcessor.ts ***!
-  \*********************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.tablePreProcessor = void 0;
-var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
-/**
- * @internal
- */
-var tablePreProcessor = function (group, element, context) {
-    var processor = shouldUseTableProcessor(element, context) ? roosterjs_content_model_dom_1.tableProcessor : roosterjs_content_model_dom_1.entityProcessor;
-    processor(group, element, context);
-};
-exports.tablePreProcessor = tablePreProcessor;
-function shouldUseTableProcessor(element, context) {
-    var selectionRoot = (0, roosterjs_content_model_dom_1.getSelectionRootNode)(context.selection);
-    // Treat table as a real table when:
-    // 1. It is a roosterjs table (has metadata)
-    // 2. Table is in selection
-    // 3. There is selection inside table (or whole table is selected)
-    // Otherwise, we treat the table as entity so we will not change it when write back
-    return ((0, roosterjs_content_model_dom_1.hasMetadata)(element) ||
-        context.isInSelection ||
-        (selectionRoot && element.contains(selectionRoot)));
-}
-
-
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-core/lib/utils/createAriaLiveElement.ts":
@@ -18435,12 +18493,15 @@ var directionFormatHandler_1 = __webpack_require__(/*! ./directionFormatHandler
  */
 exports.htmlAlignFormatHandler = {
     parse: function (format, element, context, defaultStyle) {
-        directionFormatHandler_1.directionFormatHandler.parse(format, element, context, defaultStyle);
-        var htmlAlign = element.getAttribute('align');
-        if (htmlAlign) {
-            format.htmlAlign = (0, dir_1.calcAlign)(htmlAlign, format.direction);
-            delete format.textAlign;
-            delete context.blockFormat.textAlign;
+        // When there is text-align in CSS style on the same element, we should ignore HTML align
+        if (!element.style.textAlign) {
+            directionFormatHandler_1.directionFormatHandler.parse(format, element, context, defaultStyle);
+            var htmlAlign = element.getAttribute('align');
+            if (htmlAlign) {
+                format.htmlAlign = (0, dir_1.calcAlign)(htmlAlign, format.direction);
+                delete format.textAlign;
+                delete context.blockFormat.textAlign;
+            }
         }
     },
     apply: function (format, element) {
@@ -21173,6 +21234,7 @@ exports.normalizeContentModel = normalizeContentModel;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.normalizeParagraph = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var areSameFormats_1 = __webpack_require__(/*! ../../domToModel/utils/areSameFormats */ "./packages/roosterjs-content-model-dom/lib/domToModel/utils/areSameFormats.ts");
 var createBr_1 = __webpack_require__(/*! ../creators/createBr */ "./packages/roosterjs-content-model-dom/lib/modelApi/creators/createBr.ts");
 var isEmpty_1 = __webpack_require__(/*! ./isEmpty */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/isEmpty.ts");
@@ -21208,6 +21270,7 @@ function normalizeParagraph(paragraph) {
     }
     removeEmptyLinks(paragraph);
     removeEmptySegments(paragraph);
+    mergeTextSegments(paragraph);
     moveUpSegmentFormat(paragraph);
 }
 exports.normalizeParagraph = normalizeParagraph;
@@ -21225,6 +21288,40 @@ function removeEmptySegments(block) {
         }
     }
 }
+function mergeTextSegments(block) {
+    var lastText = null;
+    for (var i = 0; i < block.segments.length; i++) {
+        var segment = block.segments[i];
+        if (segment.segmentType != 'Text') {
+            lastText = null;
+        }
+        else if (!lastText || !segmentsWithSameFormat(lastText, segment)) {
+            lastText = segment;
+        }
+        else {
+            var _a = (0, tslib_1.__read)((0, mutate_1.mutateSegments)(block, [lastText, segment]), 2), mutableBlock = _a[0], _b = (0, tslib_1.__read)(_a[1], 1), mutableLastText = _b[0];
+            mutableLastText.text += segment.text;
+            mutableBlock.segments.splice(i, 1);
+            i--;
+        }
+    }
+}
+function segmentsWithSameFormat(seg1, seg2) {
+    return (!!seg1.isSelected == !!seg2.isSelected &&
+        (0, areSameFormats_1.areSameFormats)(seg1.format, seg2.format) &&
+        areSameLinks(seg1.link, seg2.link) &&
+        areSameCodes(seg1.code, seg2.code));
+}
+function areSameLinks(link1, link2) {
+    return ((!link1 && !link2) ||
+        (link1 &&
+            link2 &&
+            (0, areSameFormats_1.areSameFormats)(link1.format, link2.format) &&
+            (0, areSameFormats_1.areSameFormats)(link1.dataset, link2.dataset)));
+}
+function areSameCodes(code1, code2) {
+    return (!code1 && !code2) || (code1 && code2 && (0, areSameFormats_1.areSameFormats)(code1.format, code2.format));
+}
 function removeEmptyLinks(paragraph) {
     var marker = paragraph.segments.find(function (x) { return x.segmentType == 'SelectionMarker'; });
     if (marker) {
@@ -22625,7 +22722,7 @@ function deleteExpandedSelection(model, formatContext) {
                 // so we can put cursor here after delete
                 paragraph = block_1;
                 insertMarkerIndex = indexes[0];
-                markerFormat = (0, getSegmentTextFormat_1.getSegmentTextFormat)(segments[0]);
+                markerFormat = (0, getSegmentTextFormat_1.getSegmentTextFormat)(segments[0], true /*includingBIU*/);
                 context.lastParagraph = paragraph;
                 context.lastTableContext = tableContext;
                 segments.forEach(function (segment, i) {
@@ -22969,18 +23066,22 @@ exports.getSegmentTextFormat = void 0;
 /**
  * Get the text format of a segment, this function will return only format that is applicable to text
  * @param segment The segment to get format from
+ * @param includingBIU When pass true, also get Bold/Italic/Underline format
  * @returns
  */
-function getSegmentTextFormat(segment) {
+function getSegmentTextFormat(segment, includingBIU) {
     var _a;
-    var _b = (_a = segment === null || segment === void 0 ? void 0 : segment.format) !== null && _a !== void 0 ? _a : {}, fontFamily = _b.fontFamily, fontSize = _b.fontSize, textColor = _b.textColor, backgroundColor = _b.backgroundColor, letterSpacing = _b.letterSpacing, lineHeight = _b.lineHeight;
+    var format = (_a = segment.format) !== null && _a !== void 0 ? _a : {};
     var textFormat = {
-        fontFamily: fontFamily,
-        fontSize: fontSize,
-        textColor: textColor,
-        backgroundColor: backgroundColor,
-        letterSpacing: letterSpacing,
-        lineHeight: lineHeight,
+        fontFamily: format.fontFamily,
+        fontSize: format.fontSize,
+        textColor: format.textColor,
+        backgroundColor: format.backgroundColor,
+        letterSpacing: format.letterSpacing,
+        lineHeight: format.lineHeight,
+        fontWeight: includingBIU ? format.fontWeight : undefined,
+        italic: includingBIU ? format.italic : undefined,
+        underline: includingBIU ? format.underline : undefined,
     };
     return removeUndefinedValues(textFormat);
 }
@@ -23294,12 +23395,26 @@ function getSegmentFormatInLinkFormat(targetFormat) {
     return result;
 }
 function mergeLinkFormat(applyDefaultFormatOption, targetFormat, sourceFormat) {
-    return applyDefaultFormatOption == 'mergeAll'
-        ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, getSegmentFormatInLinkFormat(targetFormat)), sourceFormat) : (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, getFormatWithoutSegmentFormat(sourceFormat)), getSegmentFormatInLinkFormat(targetFormat)), getSemanticFormat(sourceFormat)), getHyperlinkTextColor(sourceFormat));
+    switch (applyDefaultFormatOption) {
+        case 'mergeAll':
+        case 'preferSource':
+            return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, getSegmentFormatInLinkFormat(targetFormat)), sourceFormat);
+        case 'keepSourceEmphasisFormat':
+            return (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, getFormatWithoutSegmentFormat(sourceFormat)), getSegmentFormatInLinkFormat(targetFormat)), getSemanticFormat(sourceFormat)), getHyperlinkTextColor(sourceFormat));
+        case 'preferTarget':
+            return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sourceFormat), getSegmentFormatInLinkFormat(targetFormat));
+    }
 }
 function mergeSegmentFormat(applyDefaultFormatOption, targetFormat, sourceFormat) {
-    return applyDefaultFormatOption == 'mergeAll'
-        ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, targetFormat), sourceFormat) : (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, getFormatWithoutSegmentFormat(sourceFormat)), targetFormat), getSemanticFormat(sourceFormat));
+    switch (applyDefaultFormatOption) {
+        case 'mergeAll':
+        case 'preferSource':
+            return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, targetFormat), sourceFormat);
+        case 'preferTarget':
+            return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sourceFormat), targetFormat);
+        case 'keepSourceEmphasisFormat':
+            return (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, getFormatWithoutSegmentFormat(sourceFormat)), targetFormat), getSemanticFormat(sourceFormat));
+    }
 }
 function getSemanticFormat(segmentFormat) {
     var result = {};
@@ -25179,14 +25294,17 @@ function extractSelectionRange(doc, context) {
     }
 }
 function calcPosition(pos) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     var result;
     if (pos.block) {
         if (!pos.segment) {
             result = { container: pos.block, offset: 0 };
         }
         else if ((0, isNodeOfType_1.isNodeOfType)(pos.segment, 'TEXT_NODE')) {
-            result = { container: pos.segment, offset: ((_a = pos.segment.nodeValue) === null || _a === void 0 ? void 0 : _a.length) || 0 };
+            result = {
+                container: pos.segment,
+                offset: (_c = (_a = pos.offset) !== null && _a !== void 0 ? _a : (_b = pos.segment.nodeValue) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0,
+            };
         }
         else if (pos.segment.parentNode) {
             result = {
@@ -25205,7 +25323,7 @@ function calcPosition(pos) {
             result = {
                 container: container,
                 offset: (0, isNodeOfType_1.isNodeOfType)(container, 'TEXT_NODE')
-                    ? (_c = (_b = container.nodeValue) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0
+                    ? (_e = (_d = container.nodeValue) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0
                     : container.childNodes.length,
             };
         }
@@ -25972,7 +26090,7 @@ var handleParagraph = function (doc, parent, paragraph, context, refNode) {
             else {
                 handleSegments();
             }
-            (0, optimize_1.optimize)(container);
+            (0, optimize_1.optimize)(container, context);
             // It is possible the next sibling node is changed during processing child segments
             // e.g. When this paragraph is an implicit paragraph and it contains an inline entity segment
             // The segment will be appended to container as child then the container will be removed
@@ -26312,12 +26430,13 @@ function hasSameAttributes(element1, element2) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.optimize = void 0;
 var entityUtils_1 = __webpack_require__(/*! ../../domUtils/entityUtils */ "./packages/roosterjs-content-model-dom/lib/domUtils/entityUtils.ts");
+var isNodeOfType_1 = __webpack_require__(/*! ../../domUtils/isNodeOfType */ "./packages/roosterjs-content-model-dom/lib/domUtils/isNodeOfType.ts");
 var mergeNode_1 = __webpack_require__(/*! ./mergeNode */ "./packages/roosterjs-content-model-dom/lib/modelToDom/optimizers/mergeNode.ts");
 var removeUnnecessarySpan_1 = __webpack_require__(/*! ./removeUnnecessarySpan */ "./packages/roosterjs-content-model-dom/lib/modelToDom/optimizers/removeUnnecessarySpan.ts");
 /**
  * @internal
  */
-function optimize(root) {
+function optimize(root, context) {
     /**
      * Do no do any optimization to entity
      */
@@ -26327,10 +26446,48 @@ function optimize(root) {
     (0, removeUnnecessarySpan_1.removeUnnecessarySpan)(root);
     (0, mergeNode_1.mergeNode)(root);
     for (var child = root.firstChild; child; child = child.nextSibling) {
-        optimize(child);
+        optimize(child, context);
     }
+    normalizeTextNode(root, context);
 }
 exports.optimize = optimize;
+// Merge continuous text nodes into one single node (same with normalize()),
+// and update selection and dom indexes
+function normalizeTextNode(root, context) {
+    var _a, _b, _c, _d;
+    var lastText = null;
+    var child;
+    var next;
+    var selection = context.regularSelection;
+    for (child = root.firstChild, next = child ? child.nextSibling : null; child; child = next, next = child ? child.nextSibling : null) {
+        if (!(0, isNodeOfType_1.isNodeOfType)(child, 'TEXT_NODE')) {
+            lastText = null;
+        }
+        else if (!lastText) {
+            lastText = child;
+        }
+        else {
+            var originalLength = (_b = (_a = lastText.nodeValue) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+            (_c = context.domIndexer) === null || _c === void 0 ? void 0 : _c.onMergeText(lastText, child);
+            lastText.nodeValue += (_d = child.nodeValue) !== null && _d !== void 0 ? _d : '';
+            if (selection) {
+                updateSelection(selection.start, lastText, child, originalLength);
+                updateSelection(selection.end, lastText, child, originalLength);
+            }
+            root.removeChild(child);
+        }
+    }
+}
+function updateSelection(mark, lastText, nextText, lastTextOriginalLength) {
+    if (mark && mark.offset == undefined) {
+        if (mark.segment == lastText) {
+            mark.offset = lastTextOriginalLength;
+        }
+        else if (mark.segment == nextText) {
+            mark.segment = lastText;
+        }
+    }
+}
 
 
 /***/ }),
@@ -26603,7 +26760,6 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.AutoFormatPlugin = void 0;
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var createLink_1 = __webpack_require__(/*! ./link/createLink */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/createLink.ts");
-var createLinkAfterSpace_1 = __webpack_require__(/*! ./link/createLinkAfterSpace */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/createLinkAfterSpace.ts");
 var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
 var keyboardListTrigger_1 = __webpack_require__(/*! ./list/keyboardListTrigger */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/list/keyboardListTrigger.ts");
 var transformFraction_1 = __webpack_require__(/*! ./numbers/transformFraction */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/numbers/transformFraction.ts");
@@ -26713,11 +26869,14 @@ var AutoFormatPlugin = /** @class */ (function () {
                             shouldList = (0, keyboardListTrigger_1.keyboardListTrigger)(model, paragraph, context, autoBullet, autoNumbering);
                         }
                         if (autoLink || autoTel || autoMailto) {
-                            shouldLink = (0, createLinkAfterSpace_1.createLinkAfterSpace)(previousSegment, paragraph, context, {
+                            shouldLink = !!(0, roosterjs_content_model_api_1.promoteLink)(previousSegment, paragraph, {
                                 autoLink: autoLink,
                                 autoTel: autoTel,
                                 autoMailto: autoMailto,
                             });
+                            if (shouldLink) {
+                                context.canUndoByBackspace = true;
+                            }
                         }
                         if (autoHyphen) {
                             shouldHyphen = (0, transformHyphen_1.transformHyphen)(previousSegment, paragraph, context);
@@ -26741,6 +26900,7 @@ var AutoFormatPlugin = /** @class */ (function () {
         }
     };
     AutoFormatPlugin.prototype.handleKeyDownEvent = function (editor, event) {
+        var _this = this;
         var rawEvent = event.rawEvent;
         if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {
             switch (rawEvent.key) {
@@ -26749,6 +26909,20 @@ var AutoFormatPlugin = /** @class */ (function () {
                         (0, unlink_1.unlink)(editor, rawEvent);
                     }
                     break;
+                case 'Tab':
+                    (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(editor, function (model, _previousSegment, paragraph, _markerFormat, context) {
+                        var _a = _this.options, autoBullet = _a.autoBullet, autoNumbering = _a.autoNumbering;
+                        var shouldList = false;
+                        if (autoBullet || autoNumbering) {
+                            shouldList = (0, keyboardListTrigger_1.keyboardListTrigger)(model, paragraph, context, autoBullet, autoNumbering);
+                            context.canUndoByBackspace = shouldList;
+                            event.rawEvent.preventDefault();
+                        }
+                        return shouldList;
+                    }, {
+                        changeSource: roosterjs_content_model_dom_1.ChangeSource.AutoFormat,
+                        apiName: 'autoToggleList',
+                    });
             }
         }
     };
@@ -26836,33 +27010,26 @@ 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, autoLinkOptions) {
     var anchorNode = null;
     var links = [];
-    (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(editor, function (_model, linkSegment, _paragraph) {
-        if (linkSegment.link) {
-            links.push(linkSegment.link);
+    (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(editor, function (_model, segment, paragraph) {
+        var promotedSegment = null;
+        if (segment.link) {
+            links.push(segment.link);
             return true;
         }
-        var linkUrl = undefined;
-        if (!linkSegment.link && (linkUrl = (0, getLinkUrl_1.getLinkUrl)(linkSegment.text, autoLinkOptions))) {
-            (0, roosterjs_content_model_dom_1.addLink)(linkSegment, {
-                format: {
-                    href: linkUrl,
-                    underline: true,
-                },
-                dataset: {},
-            });
-            if (linkSegment.link) {
-                links.push(linkSegment.link);
-            }
+        else if ((promotedSegment = (0, roosterjs_content_model_api_1.promoteLink)(segment, paragraph, autoLinkOptions)) &&
+            promotedSegment.link) {
+            links.push(promotedSegment.link);
             return true;
         }
-        return false;
+        else {
+            return false;
+        }
     }, {
         changeSource: roosterjs_content_model_dom_1.ChangeSource.AutoLink,
         onNodeCreated: function (modelElement, node) {
@@ -26876,80 +27043,6 @@ function createLink(editor, autoLinkOptions) {
 exports.createLink = createLink;
 
 
-/***/ }),
-
-/***/ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/createLinkAfterSpace.ts":
-/*!**********************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-plugins/lib/autoFormat/link/createLinkAfterSpace.ts ***!
-  \**********************************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-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, autoLinkOptions) {
-    var link = previousSegment.text.split(' ').pop();
-    var url = link === null || link === void 0 ? void 0 : link.trim();
-    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: linkUrl,
-                underline: true,
-            },
-            dataset: {},
-        };
-        context.canUndoByBackspace = true;
-        return true;
-    }
-    return false;
-}
-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":
@@ -27420,6 +27513,7 @@ var getOrdinal = function (value) {
     };
     return ORDINALS[value] || 'th';
 };
+var ORDINALS = ['st', 'nd', 'rd', 'th'];
 /**
  * The two last characters of ordinal number (st, nd, rd, th)
  */
@@ -27429,21 +27523,39 @@ var ORDINAL_LENGTH = 2;
  */ function transformOrdinals(previousSegment, paragraph, context) {
     var _a;
     var value = (_a = previousSegment.text.split(' ').pop()) === null || _a === void 0 ? void 0 : _a.trim();
+    var shouldAddSuperScript = false;
     if (value) {
-        var ordinal = value.substring(value.length - ORDINAL_LENGTH); // This value  is equal st, nd, rd, th
-        var numericValue = getNumericValue(value); //This is the numeric part. Ex: 10th, numeric value = 10
-        if (numericValue && getOrdinal(numericValue) === ordinal) {
+        var isOrdinal = ORDINALS.indexOf(value) > -1;
+        if (isOrdinal) {
+            var index = paragraph.segments.indexOf(previousSegment);
+            var numberSegment = paragraph.segments[index - 1];
+            var numericValue = null;
+            if (numberSegment &&
+                numberSegment.segmentType == 'Text' &&
+                (numericValue = getNumericValue(numberSegment.text, true /* checkFullText */)) &&
+                getOrdinal(numericValue) === value) {
+                shouldAddSuperScript = true;
+            }
+        }
+        else {
+            var ordinal = value.substring(value.length - ORDINAL_LENGTH); // This value  is equal st, nd, rd, th
+            var numericValue = getNumericValue(value); //This is the numeric part. Ex: 10th, numeric value =
+            if (numericValue && getOrdinal(numericValue) === ordinal) {
+                shouldAddSuperScript = true;
+            }
+        }
+        if (shouldAddSuperScript) {
             var ordinalSegment = (0, roosterjs_content_model_api_1.splitTextSegment)(previousSegment, paragraph, previousSegment.text.length - 3, previousSegment.text.length - 1);
             ordinalSegment.format.superOrSubScriptSequence = 'super';
             context.canUndoByBackspace = true;
-            return true;
         }
     }
-    return false;
+    return shouldAddSuperScript;
 }
 exports.transformOrdinals = transformOrdinals;
-function getNumericValue(text) {
-    var number = text.substring(0, text.length - ORDINAL_LENGTH);
+function getNumericValue(text, checkFullText) {
+    if (checkFullText === void 0) { checkFullText = false; }
+    var number = checkFullText ? text : text.substring(0, text.length - ORDINAL_LENGTH);
     var isNumber = /^-?\d+$/.test(number);
     if (isNumber) {
         return parseInt(text);
@@ -27778,6 +27890,7 @@ var EditPlugin = /** @class */ (function () {
     };
     EditPlugin.prototype.handleKeyDownEvent = function (editor, event) {
         var rawEvent = event.rawEvent;
+        var hasCtrlOrMetaKey = rawEvent.ctrlKey || rawEvent.metaKey;
         if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {
             switch (rawEvent.key) {
                 case 'Backspace':
@@ -27794,7 +27907,7 @@ var EditPlugin = /** @class */ (function () {
                     }
                     break;
                 case 'Tab':
-                    if (this.options.handleTabKey) {
+                    if (this.options.handleTabKey && !hasCtrlOrMetaKey) {
                         (0, keyboardTab_1.keyboardTab)(editor, rawEvent);
                     }
                     break;
@@ -27804,7 +27917,9 @@ var EditPlugin = /** @class */ (function () {
                     }
                     break;
                 case 'Enter':
-                    (0, keyboardEnter_1.keyboardEnter)(editor, rawEvent, this.handleNormalEnter);
+                    if (!hasCtrlOrMetaKey) {
+                        (0, keyboardEnter_1.keyboardEnter)(editor, rawEvent, this.handleNormalEnter);
+                    }
                     break;
                 default:
                     (0, keyboardInput_1.keyboardInput)(editor, rawEvent);
@@ -28367,6 +28482,41 @@ function shouldDeleteAllSegmentsBefore(rawEvent) {
 exports.shouldDeleteAllSegmentsBefore = shouldDeleteAllSegmentsBefore;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/edit/inputSteps/handleAutoLink.ts":
+/*!****************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/edit/inputSteps/handleAutoLink.ts ***!
+  \****************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.handleAutoLink = void 0;
+var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
+/**
+ * @internal
+ */
+var handleAutoLink = function (context) {
+    var deleteResult = context.deleteResult, insertPoint = context.insertPoint;
+    if (deleteResult == 'notDeleted' || deleteResult == 'nothingToDelete') {
+        var marker = insertPoint.marker, paragraph = insertPoint.paragraph;
+        var index = paragraph.segments.indexOf(marker);
+        var segBefore = index > 0 ? paragraph.segments[index - 1] : null;
+        if ((segBefore === null || segBefore === void 0 ? void 0 : segBefore.segmentType) == 'Text' &&
+            (0, roosterjs_content_model_api_1.promoteLink)(segBefore, paragraph, {
+                autoLink: true,
+            }) &&
+            context.formatContext) {
+            context.formatContext.canUndoByBackspace = true;
+        }
+        // Do not set deleteResult here since we haven't really start a new paragraph, we need other delete step to keep working on it
+    }
+};
+exports.handleAutoLink = handleAutoLink;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/edit/inputSteps/handleEnterOnList.ts":
@@ -28596,6 +28746,7 @@ 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 handleAutoLink_1 = __webpack_require__(/*! ./inputSteps/handleAutoLink */ "./packages/roosterjs-content-model-plugins/lib/edit/inputSteps/handleAutoLink.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");
@@ -28613,7 +28764,9 @@ function keyboardEnter(editor, rawEvent, handleNormalEnter) {
             // For ENTER key, although we may have deleted something, since we still need to split the line, we always treat it as not delete
             // so further delete steps can keep working
             result.deleteResult = 'notDeleted';
-            var steps = rawEvent.shiftKey ? [] : [handleEnterOnList_1.handleEnterOnList, deleteEmptyQuote_1.deleteEmptyQuote];
+            var steps = rawEvent.shiftKey
+                ? []
+                : [handleAutoLink_1.handleAutoLink, handleEnterOnList_1.handleEnterOnList, deleteEmptyQuote_1.deleteEmptyQuote];
             if (handleNormalEnter) {
                 steps.push(handleEnterOnParagraph_1.handleEnterOnParagraph);
             }
@@ -28633,6 +28786,8 @@ function keyboardEnter(editor, rawEvent, handleNormalEnter) {
         rawEvent: rawEvent,
         scrollCaretIntoView: true,
         changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
+        getChangeData: function () { return rawEvent.which; },
+        apiName: 'handleEnterKey',
     });
 }
 exports.keyboardEnter = keyboardEnter;
@@ -28677,6 +28832,8 @@ function keyboardInput(editor, rawEvent) {
             scrollCaretIntoView: true,
             rawEvent: rawEvent,
             changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
+            getChangeData: function () { return rawEvent.which; },
+            apiName: 'handleInputKey',
         });
         return true;
     }
@@ -28724,6 +28881,9 @@ function keyboardTab(editor, rawEvent) {
                 return handleTab(model, rawEvent, context);
             }, {
                 apiName: 'handleTabKey',
+                rawEvent: rawEvent,
+                changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
+                getChangeData: function () { return rawEvent.which; },
             });
             return true;
         case 'table':
@@ -28731,7 +28891,9 @@ function keyboardTab(editor, rawEvent) {
                 return (0, handleTabOnTable_1.handleTabOnTable)(model, rawEvent);
             }, {
                 apiName: 'handleTabKey',
+                rawEvent: rawEvent,
                 changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
+                getChangeData: function () { return rawEvent.which; },
             });
             return true;
     }