roosterjs 9.54.0 → 9.56.0

package/dist/rooster.js

@@ -6752,7 +6752,7 @@ var formatSegmentWithContentModel_1 = __webpack_require__(/*! ../utils/formatSeg
  */
 function changeCapitalization(editor, capitalization, language) {
     editor.focus();
-    (0, formatSegmentWithContentModel_1.formatSegmentWithContentModel)(editor, 'changeCapitalization', function (_, __, segment) {
+    (0, formatSegmentWithContentModel_1.formatSegmentWithContentModel)(editor, 'changeCapitalization', function (_, __, segment, paragraph) {
         if ((segment === null || segment === void 0 ? void 0 : segment.segmentType) == 'Text') {
             switch (capitalization) {
                 case 'lowerCase':
@@ -6763,7 +6763,13 @@ function changeCapitalization(editor, capitalization, language) {
                     break;
                 case 'capitalize':
                     var wordArray = segment.text.toLocaleLowerCase(language).split(' ');
-                    for (var i = 0; i < wordArray.length; i++) {
+                    // When a collapsed selection is in the middle of a word, the word is split
+                    // into multiple text segments around the selection marker. In that case the
+                    // first segment of the word continues from a previous segment, so its first
+                    // word must not be capitalized to avoid results like "HeLlo" for "he|llo".
+                    var precedingChar = getPrecedingCharacter(paragraph, segment);
+                    var startIndex = precedingChar && precedingChar != ' ' ? 1 : 0;
+                    for (var i = startIndex; i < wordArray.length; i++) {
                         wordArray[i] =
                             wordArray[i].charAt(0).toLocaleUpperCase(language) +
                                 wordArray[i].slice(1);
@@ -6787,6 +6793,30 @@ function changeCapitalization(editor, capitalization, language) {
     });
 }
 exports.changeCapitalization = changeCapitalization;
+/**
+ * Get the character immediately preceding the given segment within its paragraph, skipping
+ * selection markers (which carry no text). Returns an empty string if there is no preceding
+ * text character (e.g. the segment starts the paragraph or follows a non-text segment).
+ */
+function getPrecedingCharacter(paragraph, segment) {
+    if (!paragraph) {
+        return '';
+    }
+    var index = paragraph.segments.indexOf(segment);
+    for (var i = index - 1; i >= 0; i--) {
+        var previous = paragraph.segments[i];
+        if (previous.segmentType == 'SelectionMarker') {
+            continue;
+        }
+        else if (previous.segmentType == 'Text' && previous.text.length > 0) {
+            return previous.text[previous.text.length - 1];
+        }
+        else {
+            break;
+        }
+    }
+    return '';
+}
 
 
 /***/ },
@@ -9349,21 +9379,11 @@ exports.generatePasteOptionFromPlugins = generatePasteOptionFromPlugins;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.mergePasteContent = exports.cloneModelForPaste = void 0;
+exports.mergePasteContent = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var createDomToModelContextForSanitizing_1 = __webpack_require__(/*! ../createModelFromHtml/createDomToModelContextForSanitizing */ "./packages/roosterjs-content-model-core/lib/command/createModelFromHtml/createDomToModelContextForSanitizing.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var BlackColor = 'rgb(0,0,0)';
-var CloneOption = {
-    includeCachedElement: function (node, type) { return (type == 'cache' ? undefined : node); },
-};
-/**
- * @internal
- */
-function cloneModelForPaste(model) {
-    return (0, roosterjs_content_model_dom_1.cloneModel)(model, CloneOption);
-}
-exports.cloneModelForPaste = cloneModelForPaste;
 /**
  * @internal
  */
@@ -9371,7 +9391,7 @@ function mergePasteContent(editor, eventResult, isFirstPaste) {
     var fragment = eventResult.fragment, domToModelOption = eventResult.domToModelOption, customizedMerge = eventResult.customizedMerge, pasteType = eventResult.pasteType, clipboardData = eventResult.clipboardData, containsBlockElements = eventResult.containsBlockElements;
     editor.formatContentModel(function (model, context) {
         if (!isFirstPaste && clipboardData.modelBeforePaste) {
-            var clonedModel = cloneModelForPaste(clipboardData.modelBeforePaste);
+            var clonedModel = (0, roosterjs_content_model_dom_1.cloneModelForPaste)(clipboardData.modelBeforePaste);
             model.blocks = clonedModel.blocks;
         }
         var domToModelContext = (0, createDomToModelContextForSanitizing_1.createDomToModelContextForSanitizing)(editor.getDocument(), undefined /*defaultFormat*/, editor.getEnvironment().domToModelSettings.customized, domToModelOption, editor.getDOMHelper());
@@ -9450,10 +9470,11 @@ function getLastSegmentFormat(pasteModel) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.paste = void 0;
 var cleanHtmlComments_1 = __webpack_require__(/*! ./cleanHtmlComments */ "./packages/roosterjs-content-model-core/lib/command/paste/cleanHtmlComments.ts");
-var mergePasteContent_1 = __webpack_require__(/*! ./mergePasteContent */ "./packages/roosterjs-content-model-core/lib/command/paste/mergePasteContent.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var convertInlineCss_1 = __webpack_require__(/*! ../createModelFromHtml/convertInlineCss */ "./packages/roosterjs-content-model-core/lib/command/createModelFromHtml/convertInlineCss.ts");
 var createPasteFragment_1 = __webpack_require__(/*! ./createPasteFragment */ "./packages/roosterjs-content-model-core/lib/command/paste/createPasteFragment.ts");
 var generatePasteOptionFromPlugins_1 = __webpack_require__(/*! ./generatePasteOptionFromPlugins */ "./packages/roosterjs-content-model-core/lib/command/paste/generatePasteOptionFromPlugins.ts");
+var mergePasteContent_1 = __webpack_require__(/*! ./mergePasteContent */ "./packages/roosterjs-content-model-core/lib/command/paste/mergePasteContent.ts");
 var retrieveHtmlInfo_1 = __webpack_require__(/*! ./retrieveHtmlInfo */ "./packages/roosterjs-content-model-core/lib/command/paste/retrieveHtmlInfo.ts");
 /**
  * Paste into editor using a clipboardData object
@@ -9469,7 +9490,7 @@ function paste(editor, clipboardData, pasteTypeOrGetter) {
     if (!clipboardData.modelBeforePaste) {
         isFirstPaste = true;
         editor.formatContentModel(function (model) {
-            clipboardData.modelBeforePaste = (0, mergePasteContent_1.cloneModelForPaste)(model);
+            clipboardData.modelBeforePaste = (0, roosterjs_content_model_dom_1.cloneModelForPaste)(model);
             return false;
         });
     }
@@ -12754,7 +12775,7 @@ var CopyPastePlugin = /** @class */ (function () {
                 var dataTransfer = event.clipboardData;
                 if (shouldPreventDefaultPaste(dataTransfer, editor_1)) {
                     event.preventDefault();
-                    (0, roosterjs_content_model_dom_1.extractClipboardItems)((0, roosterjs_content_model_dom_1.toArray)(dataTransfer.items), _this.state.allowedCustomPasteType).then(function (clipboardData) {
+                    (0, roosterjs_content_model_dom_1.extractClipboardItems)((0, roosterjs_content_model_dom_1.toArray)(dataTransfer.items), _this.state.allowedCustomPasteType, true /* isPasteNative */).then(function (clipboardData) {
                         if (!editor_1.isDisposed()) {
                             (0, paste_1.paste)(editor_1, clipboardData, _this.state.defaultPasteType);
                         }
@@ -16791,6 +16812,8 @@ function createAriaLiveElement(document) {
     div.style.height = '1px';
     div.style.overflow = 'hidden';
     div.style.position = 'absolute';
+    div.style.top = '0';
+    div.style.left = '0';
     div.style.whiteSpace = 'nowrap';
     div.style.width = '1px';
     div.ariaLive = 'assertive';
@@ -17592,6 +17615,9 @@ function createDomToModelDecoratorContext() {
         code: {
             format: {},
         },
+        data: {
+            format: {},
+        },
         blockDecorator: {
             format: {},
             tagName: '',
@@ -17663,6 +17689,7 @@ exports.defaultProcessorMap = void 0;
 var brProcessor_1 = __webpack_require__(/*! ../processors/brProcessor */ "./packages/roosterjs-content-model-dom/lib/domToModel/processors/brProcessor.ts");
 var childProcessor_1 = __webpack_require__(/*! ../processors/childProcessor */ "./packages/roosterjs-content-model-dom/lib/domToModel/processors/childProcessor.ts");
 var codeProcessor_1 = __webpack_require__(/*! ../processors/codeProcessor */ "./packages/roosterjs-content-model-dom/lib/domToModel/processors/codeProcessor.ts");
+var dataProcessor_1 = __webpack_require__(/*! ../processors/dataProcessor */ "./packages/roosterjs-content-model-dom/lib/domToModel/processors/dataProcessor.ts");
 var delimiterProcessor_1 = __webpack_require__(/*! ../processors/delimiterProcessor */ "./packages/roosterjs-content-model-dom/lib/domToModel/processors/delimiterProcessor.ts");
 var elementProcessor_1 = __webpack_require__(/*! ../processors/elementProcessor */ "./packages/roosterjs-content-model-dom/lib/domToModel/processors/elementProcessor.ts");
 var entityProcessor_1 = __webpack_require__(/*! ../processors/entityProcessor */ "./packages/roosterjs-content-model-dom/lib/domToModel/processors/entityProcessor.ts");
@@ -17689,6 +17716,7 @@ exports.defaultProcessorMap = {
     blockquote: knownElementProcessor_1.knownElementProcessor,
     br: brProcessor_1.brProcessor,
     code: codeProcessor_1.codeProcessor,
+    data: dataProcessor_1.dataProcessor,
     dd: formatContainerProcessor_1.formatContainerProcessor,
     del: knownElementProcessor_1.knownElementProcessor,
     div: knownElementProcessor_1.knownElementProcessor,
@@ -17944,6 +17972,33 @@ var codeProcessor = function (group, element, context) {
 exports.codeProcessor = codeProcessor;
 
 
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-dom/lib/domToModel/processors/dataProcessor.ts"
+/*!*****************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-dom/lib/domToModel/processors/dataProcessor.ts ***!
+  \*****************************************************************************************/
+(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.dataProcessor = void 0;
+var knownElementProcessor_1 = __webpack_require__(/*! ./knownElementProcessor */ "./packages/roosterjs-content-model-dom/lib/domToModel/processors/knownElementProcessor.ts");
+var parseFormat_1 = __webpack_require__(/*! ../utils/parseFormat */ "./packages/roosterjs-content-model-dom/lib/domToModel/utils/parseFormat.ts");
+var stackFormat_1 = __webpack_require__(/*! ../utils/stackFormat */ "./packages/roosterjs-content-model-dom/lib/domToModel/utils/stackFormat.ts");
+/**
+ * @internal
+ */
+var dataProcessor = function (group, element, context) {
+    (0, stackFormat_1.stackFormat)(context, { data: 'empty' }, function () {
+        (0, parseFormat_1.parseFormat)(element, context.formatParsers.data, context.data.format, context);
+        (0, knownElementProcessor_1.knownElementProcessor)(group, element, context);
+    });
+};
+exports.dataProcessor = dataProcessor;
+
+
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-dom/lib/domToModel/processors/delimiterProcessor.ts"
@@ -19382,13 +19437,14 @@ var SkippedStylesForTable = [
  * @internal
  */
 function stackFormat(context, options, callback) {
-    var segmentFormat = context.segmentFormat, blockFormat = context.blockFormat, linkFormat = context.link, codeFormat = context.code, decoratorFormat = context.blockDecorator;
-    var segment = options.segment, paragraph = options.paragraph, link = options.link, code = options.code, blockDecorator = options.blockDecorator;
+    var segmentFormat = context.segmentFormat, blockFormat = context.blockFormat, linkFormat = context.link, codeFormat = context.code, dataFormat = context.data, decoratorFormat = context.blockDecorator;
+    var segment = options.segment, paragraph = options.paragraph, link = options.link, code = options.code, data = options.data, blockDecorator = options.blockDecorator;
     try {
         context.segmentFormat = stackFormatInternal(segmentFormat, segment);
         context.blockFormat = stackFormatInternal(blockFormat, paragraph);
         context.link = stackLinkInternal(linkFormat, link);
         context.code = stackCodeInternal(codeFormat, code);
+        context.data = stackDataInternal(dataFormat, data);
         context.blockDecorator = stackDecoratorInternal(decoratorFormat, blockDecorator);
         callback();
     }
@@ -19397,6 +19453,7 @@ function stackFormat(context, options, callback) {
         context.blockFormat = blockFormat;
         context.link = linkFormat;
         context.code = codeFormat;
+        context.data = dataFormat;
         context.blockDecorator = decoratorFormat;
     }
 }
@@ -19439,6 +19496,16 @@ function stackCodeInternal(codeFormat, code) {
             return codeFormat;
     }
 }
+function stackDataInternal(dataFormat, data) {
+    switch (data) {
+        case 'empty':
+            return {
+                format: {},
+            };
+        default:
+            return dataFormat;
+    }
+}
 function stackDecoratorInternal(format, decorator) {
     switch (decorator) {
         case 'empty':
@@ -19774,7 +19841,7 @@ var ContentHandlers = (_a = {},
  * @param allowedCustomPasteType Allowed custom content type when paste besides text/plain, text/html and images
     Only text types are supported, and do not add "text/" prefix to the type values
  */
-function extractClipboardItems(items, allowedCustomPasteType) {
+function extractClipboardItems(items, allowedCustomPasteType, isPasteNative) {
     var data = {
         types: [],
         text: '',
@@ -19782,7 +19849,7 @@ function extractClipboardItems(items, allowedCustomPasteType) {
         files: [],
         rawHtml: null,
         customValues: {},
-        pasteNativeEvent: true,
+        pasteNativeEvent: !!isPasteNative,
     };
     return Promise.all((items || []).map(function (item) {
         var type = item.type;
@@ -20723,6 +20790,7 @@ function pruneUnselectedModel(model) {
 exports.pruneUnselectedModel = pruneUnselectedModel;
 function pruneUnselectedModelInternal(model, isSelectionAfterElement) {
     var e_1, _a, _b;
+    var _c;
     for (var index = model.blocks.length - 1; index >= 0; index--) {
         var block = model.blocks[index];
         switch (block.blockType) {
@@ -20746,15 +20814,17 @@ function pruneUnselectedModelInternal(model, isSelectionAfterElement) {
             case 'Paragraph':
                 var newSegments = [];
                 try {
-                    for (var _c = (e_1 = void 0, (0, tslib_1.__values)(block.segments)), _d = _c.next(); !_d.done; _d = _c.next()) {
-                        var segment = _d.value;
+                    for (var _d = (e_1 = void 0, (0, tslib_1.__values)(block.segments)), _e = _d.next(); !_e.done; _e = _d.next()) {
+                        var segment = _e.value;
+                        var isSelectedOrUndeletable = segment.isSelected || ((_c = segment.link) === null || _c === void 0 ? void 0 : _c.format.undeletable);
                         if (segment.segmentType == 'General') {
                             pruneUnselectedModel(segment);
-                            if (segment.blocks.length > 0 || segment.isSelected) {
+                            if (segment.blocks.length > 0 || isSelectedOrUndeletable) {
                                 newSegments.push(segment);
                             }
                         }
-                        else if (segment.isSelected && segment.segmentType != 'SelectionMarker') {
+                        else if (isSelectedOrUndeletable &&
+                            segment.segmentType != 'SelectionMarker') {
                             newSegments.push(segment);
                         }
                     }
@@ -20762,7 +20832,7 @@ function pruneUnselectedModelInternal(model, isSelectionAfterElement) {
                 catch (e_1_1) { e_1 = { error: e_1_1 }; }
                 finally {
                     try {
-                        if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                        if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
                     }
                     finally { if (e_1) throw e_1.error; }
                 }
@@ -22218,6 +22288,7 @@ var borderColorFormatHandler_1 = __webpack_require__(/*! ./common/borderColorFor
 var borderFormatHandler_1 = __webpack_require__(/*! ./common/borderFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/common/borderFormatHandler.ts");
 var boxShadowFormatHandler_1 = __webpack_require__(/*! ./common/boxShadowFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/common/boxShadowFormatHandler.ts");
 var datasetFormatHandler_1 = __webpack_require__(/*! ./common/datasetFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/common/datasetFormatHandler.ts");
+var dataValueFormatHandler_1 = __webpack_require__(/*! ./segment/dataValueFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/segment/dataValueFormatHandler.ts");
 var directionFormatHandler_1 = __webpack_require__(/*! ./block/directionFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/block/directionFormatHandler.ts");
 var displayFormatHandler_1 = __webpack_require__(/*! ./block/displayFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/block/displayFormatHandler.ts");
 var entityFormatHandler_1 = __webpack_require__(/*! ./entity/entityFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/entity/entityFormatHandler.ts");
@@ -22263,6 +22334,7 @@ var defaultFormatHandlerMap = {
     borderColor: borderColorFormatHandler_1.borderColorFormatHandler,
     boxShadow: boxShadowFormatHandler_1.boxShadowFormatHandler,
     dataset: datasetFormatHandler_1.datasetFormatHandler,
+    dataValue: dataValueFormatHandler_1.dataValueFormatHandler,
     direction: directionFormatHandler_1.directionFormatHandler,
     display: displayFormatHandler_1.displayFormatHandler,
     float: floatFormatHandler_1.floatFormatHandler,
@@ -22404,6 +22476,7 @@ exports.defaultFormatKeysPerCategory = {
     ],
     segmentUnderLink: ['textColor'],
     code: ['fontFamily', 'display'],
+    data: ['dataValue'],
     dataset: ['dataset'],
     divider: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(sharedBlockFormats), false), (0, tslib_1.__read)(sharedContainerFormats), false), ['display', 'size', 'htmlAlign'], false),
     container: (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(sharedContainerFormats), false), ['htmlAlign', 'size', 'display', 'id'], false),
@@ -22694,6 +22767,37 @@ exports.boldFormatHandler = {
 };
 
 
+/***/ },
+
+/***/ "./packages/roosterjs-content-model-dom/lib/formatHandlers/segment/dataValueFormatHandler.ts"
+/*!***************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-dom/lib/formatHandlers/segment/dataValueFormatHandler.ts ***!
+  \***************************************************************************************************/
+(__unused_webpack_module, exports) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.dataValueFormatHandler = void 0;
+/**
+ * @internal
+ * Format handler for the "value" attribute of a HTML &lt;data&gt; element
+ */
+exports.dataValueFormatHandler = {
+    parse: function (format, element) {
+        var _a;
+        if (element.hasAttribute('value')) {
+            format.dataValue = (_a = element.getAttribute('value')) !== null && _a !== void 0 ? _a : '';
+        }
+    },
+    apply: function (format, element) {
+        if (format.dataValue != undefined) {
+            element.setAttribute('value', format.dataValue);
+        }
+    },
+};
+
+
 /***/ },
 
 /***/ "./packages/roosterjs-content-model-dom/lib/formatHandlers/segment/fontFamilyFormatHandler.ts"
@@ -23734,9 +23838,9 @@ exports.shouldSetValue = shouldSetValue;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createImage = exports.createText = exports.createTableCell = exports.createTable = exports.createSelectionMarker = exports.createParagraph = exports.createFormatContainer = exports.createListItem = exports.createBr = exports.isLinkUndeletable = exports.setLinkUndeletable = exports.scrollRectIntoView = exports.normalizeRect = exports.isWhiteSpacePreserved = exports.reuseCachedElement = exports.findClosestBlockEntityContainer = exports.isBlockEntityContainer = exports.isEntityDelimiter = exports.addDelimiters = exports.generateEntityClassNames = exports.parseEntityFormat = exports.getAllEntityWrappers = exports.findClosestEntityWrapper = exports.isEntityElement = exports.unwrap = exports.wrap = exports.wrapAllChildNodes = exports.moveChildNodes = exports.toArray = exports.getSafeIdSelector = exports.getObjectKeys = exports.isElementOfType = exports.isNodeOfType = exports.hasMetadata = exports.getMetadata = exports.updateMetadata = exports.buildSelectionMarker = exports.isBlockElement = exports.areSameFormats = exports.parseFormat = exports.getRegularSelectionOffsets = exports.formatContainerProcessor = exports.tableProcessor = exports.entityProcessor = exports.processChildNode = exports.handleRegularSelection = exports.childProcessor = exports.contentModelToText = exports.contentModelToDom = exports.domToContentModel = void 0;
-exports.trimModelForSelection = exports.getDOMInsertPointRect = exports.getSelectionRootNode = exports.isBold = exports.createModelToDomConfig = exports.createModelToDomContextWithConfig = exports.createModelToDomContext = exports.createDomToModelConfig = exports.createDomToModelContextWithConfig = exports.createDomToModelContext = exports.defaultGenerateColorKey = exports.parseColor = exports.setColor = exports.getColor = exports.DeprecatedColors = exports.BorderKeys = exports.parseValueWithUnit = exports.getAutoListStyleType = exports.getOrderedListNumberStr = exports.ParagraphFormats = exports.ListFormatsToMove = exports.ListFormatsToKeep = exports.ListFormats = exports.copyFormat = exports.setParagraphNotImplicit = exports.normalizeSegmentFormat = exports.mergeTextSegments = exports.normalizeSingleSegment = exports.isEmpty = exports.addSegment = exports.unwrapBlock = exports.isGeneralSegment = exports.normalizeContentModel = exports.normalizeParagraph = exports.addTextSegment = exports.addLink = exports.addCode = exports.addBlock = exports.mutateSegment = exports.mutateSegments = exports.mutateBlock = exports.createTableRow = exports.createEmptyModel = exports.createListLevel = exports.createDivider = exports.createEntity = exports.createGeneralBlock = exports.createGeneralSegment = exports.createParagraphDecorator = exports.createContentModelDocument = void 0;
-exports.runEditSteps = exports.getClosestAncestorBlockGroupIndex = exports.getSegmentTextFormat = exports.getListStyleTypeFromString = exports.retrieveModelFormatState = exports.setTableCellBackgroundColor = exports.MIN_ALLOWED_TABLE_CELL_HEIGHT = exports.MIN_ALLOWED_TABLE_CELL_WIDTH = exports.normalizeTable = exports.setFirstColumnFormatBorders = exports.applyTableFormat = exports.deleteBlock = exports.deleteSegment = exports.deleteSelection = exports.mergeModel = exports.cloneModel = exports.setSelection = exports.hasSelectionInBlockGroup = exports.hasSelectionInSegment = exports.hasSelectionInBlock = exports.getSelectedCells = exports.getSelectedSegmentsAndParagraphs = exports.getSelectedSegments = exports.getSelectedParagraphs = exports.getOperationalBlocks = exports.getFirstSelectedTable = exports.getFirstSelectedListItem = exports.iterateSelections = exports.isBlockGroupOfType = exports.getRangesByText = exports.getImageState = exports.setImageState = exports.getParagraphMarker = exports.setParagraphMarker = exports.cacheGetEventData = exports.extractClipboardItems = exports.normalizeFontFamily = exports.transformColor = exports.retrieveDocumentMetadata = exports.readFile = exports.parseTableCells = exports.normalizeText = exports.isSpace = exports.isPunctuation = exports.extractBorderValues = exports.combineBorderValue = exports.getNodePositionFromEvent = exports.isCursorMovingKey = exports.isModifierKey = exports.isCharacterValue = void 0;
-exports.EmptySegmentFormat = exports.UnorderedListStyleMap = exports.OrderedListStyleMap = exports.TableBorderFormat = exports.NumberingListType = exports.BulletListType = exports.ChangeSource = exports.ListMetadataDefinition = exports.getListMetadata = exports.updateListMetadata = exports.getTableMetadata = exports.updateTableMetadata = exports.getTableCellMetadata = exports.updateTableCellMetadata = exports.getImageMetadata = exports.updateImageMetadata = void 0;
+exports.getDOMInsertPointRect = exports.getSelectionRootNode = exports.isBold = exports.createModelToDomConfig = exports.createModelToDomContextWithConfig = exports.createModelToDomContext = exports.createDomToModelConfig = exports.createDomToModelContextWithConfig = exports.createDomToModelContext = exports.defaultGenerateColorKey = exports.parseColor = exports.setColor = exports.getColor = exports.DeprecatedColors = exports.BorderKeys = exports.parseValueWithUnit = exports.getAutoListStyleType = exports.getOrderedListNumberStr = exports.ParagraphFormats = exports.ListFormatsToMove = exports.ListFormatsToKeep = exports.ListFormats = exports.copyFormat = exports.setParagraphNotImplicit = exports.normalizeSegmentFormat = exports.mergeTextSegments = exports.normalizeSingleSegment = exports.isEmpty = exports.addSegment = exports.unwrapBlock = exports.isGeneralSegment = exports.normalizeContentModel = exports.normalizeParagraph = exports.addTextSegment = exports.addLink = exports.addData = exports.addCode = exports.addBlock = exports.mutateSegment = exports.mutateSegments = exports.mutateBlock = exports.createTableRow = exports.createEmptyModel = exports.createListLevel = exports.createDivider = exports.createEntity = exports.createGeneralBlock = exports.createGeneralSegment = exports.createParagraphDecorator = exports.createContentModelDocument = void 0;
+exports.getSegmentTextFormat = exports.getListStyleTypeFromString = exports.retrieveModelFormatState = exports.setTableCellBackgroundColor = exports.MIN_ALLOWED_TABLE_CELL_HEIGHT = exports.MIN_ALLOWED_TABLE_CELL_WIDTH = exports.normalizeTable = exports.setFirstColumnFormatBorders = exports.applyTableFormat = exports.deleteBlock = exports.deleteSegment = exports.deleteSelection = exports.mergeModel = exports.cloneModelForPaste = exports.cloneModel = exports.setSelection = exports.hasSelectionInBlockGroup = exports.hasSelectionInSegment = exports.hasSelectionInBlock = exports.getSelectedCells = exports.getSelectedSegmentsAndParagraphs = exports.getSelectedSegments = exports.getSelectedParagraphs = exports.getOperationalBlocks = exports.getFirstSelectedTable = exports.getFirstSelectedListItem = exports.iterateSelections = exports.isBlockGroupOfType = exports.getRangesByText = exports.getImageState = exports.setImageState = exports.getParagraphMarker = exports.setParagraphMarker = exports.cacheGetEventData = exports.extractClipboardItems = exports.normalizeFontFamily = exports.transformColor = exports.retrieveDocumentMetadata = exports.readFile = exports.parseTableCells = exports.normalizeText = exports.isSpace = exports.isPunctuation = exports.extractBorderValues = exports.combineBorderValue = exports.getNodePositionFromEvent = exports.isCursorMovingKey = exports.isModifierKey = exports.isCharacterValue = exports.trimModelForSelection = void 0;
+exports.EmptySegmentFormat = exports.UnorderedListStyleMap = exports.OrderedListStyleMap = exports.TableBorderFormat = exports.NumberingListType = exports.BulletListType = exports.ChangeSource = exports.ListMetadataDefinition = exports.getListMetadata = exports.updateListMetadata = exports.getTableMetadata = exports.updateTableMetadata = exports.getTableCellMetadata = exports.updateTableCellMetadata = exports.getImageMetadata = exports.updateImageMetadata = exports.runEditSteps = exports.getClosestAncestorBlockGroupIndex = void 0;
 var domToContentModel_1 = __webpack_require__(/*! ./domToModel/domToContentModel */ "./packages/roosterjs-content-model-dom/lib/domToModel/domToContentModel.ts");
 Object.defineProperty(exports, "domToContentModel", ({ enumerable: true, get: function () { return domToContentModel_1.domToContentModel; } }));
 var contentModelToDom_1 = __webpack_require__(/*! ./modelToDom/contentModelToDom */ "./packages/roosterjs-content-model-dom/lib/modelToDom/contentModelToDom.ts");
@@ -23850,7 +23954,9 @@ Object.defineProperty(exports, "addBlock", ({ enumerable: true, get: function ()
 var addDecorators_1 = __webpack_require__(/*! ./modelApi/common/addDecorators */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/addDecorators.ts");
 Object.defineProperty(exports, "addCode", ({ enumerable: true, get: function () { return addDecorators_1.addCode; } }));
 var addDecorators_2 = __webpack_require__(/*! ./modelApi/common/addDecorators */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/addDecorators.ts");
-Object.defineProperty(exports, "addLink", ({ enumerable: true, get: function () { return addDecorators_2.addLink; } }));
+Object.defineProperty(exports, "addData", ({ enumerable: true, get: function () { return addDecorators_2.addData; } }));
+var addDecorators_3 = __webpack_require__(/*! ./modelApi/common/addDecorators */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/addDecorators.ts");
+Object.defineProperty(exports, "addLink", ({ enumerable: true, get: function () { return addDecorators_3.addLink; } }));
 var addTextSegment_1 = __webpack_require__(/*! ./modelApi/common/addTextSegment */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/addTextSegment.ts");
 Object.defineProperty(exports, "addTextSegment", ({ enumerable: true, get: function () { return addTextSegment_1.addTextSegment; } }));
 var normalizeParagraph_1 = __webpack_require__(/*! ./modelApi/common/normalizeParagraph */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/normalizeParagraph.ts");
@@ -23967,6 +24073,7 @@ var setSelection_1 = __webpack_require__(/*! ./modelApi/selection/setSelection *
 Object.defineProperty(exports, "setSelection", ({ enumerable: true, get: function () { return setSelection_1.setSelection; } }));
 var cloneModel_1 = __webpack_require__(/*! ./modelApi/editing/cloneModel */ "./packages/roosterjs-content-model-dom/lib/modelApi/editing/cloneModel.ts");
 Object.defineProperty(exports, "cloneModel", ({ enumerable: true, get: function () { return cloneModel_1.cloneModel; } }));
+Object.defineProperty(exports, "cloneModelForPaste", ({ enumerable: true, get: function () { return cloneModel_1.cloneModelForPaste; } }));
 var mergeModel_1 = __webpack_require__(/*! ./modelApi/editing/mergeModel */ "./packages/roosterjs-content-model-dom/lib/modelApi/editing/mergeModel.ts");
 Object.defineProperty(exports, "mergeModel", ({ enumerable: true, get: function () { return mergeModel_1.mergeModel; } }));
 var deleteSelection_1 = __webpack_require__(/*! ./modelApi/editing/deleteSelection */ "./packages/roosterjs-content-model-dom/lib/modelApi/editing/deleteSelection.ts");
@@ -24170,7 +24277,7 @@ exports.addBlock = addBlock;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.addDecorators = exports.addCode = exports.addLink = void 0;
+exports.addDecorators = exports.addData = exports.addCode = exports.addLink = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 /**
  * @internal
@@ -24197,12 +24304,27 @@ function addCode(segment, code) {
     }
 }
 exports.addCode = addCode;
+/**
+ * @internal
+ * Add a data decorator into segment if any
+ * @param segment The segment to add decorator to
+ * @param data The data decorator to add
+ */
+function addData(segment, data) {
+    if (data.format.dataValue != undefined) {
+        segment.data = {
+            format: (0, tslib_1.__assign)({}, data.format),
+        };
+    }
+}
+exports.addData = addData;
 /**
  * @internal
  */
 function addDecorators(segment, context) {
     addLink(segment, context.link);
     addCode(segment, context.code);
+    addData(segment, context.data);
 }
 exports.addDecorators = addDecorators;
 
@@ -24487,7 +24609,8 @@ function segmentsWithSameFormat(seg1, seg2) {
     return (!!seg1.isSelected == !!seg2.isSelected &&
         (0, areSameFormats_1.areSameFormats)(seg1.format, seg2.format) &&
         areSameLinks(seg1.link, seg2.link) &&
-        areSameCodes(seg1.code, seg2.code));
+        areSameCodes(seg1.code, seg2.code) &&
+        areSameData(seg1.data, seg2.data));
 }
 function areSameLinks(link1, link2) {
     return ((!link1 && !link2) ||
@@ -24499,6 +24622,9 @@ function areSameLinks(link1, link2) {
 function areSameCodes(code1, code2) {
     return (!code1 && !code2) || (code1 && code2 && (0, areSameFormats_1.areSameFormats)(code1.format, code2.format));
 }
+function areSameData(data1, data2) {
+    return (!data1 && !data2) || (data1 && data2 && (0, areSameFormats_1.areSameFormats)(data1.format, data2.format));
+}
 
 
 /***/ },
@@ -24796,7 +24922,34 @@ exports.normalizeAllSegments = normalizeAllSegments;
 function normalizeSingleSegment(paragraph, segment, ignoreTrailingSpaces) {
     if (ignoreTrailingSpaces === void 0) { ignoreTrailingSpaces = false; }
     var context = resetNormalizeSegmentContext();
+    var index = paragraph.segments.indexOf(segment);
     context.ignoreTrailingSpaces = ignoreTrailingSpaces;
+    // Search backward for the nearest non-empty text segment (skipping SelectionMarkers and empty text),
+    // to determine whether leading spaces of the current segment should be preserved.
+    // If the previous text doesn't end with a space, keep the leading space to maintain word separation.
+    for (var i = index - 1; i >= 0; i--) {
+        var s = paragraph.segments[i];
+        if (s.segmentType == 'Text') {
+            if (s.text.length > 0) {
+                if (s.text.substr(-1) != SPACE) {
+                    context.ignoreLeadingSpaces = false;
+                }
+                break;
+            }
+        }
+        else if (s.segmentType == 'Image') {
+            // If the previous segment is an image, we should keep the leading space of the current segment to maintain word separation.
+            context.ignoreLeadingSpaces = false;
+            break;
+        }
+        else if (s.segmentType == 'Br') {
+            // If the previous segment is a line break, we should ignore the leading space of the current segment.
+            context.ignoreLeadingSpaces = true;
+        }
+        else if (s.segmentType != 'SelectionMarker') {
+            break;
+        }
+    }
     normalizeSegment(paragraph, segment, context);
 }
 exports.normalizeSingleSegment = normalizeSingleSegment;
@@ -24837,6 +24990,10 @@ function normalizeSegment(paragraph, segment, context) {
             context.ignoreLeadingSpaces = false;
             break;
         case 'Text':
+            // Skip empty text segments to avoid affecting normalization context
+            if (segment.text.length == 0) {
+                break;
+            }
             context.textSegments.push(segment);
             context.lastInlineSegment = segment;
             context.lastTextSegment = segment;
@@ -24844,9 +25001,9 @@ function normalizeSegment(paragraph, segment, context) {
             var last = segment.text.substr(-1);
             if (!(0, hasSpacesOnly_1.hasSpacesOnly)(segment.text)) {
                 if (first == SPACE) {
-                    // 1. Multiple leading space => single &nbsp; or empty (depends on if previous segment ends with space)
+                    // 1. Multiple leading space => single space or empty (depends on if previous segment ends with space)
                     (0, mutate_1.mutateSegment)(paragraph, segment, function (textSegment) {
-                        textSegment.text = textSegment.text.replace(LEADING_SPACE_REGEX, context.ignoreLeadingSpaces ? '' : NONE_BREAK_SPACE);
+                        textSegment.text = textSegment.text.replace(LEADING_SPACE_REGEX, context.ignoreLeadingSpaces ? '' : SPACE);
                     });
                 }
                 if (last == SPACE) {
@@ -25553,9 +25710,10 @@ var addDecorators_1 = __webpack_require__(/*! ../common/addDecorators */ "./pack
  * @param text Text of this model
  * @param format @optional The format of this model
  * @param link @optional The link decorator
- * @param code @option The code decorator
+ * @param code @optional The code decorator
+ * @param data @optional The data decorator
  */
-function createText(text, format, link, code) {
+function createText(text, format, link, code, data) {
     var result = {
         segmentType: 'Text',
         text: text,
@@ -25567,6 +25725,9 @@ function createText(text, format, link, code) {
     if (code) {
         (0, addDecorators_1.addCode)(result, code);
     }
+    if (data) {
+        (0, addDecorators_1.addData)(result, data);
+    }
     return result;
 }
 exports.createText = createText;
@@ -25945,8 +26106,20 @@ function getBorderStyleFromColor(color) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.cloneModel = void 0;
+exports.cloneModel = exports.cloneModelForPaste = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
+var CloneOption = {
+    includeCachedElement: function (node, type) { return (type == 'cache' ? undefined : node); },
+};
+/**
+ * Clone a content model for paste operations, ensuring that cached elements are handled appropriately.
+ * @param model The content model to clone
+ * @returns A cloned content model suitable for paste operations
+ */
+function cloneModelForPaste(model) {
+    return cloneModel(model, CloneOption);
+}
+exports.cloneModelForPaste = cloneModelForPaste;
 /**
  * Clone a content model
  * @param model The content model to clone
@@ -26022,7 +26195,7 @@ function cloneBlockGroupBase(group, options) {
     };
 }
 function cloneSegmentBase(segment) {
-    var segmentType = segment.segmentType, isSelected = segment.isSelected, code = segment.code, link = segment.link;
+    var segmentType = segment.segmentType, isSelected = segment.isSelected, code = segment.code, link = segment.link, data = segment.data;
     var newSegment = Object.assign({
         segmentType: segmentType,
         isSelected: isSelected,
@@ -26033,6 +26206,9 @@ function cloneSegmentBase(segment) {
     if (link) {
         newSegment.link = Object.assign(cloneModelWithFormat(link), cloneModelWithDataset(link));
     }
+    if (data) {
+        newSegment.data = cloneModelWithFormat(data);
+    }
     return newSegment;
 }
 function cloneEntity(entity, options) {
@@ -30068,7 +30244,7 @@ var moveChildNodes_1 = __webpack_require__(/*! ../../domUtils/moveChildNodes */
  * @internal
  */
 var handleSegmentDecorator = function (_, parent, segment, context) {
-    var code = segment.code, link = segment.link;
+    var code = segment.code, link = segment.link, data = segment.data;
     if ((0, isNodeOfType_1.isNodeOfType)(parent, 'ELEMENT_NODE')) {
         if (link) {
             (0, stackFormat_1.stackFormat)(context, 'a', function () {
@@ -30087,6 +30263,14 @@ var handleSegmentDecorator = function (_, parent, segment, context) {
                 (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, code, codeNode);
             });
         }
+        if (data) {
+            (0, stackFormat_1.stackFormat)(context, 'data', function () {
+                var _a;
+                var dataNode = (0, moveChildNodes_1.wrapAllChildNodes)(parent, 'data');
+                (0, applyFormat_1.applyFormat)(dataNode, context.formatAppliers.data, data.format, context);
+                (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, data, dataNode);
+            });
+        }
     }
 };
 exports.handleSegmentDecorator = handleSegmentDecorator;
@@ -30271,7 +30455,20 @@ exports.handleText = handleText;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.mergeNode = void 0;
 var isNodeOfType_1 = __webpack_require__(/*! ../../domUtils/isNodeOfType */ "./packages/roosterjs-content-model-dom/lib/domUtils/isNodeOfType.ts");
-var OptimizeTags = ['SPAN', 'B', 'EM', 'I', 'U', 'SUB', 'SUP', 'STRIKE', 'S', 'A', 'CODE'];
+var OptimizeTags = [
+    'SPAN',
+    'B',
+    'EM',
+    'I',
+    'U',
+    'SUB',
+    'SUP',
+    'STRIKE',
+    'S',
+    'A',
+    'CODE',
+    'DATA',
+];
 /**
  * @internal
  */
@@ -32020,11 +32217,12 @@ exports.modelProcessor = modelProcessor;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.MarkdownPastePlugin = void 0;
-var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var convertMarkdownToContentModel_1 = __webpack_require__(/*! ../markdownToModel/convertMarkdownToContentModel */ "./packages/roosterjs-content-model-markdown/lib/markdownToModel/convertMarkdownToContentModel.ts");
 var isPastedContentMarkdown_1 = __webpack_require__(/*! ../publicApi/isPastedContentMarkdown */ "./packages/roosterjs-content-model-markdown/lib/publicApi/isPastedContentMarkdown.ts");
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var DefaultOptions = {
     autoConversion: false,
+    undoConversion: false,
 };
 /**
  * Markdown paste plugin. Handles the BeforePaste event and, when the pasted content
@@ -32070,12 +32268,37 @@ var MarkdownPastePlugin = /** @class */ (function () {
      * @param event The event to handle:
      */
     MarkdownPastePlugin.prototype.onPluginEvent = function (event) {
-        if (!this.editor || event.eventType != 'beforePaste') {
+        if (!this.editor) {
             return;
         }
-        var shouldConvert = event.pasteType === 'asMarkdown' || this.options.autoConversion;
-        if (shouldConvert && (0, isPastedContentMarkdown_1.isPastedContentMarkdown)(this.editor, event.clipboardData)) {
-            convertPastedTextToMarkdown(this.editor, event.fragment, event.clipboardData.text);
+        if (event.eventType === 'contentChanged' &&
+            event.source === roosterjs_content_model_dom_1.ChangeSource.Paste &&
+            this.options.autoConversion &&
+            event.data) {
+            var clipboardData = event.data;
+            var shouldConvert = clipboardData && clipboardData.pasteNativeEvent && this.options.autoConversion;
+            if (shouldConvert &&
+                (0, isPastedContentMarkdown_1.isPastedContentMarkdown)(this.editor, clipboardData) &&
+                clipboardData.modelBeforePaste) {
+                var modelBeforePaste_1 = (0, roosterjs_content_model_dom_1.cloneModelForPaste)(clipboardData.modelBeforePaste);
+                (0, roosterjs_content_model_dom_1.mergeModel)(modelBeforePaste_1, (0, convertMarkdownToContentModel_1.convertMarkdownToContentModel)(clipboardData.text, { emptyLine: 'merge' }));
+                if (this.options.undoConversion) {
+                    this.editor.takeSnapshot();
+                }
+                this.editor.formatContentModel(function (model) {
+                    model.blocks = modelBeforePaste_1.blocks;
+                    return true;
+                }, {
+                    apiName: 'MarkdownConversion',
+                    scrollCaretIntoView: true,
+                });
+            }
+        }
+        else if (event.eventType === 'beforePaste' && !event.clipboardData.pasteNativeEvent) {
+            var shouldConvert = event.pasteType === 'asMarkdown';
+            if (shouldConvert && (0, isPastedContentMarkdown_1.isPastedContentMarkdown)(this.editor, event.clipboardData)) {
+                convertPastedTextToMarkdown(this.editor, event.fragment, event.clipboardData.text);
+            }
         }
     };
     return MarkdownPastePlugin;
@@ -38018,16 +38241,31 @@ function createImageWrapper(editor, image, options, editInfo, htmlOptions, opera
         croppers = (0, createImageCropper_1.createImageCropper)(doc);
     }
     var wrapper = createWrapper(editor, imageClone, options, editInfo, resizers, rotators, croppers);
+    // Capture the image footprint before attaching the shadow root, since the light-DOM image
+    // stops being rendered once the shadow root takes over.
+    var imageWidth = image.offsetWidth;
+    var imageHeight = image.offsetHeight;
     var imageSpan = (0, roosterjs_content_model_dom_1.wrap)(doc, image, 'span');
-    var shadowSpan = createShadowSpan(wrapper, imageSpan);
+    var shadowSpan = createShadowSpan(wrapper, imageSpan, imageWidth, imageHeight);
     return { wrapper: wrapper, shadowSpan: shadowSpan, imageClone: imageClone, resizers: resizers, rotators: rotators, croppers: croppers };
 }
 exports.createImageWrapper = createImageWrapper;
-var createShadowSpan = function (wrapper, imageSpan) {
+var createShadowSpan = function (wrapper, imageSpan, imageWidth, imageHeight) {
     var shadowRoot = imageSpan.attachShadow({
         mode: 'open',
     });
     imageSpan.id = IMAGE_EDIT_SHADOW_ROOT;
+    // Pin the shadow host to the original image's box so that wrapping the image does not grow the
+    // surrounding line box. Without this, the taller edit wrapper enlarges the line and the browser
+    // scrolls the selection back into view, making the editor jump. The wrapper and handles still
+    // overflow the host visually because overflow is left visible.
+    if (imageWidth > 0 && imageHeight > 0) {
+        imageSpan.style.display = 'inline-block';
+        imageSpan.style.width = imageWidth + "px";
+        imageSpan.style.height = imageHeight + "px";
+        imageSpan.style.verticalAlign = 'bottom';
+        imageSpan.style.overflow = 'visible';
+    }
     shadowRoot.appendChild(wrapper);
     return imageSpan;
 };