roosterjs 9.24.0 → 9.26.0

package/dist/rooster.js

@@ -4302,16 +4302,18 @@ var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-mo
 function clearSelectedCells(table, sel) {
     if (sel.firstColumn >= 0 &&
         sel.firstRow >= 0 &&
-        sel.lastColumn < table.widths.length &&
-        sel.lastRow < table.rows.length) {
+        sel.lastRow < table.rows.length &&
+        sel.lastColumn < table.rows[sel.lastRow].cells.length) {
         for (var i = sel.firstRow; i <= sel.lastRow; i++) {
             var row = table.rows[i];
             for (var j = sel.firstColumn; j <= sel.lastColumn; j++) {
                 var cell = row.cells[j];
-                if (cell.isSelected) {
-                    (0, roosterjs_content_model_dom_1.mutateBlock)(cell).isSelected = false;
+                if (cell) {
+                    if (cell.isSelected) {
+                        (0, roosterjs_content_model_dom_1.mutateBlock)(cell).isSelected = false;
+                    }
+                    (0, roosterjs_content_model_dom_1.setSelection)(cell);
                 }
-                (0, roosterjs_content_model_dom_1.setSelection)(cell);
             }
         }
     }
@@ -4753,7 +4755,9 @@ function splitTableCellHorizontally(table) {
                 table.rows.forEach(function (row, rowIndex) {
                     var cell = row.cells[colIndex];
                     if (cell) {
-                        var newCell = (0, roosterjs_content_model_dom_1.createTableCell)(cell.spanLeft, cell.spanAbove, cell.isHeader, cell.format);
+                        var mutableCell = (0, roosterjs_content_model_dom_1.mutateBlock)(cell);
+                        delete mutableCell.format.width;
+                        var newCell = (0, roosterjs_content_model_dom_1.createTableCell)(cell.spanLeft, cell.spanAbove, cell.isHeader, mutableCell.format);
                         newCell.dataset = (0, tslib_1.__assign)({}, cell.dataset);
                         if (rowIndex < sel.firstRow || rowIndex > sel.lastRow) {
                             newCell.spanLeft = true;
@@ -4819,7 +4823,9 @@ function splitTableCellVertically(table) {
                     format: (0, tslib_1.__assign)({}, row.format),
                     height: newHeight,
                     cells: row.cells.map(function (cell, colIndex) {
-                        var newCell = (0, roosterjs_content_model_dom_1.createTableCell)(cell.spanLeft, cell.spanAbove, cell.isHeader, cell.format);
+                        var mutableCell = (0, roosterjs_content_model_dom_1.mutateBlock)(cell);
+                        delete mutableCell.format.height;
+                        var newCell = (0, roosterjs_content_model_dom_1.createTableCell)(cell.spanLeft, cell.spanAbove, cell.isHeader, mutableCell.format);
                         newCell.dataset = (0, tslib_1.__assign)({}, cell.dataset);
                         if (colIndex < sel.firstColumn || colIndex > sel.lastColumn) {
                             newCell.spanAbove = true;
@@ -5268,7 +5274,7 @@ function getFormatState(editor, conflictSolution) {
         isDarkMode: editor.isDarkMode(),
     };
     editor.formatContentModel(function (model) {
-        (0, roosterjs_content_model_dom_1.retrieveModelFormatState)(model, pendingFormat, result, conflictSolution);
+        (0, roosterjs_content_model_dom_1.retrieveModelFormatState)(model, pendingFormat, result, conflictSolution, editor.getDOMHelper());
         return false;
     }, undefined /*options*/, {
         processorOverride: {
@@ -7384,6 +7390,8 @@ function formatTableWithContentModel(editor, apiName, callback, selectionOverrid
     }, {
         apiName: apiName,
         selectionOverride: selectionOverride,
+    }, {
+        recalculateTableSize: 'selected',
     });
 }
 exports.formatTableWithContentModel = formatTableWithContentModel;
@@ -8892,7 +8900,8 @@ var createContentModel = function (core, option, selectionOverride) {
     var _a;
     // Flush all mutations if any, so that we can get an up-to-date Content Model
     (_a = core.cache.textMutationObserver) === null || _a === void 0 ? void 0 : _a.flushMutations();
-    if (!selectionOverride && (!option || option.tryGetFromCache)) {
+    var tryGetFromCache = !option || (option.tryGetFromCache && typeof option.recalculateTableSize === 'undefined');
+    if (!selectionOverride && tryGetFromCache) {
         var cachedModel = core.cache.cachedModel;
         if (cachedModel) {
             // When in shadow edit, use a cloned model so we won't pollute the cached one
@@ -8906,6 +8915,7 @@ var createContentModel = function (core, option, selectionOverride) {
         : selectionOverride || core.api.getDOMSelection(core) || undefined;
     var saveIndex = !option && !selectionOverride;
     var editorContext = core.api.createEditorContext(core, saveIndex);
+    editorContext.recalculateTableSize = option === null || option === void 0 ? void 0 : option.recalculateTableSize;
     var settings = core.environment.domToModelSettings;
     var domToModelContext = option
         ? (0, roosterjs_content_model_dom_1.createDomToModelContext)(editorContext, settings.builtIn, settings.customized, option)
@@ -9817,13 +9827,12 @@ var areSameSelections_1 = __webpack_require__(/*! ../../corePlugin/cache/areSame
 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");
 var findTableCellElement_1 = __webpack_require__(/*! ./findTableCellElement */ "./packages/roosterjs-content-model-core/lib/coreApi/setDOMSelection/findTableCellElement.ts");
+var toggleCaret_1 = __webpack_require__(/*! ./toggleCaret */ "./packages/roosterjs-content-model-core/lib/coreApi/setDOMSelection/toggleCaret.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var DOM_SELECTION_CSS_KEY = '_DOMSelection';
-var HIDE_CURSOR_CSS_KEY = '_DOMSelectionHideCursor';
 var HIDE_SELECTION_CSS_KEY = '_DOMSelectionHideSelection';
 var IMAGE_ID = 'image';
 var TABLE_ID = 'table';
-var CARET_CSS_RULE = 'caret-color: transparent';
 var TRANSPARENT_SELECTION_CSS_RULE = 'background-color: transparent !important;';
 var SELECTION_SELECTOR = '*::selection';
 var DEFAULT_SELECTION_BORDER_COLOR = '#DB626C';
@@ -9843,8 +9852,8 @@ var setDOMSelection = function (core, selection, skipSelectionChangedEvent) {
     var isDarkMode = core.lifecycle.isDarkMode;
     core.selection.skipReselectOnFocus = true;
     core.api.setEditorStyle(core, DOM_SELECTION_CSS_KEY, null /*cssRule*/);
-    core.api.setEditorStyle(core, HIDE_CURSOR_CSS_KEY, null /*cssRule*/);
     core.api.setEditorStyle(core, HIDE_SELECTION_CSS_KEY, null /*cssRule*/);
+    (0, toggleCaret_1.toggleCaret)(core, false /* hide */);
     try {
         switch (selection === null || selection === void 0 ? void 0 : selection.type) {
             case 'image':
@@ -9898,8 +9907,8 @@ var setDOMSelection = function (core, selection, skipSelectionChangedEvent) {
                     ? core.selection.tableCellSelectionBackgroundColorDark
                     : core.selection.tableCellSelectionBackgroundColor;
                 core.api.setEditorStyle(core, DOM_SELECTION_CSS_KEY, "background-color:" + tableSelectionColor + "!important;", tableSelectors);
-                core.api.setEditorStyle(core, HIDE_CURSOR_CSS_KEY, CARET_CSS_RULE);
                 core.api.setEditorStyle(core, HIDE_SELECTION_CSS_KEY, TRANSPARENT_SELECTION_CSS_RULE, [SELECTION_SELECTOR]);
+                (0, toggleCaret_1.toggleCaret)(core, true /* hide */);
                 var nodeToSelect = ((_c = firstCell.cell) === null || _c === void 0 ? void 0 : _c.firstElementChild) || firstCell.cell;
                 if (nodeToSelect) {
                     setRangeSelection(doc, nodeToSelect || undefined, true /* collapse */);
@@ -9991,6 +10000,31 @@ function setRangeSelection(doc, element, collapse) {
 }
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-core/lib/coreApi/setDOMSelection/toggleCaret.ts":
+/*!******************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-core/lib/coreApi/setDOMSelection/toggleCaret.ts ***!
+  \******************************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.toggleCaret = void 0;
+var CARET_CSS_RULE = 'caret-color: transparent';
+var HIDE_CURSOR_CSS_KEY = '_DOMSelectionHideCursor';
+/**
+ * @internal Show/Hide caret in editor
+ * @param core The editor core
+ * @param isHiding True to hide caret, false to show caret
+ */
+function toggleCaret(core, isHiding) {
+    core.api.setEditorStyle(core, HIDE_CURSOR_CSS_KEY, isHiding ? CARET_CSS_RULE : null);
+}
+exports.toggleCaret = toggleCaret;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-core/lib/coreApi/setEditorStyle/ensureUniqueId.ts":
@@ -10151,6 +10185,7 @@ exports.setLogicalRoot = setLogicalRoot;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.switchShadowEdit = void 0;
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var toggleCaret_1 = __webpack_require__(/*! ../setDOMSelection/toggleCaret */ "./packages/roosterjs-content-model-core/lib/coreApi/setDOMSelection/toggleCaret.ts");
 /**
  * @internal
  * Switch the Shadow Edit mode of editor On/Off
@@ -10173,10 +10208,12 @@ var switchShadowEdit = function (editorCore, isOn) {
             if (!core.cache.cachedModel && model) {
                 core.cache.cachedModel = model;
             }
+            (0, toggleCaret_1.toggleCaret)(core, true /* hide */);
             core.lifecycle.shadowEditFragment = fragment;
         }
         else {
             core.lifecycle.shadowEditFragment = null;
+            (0, toggleCaret_1.toggleCaret)(core, false /* hide */);
             core.api.triggerEvent(core, {
                 eventType: 'leavingShadowEdit',
             }, false /*broadcast*/);
@@ -12567,8 +12604,13 @@ function handleInputOnDelimiter(editor, range, focusedNode, rawEvent) {
         }
         else {
             if (isEnter) {
-                rawEvent.preventDefault();
-                editor.formatContentModel(exports.handleEnterInlineEntity);
+                editor.formatContentModel(function (model, context) {
+                    var result = (0, exports.handleEnterInlineEntity)(model, context);
+                    if (result) {
+                        rawEvent.preventDefault();
+                    }
+                    return result;
+                });
             }
             else {
                 editor.takeSnapshot();
@@ -12612,9 +12654,13 @@ var handleEnterInlineEntity = function (model) {
     (0, roosterjs_content_model_dom_1.iterateSelections)(model, function (path, _tableContext, block) {
         if ((block === null || block === void 0 ? void 0 : block.blockType) == 'Paragraph') {
             readonlySelectionBlock = block;
-            selectionBlockParent = path[path.length - 1];
+            selectionBlockParent = path[0];
         }
     });
+    if ((selectionBlockParent === null || selectionBlockParent === void 0 ? void 0 : selectionBlockParent.blockGroupType) == 'ListItem') {
+        // No need to handle list item since it will be handled by common enter handler code
+        return false;
+    }
     if (readonlySelectionBlock && selectionBlockParent) {
         var markerIndex = readonlySelectionBlock.segments.findIndex(function (segment) { return segment.segmentType == 'SelectionMarker'; });
         if (markerIndex >= 0) {
@@ -14730,6 +14776,29 @@ var DOMHelperImpl = /** @class */ (function () {
     DOMHelperImpl.prototype.getClonedRoot = function () {
         return this.contentDiv.cloneNode(true /*deep*/);
     };
+    /**
+     * Get format of the container element
+     */
+    DOMHelperImpl.prototype.getContainerFormat = function () {
+        var _a, _b;
+        var window = this.contentDiv.ownerDocument.defaultView;
+        var style = window === null || window === void 0 ? void 0 : window.getComputedStyle(this.contentDiv);
+        return style
+            ? {
+                fontSize: style.fontSize,
+                fontFamily: style.fontFamily,
+                fontWeight: style.fontWeight,
+                textColor: style.color,
+                backgroundColor: style.backgroundColor,
+                italic: style.fontStyle == 'italic',
+                letterSpacing: style.letterSpacing,
+                lineHeight: style.lineHeight,
+                strikethrough: (_a = style.textDecoration) === null || _a === void 0 ? void 0 : _a.includes('line-through'),
+                superOrSubScriptSequence: style.verticalAlign,
+                underline: (_b = style.textDecoration) === null || _b === void 0 ? void 0 : _b.includes('underline'),
+            }
+            : {};
+    };
     return DOMHelperImpl;
 }());
 /**
@@ -17197,6 +17266,7 @@ var addBlock_1 = __webpack_require__(/*! ../../modelApi/common/addBlock */ "./pa
 var createTable_1 = __webpack_require__(/*! ../../modelApi/creators/createTable */ "./packages/roosterjs-content-model-dom/lib/modelApi/creators/createTable.ts");
 var createTableCell_1 = __webpack_require__(/*! ../../modelApi/creators/createTableCell */ "./packages/roosterjs-content-model-dom/lib/modelApi/creators/createTableCell.ts");
 var getBoundingClientRect_1 = __webpack_require__(/*! ../utils/getBoundingClientRect */ "./packages/roosterjs-content-model-dom/lib/domToModel/utils/getBoundingClientRect.ts");
+var getSelectionRootNode_1 = __webpack_require__(/*! ../../domUtils/selection/getSelectionRootNode */ "./packages/roosterjs-content-model-dom/lib/domUtils/selection/getSelectionRootNode.ts");
 var isElementOfType_1 = __webpack_require__(/*! ../../domUtils/isElementOfType */ "./packages/roosterjs-content-model-dom/lib/domUtils/isElementOfType.ts");
 var isNodeOfType_1 = __webpack_require__(/*! ../../domUtils/isNodeOfType */ "./packages/roosterjs-content-model-dom/lib/domUtils/isNodeOfType.ts");
 var parseFormat_1 = __webpack_require__(/*! ../utils/parseFormat */ "./packages/roosterjs-content-model-dom/lib/domToModel/utils/parseFormat.ts");
@@ -17227,6 +17297,7 @@ var tableProcessor = function (group, tableElement, context) {
         var tableSelection = ((_a = context.selection) === null || _a === void 0 ? void 0 : _a.type) == 'table' ? context.selection : null;
         var selectedTable = tableSelection === null || tableSelection === void 0 ? void 0 : tableSelection.table;
         var hasTableSelection = selectedTable == tableElement;
+        var recalculateTableSize = shouldRecalculateTableSize(tableElement, context);
         if (context.allowCacheElement) {
             table.cachedElement = tableElement;
         }
@@ -17269,21 +17340,24 @@ var tableProcessor = function (group, tableElement, context) {
                     for (; tableRow.cells[targetCol]; targetCol++) { }
                     var td = tr.cells[sourceCol];
                     var hasSelectionBeforeCell = context.isInSelection;
-                    var colEnd = targetCol + td.colSpan;
-                    var rowEnd = row + td.rowSpan;
-                    var needCalcWidth = columnPositions[colEnd] === undefined;
-                    var needCalcHeight = rowPositions[rowEnd] === undefined;
-                    if (needCalcWidth || needCalcHeight) {
-                        var rect = (0, getBoundingClientRect_1.getBoundingClientRect)(td);
-                        if (rect.width > 0 || rect.height > 0) {
-                            if (needCalcWidth) {
-                                var pos = columnPositions[targetCol];
-                                columnPositions[colEnd] =
-                                    (typeof pos == 'number' ? pos : 0) + rect.width / zoomScale;
-                            }
-                            if (needCalcHeight) {
-                                rowPositions[rowEnd] =
-                                    rowPositions[row] + rect.height / zoomScale;
+                    if (recalculateTableSize) {
+                        var colEnd = targetCol + td.colSpan;
+                        var rowEnd = row + td.rowSpan;
+                        var needCalcWidth = columnPositions[colEnd] === undefined;
+                        var needCalcHeight = rowPositions[rowEnd] === undefined;
+                        if (needCalcWidth || needCalcHeight) {
+                            var rect = (0, getBoundingClientRect_1.getBoundingClientRect)(td);
+                            if (rect.width > 0 || rect.height > 0) {
+                                if (needCalcWidth) {
+                                    var pos = columnPositions[targetCol];
+                                    columnPositions[colEnd] =
+                                        (typeof pos == 'number' ? pos : 0) +
+                                            rect.width / zoomScale;
+                                }
+                                if (needCalcHeight) {
+                                    rowPositions[rowEnd] =
+                                        rowPositions[row] + rect.height / zoomScale;
+                                }
                             }
                         }
                     }
@@ -17410,6 +17484,21 @@ function processColGroup(table, context, result) {
     }
     return hasColGroup;
 }
+function shouldRecalculateTableSize(table, context) {
+    switch (context.recalculateTableSize) {
+        case true:
+        case 'all':
+            return true;
+        case 'selected':
+            var selectionRoot = (0, getSelectionRootNode_1.getSelectionRootNode)(context.selection);
+            return (!!selectionRoot &&
+                (selectionRoot == table ||
+                    table.contains(selectionRoot) ||
+                    selectionRoot.contains(table)));
+        default:
+            return false;
+    }
+}
 
 
 /***/ }),
@@ -18550,15 +18639,20 @@ exports.readFile = void 0;
  * If fail to read, dataUrl will be null
  */
 function readFile(file, callback) {
-    if (file) {
-        var reader_1 = new FileReader();
-        reader_1.onload = function () {
-            callback(reader_1.result);
-        };
-        reader_1.onerror = function () {
-            callback(null);
-        };
-        reader_1.readAsDataURL(file);
+    try {
+        if (file) {
+            var reader_1 = new FileReader();
+            reader_1.onload = function () {
+                callback(reader_1.result);
+            };
+            reader_1.onerror = function () {
+                callback(null);
+            };
+            reader_1.readAsDataURL(file);
+        }
+    }
+    catch (_a) {
+        callback(null);
     }
 }
 exports.readFile = readFile;
@@ -24371,13 +24465,18 @@ var parseValueWithUnit_1 = __webpack_require__(/*! ../../formatHandlers/utils/pa
  * @param formatState Existing format state object, used for receiving the result
  * @param conflictSolution The strategy for handling format conflicts
  */
-function retrieveModelFormatState(model, pendingFormat, formatState, conflictSolution) {
+function retrieveModelFormatState(model, pendingFormat, formatState, conflictSolution, domHelper) {
     if (conflictSolution === void 0) { conflictSolution = 'remove'; }
     var firstTableContext;
     var firstBlock;
     var isFirst = true;
     var isFirstImage = true;
     var isFirstSegment = true;
+    var containerFormat = undefined;
+    var modelFormat = (0, tslib_1.__assign)({}, model.format);
+    delete modelFormat.italic;
+    delete modelFormat.underline;
+    delete modelFormat.fontWeight;
     (0, iterateSelections_1.iterateSelections)(model, function (path, tableContext, block, segments) {
         // Structure formats
         retrieveStructureFormat(formatState, path, isFirst, conflictSolution);
@@ -24395,13 +24494,19 @@ function retrieveModelFormatState(model, pendingFormat, formatState, conflictSol
             retrieveParagraphFormat(formatState, block, isFirst, conflictSolution);
             // Segment formats
             segments === null || segments === void 0 ? void 0 : segments.forEach(function (segment) {
-                var _a, _b, _c;
+                var _a, _b, _c, _d;
                 if (isFirstSegment || segment.segmentType != 'SelectionMarker') {
-                    var modelFormat = (0, tslib_1.__assign)({}, model.format);
-                    delete modelFormat.italic;
-                    delete modelFormat.underline;
-                    delete modelFormat.fontWeight;
-                    retrieveSegmentFormat(formatState, isFirst, Object.assign({}, modelFormat, block.format, (_a = block.decorator) === null || _a === void 0 ? void 0 : _a.format, segment.format, (_b = segment.code) === null || _b === void 0 ? void 0 : _b.format, (_c = segment.link) === null || _c === void 0 ? void 0 : _c.format, pendingFormat), conflictSolution);
+                    var currentFormat = Object.assign({}, block.format, (_a = block.decorator) === null || _a === void 0 ? void 0 : _a.format, segment.format, (_b = segment.code) === null || _b === void 0 ? void 0 : _b.format, (_c = segment.link) === null || _c === void 0 ? void 0 : _c.format, pendingFormat);
+                    // Sometimes the content may not specify all required format but just leverage the container format to do so.
+                    // In this case, we need to merge the container format into the current format
+                    // to make sure the current format contains all required format.
+                    if (!hasAllRequiredFormat(currentFormat)) {
+                        if (!containerFormat) {
+                            containerFormat = (_d = domHelper === null || domHelper === void 0 ? void 0 : domHelper.getContainerFormat()) !== null && _d !== void 0 ? _d : modelFormat;
+                        }
+                        currentFormat = Object.assign({}, containerFormat, currentFormat);
+                    }
+                    retrieveSegmentFormat(formatState, isFirst, currentFormat, conflictSolution);
                     mergeValue(formatState, 'isCodeInline', !!(segment === null || segment === void 0 ? void 0 : segment.code), isFirst, conflictSolution);
                 }
                 // We only care the format of selection marker when it is the first selected segment. This is because when selection marker
@@ -24545,13 +24650,19 @@ function mergeValue(format, key, newValue, isFirst, conflictSolution, parseFn) {
     }
 }
 function px2Pt(px) {
-    if (px && px.indexOf('px') == px.length - 2) {
-        // Edge may not handle the floating computing well which causes the calculated value is a little less than actual value
-        // So add 0.05 to fix it
-        return Math.round(parseFloat(px) * 75 + 0.05) / 100 + 'pt';
+    if (px) {
+        var index = px.indexOf('px');
+        if (index !== -1 && index === px.length - 2) {
+            // Edge may not handle the floating computing well which causes the calculated value to be a little less than the actual value
+            // So add 0.05 to fix it
+            return Math.round(parseFloat(px) * 75 + 0.05) / 100 + 'pt';
+        }
     }
     return px;
 }
+function hasAllRequiredFormat(format) {
+    return !!format.fontFamily && !!format.fontSize && !!format.textColor;
+}
 
 
 /***/ }),
@@ -26713,7 +26824,7 @@ var applyMetadata_1 = __webpack_require__(/*! ../utils/applyMetadata */ "./packa
  * @internal
  */
 var handleList = function (doc, parent, listItem, context, refNode) {
-    var _a, _b;
+    var _a, _b, _c;
     var layer = 0;
     var nodeStack = context.listFormat.nodeStack;
     if (nodeStack.length == 0) {
@@ -26727,7 +26838,10 @@ var handleList = function (doc, parent, listItem, context, refNode) {
         var itemLevel = listItem.levels[layer];
         if (stackLevel.listType != itemLevel.listType ||
             ((_a = stackLevel.dataset) === null || _a === void 0 ? void 0 : _a.editingInfo) != itemLevel.dataset.editingInfo ||
-            (itemLevel.listType == 'OL' && typeof itemLevel.format.startNumberOverride === 'number')) {
+            (itemLevel.listType == 'OL' &&
+                typeof itemLevel.format.startNumberOverride === 'number') ||
+            (itemLevel.listType == 'UL' &&
+                itemLevel.format.listStyleType != ((_b = stackLevel.format) === null || _b === void 0 ? void 0 : _b.listStyleType))) {
             break;
         }
     }
@@ -26746,7 +26860,7 @@ var handleList = 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)(newList, context.formatAppliers.listLevel, level.format, context);
         (0, applyFormat_1.applyFormat)(newList, context.formatAppliers.dataset, level.dataset, context);
-        (_b = context.onNodeCreated) === null || _b === void 0 ? void 0 : _b.call(context, level, newList);
+        (_c = context.onNodeCreated) === null || _c === void 0 ? void 0 : _c.call(context, level, newList);
     }
     return refNode;
 };
@@ -27544,6 +27658,1245 @@ function contentModelToTextArray(group, textArray, callbacks) {
 }
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/constants/headings.ts":
+/*!*****************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/constants/headings.ts ***!
+  \*****************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.MarkdownHeadings = exports.headingLevels = void 0;
+var HeaderFontSizes = {
+    h1: '2em',
+    h2: '1.5em',
+    h3: '1.17em',
+    h4: '1em',
+    h5: '0.83em',
+    h6: '0.67em',
+};
+/**
+ * @internal
+ */
+exports.headingLevels = [
+    { prefix: '# ', tagName: 'h1', fontSize: HeaderFontSizes.h1 },
+    { prefix: '## ', tagName: 'h2', fontSize: HeaderFontSizes.h2 },
+    { prefix: '### ', tagName: 'h3', fontSize: HeaderFontSizes.h3 },
+    { prefix: '#### ', tagName: 'h4', fontSize: HeaderFontSizes.h4 },
+    { prefix: '##### ', tagName: 'h5', fontSize: HeaderFontSizes.h5 },
+    { prefix: '###### ', tagName: 'h6', fontSize: HeaderFontSizes.h6 },
+];
+/**
+ * @internal
+ */
+exports.MarkdownHeadings = {
+    h1: '# ',
+    h2: '## ',
+    h3: '### ',
+    h4: '#### ',
+    h5: '##### ',
+    h6: '###### ',
+};
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/index.ts":
+/*!****************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/index.ts ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+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;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/appliers/applySegmentFormatting.ts":
+/*!**********************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/appliers/applySegmentFormatting.ts ***!
+  \**********************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+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");
+/**
+ * @internal
+ */
+function applySegmentFormatting(text, paragraph, decorator) {
+    var e_1, _a, _b;
+    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);
+        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);
+                    }
+                    (0, adjustHeading_1.adjustHeading)(formattedSegment, decorator);
+                    var formattedSegments = (0, applyTextFormatting_1.applyTextFormatting)(formattedSegment);
+                    (_b = paragraph.segments).push.apply(_b, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(formattedSegments), false));
+                }
+            }
+        }
+        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);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    }
+    return paragraph;
+}
+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");
+var SPLIT_PATTERN = /(\*\*\*.*?\*\*\*|\*\*.*?\*\*|\*.*?\*)/;
+/**
+ * @internal
+ */
+function applyTextFormatting(textSegment) {
+    var e_1, _a;
+    var texts = splitSegments(textSegment.text);
+    var textSegments = [];
+    try {
+        for (var texts_1 = (0, tslib_1.__values)(texts), texts_1_1 = texts_1.next(); !texts_1_1.done; texts_1_1 = texts_1.next()) {
+            var text = texts_1_1.value;
+            textSegments.push(createFormattedSegment(text, textSegment.format, textSegment.link));
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (texts_1_1 && !texts_1_1.done && (_a = texts_1.return)) _a.call(texts_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return textSegments;
+}
+exports.applyTextFormatting = applyTextFormatting;
+function splitSegments(text) {
+    return text.split(SPLIT_PATTERN).filter(function (s) { return s.trim().length > 0; });
+}
+function createFormattedSegment(text, format, link) {
+    if (text.startsWith('***') && text.endsWith('***')) {
+        format = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, format), { fontWeight: 'bold', italic: true });
+        text = text.replace(/\*\*\*/g, '');
+        text = text + ' ';
+    }
+    else if (text.startsWith('**') && text.endsWith('**')) {
+        format = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, format), { fontWeight: 'bold' });
+        text = text.replace(/\*\*/g, '');
+        text = text + ' ';
+    }
+    else if (text.startsWith('*') && text.endsWith('*')) {
+        format = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, format), { italic: true });
+        text = text.replace(/\*/g, '');
+        text = text + ' ';
+    }
+    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");
+/**
+ * Convert the whole content to ContentModel with the given plain text
+ * @param editor The editor instance
+ * @param text The markdown text
+ * @param splitLinesPattern The pattern to split lines. Default is /\r\n|\r|\\n|\n/
+ * @returns The ContentModelDocument
+ */
+function convertMarkdownToContentModel(text, splitLinesPattern) {
+    var pattern = splitLinesPattern || /\r\n|\r|\\n|\n/;
+    return (0, markdownProcessor_1.markdownProcessor)(text, pattern);
+}
+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, group) {
+    if (MarkdownBlockGroupType[patternName] === 'ListItem') {
+        return (0, createListFromMarkdown_1.createListFromMarkdown)(text, patternName === 'ordered_list' ? 'OL' : 'UL');
+    }
+    else {
+        return (0, createBlockQuoteFromMarkdown_1.createBlockQuoteFromMarkdown)(text, group);
+    }
+}
+exports.createBlockGroupFromMarkdown = createBlockGroupFromMarkdown;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createBlockQuoteFromMarkdown.ts":
+/*!****************************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createBlockQuoteFromMarkdown.ts ***!
+  \****************************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.createBlockQuoteFromMarkdown = void 0;
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var createParagraphFromMarkdown_1 = __webpack_require__(/*! ./createParagraphFromMarkdown */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createParagraphFromMarkdown.ts");
+var QuoteFormat = {
+    borderLeft: '3px solid rgb(200, 200, 200)',
+    textColor: 'rgb(102, 102, 102)',
+    marginTop: '1em',
+    marginBottom: '1em',
+    marginLeft: '40px',
+    marginRight: '40px',
+    paddingLeft: '10px',
+};
+/**
+ * @internal
+ */
+function createBlockQuoteFromMarkdown(text, blockquote) {
+    text = text.replace('>', '');
+    var paragraph = (0, createParagraphFromMarkdown_1.createParagraphFromMarkdown)(text);
+    var quote = blockquote || (0, roosterjs_content_model_dom_1.createFormatContainer)('blockquote', QuoteFormat);
+    quote.blocks.push(paragraph);
+    return quote;
+}
+exports.createBlockQuoteFromMarkdown = createBlockQuoteFromMarkdown;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createImageSegment.ts":
+/*!******************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createImageSegment.ts ***!
+  \******************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.createImageSegment = void 0;
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+/**
+ * @internal
+ */
+function createImageSegment(text, url) {
+    var image = (0, roosterjs_content_model_dom_1.createImage)(url);
+    image.alt = text;
+    return image;
+}
+exports.createImageSegment = createImageSegment;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createListFromMarkdown.ts":
+/*!**********************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createListFromMarkdown.ts ***!
+  \**********************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.createListFromMarkdown = void 0;
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var createParagraphFromMarkdown_1 = __webpack_require__(/*! ./createParagraphFromMarkdown */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createParagraphFromMarkdown.ts");
+/**
+ * @internal
+ */
+function createListFromMarkdown(text, listType) {
+    var marker = text.trim().split(' ')[0];
+    var isDummy = isDummyListItem(marker);
+    var itemText = isDummy ? text : text.trim().substring(marker.length);
+    var paragraph = (0, createParagraphFromMarkdown_1.createParagraphFromMarkdown)(itemText.trim());
+    var levels = createLevels(text, listType, isDummy);
+    var listModel = (0, roosterjs_content_model_dom_1.createListItem)(levels);
+    listModel.blocks.push(paragraph);
+    return listModel;
+}
+exports.createListFromMarkdown = createListFromMarkdown;
+function createLevels(text, listType, isDummy) {
+    var level = (0, roosterjs_content_model_dom_1.createListLevel)(listType);
+    if (isDummy) {
+        level.format.displayForDummyItem = 'block';
+    }
+    var levels = [level];
+    if (isSubListItem(text)) {
+        levels.push(level);
+    }
+    return levels;
+}
+function isSubListItem(item) {
+    return item.startsWith(' ');
+}
+var isDummyListItem = function (item) {
+    return item != '-' && item != '+' && item != '*' && !item.endsWith('.');
+};
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createParagraphFromMarkdown.ts":
+/*!***************************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createParagraphFromMarkdown.ts ***!
+  \***************************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.createParagraphFromMarkdown = void 0;
+var applySegmentFormatting_1 = __webpack_require__(/*! ../appliers/applySegmentFormatting */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/appliers/applySegmentFormatting.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var getHeadingDecorator_1 = __webpack_require__(/*! ../utils/getHeadingDecorator */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/getHeadingDecorator.ts");
+/**
+ * @internal
+ */
+function createParagraphFromMarkdown(text) {
+    var paragraph = (0, roosterjs_content_model_dom_1.createParagraph)();
+    var headingType = (0, getHeadingDecorator_1.getHeadingDecorator)(text);
+    if (headingType) {
+        paragraph.decorator = headingType;
+    }
+    (0, applySegmentFormatting_1.applySegmentFormatting)(text, paragraph, headingType);
+    return paragraph;
+}
+exports.createParagraphFromMarkdown = createParagraphFromMarkdown;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createTableFromMarkdown.ts":
+/*!***********************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createTableFromMarkdown.ts ***!
+  \***********************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.createTableFromMarkdown = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+var createParagraphFromMarkdown_1 = __webpack_require__(/*! ./createParagraphFromMarkdown */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createParagraphFromMarkdown.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+/**
+ * @internal
+ */
+function createTableFromMarkdown(tableLines) {
+    var e_1, _a;
+    var tableDivider = tableLines[1].split('|').filter(function (content) { return content.trim() !== ''; });
+    tableLines.splice(1, 1);
+    var table = (0, roosterjs_content_model_dom_1.createTable)(0, { borderCollapse: true });
+    try {
+        for (var tableLines_1 = (0, tslib_1.__values)(tableLines), tableLines_1_1 = tableLines_1.next(); !tableLines_1_1.done; tableLines_1_1 = tableLines_1.next()) {
+            var line = tableLines_1_1.value;
+            createTableModel(line, table, tableDivider);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (tableLines_1_1 && !tableLines_1_1.done && (_a = tableLines_1.return)) _a.call(tableLines_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    (0, roosterjs_content_model_dom_1.applyTableFormat)(table, {
+        hasHeaderRow: true,
+    });
+    return table;
+}
+exports.createTableFromMarkdown = createTableFromMarkdown;
+function createTableModel(markdown, table, tableDivider) {
+    var contents = markdown.split('|');
+    if (contents[0].trim() === '') {
+        contents.shift();
+    }
+    if (contents[contents.length - 1].trim() === '') {
+        contents.pop();
+    }
+    addTableRow(table, contents, tableDivider);
+}
+function addTableRow(table, contents, tableDivider) {
+    var e_2, _a;
+    var row = (0, roosterjs_content_model_dom_1.createTableRow)();
+    var index = 0;
+    try {
+        for (var contents_1 = (0, tslib_1.__values)(contents), contents_1_1 = contents_1.next(); !contents_1_1.done; contents_1_1 = contents_1.next()) {
+            var content = contents_1_1.value;
+            var paragraph = (0, createParagraphFromMarkdown_1.createParagraphFromMarkdown)(content);
+            var cell = (0, roosterjs_content_model_dom_1.createTableCell)();
+            cell.blocks.push(paragraph);
+            if (tableDivider[index]) {
+                cell.format.textAlign = getCellAlignment(tableDivider[index]);
+            }
+            row.cells.push(cell);
+            index++;
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (contents_1_1 && !contents_1_1.done && (_a = contents_1.return)) _a.call(contents_1);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+    table.rows.push(row);
+}
+function getCellAlignment(content) {
+    if (content.startsWith(':') && content.endsWith(':')) {
+        return 'center';
+    }
+    if (content.endsWith(':')) {
+        return 'end';
+    }
+    return 'start';
+}
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/processor/markdownProcessor.ts":
+/*!******************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/processor/markdownProcessor.ts ***!
+  \******************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.markdownProcessor = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+var createBlockGroupFromMarkdown_1 = __webpack_require__(/*! ../creators/createBlockGroupFromMarkdown */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createBlockGroupFromMarkdown.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var createParagraphFromMarkdown_1 = __webpack_require__(/*! ../creators/createParagraphFromMarkdown */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createParagraphFromMarkdown.ts");
+var createTableFromMarkdown_1 = __webpack_require__(/*! ../creators/createTableFromMarkdown */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/creators/createTableFromMarkdown.ts");
+var isMarkdownTable_1 = __webpack_require__(/*! ../utils/isMarkdownTable */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/isMarkdownTable.ts");
+var MarkdownPattern = {
+    heading: /^#{1,6} .*/,
+    horizontal_line: /^---$/,
+    table: /^\|.*\|\s*$/,
+    blockquote: /^>\s.*$/,
+    unordered_list: /^\s*[\*\-\+] .*/,
+    ordered_list: /^\s*\d+\. .*/,
+    space: /^\s*$/,
+    paragraph: /^[^#\-\*\d\|].*/,
+};
+var MarkdownBlockType = {
+    heading: 'Paragraph',
+    horizontal_line: 'Divider',
+    paragraph: 'Paragraph',
+    unordered_list: 'BlockGroup',
+    ordered_list: 'BlockGroup',
+    table: 'Table',
+    blockquote: 'BlockGroup',
+    space: 'Paragraph',
+};
+/**
+ * @internal
+ * Process markdown text and convert it to ContentModelDocument
+ * @param text The markdown text
+ * @param splitLinesPattern The pattern to split lines. Default is /\r\n|\r|\\n|\n/
+ * @returns The ContentModelDocument
+ */
+function markdownProcessor(text, splitLinesPattern) {
+    var markdownText = text.split(splitLinesPattern);
+    markdownText.push(''); // Add an empty line to make sure the last block is processed
+    var doc = (0, roosterjs_content_model_dom_1.createContentModelDocument)();
+    return convertMarkdownText(doc, markdownText);
+}
+exports.markdownProcessor = markdownProcessor;
+function addMarkdownBlockToModel(model, blockType, markdown, patternName, markdownContext) {
+    var e_1, _a;
+    if (blockType !== 'Table' &&
+        markdownContext.tableLines &&
+        markdownContext.tableLines.length > 0) {
+        if (markdownContext.tableLines.length > 2 &&
+            markdownContext.tableLines[1].trim().length > 0 &&
+            (0, isMarkdownTable_1.isMarkdownTable)(markdownContext.tableLines[1]) &&
+            markdownContext.tableLines.length > 1) {
+            var tableModel = (0, createTableFromMarkdown_1.createTableFromMarkdown)(markdownContext.tableLines);
+            model.blocks.push(tableModel);
+        }
+        else {
+            try {
+                for (var _b = (0, tslib_1.__values)(markdownContext.tableLines), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var line = _c.value;
+                    var paragraph = (0, createParagraphFromMarkdown_1.createParagraphFromMarkdown)(line);
+                    model.blocks.push(paragraph);
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        }
+        markdownContext.tableLines.length = 0;
+    }
+    if (patternName == 'space') {
+        markdownContext.tableLines = [];
+        markdownContext.lastQuote = undefined;
+        markdownContext.lastList = undefined;
+        return;
+    }
+    if (blockType == 'Paragraph' && (markdownContext.lastList || markdownContext.lastQuote)) {
+        blockType = 'BlockGroup';
+        patternName = markdownContext.lastList
+            ? markdownContext.lastList.levels[0].listType == 'OL'
+                ? 'ordered_list'
+                : 'unordered_list'
+            : 'blockquote';
+    }
+    switch (blockType) {
+        case 'Paragraph':
+            var paragraph = (0, createParagraphFromMarkdown_1.createParagraphFromMarkdown)(markdown);
+            model.blocks.push(paragraph);
+            break;
+        case 'Divider':
+            var divider = (0, roosterjs_content_model_dom_1.createDivider)('hr');
+            model.blocks.push(divider);
+            break;
+        case 'BlockGroup':
+            var blockGroup = (0, createBlockGroupFromMarkdown_1.createBlockGroupFromMarkdown)(markdown, patternName, markdownContext.lastQuote);
+            if (!markdownContext.lastQuote) {
+                model.blocks.push(blockGroup);
+            }
+            markdownContext.lastQuote =
+                blockGroup.blockGroupType == 'FormatContainer' ? blockGroup : undefined;
+            markdownContext.lastList =
+                blockGroup.blockGroupType == 'ListItem' ? blockGroup : undefined;
+            break;
+        case 'Table':
+            markdownContext.tableLines = markdownContext.tableLines || [];
+            markdownContext.tableLines.push(markdown);
+            break;
+    }
+    if (blockType !== 'BlockGroup') {
+        markdownContext.lastQuote = undefined;
+        markdownContext.lastList = undefined;
+    }
+}
+function convertMarkdownText(model, lines) {
+    var e_2, _a;
+    var markdownContext = {
+        lastQuote: undefined,
+        lastList: undefined,
+        tableLines: [],
+    };
+    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;
+            var matched = false;
+            for (var patternName in MarkdownPattern) {
+                if (MarkdownPattern.hasOwnProperty(patternName)) {
+                    var pattern = MarkdownPattern[patternName];
+                    if (pattern.test(line)) {
+                        addMarkdownBlockToModel(model, MarkdownBlockType[patternName], line, patternName, markdownContext);
+                        matched = true;
+                        break;
+                    }
+                }
+            }
+            if (!matched) {
+                addMarkdownBlockToModel(model, 'Paragraph', line, 'paragraph', markdownContext);
+            }
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (lines_1_1 && !lines_1_1.done && (_a = lines_1.return)) _a.call(lines_1);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+    return model;
+}
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/adjustHeading.ts":
+/*!**********************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/adjustHeading.ts ***!
+  \**********************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.adjustHeading = void 0;
+var headings_1 = __webpack_require__(/*! ../../constants/headings */ "./packages/roosterjs-content-model-markdown/lib/constants/headings.ts");
+/**
+ * @internal
+ */
+function adjustHeading(textSegment, decorator) {
+    var markdownToBeRemoved = headings_1.MarkdownHeadings[(decorator === null || decorator === void 0 ? void 0 : decorator.tagName) || ''];
+    if (markdownToBeRemoved) {
+        textSegment.text = textSegment.text.replace(markdownToBeRemoved, '');
+    }
+    return textSegment;
+}
+exports.adjustHeading = adjustHeading;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/getHeadingDecorator.ts":
+/*!****************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/getHeadingDecorator.ts ***!
+  \****************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.getHeadingDecorator = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+var headings_1 = __webpack_require__(/*! ../../constants/headings */ "./packages/roosterjs-content-model-markdown/lib/constants/headings.ts");
+/**
+ * @internal
+ */
+function getHeadingDecorator(text) {
+    var e_1, _a;
+    try {
+        for (var headingLevels_1 = (0, tslib_1.__values)(headings_1.headingLevels), headingLevels_1_1 = headingLevels_1.next(); !headingLevels_1_1.done; headingLevels_1_1 = headingLevels_1.next()) {
+            var level = headingLevels_1_1.value;
+            if (text.startsWith(level.prefix)) {
+                return {
+                    tagName: level.tagName,
+                    format: {
+                        fontWeight: 'bold',
+                        fontSize: level.fontSize,
+                    },
+                };
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (headingLevels_1_1 && !headingLevels_1_1.done && (_a = headingLevels_1.return)) _a.call(headingLevels_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return undefined;
+}
+exports.getHeadingDecorator = getHeadingDecorator;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/isMarkdownTable.ts":
+/*!************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/markdownToModel/utils/isMarkdownTable.ts ***!
+  \************************************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.isMarkdownTable = void 0;
+/**
+ * @internal
+ */
+function isMarkdownTable(text) {
+    var columns = text.split('|').filter(function (s) { return s !== ''; });
+    var pattern = /^:?-+:?$/;
+    return columns.length > 0 && columns.every(function (c) { return pattern.test(c.trim()); });
+}
+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) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.splitParagraphSegments = void 0;
+var linkRegex = /(\[([^\[]+)\]\((https?:\/\/[^\)]+)\))|(\!\[([^\[]+)\]\((https?:\/\/[^\)]+)\))/g;
+var isValidUrl = function (url) {
+    try {
+        new URL(url);
+        return true;
+    }
+    catch (_) {
+        return false;
+    }
+};
+/**
+ * @internal
+ */
+function splitParagraphSegments(text) {
+    var result = [];
+    var lastIndex = 0;
+    var match = null;
+    while ((match = linkRegex.exec(text)) !== null) {
+        if (match.index > lastIndex) {
+            result.push({ type: 'text', text: text.slice(lastIndex, match.index), url: '' });
+        }
+        if (match[2] && match[3]) {
+            result.push(isValidUrl(match[3])
+                ? { type: 'link', text: match[2], url: match[3] }
+                : { type: 'text', text: match[0], url: '' });
+        }
+        else if (match[5] && match[6]) {
+            result.push(isValidUrl(match[6])
+                ? { type: 'image', text: match[5], url: match[6] }
+                : { type: 'text', text: match[0], url: '' });
+        }
+        lastIndex = linkRegex.lastIndex;
+    }
+    if (lastIndex < text.length) {
+        result.push({ type: 'text', text: text.slice(lastIndex), url: '' });
+    }
+    return result;
+}
+exports.splitParagraphSegments = splitParagraphSegments;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/convertContentModelToMarkdown.ts":
+/*!********************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/convertContentModelToMarkdown.ts ***!
+  \********************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.convertContentModelToMarkdown = void 0;
+var modelProcessor_1 = __webpack_require__(/*! ./processor/modelProcessor */ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/processor/modelProcessor.ts");
+/**
+ * Export content model document to markdown
+ * @param selection The editor selection
+ * @param newLine The new line string to use. Default is '\n\n'
+ * @returns The markdown string
+ */
+function convertContentModelToMarkdown(model, newLine) {
+    return (0, modelProcessor_1.modelProcessor)(model, newLine);
+}
+exports.convertContentModelToMarkdown = convertContentModelToMarkdown;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownBlock.ts":
+/*!*******************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownBlock.ts ***!
+  \*******************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.createMarkdownBlock = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+var createMarkdownBlockGroup_1 = __webpack_require__(/*! ./createMarkdownBlockGroup */ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownBlockGroup.ts");
+var createMarkdownParagraph_1 = __webpack_require__(/*! ./createMarkdownParagraph */ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownParagraph.ts");
+var createMarkdownTable_1 = __webpack_require__(/*! ./createMarkdownTable */ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownTable.ts");
+var DEFAULT_NEW_LINE = {
+    table: '',
+    paragraph: '',
+    divider: '\n\n',
+};
+/**
+ * @internal
+ */
+function createMarkdownBlock(block, newLinePattern, listCounter, newLines, paragraphContext) {
+    var markdownString = '';
+    var lines = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, DEFAULT_NEW_LINE), newLines);
+    switch (block.blockType) {
+        case 'Paragraph':
+            markdownString += (0, createMarkdownParagraph_1.createMarkdownParagraph)(block, paragraphContext) + lines.paragraph;
+            break;
+        case 'BlockGroup':
+            markdownString += (0, createMarkdownBlockGroup_1.createMarkdownBlockGroup)(block, newLinePattern, listCounter);
+            break;
+        case 'Table':
+            markdownString += (0, createMarkdownTable_1.createMarkdownTable)(block, newLinePattern, listCounter) + lines.table;
+            break;
+        case 'Divider':
+            if (!(paragraphContext === null || paragraphContext === void 0 ? void 0 : paragraphContext.ignoreLineBreaks)) {
+                markdownString += '---' + lines.divider;
+            }
+            break;
+        case 'Entity':
+            break;
+        default:
+            break;
+    }
+    return markdownString;
+}
+exports.createMarkdownBlock = createMarkdownBlock;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownBlockGroup.ts":
+/*!************************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownBlockGroup.ts ***!
+  \************************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.createMarkdownBlockGroup = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+var createMarkdownBlock_1 = __webpack_require__(/*! ./createMarkdownBlock */ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownBlock.ts");
+/**
+ * @internal
+ */
+function createMarkdownBlockGroup(blockGroup, newLinePattern, listCounter) {
+    var e_1, _a;
+    var markdownString = '';
+    switch (blockGroup.blockGroupType) {
+        case 'ListItem':
+            if (listCounter) {
+                markdownString += createMarkdownListItem(blockGroup, newLinePattern, listCounter);
+            }
+            break;
+        case 'FormatContainer':
+            markdownString += createMarkdownBlockQuote(blockGroup, newLinePattern, listCounter);
+            break;
+        default:
+            var blocks = blockGroup.blocks;
+            try {
+                for (var blocks_1 = (0, tslib_1.__values)(blocks), blocks_1_1 = blocks_1.next(); !blocks_1_1.done; blocks_1_1 = blocks_1.next()) {
+                    var block = blocks_1_1.value;
+                    markdownString += (0, createMarkdownBlock_1.createMarkdownBlock)(block, newLinePattern, listCounter);
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (blocks_1_1 && !blocks_1_1.done && (_a = blocks_1.return)) _a.call(blocks_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            break;
+    }
+    return markdownString;
+}
+exports.createMarkdownBlockGroup = createMarkdownBlockGroup;
+function createMarkdownListItem(listItem, newLinePattern, listCounter) {
+    var e_2, _a;
+    var markdownString = '';
+    var blocks = listItem.blocks;
+    try {
+        for (var blocks_2 = (0, tslib_1.__values)(blocks), blocks_2_1 = blocks_2.next(); !blocks_2_1.done; blocks_2_1 = blocks_2.next()) {
+            var block = blocks_2_1.value;
+            markdownString += (0, createMarkdownBlock_1.createMarkdownBlock)(block, newLinePattern, listCounter, undefined /* newLines */, {
+                ignoreLineBreaks: true,
+            });
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (blocks_2_1 && !blocks_2_1.done && (_a = blocks_2.return)) _a.call(blocks_2);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+    var lastIndex = listItem.levels.length - 1;
+    var isSubList = lastIndex + 1 > 1;
+    var dummyFormat = listItem.levels[lastIndex].format.displayForDummyItem;
+    if (dummyFormat && dummyFormat !== 'listItem') {
+        return (markdownString = " " + markdownString);
+    }
+    if (isSubList) {
+        listCounter.subListItemCount++;
+        if (listItem.levels[lastIndex].listType == 'OL') {
+            markdownString = "   " + listCounter.subListItemCount + ". " + markdownString;
+        }
+        else {
+            markdownString = "  - " + markdownString;
+        }
+    }
+    else {
+        listCounter.listItemCount++;
+        if (listItem.levels[lastIndex].listType == 'OL') {
+            markdownString = listCounter.listItemCount + ". " + markdownString;
+        }
+        else {
+            markdownString = "- " + markdownString;
+        }
+    }
+    return markdownString + newLinePattern.newLine;
+}
+function createMarkdownBlockQuote(blockquote, newLinePattern, listCounter) {
+    var e_3, _a;
+    var markdownString = '';
+    if (blockquote.tagName == 'blockquote') {
+        var blocks = blockquote.blocks;
+        try {
+            for (var blocks_3 = (0, tslib_1.__values)(blocks), blocks_3_1 = blocks_3.next(); !blocks_3_1.done; blocks_3_1 = blocks_3.next()) {
+                var block = blocks_3_1.value;
+                markdownString +=
+                    '> ' +
+                        (0, createMarkdownBlock_1.createMarkdownBlock)(block, newLinePattern, listCounter, undefined /* newLines */, {
+                            ignoreLineBreaks: true,
+                        }) +
+                        newLinePattern.newLine;
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (blocks_3_1 && !blocks_3_1.done && (_a = blocks_3.return)) _a.call(blocks_3);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+    }
+    return markdownString + "\n";
+}
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownParagraph.ts":
+/*!***********************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownParagraph.ts ***!
+  \***********************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.createMarkdownParagraph = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+var headings_1 = __webpack_require__(/*! ../../constants/headings */ "./packages/roosterjs-content-model-markdown/lib/constants/headings.ts");
+/**
+ * @internal
+ */
+function createMarkdownParagraph(paragraph, context) {
+    var e_1, _a;
+    var segments = paragraph.segments;
+    var markdownString = '';
+    try {
+        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;
+            switch (segment.segmentType) {
+                case 'Text':
+                    markdownString += textProcessor(segment);
+                    break;
+                case 'Image':
+                    markdownString += "![" + segment.alt + "](" + segment.src + ")";
+                    break;
+                case 'Br':
+                    if (!(context === null || context === void 0 ? void 0 : context.ignoreLineBreaks)) {
+                        markdownString += '\n';
+                    }
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (segments_1_1 && !segments_1_1.done && (_a = segments_1.return)) _a.call(segments_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    if (paragraph.decorator) {
+        var tagName = paragraph.decorator.tagName;
+        var prefix = headings_1.MarkdownHeadings[tagName];
+        markdownString = "" + prefix + markdownString;
+    }
+    return markdownString;
+}
+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.italic) {
+        markdownString = "*" + markdownString + "*";
+    }
+    return markdownString;
+}
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownTable.ts":
+/*!*******************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownTable.ts ***!
+  \*******************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.createMarkdownTable = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+var createMarkdownBlock_1 = __webpack_require__(/*! ./createMarkdownBlock */ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownBlock.ts");
+/**
+ * @internal
+ */
+function createMarkdownTable(table, newLinePattern, listCounter) {
+    var e_1, _a, e_2, _b, e_3, _c;
+    var markdownString = '';
+    var rows = table.rows;
+    var firstRow = true;
+    try {
+        for (var rows_1 = (0, tslib_1.__values)(rows), rows_1_1 = rows_1.next(); !rows_1_1.done; rows_1_1 = rows_1.next()) {
+            var row = rows_1_1.value;
+            markdownString += '|';
+            try {
+                for (var _d = (e_2 = void 0, (0, tslib_1.__values)(row.cells)), _e = _d.next(); !_e.done; _e = _d.next()) {
+                    var cell = _e.value;
+                    try {
+                        for (var _f = (e_3 = void 0, (0, tslib_1.__values)(cell.blocks)), _g = _f.next(); !_g.done; _g = _f.next()) {
+                            var block = _g.value;
+                            markdownString += (0, createMarkdownBlock_1.createMarkdownBlock)(block, newLinePattern, listCounter, {
+                                divider: '',
+                            }, {
+                                ignoreLineBreaks: true,
+                            });
+                        }
+                    }
+                    catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                    finally {
+                        try {
+                            if (_g && !_g.done && (_c = _f.return)) _c.call(_f);
+                        }
+                        finally { if (e_3) throw e_3.error; }
+                    }
+                    markdownString += '|';
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_e && !_e.done && (_b = _d.return)) _b.call(_d);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            markdownString += newLinePattern.newLine;
+            if (firstRow) {
+                markdownString += addTableDivider(row);
+                firstRow = false;
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (rows_1_1 && !rows_1_1.done && (_a = rows_1.return)) _a.call(rows_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return markdownString;
+}
+exports.createMarkdownTable = createMarkdownTable;
+function addTableDivider(headerRow) {
+    var e_4, _a;
+    var divider = '|';
+    var cells = headerRow.cells;
+    try {
+        for (var cells_1 = (0, tslib_1.__values)(cells), cells_1_1 = cells_1.next(); !cells_1_1.done; cells_1_1 = cells_1.next()) {
+            var cell = cells_1_1.value;
+            switch (cell.format.textAlign) {
+                case 'center':
+                    divider += ':----:|';
+                    break;
+                case 'end':
+                    divider += '----:|';
+                    break;
+                default:
+                    divider += '----|';
+                    break;
+            }
+        }
+    }
+    catch (e_4_1) { e_4 = { error: e_4_1 }; }
+    finally {
+        try {
+            if (cells_1_1 && !cells_1_1.done && (_a = cells_1.return)) _a.call(cells_1);
+        }
+        finally { if (e_4) throw e_4.error; }
+    }
+    return divider + '\n';
+}
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/processor/modelProcessor.ts":
+/*!***************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/processor/modelProcessor.ts ***!
+  \***************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.modelProcessor = void 0;
+var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+var createMarkdownBlock_1 = __webpack_require__(/*! ../creators/createMarkdownBlock */ "./packages/roosterjs-content-model-markdown/lib/modelToMarkdown/creators/createMarkdownBlock.ts");
+var DEFAULT_NEW_LINE = {
+    lineBreak: '\n\n',
+    newLine: '\n',
+};
+/**
+ * @internal
+ */
+function modelProcessor(model, newLine) {
+    var e_1, _a;
+    if (newLine === void 0) { newLine = DEFAULT_NEW_LINE; }
+    var markdown = '';
+    var listCounter = {
+        listItemCount: 0,
+        subListItemCount: 0,
+    };
+    try {
+        for (var _b = (0, tslib_1.__values)(model.blocks), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var block = _c.value;
+            var isListItem = block.blockType === 'BlockGroup' && block.blockGroupType === 'ListItem';
+            if (!isListItem && (listCounter.listItemCount > 0 || listCounter.subListItemCount > 0)) {
+                listCounter.listItemCount = 0;
+                listCounter.subListItemCount = 0;
+                markdown += newLine.newLine;
+            }
+            markdown += (0, createMarkdownBlock_1.createMarkdownBlock)(block, newLine, listCounter, {
+                table: newLine.newLine,
+                paragraph: newLine.lineBreak,
+                divider: newLine.lineBreak,
+            });
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return markdown;
+}
+exports.modelProcessor = modelProcessor;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/autoFormat/AutoFormatPlugin.ts":
@@ -30160,9 +31513,10 @@ function handleTabOnTable(model, rawEvent) {
 }
 exports.handleTabOnTable = handleTabOnTable;
 function isWholeTableSelected(tableModel) {
-    var _a, _b, _c, _d;
-    return (((_b = (_a = tableModel.rows[0]) === null || _a === void 0 ? void 0 : _a.cells[0]) === null || _b === void 0 ? void 0 : _b.isSelected) &&
-        ((_d = (_c = tableModel.rows[tableModel.rows.length - 1]) === null || _c === void 0 ? void 0 : _c.cells[tableModel.widths.length - 1]) === null || _d === void 0 ? void 0 : _d.isSelected));
+    var _a, _b;
+    var lastRow = tableModel.rows[tableModel.rows.length - 1];
+    var lastCell = lastRow === null || lastRow === void 0 ? void 0 : lastRow.cells[lastRow.cells.length - 1];
+    return ((_b = (_a = tableModel.rows[0]) === null || _a === void 0 ? void 0 : _a.cells[0]) === null || _b === void 0 ? void 0 : _b.isSelected) && (lastCell === null || lastCell === void 0 ? void 0 : lastCell.isSelected);
 }
 
 
@@ -30185,32 +31539,35 @@ var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-mo
  * @internal
  */
 function handleTabOnTableCell(model, cell, rawEvent) {
-    var _a, _b, _c;
+    var _a, _b;
     var readonlyTableModel = (0, roosterjs_content_model_dom_1.getFirstSelectedTable)(model)[0];
-    // Check if cursor is on last cell of the table
-    if (!rawEvent.shiftKey &&
-        readonlyTableModel &&
-        ((_a = readonlyTableModel.rows[readonlyTableModel.rows.length - 1]) === null || _a === void 0 ? void 0 : _a.cells[readonlyTableModel.widths.length - 1]) === cell) {
-        var tableModel = (0, roosterjs_content_model_dom_1.mutateBlock)(readonlyTableModel);
-        (0, roosterjs_content_model_api_1.insertTableRow)(tableModel, 'insertBelow');
-        // Clear Table selection
-        (0, roosterjs_content_model_api_1.clearSelectedCells)(tableModel, {
-            firstRow: tableModel.rows.length - 1,
-            firstColumn: 0,
-            lastRow: tableModel.rows.length - 1,
-            lastColumn: tableModel.widths.length - 1,
-        });
-        (0, roosterjs_content_model_dom_1.normalizeTable)(tableModel, model.format);
-        // Add selection marker to the first cell of the new row
-        var markerParagraph = (_c = (_b = tableModel.rows[tableModel.rows.length - 1]) === null || _b === void 0 ? void 0 : _b.cells[0]) === null || _c === void 0 ? void 0 : _c.blocks[0];
-        if (markerParagraph.blockType == 'Paragraph') {
-            var marker = (0, roosterjs_content_model_dom_1.createSelectionMarker)(model.format);
-            (0, roosterjs_content_model_dom_1.mutateBlock)(markerParagraph).segments.unshift(marker);
-            (0, roosterjs_content_model_dom_1.setParagraphNotImplicit)(markerParagraph);
-            (0, roosterjs_content_model_dom_1.setSelection)(tableModel.rows[tableModel.rows.length - 1].cells[0], marker);
+    if (readonlyTableModel) {
+        // Check if cursor is on last cell of the table
+        var lastRow = readonlyTableModel.rows[readonlyTableModel.rows.length - 1];
+        var lastColumn = lastRow ? lastRow.cells.length - 1 : -1;
+        var lastCell = lastRow === null || lastRow === void 0 ? void 0 : lastRow.cells[lastColumn];
+        if (!rawEvent.shiftKey && lastCell && lastCell === cell) {
+            var tableModel = (0, roosterjs_content_model_dom_1.mutateBlock)(readonlyTableModel);
+            (0, roosterjs_content_model_api_1.insertTableRow)(tableModel, 'insertBelow');
+            // Clear Table selection
+            (0, roosterjs_content_model_api_1.clearSelectedCells)(tableModel, {
+                firstRow: tableModel.rows.length - 1,
+                firstColumn: 0,
+                lastRow: tableModel.rows.length - 1,
+                lastColumn: lastColumn,
+            });
+            (0, roosterjs_content_model_dom_1.normalizeTable)(tableModel, model.format);
+            // Add selection marker to the first cell of the new row
+            var markerParagraph = (_b = (_a = tableModel.rows[tableModel.rows.length - 1]) === null || _a === void 0 ? void 0 : _a.cells[0]) === null || _b === void 0 ? void 0 : _b.blocks[0];
+            if (markerParagraph.blockType == 'Paragraph') {
+                var marker = (0, roosterjs_content_model_dom_1.createSelectionMarker)(model.format);
+                (0, roosterjs_content_model_dom_1.mutateBlock)(markerParagraph).segments.unshift(marker);
+                (0, roosterjs_content_model_dom_1.setParagraphNotImplicit)(markerParagraph);
+                (0, roosterjs_content_model_dom_1.setSelection)(tableModel.rows[tableModel.rows.length - 1].cells[0], marker);
+            }
+            rawEvent.preventDefault();
+            return true;
         }
-        rawEvent.preventDefault();
-        return true;
     }
     return false;
 }
@@ -30873,7 +32230,7 @@ var ImageEditPlugin = /** @class */ (function () {
         this.disposer = editor.attachDomEvent({
             blur: {
                 beforeDispatch: function () {
-                    if (_this.editor) {
+                    if (_this.isEditing && _this.editor && !_this.editor.isDisposed()) {
                         _this.applyFormatWithContentModel(_this.editor, _this.isCropMode, true /* shouldSelectImage */);
                     }
                 },
@@ -30906,13 +32263,13 @@ var ImageEditPlugin = /** @class */ (function () {
      * called, plugin should not call to any editor method since it will result in error.
      */
     ImageEditPlugin.prototype.dispose = function () {
-        this.editor = null;
-        this.isEditing = false;
-        this.cleanInfo();
         if (this.disposer) {
             this.disposer();
             this.disposer = null;
         }
+        this.isEditing = false;
+        this.cleanInfo();
+        this.editor = null;
     };
     /**
      * Core method for a plugin. Once an event happens in editor, editor will call this
@@ -30972,7 +32329,8 @@ var ImageEditPlugin = /** @class */ (function () {
     ImageEditPlugin.prototype.mouseDownHandler = function (editor, event) {
         if (this.isEditing &&
             this.isImageSelection(event.rawEvent.target) &&
-            event.rawEvent.button !== MouseRightButton) {
+            event.rawEvent.button !== MouseRightButton &&
+            !this.isCropMode) {
             this.applyFormatWithContentModel(editor, this.isCropMode, this.shadowSpan === event.rawEvent.target);
         }
     };
@@ -31008,6 +32366,9 @@ var ImageEditPlugin = /** @class */ (function () {
                 this.cleanInfo();
             }
             else {
+                if (event.rawEvent.key == 'Enter' && this.isCropMode) {
+                    event.rawEvent.preventDefault();
+                }
                 this.applyFormatWithContentModel(editor, this.isCropMode, true /** should selectImage */, false /* isApiOperation */);
             }
         }
@@ -32770,13 +34131,14 @@ function updateWrapper(editInfo, options, image, clonedImage, wrapper, resizers,
     if (croppers && croppers.length > 0) {
         var cropContainer = croppers[0];
         var cropOverlays = croppers.filter(function (cropper) { return cropper.className === ImageEditElementClass_1.ImageEditElementClass.CropOverlay; });
+        var cropHandles = (0, roosterjs_content_model_dom_1.toArray)(cropContainer.querySelectorAll("." + ImageEditElementClass_1.ImageEditElementClass.CropHandle));
         (0, imageEditUtils_1.setSize)(cropContainer, cropLeftPx, cropTopPx, cropRightPx, cropBottomPx, undefined, undefined);
         (0, imageEditUtils_1.setSize)(cropOverlays[0], 0, 0, cropRightPx, undefined, undefined, cropTopPx);
         (0, imageEditUtils_1.setSize)(cropOverlays[1], undefined, 0, 0, cropBottomPx, cropRightPx, undefined);
         (0, imageEditUtils_1.setSize)(cropOverlays[2], cropLeftPx, undefined, 0, 0, undefined, cropBottomPx);
         (0, imageEditUtils_1.setSize)(cropOverlays[3], 0, cropTopPx, undefined, 0, cropLeftPx, undefined);
         if (angleRad !== undefined) {
-            (0, updateHandleCursor_1.updateHandleCursor)(croppers, angleRad);
+            (0, updateHandleCursor_1.updateHandleCursor)(cropHandles, angleRad);
         }
     }
     if (resizers) {
@@ -33332,6 +34694,7 @@ var getPasteSource_1 = __webpack_require__(/*! ./pasteSourceValidations/getPaste
 var linkParser_1 = __webpack_require__(/*! ./utils/linkParser */ "./packages/roosterjs-content-model-plugins/lib/paste/utils/linkParser.ts");
 var constants_1 = __webpack_require__(/*! ./pasteSourceValidations/constants */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/constants.ts");
 var processPastedContentFromExcel_1 = __webpack_require__(/*! ./Excel/processPastedContentFromExcel */ "./packages/roosterjs-content-model-plugins/lib/paste/Excel/processPastedContentFromExcel.ts");
+var processPastedContentFromOneNote_1 = __webpack_require__(/*! ./oneNote/processPastedContentFromOneNote */ "./packages/roosterjs-content-model-plugins/lib/paste/oneNote/processPastedContentFromOneNote.ts");
 var processPastedContentFromPowerPoint_1 = __webpack_require__(/*! ./PowerPoint/processPastedContentFromPowerPoint */ "./packages/roosterjs-content-model-plugins/lib/paste/PowerPoint/processPastedContentFromPowerPoint.ts");
 var processPastedContentFromWordDesktop_1 = __webpack_require__(/*! ./WordDesktop/processPastedContentFromWordDesktop */ "./packages/roosterjs-content-model-plugins/lib/paste/WordDesktop/processPastedContentFromWordDesktop.ts");
 var processPastedContentWacComponents_1 = __webpack_require__(/*! ./WacComponents/processPastedContentWacComponents */ "./packages/roosterjs-content-model-plugins/lib/paste/WacComponents/processPastedContentWacComponents.ts");
@@ -33418,6 +34781,9 @@ var PastePlugin = /** @class */ (function () {
             case 'powerPointDesktop':
                 (0, processPastedContentFromPowerPoint_1.processPastedContentFromPowerPoint)(event, this.editor.getDOMCreator());
                 break;
+            case 'oneNoteDesktop':
+                (0, processPastedContentFromOneNote_1.processPastedContentFromOneNote)(event);
+                break;
         }
         (0, addParser_1.addParser)(event.domToModelOption, 'link', linkParser_1.parseLink);
         (0, addParser_1.addParser)(event.domToModelOption, 'tableCell', deprecatedColorParser_1.deprecatedBorderColorParser);
@@ -34075,7 +35441,7 @@ function processAsListItem(listFormat, context, element, group, listMetadata) {
     var listItem = (0, roosterjs_content_model_dom_1.createListItem)(listFormat.levels, context.segmentFormat);
     (0, roosterjs_content_model_dom_1.parseFormat)(element, context.formatParsers.segmentOnBlock, context.segmentFormat, context);
     (0, roosterjs_content_model_dom_1.parseFormat)(element, context.formatParsers.listItemElement, listItem.format, context);
-    (0, roosterjs_content_model_dom_1.parseFormat)(element, [removeNegativeTextIndentParser_1.removeNegativeTextIndentParser], listItem.format, context);
+    (0, roosterjs_content_model_dom_1.parseFormat)(element, [removeNegativeTextIndentParser_1.removeNegativeTextIndentParser, nonListElementParser], listItem.format, context);
     if (listType == 'OL') {
         setStartNumber(listItem, context, listMetadata);
     }
@@ -34163,6 +35529,19 @@ function getLastNotEmptyBlock(listParent) {
     }
     return undefined;
 }
+var nonListElementParser = function (format, element, _context, defaultStyle) {
+    if (!(0, roosterjs_content_model_dom_1.isElementOfType)(element, 'li')) {
+        Object.keys(defaultStyle).forEach(function (keyInput) {
+            var key = keyInput;
+            var formatKey = keyInput;
+            if (key != 'display' &&
+                format[formatKey] != undefined &&
+                format[formatKey] == defaultStyle[key]) {
+                delete format[formatKey];
+            }
+        });
+    }
+};
 
 
 /***/ }),
@@ -34189,6 +35568,130 @@ var removeNegativeTextIndentParser = function (format, element) {
 exports.removeNegativeTextIndentParser = removeNegativeTextIndentParser;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/paste/oneNote/processPastedContentFromOneNote.ts":
+/*!*******************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/paste/oneNote/processPastedContentFromOneNote.ts ***!
+  \*******************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.processListItem = exports.processUnorderedList = exports.processOrderedList = exports.processPastedContentFromOneNote = void 0;
+var setProcessor_1 = __webpack_require__(/*! ../utils/setProcessor */ "./packages/roosterjs-content-model-plugins/lib/paste/utils/setProcessor.ts");
+var OrderedListStyleMap = {
+    1: 'decimal',
+    a: 'lower-alpha',
+    A: 'upper-alpha',
+    i: 'lower-roman',
+    I: 'upper-roman',
+};
+var UnorderedListStyleMap = {
+    disc: 'disc',
+    circle: 'circle',
+    square: 'square',
+};
+/**
+ * @internal
+ * Processes the content pasted from OneNote by setting up custom processors
+ * for ordered lists (`<ol>`) and list items (`<li>`). These processors handle
+ * specific list styles and numbering overrides that may be present in OneNote
+ * content.
+ *
+ * @param event - The `BeforePasteEvent` containing the DOM-to-model options
+ * and other context information for the paste operation.
+ */
+function processPastedContentFromOneNote(event) {
+    (0, setProcessor_1.setProcessor)(event.domToModelOption, 'ol', exports.processOrderedList);
+    (0, setProcessor_1.setProcessor)(event.domToModelOption, 'ul', exports.processUnorderedList);
+    (0, setProcessor_1.setProcessor)(event.domToModelOption, 'li', exports.processListItem);
+}
+exports.processPastedContentFromOneNote = processPastedContentFromOneNote;
+/**
+ * @internal exported only for unit test
+ * Content from OneNote may have ordered lists with specific styles and start numbers.
+ * This function processes the `<ol>` elements, extracting the `type` and `start` custom attributes
+ * to set the appropriate list style and starting number in the `oneNoteListContext` of the provided context.
+ * Which is then used to format the list items within the list.
+ */
+var processOrderedList = function (group, element, cmContext) {
+    var _a, _b;
+    var context = ensureOneNoteListContext(cmContext);
+    if (context.oneNoteListContext) {
+        var typeOfList = element.getAttribute('type');
+        if (typeOfList) {
+            var listStyle = OrderedListStyleMap[typeOfList];
+            var startNumberOverride = parseInt(element.getAttribute('start') || '1') || 1;
+            context.oneNoteListContext.listStyleType = listStyle;
+            context.oneNoteListContext.startNumberOverride = startNumberOverride;
+        }
+    }
+    (_b = (_a = context.defaultElementProcessors).ol) === null || _b === void 0 ? void 0 : _b.call(_a, group, element, context);
+};
+exports.processOrderedList = processOrderedList;
+/**
+ * @internal exported only for unit test
+ * Content from OneNote may have ordered lists with specific styles and start numbers.
+ * This function processes the `<ul>` elements, extracting the `type` custom attribute
+ * to set the appropriate list style in the `oneNoteListContext` of the provided context.
+ * Which is then used to format the list items within the list.
+ */
+var processUnorderedList = function (group, element, cmContext) {
+    var _a, _b;
+    var context = ensureOneNoteListContext(cmContext);
+    if (context.oneNoteListContext) {
+        var typeOfList = element.getAttribute('type');
+        if (typeOfList) {
+            var listStyle = UnorderedListStyleMap[typeOfList];
+            context.oneNoteListContext.listStyleType = listStyle;
+        }
+    }
+    (_b = (_a = context.defaultElementProcessors).ul) === null || _b === void 0 ? void 0 : _b.call(_a, group, element, context);
+};
+exports.processUnorderedList = processUnorderedList;
+/**
+ * @internal exported only for unit test
+ * Processes the `<li>` elements within a list. It checks if the `oneNoteListContext`
+ * is present in the provided context. If so, it applies the list style type and
+ * start number override to the last level of the list format.
+ * This ensures that the list items are formatted correctly according to the
+ * OneNote list context.
+ */
+var processListItem = function (group, element, cmContext) {
+    var _a, _b;
+    var context = ensureOneNoteListContext(cmContext);
+    var removeStartNumberOverride = false;
+    if (context.oneNoteListContext) {
+        var _c = context.oneNoteListContext, listStyleType = _c.listStyleType, startNumberOverride = _c.startNumberOverride;
+        if (listStyleType) {
+            var lastLevel = context.listFormat.levels[context.listFormat.levels.length - 1];
+            lastLevel.format.listStyleType = listStyleType;
+            if (startNumberOverride) {
+                removeStartNumberOverride = true;
+                lastLevel.format.startNumberOverride = startNumberOverride;
+                delete context.oneNoteListContext.startNumberOverride;
+            }
+            delete context.oneNoteListContext.listStyleType;
+        }
+    }
+    (_b = (_a = context.defaultElementProcessors).li) === null || _b === void 0 ? void 0 : _b.call(_a, group, element, context);
+    if (removeStartNumberOverride) {
+        delete context.listFormat.levels[context.listFormat.levels.length - 1].format
+            .startNumberOverride;
+    }
+};
+exports.processListItem = processListItem;
+function ensureOneNoteListContext(cmContext) {
+    var context = cmContext;
+    if (!context.oneNoteListContext) {
+        context.oneNoteListContext = {};
+    }
+    return context;
+}
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/constants.ts":
@@ -34263,6 +35766,7 @@ var isExcelDesktopDocument_1 = __webpack_require__(/*! ./isExcelDesktopDocument
 var isExcelNonNativeEvent_1 = __webpack_require__(/*! ./isExcelNonNativeEvent */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/isExcelNonNativeEvent.ts");
 var isExcelOnlineDocument_1 = __webpack_require__(/*! ./isExcelOnlineDocument */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/isExcelOnlineDocument.ts");
 var isGoogleSheetDocument_1 = __webpack_require__(/*! ./isGoogleSheetDocument */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/isGoogleSheetDocument.ts");
+var isOneNoteDocument_1 = __webpack_require__(/*! ./isOneNoteDocument */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/isOneNoteDocument.ts");
 var isPowerPointDesktopDocument_1 = __webpack_require__(/*! ./isPowerPointDesktopDocument */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/isPowerPointDesktopDocument.ts");
 var isWordDesktopDocument_1 = __webpack_require__(/*! ./isWordDesktopDocument */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/isWordDesktopDocument.ts");
 var shouldConvertToSingleImage_1 = __webpack_require__(/*! ./shouldConvertToSingleImage */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/shouldConvertToSingleImage.ts");
@@ -34275,6 +35779,7 @@ var getSourceFunctions = new Map([
     ['googleSheets', isGoogleSheetDocument_1.isGoogleSheetDocument],
     ['singleImage', shouldConvertToSingleImage_1.shouldConvertToSingleImage],
     ['excelNonNativeEvent', isExcelNonNativeEvent_1.isExcelNotNativeEvent],
+    ['oneNoteDesktop', isOneNoteDocument_1.isOneNoteDesktopDocument],
 ]);
 /**
  * @internal
@@ -34414,6 +35919,34 @@ var isGoogleSheetDocument = function (props) {
 exports.isGoogleSheetDocument = isGoogleSheetDocument;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/isOneNoteDocument.ts":
+/*!********************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/isOneNoteDocument.ts ***!
+  \********************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.isOneNoteDesktopDocument = void 0;
+var constants_1 = __webpack_require__(/*! ./constants */ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/constants.ts");
+var ONE_NOTE_ATTRIBUTE_VALUE = 'OneNote.File';
+/**
+ * @internal
+ * Checks whether the provided HTML attributes identify a OneNote Desktop document
+ * @param props Properties related to the PasteEvent
+ * @returns True if the document is identified as a OneNote Desktop document, otherwise false
+ */
+var isOneNoteDesktopDocument = function (props) {
+    var htmlAttributes = props.htmlAttributes;
+    // The presence of this attribute confirms its origin from OneNote Desktop
+    return htmlAttributes[constants_1.PastePropertyNames.PROG_ID_NAME] == ONE_NOTE_ATTRIBUTE_VALUE;
+};
+exports.isOneNoteDesktopDocument = isOneNoteDesktopDocument;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/paste/pasteSourceValidations/isPowerPointDesktopDocument.ts":
@@ -36327,6 +37860,7 @@ function onDraggingHorizontal(context, event, initValue, deltaX, deltaY) {
         for (var col = 0; col < tableRow.cells.length; col++) {
             var td = tableRow.cells[col];
             td.style.height = newHeight + 'px';
+            td.style.boxSizing = 'border-box';
         }
         return true;
     }
@@ -36370,7 +37904,9 @@ function onDraggingVertical(context, event, initValue, deltaX) {
         for (var row = 0; row < table.rows.length; row++) {
             var tableRow = table.rows[row];
             for (var col = 0; col < tableRow.cells.length; col++) {
-                tableRow.cells[col].style.width = cmTable.widths[col] + 'px';
+                var td = tableRow.cells[col];
+                td.style.width = cmTable.widths[col] + 'px';
+                td.style.boxSizing = 'border-box';
             }
         }
         if (context.originalWidth > 0) {
@@ -36795,7 +38331,7 @@ function onDragEnd(context, event, initValue) {
                 if (ip && (initValue === null || initValue === void 0 ? void 0 : initValue.cmTable)) {
                     // Insert new table
                     var doc = (0, roosterjs_content_model_dom_1.createContentModelDocument)();
-                    doc.blocks.push((0, roosterjs_content_model_dom_1.mutateBlock)(initValue.cmTable));
+                    doc.blocks.push(oldTable !== null && oldTable !== void 0 ? oldTable : (0, roosterjs_content_model_dom_1.mutateBlock)(initValue.cmTable));
                     insertionSuccess_1 = !!(0, roosterjs_content_model_dom_1.mergeModel)(model, (0, roosterjs_content_model_dom_1.cloneModel)(doc), context, {
                         mergeFormat: 'none',
                         insertPosition: ip,
@@ -36805,13 +38341,13 @@ function onDragEnd(context, event, initValue) {
                         var finalTable = (_a = (0, roosterjs_content_model_dom_1.getFirstSelectedTable)(model)[0]) !== null && _a !== void 0 ? _a : initValue.cmTable;
                         if (finalTable) {
                             // Add selection marker to the first cell of the table
-                            var FirstCell = finalTable.rows[0].cells[0];
-                            var markerParagraph = FirstCell === null || FirstCell === void 0 ? void 0 : FirstCell.blocks[0];
+                            var firstCell = finalTable.rows[0].cells[0];
+                            var markerParagraph = firstCell === null || firstCell === void 0 ? void 0 : firstCell.blocks[0];
                             if ((markerParagraph === null || markerParagraph === void 0 ? void 0 : markerParagraph.blockType) == 'Paragraph') {
                                 var marker = (0, roosterjs_content_model_dom_1.createSelectionMarker)(model.format);
                                 (0, roosterjs_content_model_dom_1.mutateBlock)(markerParagraph).segments.unshift(marker);
                                 (0, roosterjs_content_model_dom_1.setParagraphNotImplicit)(markerParagraph);
-                                (0, roosterjs_content_model_dom_1.setSelection)(FirstCell, marker);
+                                (0, roosterjs_content_model_dom_1.setSelection)(model, marker);
                             }
                         }
                     }
@@ -36991,6 +38527,7 @@ function onDragging(context, event, initValue, deltaX, deltaY) {
                 var newWidth = Math.max(cmTable.widths[col], roosterjs_content_model_dom_1.MIN_ALLOWED_TABLE_CELL_HEIGHT);
                 td.style.width = newWidth + 'px';
                 td.style.height = newHeight + 'px';
+                td.style.boxSizing = 'border-box';
             }
         }
         return true;
@@ -37053,29 +38590,20 @@ function isTableBottomVisible(editor, rect, contentDiv) {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.getCMTableFromTable = 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
  * Get ContentModelTable from a table element if it is present in the content model
  */
 function getCMTableFromTable(editor, table) {
-    var cmTable;
-    editor.formatContentModel(function (model) {
-        var _a;
-        _a = (0, tslib_1.__read)((0, roosterjs_content_model_dom_1.getFirstSelectedTable)(model), 1), cmTable = _a[0];
-        return false;
-    }, {
-        selectionOverride: {
-            type: 'table',
-            firstColumn: 0,
-            firstRow: 0,
-            lastColumn: 0,
-            lastRow: 0,
-            table: table,
-        },
+    var model = (0, roosterjs_content_model_dom_1.createContentModelDocument)();
+    var context = (0, roosterjs_content_model_dom_1.createDomToModelContext)({
+        zoomScale: editor.getDOMHelper().calculateZoomScale(),
+        recalculateTableSize: true,
     });
-    return cmTable;
+    context.elementProcessors.element(model, table, context);
+    var firstBlock = model.blocks[0];
+    return (firstBlock === null || firstBlock === void 0 ? void 0 : firstBlock.blockType) == 'Table' ? firstBlock : undefined;
 }
 exports.getCMTableFromTable = getCMTableFromTable;
 
@@ -37353,6 +38881,7 @@ Object.defineProperty(exports, "createEditor", ({ enumerable: true, get: functio
 (0, tslib_1.__exportStar)(__webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts"), exports);
 (0, tslib_1.__exportStar)(__webpack_require__(/*! roosterjs-content-model-plugins */ "./packages/roosterjs-content-model-plugins/lib/index.ts"), exports);
 (0, tslib_1.__exportStar)(__webpack_require__(/*! roosterjs-color-utils */ "./packages/roosterjs-color-utils/lib/index.ts"), exports);
+(0, tslib_1.__exportStar)(__webpack_require__(/*! roosterjs-content-model-markdown */ "./packages/roosterjs-content-model-markdown/lib/index.ts"), exports);
 
 
 /***/ }),