roosterjs 9.52.0 → 9.54.0

package/dist/rooster.js

@@ -8020,6 +8020,15 @@ function formatInsertPointWithContentModel(editor, insertPoint, callback, option
             textWithSelection: getShadowTextProcessor(bundle),
         },
         tryGetFromCache: false,
+        // When an element carries "container level" styles such as margin or padding, we first
+        // wrap it in a FormatContainer. After all its child nodes are processed, we decide whether
+        // to keep the FormatContainer or fall back to a plain paragraph when it only wraps a single
+        // paragraph. However, formatInsertPointWithContentModel persists the Content Model group path
+        // during processing so the later formatting callback can still use it (see the
+        // DomToModelContextWithPath interface below). If the FormatContainer falls back to a paragraph,
+        // it is removed from the model and the persisted path becomes invalid. To keep the path valid,
+        // we skip the fallback check here and always keep the FormatContainer when one is needed.
+        skipFormatContainerFallbackCheck: true,
     });
 }
 exports.formatInsertPointWithContentModel = formatInsertPointWithContentModel;
@@ -9057,9 +9066,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 +9939,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;
@@ -10100,6 +10113,9 @@ var createContentModel = function (core, option, selectionOverride) {
     var domToModelContext = option
         ? (0, roosterjs_content_model_dom_1.createDomToModelContext)(editorContext, settings.builtIn, settings.customized, option)
         : (0, roosterjs_content_model_dom_1.createDomToModelContextWithConfig)(settings.calculated, editorContext);
+    if (option === null || option === void 0 ? void 0 : option.skipFormatContainerFallbackCheck) {
+        domToModelContext.skipFormatContainerFallbackCheck = true;
+    }
     if (selection) {
         domToModelContext.selection = selection;
     }
@@ -10418,16 +10434,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 +10890,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 +10991,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 +11016,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 +11031,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 +11068,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 +11092,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 +11111,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 +11298,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 +11333,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;
     }
