roosterjs 9.52.0 → 9.53.0

package/dist/rooster.js

@@ -9057,9 +9057,12 @@ function getContentForCopy(editor, isCut, event) {
                 rawEvent: event,
                 isCut: isCut,
             }).clonedRoot;
+            // Build the text content from the (possibly modified) cloned root DOM tree so that any
+            // changes made by beforeCutCopy event handlers are reflected in the plain text result as well
+            var textModel = (0, roosterjs_content_model_dom_1.domToContentModel)(clonedRoot, (0, roosterjs_content_model_dom_1.createDomToModelContext)());
             return {
                 htmlContent: clonedRoot,
-                textContent: (0, roosterjs_content_model_dom_1.contentModelToText)(pasteModel),
+                textContent: (0, roosterjs_content_model_dom_1.contentModelToText)(textModel),
             };
         }
     }
@@ -9927,6 +9930,7 @@ var announce = function (core, announceData) {
     var textToAnnounce = formatString(template || text, formatStrings);
     if (!core.lifecycle.announceContainer) {
         core.lifecycle.announceContainer = (0, createAriaLiveElement_1.createAriaLiveElement)(core.physicalRoot.ownerDocument);
+        core.domHelper.appendToRoot(core.lifecycle.announceContainer);
     }
     if (textToAnnounce && core.lifecycle.announceContainer) {
         var announceContainer = core.lifecycle.announceContainer;
@@ -10418,16 +10422,19 @@ var getDOMSelection = function (core) {
 exports.getDOMSelection = getDOMSelection;
 function getNewSelection(core) {
     var _a;
+    var range = core.domHelper.getSelectionRange();
+    if (!range || !core.logicalRoot.contains(range.commonAncestorContainer)) {
+        return null;
+    }
     var selection = (_a = core.logicalRoot.ownerDocument.defaultView) === null || _a === void 0 ? void 0 : _a.getSelection();
-    var range = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : null;
-    return selection && range && core.logicalRoot.contains(range.commonAncestorContainer)
-        ? {
-            type: 'range',
-            range: range,
-            isReverted: selection.focusNode != range.endContainer ||
-                selection.focusOffset != range.endOffset,
-        }
-        : null;
+    var isReverted = selection
+        ? selection.focusNode != range.endContainer || selection.focusOffset != range.endOffset
+        : false;
+    return {
+        type: 'range',
+        range: range,
+        isReverted: isReverted,
+    };
 }
 
 
@@ -10871,43 +10878,6 @@ var setContentModel = function (core, model, option, onNodeCreated, isInitializi
 exports.setContentModel = setContentModel;
 
 
-/***/ },
-
-/***/ "./packages/roosterjs-content-model-core/lib/coreApi/setDOMSelection/addRangeToSelection.ts"
-/*!**************************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-core/lib/coreApi/setDOMSelection/addRangeToSelection.ts ***!
-  \**************************************************************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.addRangeToSelection = void 0;
-var areSameSelections_1 = __webpack_require__(/*! ../../corePlugin/cache/areSameSelections */ "./packages/roosterjs-content-model-core/lib/corePlugin/cache/areSameSelections.ts");
-/**
- * @internal
- */
-function addRangeToSelection(doc, range, isReverted) {
-    var _a;
-    if (isReverted === void 0) { isReverted = false; }
-    var selection = (_a = doc.defaultView) === null || _a === void 0 ? void 0 : _a.getSelection();
-    if (selection) {
-        var currentRange = selection.rangeCount > 0 && selection.getRangeAt(0);
-        if (currentRange && (0, areSameSelections_1.areSameRanges)(currentRange, range)) {
-            return;
-        }
-        selection.removeAllRanges();
-        if (!isReverted) {
-            selection.addRange(range);
-        }
-        else {
-            selection.setBaseAndExtent(range.endContainer, range.endOffset, range.startContainer, range.startOffset);
-        }
-    }
-}
-exports.addRangeToSelection = addRangeToSelection;
-
-
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-core/lib/coreApi/setDOMSelection/findLastedCoInMergedCell.ts"
@@ -11009,7 +10979,6 @@ exports.findTableCellElement = findTableCellElement;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.setDOMSelection = void 0;
-var addRangeToSelection_1 = __webpack_require__(/*! ./addRangeToSelection */ "./packages/roosterjs-content-model-core/lib/coreApi/setDOMSelection/addRangeToSelection.ts");
 var areSameSelections_1 = __webpack_require__(/*! ../../corePlugin/cache/areSameSelections */ "./packages/roosterjs-content-model-core/lib/corePlugin/cache/areSameSelections.ts");
 var ensureUniqueId_1 = __webpack_require__(/*! ../setEditorStyle/ensureUniqueId */ "./packages/roosterjs-content-model-core/lib/coreApi/setEditorStyle/ensureUniqueId.ts");
 var findLastedCoInMergedCell_1 = __webpack_require__(/*! ./findLastedCoInMergedCell */ "./packages/roosterjs-content-model-core/lib/coreApi/setDOMSelection/findLastedCoInMergedCell.ts");
@@ -11035,7 +11004,6 @@ var setDOMSelection = function (core, selection, skipSelectionChangedEvent) {
     // We are applying a new selection, so we don't need to apply cached selection in DOMEventPlugin.
     // Set skipReselectOnFocus to skip this behavior
     var skipReselectOnFocus = core.selection.skipReselectOnFocus;
-    var doc = core.physicalRoot.ownerDocument;
     var isDarkMode = core.lifecycle.isDarkMode;
     core.selection.skipReselectOnFocus = true;
     core.api.setEditorStyle(core, DOM_SELECTION_CSS_KEY, null /*cssRule*/);
@@ -11051,7 +11019,7 @@ var setDOMSelection = function (core, selection, skipSelectionChangedEvent) {
                     : core.selection.imageSelectionBorderColor;
                 core.api.setEditorStyle(core, DOM_SELECTION_CSS_KEY, "outline-style:solid!important; outline-color:" + (imageSelectionColor || DEFAULT_SELECTION_BORDER_COLOR) + "!important;", [(0, roosterjs_content_model_dom_1.getSafeIdSelector)((0, ensureUniqueId_1.ensureUniqueId)(image, IMAGE_ID))]);
                 core.api.setEditorStyle(core, HIDE_SELECTION_CSS_KEY, TRANSPARENT_SELECTION_CSS_RULE, [SELECTION_SELECTOR]);
-                setRangeSelection(doc, image, false /* collapse */);
+                setRangeSelection(core, image, false /* collapse */);
                 break;
             case 'table':
                 var table = selection.table, firstColumn = selection.firstColumn, firstRow = selection.firstRow, lastColumn = selection.lastColumn, lastRow = selection.lastRow;
@@ -11088,11 +11056,11 @@ var setDOMSelection = function (core, selection, skipSelectionChangedEvent) {
                 (0, toggleCaret_1.toggleCaret)(core, true /* hide */);
                 var nodeToSelect = ((_a = firstCell.cell) === null || _a === void 0 ? void 0 : _a.firstElementChild) || firstCell.cell;
                 if (nodeToSelect) {
-                    setRangeSelection(doc, nodeToSelect || undefined, true /* collapse */);
+                    setRangeSelection(core, nodeToSelect || undefined, true /* collapse */);
                 }
                 break;
             case 'range':
-                (0, addRangeToSelection_1.addRangeToSelection)(doc, selection.range, selection.isReverted);
+                core.domHelper.setSelectionRange(selection.range, selection.isReverted);
                 core.selection.selection = core.domHelper.hasFocus() ? null : selection;
                 break;
             default:
@@ -11112,9 +11080,10 @@ var setDOMSelection = function (core, selection, skipSelectionChangedEvent) {
     }
 };
 exports.setDOMSelection = setDOMSelection;
-function setRangeSelection(doc, element, collapse) {
+function setRangeSelection(core, element, collapse) {
     var _a;
-    if (element && doc.contains(element)) {
+    if (element && core.domHelper.isNodeInEditor(element)) {
+        var doc = core.physicalRoot.ownerDocument;
         var range = doc.createRange();
         var isReverted = undefined;
         range.selectNode(element);
@@ -11130,7 +11099,7 @@ function setRangeSelection(doc, element, collapse) {
                         selection.focusOffset != range_1.endOffset;
             }
         }
-        (0, addRangeToSelection_1.addRangeToSelection)(doc, range, isReverted);
+        core.domHelper.setSelectionRange(range, isReverted);
     }
 }
 
@@ -11317,9 +11286,9 @@ var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-mo
  */
 function ensureUniqueId(element, idPrefix) {
     idPrefix = element.id || idPrefix;
-    var doc = element.ownerDocument;
+    var root = element.getRootNode();
     var i = 0;
-    while (!element.id || doc.querySelectorAll((0, roosterjs_content_model_dom_1.getSafeIdSelector)(element.id)).length > 1) {
+    while (!element.id || root.querySelectorAll((0, roosterjs_content_model_dom_1.getSafeIdSelector)(element.id)).length > 1) {
         element.id = idPrefix + '_' + i++;
     }
     return element.id;
@@ -11352,7 +11321,7 @@ var setEditorStyle = function (core, key, cssRule, subSelectors, maxRuleLength)
     if (!styleElement && cssRule) {
         var doc = core.physicalRoot.ownerDocument;
         styleElement = doc.createElement('style');
-        doc.head.appendChild(styleElement);
+        core.domHelper.appendToRoot(styleElement);
         styleElement.dataset.roosterjsStyleKey = key;
         core.lifecycle.styleElements[key] = styleElement;
     }
@@ -11830,12 +11799,13 @@ exports.createParagraphMap = createParagraphMap;
 /*!*****************************************************************************************!*\
   !*** ./packages/roosterjs-content-model-core/lib/corePlugin/cache/areSameSelections.ts ***!
   \*****************************************************************************************/
-(__unused_webpack_module, exports) {
+(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.areSameRanges = exports.areSameTableSelections = exports.areSameSelections = void 0;
+exports.areSameTableSelections = exports.areSameSelections = void 0;
+var areSameRanges_1 = __webpack_require__(/*! ../../utils/areSameRanges */ "./packages/roosterjs-content-model-core/lib/utils/areSameRanges.ts");
 /**
  * @internal
  * Check if the given selections are the same
@@ -11861,7 +11831,7 @@ function areSameSelections(sel1, sel2) {
                         range1.endOffset == end.offset);
                 }
                 else {
-                    return areSameRanges(range1, sel2.range);
+                    return (0, areSameRanges_1.areSameRanges)(range1, sel2.range);
                 }
             }
             else {
@@ -11880,7 +11850,6 @@ var TableSelectionKeys = [
     'firstRow',
     'lastRow',
 ];
-var RangeKeys = ['startContainer', 'endContainer', 'startOffset', 'endOffset'];
 /**
  * @internal
  */
@@ -11888,13 +11857,6 @@ function areSameTableSelections(t1, t2) {
     return areSame(t1, t2, TableSelectionKeys);
 }
 exports.areSameTableSelections = areSameTableSelections;
-/**
- * @internal
- */
-function areSameRanges(r1, r2) {
-    return areSame(r1, r2, RangeKeys);
-}
-exports.areSameRanges = areSameRanges;
 function isCacheSelection(sel) {
     return !!sel.start;
 }
@@ -12072,7 +12034,13 @@ var DomIndexerImpl = /** @class */ (function () {
                     }
                     else {
                         var marker1 = this.reconcileNodeSelection(startContainer, startOffset);
-                        var marker2 = this.reconcileNodeSelection(endContainer, endOffset);
+                        // Pass marker1 to the second call so its adjacent-marker cleanup
+                        // does not consume the SelectionMarker we just inserted. Without
+                        // this guard, when marker1 lands directly next to endContainer's
+                        // segment in paragraph.segments (e.g. startOffset == startContainer
+                        // text length), the second splice would absorb marker1 and leave
+                        // setSelection with a dangling reference. See issue #3341.
+                        var marker2 = this.reconcileNodeSelection(endContainer, endOffset, undefined, undefined, marker1);
                         if (marker1 && marker2) {
                             if (newSelection.isReverted) {
                                 model.hasRevertedRangeSelection = true;
@@ -12148,10 +12116,10 @@ var DomIndexerImpl = /** @class */ (function () {
         var start = selection.start, end = selection.end;
         return start.node == end.node && start.offset == end.offset;
     };
-    DomIndexerImpl.prototype.reconcileNodeSelection = function (node, offset, defaultFormat, selectionMarker) {
+    DomIndexerImpl.prototype.reconcileNodeSelection = function (node, offset, defaultFormat, selectionMarker, preserveMarker) {
         if ((0, roosterjs_content_model_dom_1.isNodeOfType)(node, 'TEXT_NODE')) {
             if (isIndexedSegment(node)) {
-                return this.reconcileTextSelection(node, offset, undefined, selectionMarker);
+                return this.reconcileTextSelection(node, offset, undefined, selectionMarker, preserveMarker);
             }
             else if (isIndexedDelimiter(node)) {
                 return this.reconcileDelimiterSelection(node, defaultFormat);
@@ -12181,7 +12149,7 @@ var DomIndexerImpl = /** @class */ (function () {
         }
         return marker;
     };
-    DomIndexerImpl.prototype.reconcileTextSelection = function (textNode, startOffset, endOffset, selectionMarker) {
+    DomIndexerImpl.prototype.reconcileTextSelection = function (textNode, startOffset, endOffset, selectionMarker, preserveMarker) {
         var _a;
         var _b, _c, _d, _e, _f, _g;
         var _h = textNode.__roosterjsContentModel, paragraph = _h.paragraph, segments = _h.segments;
@@ -12234,11 +12202,13 @@ var DomIndexerImpl = /** @class */ (function () {
             var lastIndex = paragraph.segments.indexOf(last);
             if (firstIndex >= 0 && lastIndex >= 0) {
                 while (firstIndex > 0 &&
-                    paragraph.segments[firstIndex - 1].segmentType == 'SelectionMarker') {
+                    paragraph.segments[firstIndex - 1].segmentType == 'SelectionMarker' &&
+                    paragraph.segments[firstIndex - 1] !== preserveMarker) {
                     firstIndex--;
                 }
                 while (lastIndex < paragraph.segments.length - 1 &&
-                    paragraph.segments[lastIndex + 1].segmentType == 'SelectionMarker') {
+                    paragraph.segments[lastIndex + 1].segmentType == 'SelectionMarker' &&
+                    paragraph.segments[lastIndex + 1] !== preserveMarker) {
                     lastIndex++;
                 }
                 (_a = paragraph.segments).splice.apply(_a, (0, tslib_1.__spreadArray)([firstIndex, lastIndex - firstIndex + 1], (0, tslib_1.__read)(newSegments), false));
@@ -14356,6 +14326,7 @@ var LifecyclePlugin = /** @class */ (function () {
         delete this.state.rewriteFromModel;
         // Initialize the Announce container.
         this.state.announceContainer = (0, createAriaLiveElement_1.createAriaLiveElement)(editor.getDocument());
+        editor.getDOMHelper().appendToRoot(this.state.announceContainer);
     };
     /**
      * Dispose this plugin
@@ -14549,20 +14520,23 @@ var SelectionPlugin = /** @class */ (function () {
             }
         };
         this.onSelectionChange = function () {
-            var _a;
+            var _a, _b;
             if (((_a = _this.editor) === null || _a === void 0 ? void 0 : _a.hasFocus()) && !_this.editor.isInShadowEdit()) {
                 var newSelection = _this.editor.getDOMSelection();
+                var domHelper = _this.editor.getDOMHelper();
                 //If am image selection changed to a wider range due a keyboard event, we should update the selection
-                var selection = _this.editor.getDocument().getSelection();
-                if (selection && selection.focusNode) {
-                    var image = (0, isSingleImageInSelection_1.isSingleImageInSelection)(selection);
+                var range = domHelper.getSelectionRange();
+                if (range) {
+                    var image = (0, isSingleImageInSelection_1.isSingleImageInSelection)(range);
                     if ((newSelection === null || newSelection === void 0 ? void 0 : newSelection.type) == 'image' && !image) {
-                        var range = selection.getRangeAt(0);
+                        var sel = (_b = _this.editor.getDocument().defaultView) === null || _b === void 0 ? void 0 : _b.getSelection();
+                        var isReverted = sel
+                            ? sel.focusNode != range.endContainer || sel.focusOffset != range.endOffset
+                            : false;
                         _this.editor.setDOMSelection({
                             type: 'range',
                             range: range,
-                            isReverted: selection.focusNode != range.endContainer ||
-                                selection.focusOffset != range.endOffset,
+                            isReverted: isReverted,
                         });
                     }
                     else if ((newSelection === null || newSelection === void 0 ? void 0 : newSelection.type) !== 'image' && image) {
@@ -15951,10 +15925,23 @@ exports.Editor = Editor;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createDOMHelper = void 0;
+var areSameRanges_1 = __webpack_require__(/*! ../../utils/areSameRanges */ "./packages/roosterjs-content-model-core/lib/utils/areSameRanges.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+function isSelectionWithComposedRanges(sel) {
+    return 'getComposedRanges' in sel;
+}
+function isShadowRoot(node) {
+    return 'host' in node;
+}
 var DOMHelperImpl = /** @class */ (function () {
     function DOMHelperImpl(contentDiv, options) {
+        var _a;
         this.contentDiv = contentDiv;
+        var rootNode = contentDiv.getRootNode();
+        this.shadowRoot = (options === null || options === void 0 ? void 0 : options.useShadowDom) && isShadowRoot(rootNode) ? rootNode : null;
+        this.doc = contentDiv.ownerDocument;
+        var sel = (_a = this.doc.defaultView) === null || _a === void 0 ? void 0 : _a.getSelection();
+        this.useComposedRanges = !!(this.shadowRoot && sel && 'getComposedRanges' in sel);
     }
     DOMHelperImpl.prototype.queryElements = function (selector) {
         return (0, roosterjs_content_model_dom_1.toArray)(this.contentDiv.querySelectorAll(selector));
@@ -16016,7 +16003,9 @@ var DOMHelperImpl = /** @class */ (function () {
         return this.contentDiv;
     };
     DOMHelperImpl.prototype.hasFocus = function () {
-        var activeElement = this.contentDiv.ownerDocument.activeElement;
+        var activeElement = this.shadowRoot
+            ? this.shadowRoot.activeElement
+            : this.doc.activeElement;
         return !!(activeElement && this.contentDiv.contains(activeElement));
     };
     /**
@@ -16083,6 +16072,51 @@ var DOMHelperImpl = /** @class */ (function () {
     DOMHelperImpl.prototype.getRangesByText = function (text, matchCase, wholeWord) {
         return (0, roosterjs_content_model_dom_1.getRangesByText)(this.contentDiv, text, matchCase, wholeWord, true /*editableOnly*/);
     };
+    DOMHelperImpl.prototype.getSelectionRange = function () {
+        var _a;
+        var sel = (_a = this.doc.defaultView) === null || _a === void 0 ? void 0 : _a.getSelection();
+        if (!sel) {
+            return null;
+        }
+        if (this.useComposedRanges && this.shadowRoot && isSelectionWithComposedRanges(sel)) {
+            var staticRanges = sel.getComposedRanges({
+                shadowRoots: [this.shadowRoot],
+            });
+            if ((staticRanges === null || staticRanges === void 0 ? void 0 : staticRanges.length) > 0) {
+                var sr = staticRanges[0];
+                var range = this.doc.createRange();
+                range.setStart(sr.startContainer, sr.startOffset);
+                range.setEnd(sr.endContainer, sr.endOffset);
+                return range;
+            }
+            return null;
+        }
+        return sel.rangeCount > 0 ? sel.getRangeAt(0) : null;
+    };
+    DOMHelperImpl.prototype.setSelectionRange = function (range, isReverted) {
+        var _a;
+        if (isReverted === void 0) { isReverted = false; }
+        var sel = (_a = this.doc.defaultView) === null || _a === void 0 ? void 0 : _a.getSelection();
+        var currentRange = this.getSelectionRange();
+        if (!sel || (currentRange && (0, areSameRanges_1.areSameRanges)(range, currentRange))) {
+            return;
+        }
+        var startContainer = range.startContainer, startOffset = range.startOffset, endContainer = range.endContainer, endOffset = range.endOffset;
+        if (!isReverted) {
+            sel.setBaseAndExtent(startContainer, startOffset, endContainer, endOffset);
+        }
+        else {
+            sel.setBaseAndExtent(endContainer, endOffset, startContainer, startOffset);
+        }
+    };
+    DOMHelperImpl.prototype.appendToRoot = function (element) {
+        if (this.shadowRoot) {
+            this.shadowRoot.appendChild(element);
+        }
+        else {
+            this.doc.body.appendChild(element);
+        }
+    };
     return DOMHelperImpl;
 }());
 /**
@@ -16199,7 +16233,10 @@ function createEditorCore(contentDiv, options) {
             corePlugins.lifecycle,
         ], false), environment: createEditorEnvironment(contentDiv, options), darkColorHandler: (0, DarkColorHandlerImpl_1.createDarkColorHandler)(contentDiv, (_b = options.getDarkColor) !== null && _b !== void 0 ? _b : getDarkColorFallback, options.knownColors, options.generateColorKey), trustedHTMLHandler: options.trustedHTMLHandler && !(0, domCreator_1.isDOMCreator)(options.trustedHTMLHandler)
             ? options.trustedHTMLHandler
-            : (0, domCreator_1.createTrustedHTMLHandler)(domCreator), domCreator: domCreator, domHelper: (0, DOMHelperImpl_1.createDOMHelper)(contentDiv) }, getPluginState(corePlugins)), { disposeErrorHandler: options.disposeErrorHandler, onFixUpModel: options.onFixUpModel, experimentalFeatures: options.experimentalFeatures ? (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(options.experimentalFeatures), false) : [] });
+            : (0, domCreator_1.createTrustedHTMLHandler)(domCreator), domCreator: domCreator, domHelper: (0, DOMHelperImpl_1.createDOMHelper)(contentDiv, {
+            useShadowDom: !!options.experimentalFeatures &&
+                options.experimentalFeatures.indexOf('ShadowDom') >= 0,
+        }) }, getPluginState(corePlugins)), { disposeErrorHandler: options.disposeErrorHandler, onFixUpModel: options.onFixUpModel, experimentalFeatures: options.experimentalFeatures ? (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(options.experimentalFeatures), false) : [] });
 }
 exports.createEditorCore = createEditorCore;
 function createEditorEnvironment(contentDiv, options) {
@@ -16357,6 +16394,8 @@ var containerSizeFormatParser = function (format, element) {
     if (element.tagName == 'DIV' || element.tagName == 'P') {
         delete format.width;
         delete format.height;
+        delete format.maxHeight;
+        delete format.maxWidth;
     }
 };
 exports.containerSizeFormatParser = containerSizeFormatParser;
@@ -16653,6 +16692,29 @@ var pasteWhiteSpaceFormatParser = function (format, element, context, defaultSty
 exports.pasteWhiteSpaceFormatParser = pasteWhiteSpaceFormatParser;
 
 
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-core/lib/utils/areSameRanges.ts"
+/*!**************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-core/lib/utils/areSameRanges.ts ***!
+  \**************************************************************************/
+(__unused_webpack_module, exports) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.areSameRanges = void 0;
+var RangeKeys = ['startContainer', 'endContainer', 'startOffset', 'endOffset'];
+/**
+ * @internal
+ * Check if two ranges have the same start and end positions.
+ */
+function areSameRanges(r1, r2) {
+    return RangeKeys.every(function (k) { return r1[k] == r2[k]; });
+}
+exports.areSameRanges = areSameRanges;
+
+
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-core/lib/utils/createAriaLiveElement.ts"
@@ -16678,7 +16740,6 @@ function createAriaLiveElement(document) {
     div.style.whiteSpace = 'nowrap';
     div.style.width = '1px';
     div.ariaLive = 'assertive';
-    document.body.appendChild(div);
     return div;
 }
 exports.createAriaLiveElement = createAriaLiveElement;
@@ -21169,11 +21230,13 @@ exports.directionFormatHandler = {
             format.direction = dir == 'rtl' ? 'rtl' : 'ltr';
         }
     },
-    apply: function (format, element) {
+    apply: function (format, element, context) {
         if (format.direction) {
             element.style.direction = format.direction;
         }
-        if (format.direction == 'rtl' && (0, isElementOfType_1.isElementOfType)(element, 'table')) {
+        if (format.direction == 'rtl' &&
+            (0, isElementOfType_1.isElementOfType)(element, 'table') &&
+            context.implicitFormat.direction != 'rtl') {
             element.style.justifySelf = 'flex-end';
         }
     },
@@ -21710,6 +21773,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.borderFormatHandler = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var borderKeys_1 = __webpack_require__(/*! ../utils/borderKeys */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/utils/borderKeys.ts");
+var borderValues_1 = __webpack_require__(/*! ../../domUtils/style/borderValues */ "./packages/roosterjs-content-model-dom/lib/domUtils/style/borderValues.ts");
 // This array needs to match BorderKeys array
 var BorderWidthKeys = [
     'borderTopWidth',
@@ -21738,7 +21802,17 @@ exports.borderFormatHandler = {
                 width = '0px';
             }
             if (value && width != defaultWidth) {
-                format[key] = value == 'none' ? '' : value;
+                var result = value;
+                if (result.includes('initial')) {
+                    // Remove 'initial' from the last part (color) of the border value
+                    // since browsers ignore it when setting the inline style property
+                    var border = (0, borderValues_1.extractBorderValues)(value);
+                    if (border.color === 'initial') {
+                        border.color = '';
+                    }
+                    result = (0, borderValues_1.combineBorderValue)(border);
+                }
+                format[key] = result == 'none' ? '' : result;
             }
         });
         var borderRadius = element.style.borderRadius;
@@ -24140,6 +24214,7 @@ var createText_1 = __webpack_require__(/*! ../creators/createText */ "./packages
 var ensureParagraph_1 = __webpack_require__(/*! ./ensureParagraph */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/ensureParagraph.ts");
 var hasSpacesOnly_1 = __webpack_require__(/*! ./hasSpacesOnly */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/hasSpacesOnly.ts");
 var isWhiteSpacePreserved_1 = __webpack_require__(/*! ../../domUtils/isWhiteSpacePreserved */ "./packages/roosterjs-content-model-dom/lib/domUtils/isWhiteSpacePreserved.ts");
+var stripInvisibleUnicode_1 = __webpack_require__(/*! ./stripInvisibleUnicode */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/stripInvisibleUnicode.ts");
 /**
  * Add a new text segment to current paragraph
  * @param group Current BlockGroup that the paragraph belong to
@@ -24155,7 +24230,11 @@ function addTextSegment(group, text, context) {
         if (!(0, hasSpacesOnly_1.hasSpacesOnly)(text) ||
             ((_a = paragraph === null || paragraph === void 0 ? void 0 : paragraph.segments.length) !== null && _a !== void 0 ? _a : 0) > 0 ||
             (0, isWhiteSpacePreserved_1.isWhiteSpacePreserved)(paragraph === null || paragraph === void 0 ? void 0 : paragraph.format.whiteSpace)) {
-            textModel = (0, createText_1.createText)(text, context.segmentFormat);
+            var filteredText = context.experimentalFeatures &&
+                context.experimentalFeatures.indexOf('FilterInvisibleUnicode') > -1
+                ? (0, stripInvisibleUnicode_1.stripInvisibleUnicode)(text)
+                : text;
+            textModel = (0, createText_1.createText)(filteredText, context.segmentFormat);
             if (context.isInSelection) {
                 textModel.isSelected = true;
             }
@@ -24790,6 +24869,34 @@ function normalizeSegmentFormat(format, environment) {
 exports.normalizeSegmentFormat = normalizeSegmentFormat;
 
 
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-dom/lib/modelApi/common/stripInvisibleUnicode.ts"
+/*!*******************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-dom/lib/modelApi/common/stripInvisibleUnicode.ts ***!
+  \*******************************************************************************************/
+(__unused_webpack_module, exports) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.stripInvisibleUnicode = void 0;
+// According to https://embracethered.com/blog/posts/2024/hiding-and-finding-text-with-unicode-tags/
+// there are some invisible unicode characters in the range of U+E0000 to U+EFFFF, which are used for hiding text in HTML.
+// We need to strip them out before processing the pasted content, otherwise they will be treated as normal text and cause unexpected behavior.
+var INVISIBLE_UNICODE_REGEX = /[\u{E0000}-\u{EFFFF}]/gu;
+/**
+ * @internal
+ * Strip invisible unicode characters from the given string
+ * @param value The string to be processed
+ * @returns The string with invisible unicode characters removed
+ */
+function stripInvisibleUnicode(value) {
+    return value.replace(INVISIBLE_UNICODE_REGEX, '');
+}
+exports.stripInvisibleUnicode = stripInvisibleUnicode;
+
+
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-dom/lib/modelApi/common/unwrapBlock.ts"
@@ -25248,16 +25355,25 @@ exports.createParagraphDecorator = createParagraphDecorator;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createSelectionMarker = void 0;
-var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+var EmptySegmentFormat_1 = __webpack_require__(/*! ../../constants/EmptySegmentFormat */ "./packages/roosterjs-content-model-dom/lib/constants/EmptySegmentFormat.ts");
+var getObjectKeys_1 = __webpack_require__(/*! ../../domUtils/getObjectKeys */ "./packages/roosterjs-content-model-dom/lib/domUtils/getObjectKeys.ts");
 /**
  * Create a ContentModelSelectionMarker model
  * @param format @optional The format of this model
  */
 function createSelectionMarker(format) {
+    var filteredFormat = {};
+    if (format) {
+        (0, getObjectKeys_1.getObjectKeys)(EmptySegmentFormat_1.EmptySegmentFormat).forEach(function (key) {
+            if (key in format) {
+                filteredFormat[key] = format[key];
+            }
+        });
+    }
     return {
         segmentType: 'SelectionMarker',
         isSelected: true,
-        format: (0, tslib_1.__assign)({}, format),
+        format: filteredFormat,
     };
 }
 exports.createSelectionMarker = createSelectionMarker;
@@ -29332,14 +29448,16 @@ var handleFormatContainer = function (doc, parent, container, context, refNode)
             (0, applyFormat_1.applyFormat)(containerNode_1, context.formatAppliers.segmentOnBlock, container.format, context);
             (0, applyFormat_1.applyFormat)(containerNode_1, context.formatAppliers.container, container.format, context);
         });
-        if (container.tagName == 'pre') {
-            (0, stackFormat_1.stackFormat)(context, PreChildFormat, function () {
+        (0, stackFormat_1.stackFormat)(context, container.format.direction ? { direction: container.format.direction } : null, function () {
+            if (container.tagName == 'pre') {
+                (0, stackFormat_1.stackFormat)(context, PreChildFormat, function () {
+                    context.modelHandlers.blockGroupChildren(doc, containerNode_1, container, context);
+                });
+            }
+            else {
                 context.modelHandlers.blockGroupChildren(doc, containerNode_1, container, context);
-            });
-        }
-        else {
-            context.modelHandlers.blockGroupChildren(doc, containerNode_1, container, context);
-        }
+            }
+        });
         element = containerNode_1;
     }
     if (element) {
@@ -29629,7 +29747,9 @@ var handleListItem = function (doc, parent, listItem, context, refNode) {
         // Need to apply listItemElement formats after applying metadata since the list numbers value relies on the result of metadata handling
         (0, applyFormat_1.applyFormat)(li, context.formatAppliers.listItemElement, listItem.format, context);
         (0, stackFormat_1.stackFormat)(context, listItem.formatHolder.format, function () {
-            context.modelHandlers.blockGroupChildren(doc, li, listItem, context);
+            (0, stackFormat_1.stackFormat)(context, listItem.format.direction ? { direction: listItem.format.direction } : null, function () {
+                context.modelHandlers.blockGroupChildren(doc, li, listItem, context);
+            });
         });
     }
     else {
@@ -30001,7 +30121,9 @@ var handleTable = function (doc, parent, table, context, refNode) {
                         (0, applyFormat_1.applyFormat)(td_1, context.formatAppliers.tableCellBorder, cell.format, context);
                         (0, applyFormat_1.applyFormat)(td_1, context.formatAppliers.dataset, cell.dataset, context);
                     }
-                    context.modelHandlers.blockGroupChildren(doc, td_1, cell, context);
+                    (0, stackFormat_1.stackFormat)(context, cell.format.direction ? { direction: cell.format.direction } : null, function () {
+                        context.modelHandlers.blockGroupChildren(doc, td_1, cell, context);
+                    });
                 });
                 (_f = context.onNodeCreated) === null || _f === void 0 ? void 0 : _f.call(context, cell, td_1);
             }
@@ -30527,35 +30649,6 @@ var convertContentModelToMarkdown_1 = __webpack_require__(/*! ./modelToMarkdown/
 Object.defineProperty(exports, "convertContentModelToMarkdown", ({ enumerable: true, get: function () { return convertContentModelToMarkdown_1.convertContentModelToMarkdown; } }));
 
 
-/***/ },
-
-/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/appliers/applyLink.ts"
-/*!*********************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/appliers/applyLink.ts ***!
-  \*********************************************************************************************/
-(__unused_webpack_module, exports) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.applyLink = void 0;
-/**
- * @internal
- */
-function applyLink(textSegment, text, url) {
-    textSegment.text = text;
-    textSegment.link = {
-        dataset: {},
-        format: {
-            href: url,
-            underline: true,
-        },
-    };
-    return textSegment;
-}
-exports.applyLink = applyLink;
-
-
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/appliers/applySegmentFormatting.ts"
@@ -30570,46 +30663,39 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.applySegmentFormatting = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var adjustHeading_1 = __webpack_require__(/*! ../utils/adjustHeading */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/adjustHeading.ts");
-var applyLink_1 = __webpack_require__(/*! ./applyLink */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/appliers/applyLink.ts");
-var applyTextFormatting_1 = __webpack_require__(/*! ./applyTextFormatting */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/appliers/applyTextFormatting.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
-var createImageSegment_1 = __webpack_require__(/*! ../creators/createImageSegment */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createImageSegment.ts");
-var splitParagraphSegments_1 = __webpack_require__(/*! ../utils/splitParagraphSegments */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/splitParagraphSegments.ts");
+var parseInlineSegments_1 = __webpack_require__(/*! ../utils/parseInlineSegments */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/parseInlineSegments.ts");
 /**
  * @internal
  */
 function applySegmentFormatting(text, paragraph, decorator) {
-    var e_1, _a, _b;
+    var e_1, _a;
     if (text.length === 0) {
         var br = (0, roosterjs_content_model_dom_1.createBr)();
         paragraph.segments.push(br);
     }
     else {
-        var textSegments = (0, splitParagraphSegments_1.splitParagraphSegments)(text);
+        var segments = [];
+        (0, parseInlineSegments_1.parseInlineSegments)(text, segments);
+        // Apply heading adjustment to the first text-bearing segment, if any.
+        var headingAdjusted = false;
         try {
-            for (var textSegments_1 = (0, tslib_1.__values)(textSegments), textSegments_1_1 = textSegments_1.next(); !textSegments_1_1.done; textSegments_1_1 = textSegments_1.next()) {
-                var segment = textSegments_1_1.value;
-                var formattedSegment = (0, roosterjs_content_model_dom_1.createText)(segment.text);
-                if (segment.type === 'image') {
-                    var image = (0, createImageSegment_1.createImageSegment)(segment.text, segment.url);
-                    paragraph.segments.push(image);
-                }
-                else {
-                    if (segment.type === 'link') {
-                        (0, applyLink_1.applyLink)(formattedSegment, segment.text, segment.url);
-                    }
-                    var segmentWithAdjustedHeading = (0, adjustHeading_1.adjustHeading)(formattedSegment, decorator);
-                    if (segmentWithAdjustedHeading) {
-                        var formattedSegments = (0, applyTextFormatting_1.applyTextFormatting)(formattedSegment);
-                        (_b = paragraph.segments).push.apply(_b, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(formattedSegments), false));
+            for (var segments_1 = (0, tslib_1.__values)(segments), segments_1_1 = segments_1.next(); !segments_1_1.done; segments_1_1 = segments_1.next()) {
+                var segment = segments_1_1.value;
+                if (!headingAdjusted && segment.segmentType === 'Text') {
+                    var adjusted = (0, adjustHeading_1.adjustHeading)(segment, decorator);
+                    headingAdjusted = true;
+                    if (!adjusted) {
+                        continue;
                     }
                 }
+                paragraph.segments.push(segment);
             }
         }
         catch (e_1_1) { e_1 = { error: e_1_1 }; }
         finally {
             try {
-                if (textSegments_1_1 && !textSegments_1_1.done && (_a = textSegments_1.return)) _a.call(textSegments_1);
+                if (segments_1_1 && !segments_1_1.done && (_a = segments_1.return)) _a.call(segments_1);
             }
             finally { if (e_1) throw e_1.error; }
         }
@@ -30619,148 +30705,6 @@ function applySegmentFormatting(text, paragraph, decorator) {
 exports.applySegmentFormatting = applySegmentFormatting;
 
 
-/***/ },
-
-/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/appliers/applyTextFormatting.ts"
-/*!*******************************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/appliers/applyTextFormatting.ts ***!
-  \*******************************************************************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.applyTextFormatting = void 0;
-var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
-var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
-/**
- * @internal
- */
-function applyTextFormatting(textSegment) {
-    var text = textSegment.text;
-    // Quick check: if the text contains only formatting markers, return original
-    if (isOnlyFormattingMarkers(text)) {
-        return [textSegment];
-    }
-    var textSegments = [];
-    var currentState = { bold: false, italic: false, strikethrough: false };
-    var currentText = '';
-    var i = 0;
-    while (i < text.length) {
-        var marker = parseMarkerAt(text, i);
-        if (marker) {
-            // Check if this marker should be treated as formatting or as literal text
-            if (shouldToggleFormatting(text, i, marker, currentState)) {
-                // If we have accumulated text, create a segment for it
-                if (currentText.length > 0) {
-                    textSegments.push(createFormattedSegment(currentText, textSegment.format, currentState, textSegment.link));
-                    currentText = '';
-                }
-                // Toggle the formatting state
-                toggleFormatting(currentState, marker.type);
-                // Skip the marker characters
-                i += marker.length;
-            }
-            else {
-                // Treat as regular text if marker is not valid in this context
-                currentText += text[i];
-                i++;
-            }
-        }
-        else {
-            // Regular character, add to current text
-            currentText += text[i];
-            i++;
-        }
-    }
-    // Add any remaining text as a final segment
-    if (currentText.length > 0) {
-        textSegments.push(createFormattedSegment(currentText, textSegment.format, currentState, textSegment.link));
-    }
-    // If no meaningful formatting was applied, return the original segment
-    if (textSegments.length === 0 ||
-        (textSegments.length === 1 && textSegments[0].text === textSegment.text)) {
-        return [textSegment];
-    }
-    return textSegments;
-}
-exports.applyTextFormatting = applyTextFormatting;
-function isOnlyFormattingMarkers(text) {
-    // Remove all potential formatting markers and see if anything remains
-    var remaining = text;
-    remaining = remaining.replace(/\*\*/g, ''); // Remove **
-    remaining = remaining.replace(/~~/g, ''); // Remove ~~
-    remaining = remaining.replace(/\*/g, ''); // Remove *
-    // If nothing remains after removing all markers, it was only markers
-    return remaining.length === 0;
-}
-function parseMarkerAt(text, index) {
-    var remaining = text.substring(index);
-    if (remaining.startsWith('~~')) {
-        return { type: 'strikethrough', length: 2 };
-    }
-    if (remaining.startsWith('**')) {
-        return { type: 'bold', length: 2 };
-    }
-    if (remaining.startsWith('*')) {
-        return { type: 'italic', length: 1 };
-    }
-    return null;
-}
-function shouldToggleFormatting(text, index, marker, currentState) {
-    var nextChar = index + marker.length < text.length ? text.charAt(index + marker.length) : '';
-    var isCurrentlyActive = getCurrentFormatState(currentState, marker.type);
-    if (isCurrentlyActive) {
-        // We're currently in this format, so any marker can close it
-        return true;
-    }
-    else {
-        // We're not in this format, so this marker would open it
-        // Opening markers must be followed by non-whitespace
-        return nextChar.length > 0 && !isWhitespace(nextChar);
-    }
-}
-function isWhitespace(char) {
-    return /\s/.test(char);
-}
-function toggleFormatting(state, type) {
-    switch (type) {
-        case 'bold':
-            state.bold = !state.bold;
-            break;
-        case 'italic':
-            state.italic = !state.italic;
-            break;
-        case 'strikethrough':
-            state.strikethrough = !state.strikethrough;
-            break;
-    }
-}
-function getCurrentFormatState(state, type) {
-    switch (type) {
-        case 'bold':
-            return state.bold;
-        case 'italic':
-            return state.italic;
-        case 'strikethrough':
-            return state.strikethrough;
-    }
-}
-function createFormattedSegment(text, baseFormat, state, link) {
-    var format = (0, tslib_1.__assign)({}, baseFormat);
-    if (state.bold) {
-        format.fontWeight = 'bold';
-    }
-    if (state.italic) {
-        format.italic = true;
-    }
-    if (state.strikethrough) {
-        format.strikethrough = true;
-    }
-    return (0, roosterjs_content_model_dom_1.createText)(text, format, link);
-}
-
-
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/convertMarkdownToContentModel.ts"
@@ -31358,29 +31302,143 @@ exports.isMarkdownTable = isMarkdownTable;
 
 /***/ },
 
-/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/splitParagraphSegments.ts"
-/*!*******************************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/splitParagraphSegments.ts ***!
-  \*******************************************************************************************************/
-(__unused_webpack_module, exports) {
+/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/parseInlineSegments.ts"
+/*!****************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/parseInlineSegments.ts ***!
+  \****************************************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.splitParagraphSegments = void 0;
-// Matches markdown links and images in a string.
-// Group 1 (full link):  [text](url)       e.g. [Click here](https://example.com)
-//   Group 2: link text  e.g. "Click here"
-//   Group 3: link url   e.g. "https://example.com"
-// Group 4 (full image): ![alt](url)       e.g. ![Logo](https://example.com/logo.png)
-//   Group 5: alt text   e.g. "Logo"
-//   Group 6: image url  e.g. "https://example.com/logo.png"
-var linkRegex = /(\[([^\[]+)\]\(([^\)]+)\))|(\!\[([^\[]+)\]\(([^\)]+)\))/g;
-var isValidUrl = function (url) {
+exports.parseInlineSegments = void 0;
+var createImageSegment_1 = __webpack_require__(/*! ../creators/createImageSegment */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createImageSegment.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+// Matches a markdown link [text](url) anchored at the start of the input.
+var linkPattern = /^\[([^\[\]]+)\]\(([^\)]+)\)/;
+// Matches a markdown image ![alt](url) anchored at the start of the input.
+var imagePattern = /^!\[([^\[\]]+)\]\(([^\)]+)\)/;
+/**
+ * @internal
+ * Parse a markdown inline string into Content Model segments. Supports bold/italic/
+ * strikethrough markers, links, and images, and keeps formatting state active across
+ * link boundaries (e.g. **[link](url)**).
+ */
+function parseInlineSegments(text, segments, state, link) {
+    if (state === void 0) { state = { bold: false, italic: false, strikethrough: false }; }
+    var buffer = '';
+    var i = 0;
+    var flushBuffer = function () {
+        if (buffer.length > 0) {
+            segments.push(createFormattedSegment(buffer, state, link));
+            buffer = '';
+        }
+    };
+    while (i < text.length) {
+        var remaining = text.substring(i);
+        // Image: ![alt](url)
+        var imgMatch = imagePattern.exec(remaining);
+        if (imgMatch && isValidUrl(imgMatch[2])) {
+            flushBuffer();
+            segments.push((0, createImageSegment_1.createImageSegment)(imgMatch[1], imgMatch[2]));
+            i += imgMatch[0].length;
+            continue;
+        }
+        // Link: [text](url) — keep outer formatting state active inside the link
+        var linkMatch = linkPattern.exec(remaining);
+        if (linkMatch && isValidUrl(linkMatch[2])) {
+            flushBuffer();
+            var innerLink = {
+                dataset: {},
+                format: { href: linkMatch[2], underline: true },
+            };
+            parseInlineSegments(linkMatch[1], segments, state, innerLink);
+            i += linkMatch[0].length;
+            continue;
+        }
+        // Formatting marker
+        var marker = parseMarkerAt(text, i);
+        if (marker && shouldToggleFormatting(text, i, marker, state)) {
+            flushBuffer();
+            toggleFormatting(state, marker.type);
+            i += marker.length;
+            continue;
+        }
+        buffer += text[i];
+        i++;
+    }
+    flushBuffer();
+}
+exports.parseInlineSegments = parseInlineSegments;
+function parseMarkerAt(text, index) {
+    var remaining = text.substring(index);
+    if (remaining.startsWith('~~')) {
+        return { type: 'strikethrough', length: 2 };
+    }
+    if (remaining.startsWith('**')) {
+        return { type: 'bold', length: 2 };
+    }
+    if (remaining.startsWith('*')) {
+        return { type: 'italic', length: 1 };
+    }
+    return null;
+}
+function shouldToggleFormatting(text, index, marker, currentState) {
+    var isCurrentlyActive = getCurrentFormatState(currentState, marker.type);
+    if (isCurrentlyActive) {
+        return true;
+    }
+    // Opening marker must be followed by a non-whitespace character.
+    var nextIndex = index + marker.length;
+    var nextChar = nextIndex < text.length ? text.charAt(nextIndex) : '';
+    if (nextChar.length === 0 || isWhitespace(nextChar)) {
+        return false;
+    }
+    return true;
+}
+function isWhitespace(char) {
+    return /\s/.test(char);
+}
+function toggleFormatting(state, type) {
+    switch (type) {
+        case 'bold':
+            state.bold = !state.bold;
+            break;
+        case 'italic':
+            state.italic = !state.italic;
+            break;
+        case 'strikethrough':
+            state.strikethrough = !state.strikethrough;
+            break;
+    }
+}
+function getCurrentFormatState(state, type) {
+    switch (type) {
+        case 'bold':
+            return state.bold;
+        case 'italic':
+            return state.italic;
+        case 'strikethrough':
+            return state.strikethrough;
+    }
+}
+function createFormattedSegment(text, state, link) {
+    var format = {};
+    if (state.bold) {
+        format.fontWeight = 'bold';
+    }
+    if (state.italic) {
+        format.italic = true;
+    }
+    if (state.strikethrough) {
+        format.strikethrough = true;
+    }
+    return (0, roosterjs_content_model_dom_1.createText)(text, format, link);
+}
+function isValidUrl(url) {
     if (!url) {
         return false;
     }
-    // Accept common non-http schemes and relative paths
     if (url.startsWith('data:') ||
         url.startsWith('blob:') ||
         url.startsWith('/') ||
@@ -31395,51 +31453,7 @@ var isValidUrl = function (url) {
     catch (_) {
         return false;
     }
-};
-function pushText(result, text) {
-    var last = result[result.length - 1];
-    if (last && last.type === 'text') {
-        last.text += text;
-    }
-    else {
-        result.push({ type: 'text', text: text, url: '' });
-    }
-}
-/**
- * @internal
- */
-function splitParagraphSegments(text) {
-    var result = [];
-    var lastIndex = 0;
-    var match = null;
-    while ((match = linkRegex.exec(text)) !== null) {
-        if (match.index > lastIndex) {
-            pushText(result, text.slice(lastIndex, match.index));
-        }
-        if (match[2] && match[3]) {
-            if (isValidUrl(match[3])) {
-                result.push({ type: 'link', text: match[2], url: match[3] });
-            }
-            else {
-                pushText(result, match[0]);
-            }
-        }
-        else if (match[5] && match[6]) {
-            if (isValidUrl(match[6])) {
-                result.push({ type: 'image', text: match[5], url: match[6] });
-            }
-            else {
-                pushText(result, match[0]);
-            }
-        }
-        lastIndex = linkRegex.lastIndex;
-    }
-    if (lastIndex < text.length) {
-        pushText(result, text.slice(lastIndex));
-    }
-    return result;
 }
-exports.splitParagraphSegments = splitParagraphSegments;
 
 
 /***/ },
@@ -31700,20 +31714,30 @@ function createMarkdownParagraph(paragraph, context) {
 }
 exports.createMarkdownParagraph = createMarkdownParagraph;
 function textProcessor(text) {
-    var markdownString = text.text;
-    if (text.link) {
-        markdownString = "[" + text.text + "](" + text.link.format.href + ")";
-    }
-    if (text.format.fontWeight == 'bold') {
-        markdownString = "**" + markdownString + "**";
-    }
-    if (text.format.strikethrough) {
-        markdownString = "~~" + markdownString + "~~";
+    var _a = text.format, fontWeight = _a.fontWeight, italic = _a.italic, strikethrough = _a.strikethrough;
+    var hasInlineFormat = fontWeight == 'bold' || italic || strikethrough;
+    if (!hasInlineFormat) {
+        return text.link ? "[" + text.text + "](" + text.link.format.href + ")" : text.text;
+    }
+    // Move leading/trailing whitespace outside the markers so the emitted
+    // markdown is valid (CommonMark requires emphasis markers to hug
+    // non-whitespace), e.g. "world " with <b> => " " + "**world**".
+    var match = /^(\s*)([\s\S]*?)(\s*)$/.exec(text.text);
+    var _b = (0, tslib_1.__read)(match ? match : ['', '', text.text, ''], 4), leading = _b[1], core = _b[2], trailing = _b[3];
+    if (!core) {
+        return text.text;
+    }
+    var inner = text.link ? "[" + core + "](" + text.link.format.href + ")" : core;
+    if (fontWeight == 'bold') {
+        inner = "**" + inner + "**";
+    }
+    if (strikethrough) {
+        inner = "~~" + inner + "~~";
     }
-    if (text.format.italic) {
-        markdownString = "*" + markdownString + "*";
+    if (italic) {
+        inner = "*" + inner + "*";
     }
-    return markdownString;
+    return "" + leading + inner + trailing;
 }