@@ -11606,6 +11587,11 @@ var CachePlugin = /** @class */ (function () {
                             _this.invalidateCache();
                         }
                         break;
+                    case 'attribute':
+                        if (!_this.state.domIndexer.reconcileImageAttribute(mutation.element, mutation.attributeName)) {
+                            _this.invalidateCache();
+                        }
+                        break;
                     case 'unknown':
                         _this.invalidateCache();
                         break;
@@ -11830,12 +11816,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 +11848,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 +11867,6 @@ var TableSelectionKeys = [
     'firstRow',
     'lastRow',
 ];
-var RangeKeys = ['startContainer', 'endContainer', 'startOffset', 'endOffset'];
 /**
  * @internal
  */
@@ -11888,13 +11874,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 +12051,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;
@@ -12138,6 +12123,33 @@ var DomIndexerImpl = /** @class */ (function () {
             return false;
         }
     };
+    DomIndexerImpl.prototype.reconcileImageAttribute = function (element, attributeName) {
+        var _a, _b;
+        if ((0, roosterjs_content_model_dom_1.isElementOfType)(element, 'img')) {
+            var image = (_a = getIndexedSegmentItem(element)) === null || _a === void 0 ? void 0 : _a.segments[0];
+            if ((image === null || image === void 0 ? void 0 : image.segmentType) == 'Image') {
+                if (attributeName == 'src') {
+                    // Use getAttribute('src') instead of retrieving src directly, in case the src
+                    // has port and may be stripped by browser. This matches imageProcessor.
+                    image.src = (_b = element.getAttribute('src')) !== null && _b !== void 0 ? _b : '';
+                    return true;
+                }
+                else if (attributeName.indexOf('data-') == 0) {
+                    // A data-* attribute may be added, modified or removed. Rebuild the whole
+                    // dataset from DOM to keep it in sync, the same way imageProcessor builds it.
+                    var dataset_1 = image.dataset;
+                    (0, roosterjs_content_model_dom_1.getObjectKeys)(dataset_1).forEach(function (key) {
+                        delete dataset_1[key];
+                    });
+                    (0, roosterjs_content_model_dom_1.getObjectKeys)(element.dataset).forEach(function (key) {
+                        dataset_1[key] = element.dataset[key] || '';
+                    });
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
     DomIndexerImpl.prototype.onBlockEntityDelimiter = function (node, entity, parent) {
         if ((0, roosterjs_content_model_dom_1.isNodeOfType)(node, 'ELEMENT_NODE') && (0, roosterjs_content_model_dom_1.isEntityDelimiter)(node) && node.firstChild) {
             var indexedDelimiter = node.firstChild;
@@ -12148,10 +12160,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 +12193,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 +12246,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));
@@ -12451,6 +12465,16 @@ var TextMutationObserverImpl = /** @class */ (function () {
                                 (0, roosterjs_content_model_dom_1.isNodeOfType)(target, 'ELEMENT_NODE')) {
                                 _this.onMutation({ type: 'elementId', element: target });
                             }
+                            else if (mutation.attributeName &&
+                                (0, roosterjs_content_model_dom_1.isNodeOfType)(target, 'ELEMENT_NODE') &&
+                                (mutation.attributeName == 'src' ||
+                                    mutation.attributeName.indexOf('data-') == 0)) {
+                                _this.onMutation({
+                                    type: 'attribute',
+                                    element: target,
+                                    attributeName: mutation.attributeName,
+                                });
+                            }
                             else {
                                 // We cannot handle attributes changes on editor content for now
                                 canHandle = false;
@@ -14356,6 +14380,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 +14574,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 +15979,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 +16057,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 +16126,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 +16287,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 +16448,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 +16746,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 +16794,6 @@ function createAriaLiveElement(document) {
     div.style.whiteSpace = 'nowrap';
     div.style.width = '1px';
     div.ariaLive = 'assertive';
-    document.body.appendChild(div);
     return div;
 }
 exports.createAriaLiveElement = createAriaLiveElement;
@@ -18076,7 +18191,9 @@ var formatContainerProcessorInternal = function (group, element, context, forceF
         if (element.style.fontSize && parseInt(element.style.fontSize) == 0) {
             formatContainer.zeroFontSize = true;
         }
-        if (shouldFallbackToParagraph(formatContainer) && !forceFormatContainer) {
+        if (!context.skipFormatContainerFallbackCheck &&
+            shouldFallbackToParagraph(formatContainer) &&
+            !forceFormatContainer) {
             // For DIV container that only has one paragraph child, container style can be merged into paragraph
             // and no need to have this container
             var paragraph = formatContainer.blocks[0];
@@ -21169,11 +21286,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 +21829,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 +21858,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 +24270,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 +24286,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 +24925,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 +25411,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;
@@ -28558,6 +28730,7 @@ function internalIterateSelections(path, callback, option, table, treatAllAsSele
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.setSelection = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var isGeneralSegment_1 = __webpack_require__(/*! ../typeCheck/isGeneralSegment */ "./packages/roosterjs-content-model-dom/lib/modelApi/typeCheck/isGeneralSegment.ts");
 var mutate_1 = __webpack_require__(/*! ../common/mutate */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/mutate.ts");
 /**
@@ -28595,6 +28768,7 @@ function setSelectionToBlockGroup(group, isInSelection, start, end) {
     });
 }
 function setSelectionToBlock(block, isInSelection, start, end) {
+    var _a;
     switch (block.blockType) {
         case 'BlockGroup':
             return setSelectionToBlockGroup(block, isInSelection, start, end);
@@ -28615,16 +28789,31 @@ function setSelectionToBlock(block, isInSelection, start, end) {
                 return isInSelection;
             });
         case 'Paragraph':
-            var segmentsToDelete_1 = [];
+            var state_1 = {
+                segmentsToDelete: [],
+                boundaryMarkers: [],
+                hasSelectedNonMarker: false,
+            };
             block.segments.forEach(function (segment, i) {
                 isInSelection = handleSelection(isInSelection, segment, start, end, function (isInSelection) {
-                    return setSelectionToSegment(block, segment, isInSelection, segmentsToDelete_1, start, end, i);
+                    return setSelectionToSegment(block, segment, isInSelection, state_1, start, end, i);
                 });
             });
-            if (segmentsToDelete_1.length > 0) {
+            if (state_1.hasSelectedNonMarker) {
+                // This paragraph contains a real (non-marker) selected segment, so any leading/trailing
+                // selection marker of the range is redundant within this paragraph and can be removed.
+                // We only do this within the same paragraph: a boundary marker at a paragraph edge must be
+                // kept to distinguish "selection starts at the beginning of this line" from "selection
+                // starts at the end of the previous line".
+                (_a = state_1.segmentsToDelete).push.apply(_a, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(state_1.boundaryMarkers), false));
+            }
+            if (state_1.segmentsToDelete.length > 0) {
                 var mutablePara = (0, mutate_1.mutateBlock)(block);
                 var index = void 0;
-                while ((index = segmentsToDelete_1.pop()) !== undefined) {
+                // Sort ascending so the pop()-based splice below always removes the highest index first,
+                // keeping the remaining indices valid (boundary markers may sit before queued deletions).
+                state_1.segmentsToDelete.sort(function (a, b) { return a - b; });
+                while ((index = state_1.segmentsToDelete.pop()) !== undefined) {
                     if (index >= 0) {
                         mutablePara.segments.splice(index, 1);
                     }
@@ -28673,14 +28862,23 @@ function findCell(table, cell) {
         : -1;
     return { row: row, col: col };
 }
-function setSelectionToSegment(paragraph, segment, isInSelection, segmentsToDelete, start, end, i) {
+function setSelectionToSegment(paragraph, segment, isInSelection, state, start, end, i) {
+    if (segment.segmentType != 'SelectionMarker' && isInSelection) {
+        state.hasSelectedNonMarker = true;
+    }
     switch (segment.segmentType) {
         case 'SelectionMarker':
             if (!isInSelection || (segment != start && segment != end)) {
                 // Delete the selection marker when
                 // 1. It is not in selection any more. Or
                 // 2. It is in middle of selection, so no need to have it
-                segmentsToDelete.push(i);
+                state.segmentsToDelete.push(i);
+            }
+            else {
+                // It is a leading/trailing selection marker of a range selection. Keep it for now, but
+                // remember it so it can be removed later if this same paragraph also contains a real
+                // (non-marker) selected segment, in which case the marker is redundant.
+                state.boundaryMarkers.push(i);
             }
             return isInSelection;
         case 'General':
@@ -29121,7 +29319,7 @@ var handleBlockGroupChildren = function (doc, parent, group, context) {
                 (_a = context.domIndexer) === null || _a === void 0 ? void 0 : _a.onBlockEntity(childBlock, group);
             }
         });
-        cleanUpNodeStack(listFormat.nodeStack, context);
+        cleanUpNodeStack(listFormat.nodeStack, context, parent);
         // Remove all rest node if any since they don't appear in content model
         (0, cleanUpRestNodes_1.cleanUpRestNodes)(refNode, context.rewriteFromModel);
     }
@@ -29130,7 +29328,7 @@ var handleBlockGroupChildren = function (doc, parent, group, context) {
     }
 };
 exports.handleBlockGroupChildren = handleBlockGroupChildren;
-function cleanUpNodeStack(nodeStack, context) {
+function cleanUpNodeStack(nodeStack, context, leavingParent) {
     var _a, _b;
     if (nodeStack.length > 0) {
         // Clear list stack, only run to nodeStack[1] because nodeStack[0] is the parent node
@@ -29138,6 +29336,13 @@ function cleanUpNodeStack(nodeStack, context) {
             var node = (_b = (_a = nodeStack.pop()) === null || _a === void 0 ? void 0 : _a.refNode) !== null && _b !== void 0 ? _b : null;
             (0, cleanUpRestNodes_1.cleanUpRestNodes)(node, context.rewriteFromModel);
         }
+        if (leavingParent && nodeStack[0].node == leavingParent) {
+            // When leaving a parent node that is the same with the root of node stack
+            // It means the whole list node stack is being invalidated, so we clear it
+            while (nodeStack.length > 0) {
+                nodeStack.pop();
+            }
+        }
     }
 }
 
@@ -29332,14 +29537,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 +29836,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 +30210,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);
             }
@@ -30520,40 +30731,17 @@ exports.MarkdownHeadings = {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.convertContentModelToMarkdown = exports.convertMarkdownToContentModel = void 0;
+exports.MarkdownPastePlugin = exports.isPastedContentMarkdown = exports.isContentMarkdown = exports.convertContentModelToMarkdown = exports.convertMarkdownToContentModel = void 0;
 var convertMarkdownToContentModel_1 = __webpack_require__(/*! ./markdownToModel/convertMarkdownToContentModel */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/convertMarkdownToContentModel.ts");
 Object.defineProperty(exports, "convertMarkdownToContentModel", ({ enumerable: true, get: function () { return convertMarkdownToContentModel_1.convertMarkdownToContentModel; } }));
 var convertContentModelToMarkdown_1 = __webpack_require__(/*! ./modelToMarkdown/convertContentModelToMarkdown */ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/convertContentModelToMarkdown.ts");
 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;
+var isContentMarkdown_1 = __webpack_require__(/*! ./publicApi/isContentMarkdown */ "./packages/roosterjs-content-model-markdown/lib/publicApi/isContentMarkdown.ts");
+Object.defineProperty(exports, "isContentMarkdown", ({ enumerable: true, get: function () { return isContentMarkdown_1.isContentMarkdown; } }));
+var isPastedContentMarkdown_1 = __webpack_require__(/*! ./publicApi/isPastedContentMarkdown */ "./packages/roosterjs-content-model-markdown/lib/publicApi/isPastedContentMarkdown.ts");
+Object.defineProperty(exports, "isPastedContentMarkdown", ({ enumerable: true, get: function () { return isPastedContentMarkdown_1.isPastedContentMarkdown; } }));
+var MarkdownPastePlugin_1 = __webpack_require__(/*! ./plugins/MarkdownPastePlugin */ "./packages/roosterjs-content-model-markdown/lib/plugins/MarkdownPastePlugin.ts");
+Object.defineProperty(exports, "MarkdownPastePlugin", ({ enumerable: true, get: function () { return MarkdownPastePlugin_1.MarkdownPastePlugin; } }));
 
 
 /***/ },
@@ -30570,46 +30758,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; }
         }
@@ -30621,199 +30802,57 @@ exports.applySegmentFormatting = applySegmentFormatting;
 
 /***/ },
 
-/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/appliers/applyTextFormatting.ts"
-/*!*******************************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/appliers/applyTextFormatting.ts ***!
-  \*******************************************************************************************************/
+/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/convertMarkdownToContentModel.ts"
+/*!********************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/convertMarkdownToContentModel.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");
+exports.convertMarkdownToContentModel = void 0;
+var markdownProcessor_1 = __webpack_require__(/*! ./processor/markdownProcessor */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/processor/markdownProcessor.ts");
+function convertMarkdownToContentModel(text, splitLinesPatternOrOptions) {
+    var _a;
+    var options = (_a = (typeof splitLinesPatternOrOptions === 'string'
+        ? {
+            splitLinesPattern: splitLinesPatternOrOptions,
+        }
+        : splitLinesPatternOrOptions)) !== null && _a !== void 0 ? _a : {};
+    return (0, markdownProcessor_1.markdownProcessor)(text, options);
+}
+exports.convertMarkdownToContentModel = convertMarkdownToContentModel;
+
+
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createBlockGroupFromMarkdown.ts"
+/*!****************************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createBlockGroupFromMarkdown.ts ***!
+  \****************************************************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.createBlockGroupFromMarkdown = void 0;
+var createBlockQuoteFromMarkdown_1 = __webpack_require__(/*! ./createBlockQuoteFromMarkdown */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createBlockQuoteFromMarkdown.ts");
+var createListFromMarkdown_1 = __webpack_require__(/*! ./createListFromMarkdown */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createListFromMarkdown.ts");
+var MarkdownBlockGroupType = {
+    unordered_list: 'ListItem',
+    ordered_list: 'ListItem',
+    blockquote: 'FormatContainer',
+};
 /**
  * @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 };
+function createBlockGroupFromMarkdown(text, patternName, options, group) {
+    if (MarkdownBlockGroupType[patternName] === 'ListItem') {
+        return (0, createListFromMarkdown_1.createListFromMarkdown)(text, patternName === 'ordered_list' ? 'OL' : 'UL', options);
     }
-    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"
-/*!********************************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/convertMarkdownToContentModel.ts ***!
-  \********************************************************************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.convertMarkdownToContentModel = void 0;
-var markdownProcessor_1 = __webpack_require__(/*! ./processor/markdownProcessor */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/processor/markdownProcessor.ts");
-function convertMarkdownToContentModel(text, splitLinesPatternOrOptions) {
-    var _a;
-    var options = (_a = (typeof splitLinesPatternOrOptions === 'string'
-        ? {
-            splitLinesPattern: splitLinesPatternOrOptions,
-        }
-        : splitLinesPatternOrOptions)) !== null && _a !== void 0 ? _a : {};
-    return (0, markdownProcessor_1.markdownProcessor)(text, options);
-}
-exports.convertMarkdownToContentModel = convertMarkdownToContentModel;
-
-
-/***/ },
-
-/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createBlockGroupFromMarkdown.ts"
-/*!****************************************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createBlockGroupFromMarkdown.ts ***!
-  \****************************************************************************************************************/
-(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.createBlockGroupFromMarkdown = void 0;
-var createBlockQuoteFromMarkdown_1 = __webpack_require__(/*! ./createBlockQuoteFromMarkdown */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createBlockQuoteFromMarkdown.ts");
-var createListFromMarkdown_1 = __webpack_require__(/*! ./createListFromMarkdown */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createListFromMarkdown.ts");
-var MarkdownBlockGroupType = {
-    unordered_list: 'ListItem',
-    ordered_list: 'ListItem',
-    blockquote: 'FormatContainer',
-};
-/**
- * @internal
- */
-function createBlockGroupFromMarkdown(text, patternName, options, group) {
-    if (MarkdownBlockGroupType[patternName] === 'ListItem') {
-        return (0, createListFromMarkdown_1.createListFromMarkdown)(text, patternName === 'ordered_list' ? 'OL' : 'UL', options);
-    }
-    else {
-        return (0, createBlockQuoteFromMarkdown_1.createBlockQuoteFromMarkdown)(text, options, group);
+    else {
+        return (0, createBlockQuoteFromMarkdown_1.createBlockQuoteFromMarkdown)(text, options, group);
     }
 }
 exports.createBlockGroupFromMarkdown = createBlockGroupFromMarkdown;
@@ -31358,29 +31397,154 @@ 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);
+        // Escaped character: a backslash followed by an ASCII punctuation character emits
+        // that character literally (e.g. "\*" -> "*") and is never treated as a marker.
+        if (text[i] === '\\' && i + 1 < text.length && isEscapable(text[i + 1])) {
+            buffer += text[i + 1];
+            i += 2;
+            continue;
+        }
+        // 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 isEscapable(char) {
+    // Per CommonMark, any ASCII punctuation character may be backslash-escaped.
+    return /[!"#$%&'()*+,\-./:;<=>?@[\\\]^_`{|}~]/.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 +31559,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 +31820,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 + "**";
+    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.strikethrough) {
-        markdownString = "~~" + markdownString + "~~";
-    }
-    if (text.format.italic) {
-        markdownString = "*" + markdownString + "*";
+    if (italic) {
+        inner = "*" + inner + "*";
     }
-    return markdownString;
+    return "" + leading + inner + trailing;
 }
 
 
@@ -31878,6 +32008,252 @@ function modelProcessor(model, newLine) {
 exports.modelProcessor = modelProcessor;
 
 
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/plugins/MarkdownPastePlugin.ts"
+/*!**************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/plugins/MarkdownPastePlugin.ts ***!
+  \**************************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.MarkdownPastePlugin = void 0;
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var convertMarkdownToContentModel_1 = __webpack_require__(/*! ../markdownToModel/convertMarkdownToContentModel */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/convertMarkdownToContentModel.ts");
+var isPastedContentMarkdown_1 = __webpack_require__(/*! ../publicApi/isPastedContentMarkdown */ "./packages/roosterjs-content-model-markdown/lib/publicApi/isPastedContentMarkdown.ts");
+var DefaultOptions = {
+    autoConversion: false,
+};
+/**
+ * Markdown paste plugin. Handles the BeforePaste event and, when the pasted content
+ * can be interpreted as markdown, converts the plain text into a Content Model and
+ * pastes it as rich markdown content instead of the original clipboard HTML.
+ */
+var MarkdownPastePlugin = /** @class */ (function () {
+    /**
+     * Construct a new instance of MarkdownPastePlugin
+     * @param options Options to control the markdown paste behavior
+     */
+    function MarkdownPastePlugin(options) {
+        this.editor = null;
+        this.options = options !== null && options !== void 0 ? options : DefaultOptions;
+    }
+    /**
+     * Get name of this plugin
+     */
+    MarkdownPastePlugin.prototype.getName = function () {
+        return 'MarkdownPaste';
+    };
+    /**
+     * The first method that editor will call to a plugin when editor is initializing.
+     * It will pass in the editor instance, plugin should take this chance to save the
+     * editor reference so that it can call to any editor method or format API later.
+     * @param editor The editor object
+     */
+    MarkdownPastePlugin.prototype.initialize = function (editor) {
+        this.editor = editor;
+    };
+    /**
+     * The last method that editor will call to a plugin before it is disposed.
+     * Plugin can take this chance to clear the reference to editor. After this method is
+     * called, plugin should not call to any editor method since it will result in error.
+     */
+    MarkdownPastePlugin.prototype.dispose = function () {
+        this.editor = null;
+    };
+    /**
+     * Core method for a plugin. Once an event happens in editor, editor will call this
+     * method of each plugin to handle the event as long as the event is not handled
+     * exclusively by another plugin.
+     * @param event The event to handle:
+     */
+    MarkdownPastePlugin.prototype.onPluginEvent = function (event) {
+        if (!this.editor || event.eventType != 'beforePaste') {
+            return;
+        }
+        var shouldConvert = event.pasteType === 'asMarkdown' || this.options.autoConversion;
+        if (shouldConvert && (0, isPastedContentMarkdown_1.isPastedContentMarkdown)(this.editor, event.clipboardData)) {
+            convertPastedTextToMarkdown(this.editor, event.fragment, event.clipboardData.text);
+        }
+    };
+    return MarkdownPastePlugin;
+}());
+exports.MarkdownPastePlugin = MarkdownPastePlugin;
+function convertPastedTextToMarkdown(editor, fragment, text) {
+    var model = (0, convertMarkdownToContentModel_1.convertMarkdownToContentModel)(text, {
+        emptyLine: 'merge',
+    });
+    while (fragment.firstChild) {
+        fragment.removeChild(fragment.firstChild);
+    }
+    (0, roosterjs_content_model_dom_1.contentModelToDom)(editor.getDocument(), fragment, model, (0, roosterjs_content_model_dom_1.createModelToDomContext)());
+}
+
+
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/publicApi/isContentMarkdown.ts"
+/*!**************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/publicApi/isContentMarkdown.ts ***!
+  \**************************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.isContentMarkdown = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+// Block-level markdown patterns. A line that matches any of these is considered markdown.
+var BlockPatterns = [
+    /^#{1,6}\s.+/,
+    /^\s*>\s.+/,
+    /^\s*[\*\-\+]\s.+/,
+    /^\s*\d+\.\s.+/,
+    /^---+$/,
+    /^\s*\|.*\|\s*$/, // table row: "| a | b |"
+];
+// Inline markdown patterns. The text contains markdown if any of these match anywhere.
+var InlinePatterns = [
+    /!\[[^\[\]]+\]\([^\)\s]+\)/,
+    /\[[^\[\]]+\]\([^\)\s]+\)/,
+    /\*\*[^\s*][^*]*\*\*/,
+    /(^|[^*])\*[^\s*][^*]*\*([^*]|$)/,
+    /~~[^\s~][^~]*~~/, // strikethrough: ~~text~~
+];
+/**
+ * Detect whether the given plain text contains any markdown markup.
+ * Recognizes block-level patterns (headings, blockquotes, lists, horizontal rules, tables)
+ * and inline patterns (bold, italic, strikethrough, links, images).
+ * @param text The plain text to check.
+ * @returns True if the text contains any markdown markup, false otherwise.
+ */
+function isContentMarkdown(text) {
+    var e_1, _a, e_2, _b, e_3, _c;
+    if (!text || !text.trim()) {
+        return false;
+    }
+    var lines = text.split(/\r\n|\r|\n/);
+    try {
+        for (var lines_1 = (0, tslib_1.__values)(lines), lines_1_1 = lines_1.next(); !lines_1_1.done; lines_1_1 = lines_1.next()) {
+            var line = lines_1_1.value;
+            try {
+                for (var BlockPatterns_1 = (e_2 = void 0, (0, tslib_1.__values)(BlockPatterns)), BlockPatterns_1_1 = BlockPatterns_1.next(); !BlockPatterns_1_1.done; BlockPatterns_1_1 = BlockPatterns_1.next()) {
+                    var pattern = BlockPatterns_1_1.value;
+                    if (pattern.test(line)) {
+                        return true;
+                    }
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (BlockPatterns_1_1 && !BlockPatterns_1_1.done && (_b = BlockPatterns_1.return)) _b.call(BlockPatterns_1);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (lines_1_1 && !lines_1_1.done && (_a = lines_1.return)) _a.call(lines_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    try {
+        for (var InlinePatterns_1 = (0, tslib_1.__values)(InlinePatterns), InlinePatterns_1_1 = InlinePatterns_1.next(); !InlinePatterns_1_1.done; InlinePatterns_1_1 = InlinePatterns_1.next()) {
+            var pattern = InlinePatterns_1_1.value;
+            if (pattern.test(text)) {
+                return true;
+            }
+        }
+    }
+    catch (e_3_1) { e_3 = { error: e_3_1 }; }
+    finally {
+        try {
+            if (InlinePatterns_1_1 && !InlinePatterns_1_1.done && (_c = InlinePatterns_1.return)) _c.call(InlinePatterns_1);
+        }
+        finally { if (e_3) throw e_3.error; }
+    }
+    return false;
+}
+exports.isContentMarkdown = isContentMarkdown;
+
+
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/publicApi/isPastedContentMarkdown.ts"
+/*!********************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/publicApi/isPastedContentMarkdown.ts ***!
+  \********************************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.isPastedContentMarkdown = void 0;
+var isContentMarkdown_1 = __webpack_require__(/*! ./isContentMarkdown */ "./packages/roosterjs-content-model-markdown/lib/publicApi/isContentMarkdown.ts");
+// Tags that are considered "thin wrappers", which only add structure (such as line breaks)
+// around the plain text without applying any real formatting to its content.
+var ThinWrapperTags = new Set(['DIV', 'P', 'BR', 'SPAN']);
+var AllowedAttributes = new Set(['class', 'style']);
+/**
+ * Detect whether the given clipboard content can be interpreted as markdown.
+ * @param editor The editor instance.
+ * @param clipboardData The clipboard data to check.
+ * @returns True if the content can be interpreted as markdown, false otherwise.
+ */
+function isPastedContentMarkdown(editor, clipboardData) {
+    var text = clipboardData.text, rawHtml = clipboardData.rawHtml;
+    if (!text || !text.trim()) {
+        return false;
+    }
+    if ((0, isContentMarkdown_1.isContentMarkdown)(text)) {
+        if (!rawHtml) {
+            return true;
+        }
+        var doc = editor.getDocument();
+        var trustedHTMLHandler = editor.getDOMCreator();
+        var fragment = parseHtmlToFragment(rawHtml, doc, trustedHTMLHandler);
+        return isThinWrapperOfPlainText(fragment, text);
+    }
+    return false;
+}
+exports.isPastedContentMarkdown = isPastedContentMarkdown;
+function isThinWrapperOfPlainText(fragment, text) {
+    var elements = fragment.querySelectorAll('*');
+    for (var i = 0; i < elements.length; i++) {
+        var element = elements[i];
+        if (!ThinWrapperTags.has(element.tagName)) {
+            return false;
+        }
+        for (var j = 0; j < element.attributes.length; j++) {
+            var attr = element.attributes[j];
+            if (!AllowedAttributes.has(attr.name) && !attr.name.startsWith('data-')) {
+                return false;
+            }
+        }
+    }
+    return removeWhitespace(fragment.textContent || '') === removeWhitespace(text);
+}
+function removeWhitespace(text) {
+    return text.replace(/\s/g, '');
+}
+function parseHtmlToFragment(html, doc, trustedHTMLHandler) {
+    var parsedDoc = trustedHTMLHandler.htmlToDOM(html);
+    var fragment = doc.createDocumentFragment();
+    var body = parsedDoc === null || parsedDoc === void 0 ? void 0 : parsedDoc.body;
+    if (body) {
+        while (body.firstChild) {
+            fragment.appendChild(body.firstChild);
+        }
+    }
+    return fragment;
+}
+
+
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/announce/AnnouncePlugin.ts"