roosterjs 9.5.1 → 9.6.0

package/dist/rooster-amd.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for roosterjs (Version 9.5.1)
+// Type definitions for roosterjs (Version 9.6.0)
 // Generated by dts tool from roosterjs
 // Project: https://github.com/Microsoft/roosterjs
 
@@ -3067,6 +3067,16 @@ export interface DomIndexer {
      * @returns True if reconcile successfully, otherwise false
      */
     reconcileSelection: (model: ContentModelDocument, newSelection: DOMSelection, oldSelection?: CacheSelection) => boolean;
+    /**
+     * When child list of editor content is changed, we can use this method to do sync the change from editor into content model.
+     * This is mostly used when user start to type in an empty line. In that case browser will remove the existing BR node in the empty line if any,
+     * and create a new TEXT node for the typed text. Here we use these information to remove original Br segment and create a new Text segment
+     * in content model. But if we find anything that cannot be handled, return false so caller will invalidate the cached model
+     * @param addedNodes Nodes added by browser during mutation
+     * @param removedNodes Nodes removed by browser during mutation
+     * @returns True if the changed nodes are successfully reconciled, otherwise false
+     */
+    reconcileChildList: (addedNodes: ArrayLike<Node>, removedNodes: ArrayLike<Node>) => boolean;
 }
 
 /**
@@ -3084,7 +3094,7 @@ export interface TextMutationObserver {
     /**
      * Flush all pending mutations that have not be handled in order to ignore them
      */
-    flushMutations(): void;
+    flushMutations(newModel?: ContentModelDocument): void;
 }
 
 /**
@@ -7492,6 +7502,11 @@ export const OrderedListStyleMap: Record<number, string>;
  */
 export const UnorderedListStyleMap: Record<number, string>;
 
+/**
+ * Provide a default empty instance of segment format with all its properties
+ */
+export const EmptySegmentFormat: Readonly<Required<ContentModelSegmentFormat>>;
+
 /**
  * The main editor class based on Content Model
  */

package/dist/rooster-amd.js

@@ -2952,7 +2952,24 @@ function insertEntityModel(model, entityModel, position, isBlock, focusAfterEnti
 exports.insertEntityModel = insertEntityModel;
 function getInsertPoint(model, insertPointOverride, context) {
     if (insertPointOverride) {
-        return insertPointOverride;
+        var paragraph = insertPointOverride.paragraph, marker = insertPointOverride.marker, tableContext = insertPointOverride.tableContext, path = insertPointOverride.path;
+        var index = paragraph.segments.indexOf(marker);
+        var previousSegment = index > 0 ? paragraph.segments[index - 1] : null;
+        // It is possible that the real selection is right before the override selection marker.
+        // This happens when:
+        // [Override marker][Entity node to wrap][Real marker]
+        // Then we will move the entity node into entity wrapper, causes the override marker and real marker are at the same place
+        // And recreating content model causes real marker to appear before override marker.
+        // Once that happens, we need to use the real marker instead so that after insert entity, real marker can be placed
+        // after new entity (if insertPointOverride==true)
+        return (previousSegment === null || previousSegment === void 0 ? void 0 : previousSegment.segmentType) == 'SelectionMarker' && previousSegment.isSelected
+            ? {
+                marker: previousSegment,
+                paragraph: paragraph,
+                tableContext: tableContext,
+                path: path,
+            }
+            : insertPointOverride;
     }
     else {
         var deleteResult = (0, roosterjs_content_model_dom_1.deleteSelection)(model, [], context);
@@ -6857,8 +6874,8 @@ var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-mo
 function formatSegmentWithContentModel(editor, apiName, toggleStyleCallback, segmentHasStyleCallback, includingFormatHolder, afterFormatCallback) {
     editor.formatContentModel(function (model, context) {
         var segmentAndParagraphs = (0, roosterjs_content_model_dom_1.getSelectedSegmentsAndParagraphs)(model, !!includingFormatHolder, false /*includingEntity*/, true /*mutate*/);
-        var isCollapsedSelection = segmentAndParagraphs.length == 1 &&
-            segmentAndParagraphs[0][0].segmentType == 'SelectionMarker';
+        var isCollapsedSelection = segmentAndParagraphs.length >= 1 &&
+            segmentAndParagraphs.every(function (x) { return x[0].segmentType == 'SelectionMarker'; });
         if (isCollapsedSelection) {
             var para_1 = segmentAndParagraphs[0][1];
             var path_1 = segmentAndParagraphs[0][2];
@@ -7710,19 +7727,6 @@ exports.mergePasteContent = exports.cloneModelForPaste = 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 EmptySegmentFormat = {
-    backgroundColor: '',
-    fontFamily: '',
-    fontSize: '',
-    fontWeight: '',
-    italic: false,
-    letterSpacing: '',
-    lineHeight: '',
-    strikethrough: false,
-    superOrSubScriptSequence: '',
-    textColor: '',
-    underline: false,
-};
 var CloneOption = {
     includeCachedElement: function (node, type) { return (type == 'cache' ? undefined : node); },
 };
@@ -7757,7 +7761,7 @@ function mergePasteContent(editor, eventResult, clipboardData) {
             ? customizedMerge(model, pasteModel)
             : (0, roosterjs_content_model_dom_1.mergeModel)(model, pasteModel, context, mergeOption);
         if (insertPoint) {
-            context.newPendingFormat = (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, EmptySegmentFormat), model.format), insertPoint.marker.format);
+            context.newPendingFormat = (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, roosterjs_content_model_dom_1.EmptySegmentFormat), model.format), insertPoint.marker.format);
         }
         return true;
     }, {
@@ -9187,8 +9191,7 @@ var setContentModel = function (core, model, option, onNodeCreated) {
             core.selection.selection = selection;
         }
         // Clear pending mutations since we will use our latest model object to replace existing cache
-        (_a = core.cache.textMutationObserver) === null || _a === void 0 ? void 0 : _a.flushMutations();
-        core.cache.cachedModel = model;
+        (_a = core.cache.textMutationObserver) === null || _a === void 0 ? void 0 : _a.flushMutations(model);
     }
     return selection;
 };
@@ -9830,19 +9833,30 @@ var CachePlugin = /** @class */ (function () {
                 }
             }
         };
+        this.onSkipMutation = function (newModel) {
+            var _a;
+            if (!((_a = _this.editor) === null || _a === void 0 ? void 0 : _a.isInShadowEdit())) {
+                _this.state.cachedModel = newModel;
+                _this.state.cachedSelection = undefined;
+            }
+        };
         this.onNativeSelectionChange = function () {
             var _a;
             if ((_a = _this.editor) === null || _a === void 0 ? void 0 : _a.hasFocus()) {
                 _this.updateCachedModel(_this.editor);
             }
         };
-        this.state = option.disableCache
-            ? {}
-            : {
-                domIndexer: new domIndexerImpl_1.DomIndexerImpl(option.experimentalFeatures &&
-                    option.experimentalFeatures.indexOf('PersistCache') >= 0),
-                textMutationObserver: (0, textMutationObserver_1.createTextMutationObserver)(contentDiv, this.onMutation),
+        if (option.disableCache) {
+            this.state = {};
+        }
+        else {
+            var domIndexer = new domIndexerImpl_1.DomIndexerImpl(option.experimentalFeatures &&
+                option.experimentalFeatures.indexOf('PersistCache') >= 0);
+            this.state = {
+                domIndexer: domIndexer,
+                textMutationObserver: (0, textMutationObserver_1.createTextMutationObserver)(contentDiv, domIndexer, this.onMutation, this.onSkipMutation),
             };
+        }
     }
     /**
      * Get name of this plugin
@@ -10025,6 +10039,9 @@ function isIndexedSegment(node) {
         Array.isArray(paragraph.segments) &&
         Array.isArray(segments));
 }
+function getIndexedSegmentItem(node) {
+    return node && isIndexedSegment(node) ? node.__roosterjsContentModel : null;
+}
 /**
  * @internal
  * Implementation of DomIndexer
@@ -10048,9 +10065,7 @@ var DomIndexerImpl = /** @class */ (function () {
                     previousText = child;
                 }
                 else {
-                    var item = isIndexedSegment(previousText)
-                        ? previousText.__roosterjsContentModel
-                        : undefined;
+                    var item = getIndexedSegmentItem(previousText);
                     if (item && isIndexedSegment(child)) {
                         item.segments = item.segments.concat(child.__roosterjsContentModel.segments);
                         child.__roosterjsContentModel.segments = [];
@@ -10123,6 +10138,32 @@ var DomIndexerImpl = /** @class */ (function () {
         }
         return false;
     };
+    DomIndexerImpl.prototype.reconcileChildList = function (addedNodes, removedNodes) {
+        if (!this.persistCache) {
+            return false;
+        }
+        var canHandle = true;
+        var context = {
+            segIndex: -1,
+        };
+        // First process added nodes
+        var addedNode = addedNodes[0];
+        if (addedNodes.length == 1 && (0, roosterjs_content_model_dom_1.isNodeOfType)(addedNode, 'TEXT_NODE')) {
+            canHandle = this.reconcileAddedNode(addedNode, context);
+        }
+        else if (addedNodes.length > 0) {
+            canHandle = false;
+        }
+        // Second, process removed nodes
+        var removedNode = removedNodes[0];
+        if (canHandle && removedNodes.length == 1) {
+            canHandle = this.reconcileRemovedNode(removedNode, context);
+        }
+        else if (removedNodes.length > 0) {
+            canHandle = false;
+        }
+        return canHandle && !context.pendingTextNode;
+    };
     DomIndexerImpl.prototype.isCollapsed = function (selection) {
         var start = selection.start, end = selection.end;
         return start.node == end.node && start.offset == end.offset;
@@ -10140,8 +10181,9 @@ var DomIndexerImpl = /** @class */ (function () {
     };
     DomIndexerImpl.prototype.insertMarker = function (node, isAfter) {
         var marker;
-        if (node && isIndexedSegment(node)) {
-            var _a = node.__roosterjsContentModel, paragraph = _a.paragraph, segments = _a.segments;
+        var segmentItem = node && getIndexedSegmentItem(node);
+        if (segmentItem) {
+            var paragraph = segmentItem.paragraph, segments = segmentItem.segments;
             var index = paragraph.segments.indexOf(segments[0]);
             if (index >= 0) {
                 var formatSegment = (!isAfter && paragraph.segments[index - 1]) || paragraph.segments[index];
@@ -10211,6 +10253,88 @@ var DomIndexerImpl = /** @class */ (function () {
         }
         return selectable;
     };
+    DomIndexerImpl.prototype.reconcileAddedNode = function (node, context) {
+        var segmentItem = null;
+        var index = -1;
+        var existingSegment;
+        var previousSibling = node.previousSibling, nextSibling = node.nextSibling;
+        if ((segmentItem = getIndexedSegmentItem(previousSibling)) &&
+            (existingSegment = segmentItem.segments[segmentItem.segments.length - 1]) &&
+            (index = segmentItem.paragraph.segments.indexOf(existingSegment)) >= 0) {
+            // When we can find indexed segment before current one, use it as the insert index
+            this.indexNode(segmentItem.paragraph, index + 1, node, existingSegment.format);
+        }
+        else if ((segmentItem = getIndexedSegmentItem(nextSibling)) &&
+            (existingSegment = segmentItem.segments[0]) &&
+            (index = segmentItem.paragraph.segments.indexOf(existingSegment)) >= 0) {
+            // When we can find indexed segment after current one, use it as the insert index
+            this.indexNode(segmentItem.paragraph, index, node, existingSegment.format);
+        }
+        else if (context.paragraph && context.segIndex >= 0) {
+            // When there is indexed paragraph from removed nodes, we can use it as the insert index
+            this.indexNode(context.paragraph, context.segIndex, node, context.format);
+        }
+        else if (context.pendingTextNode === undefined) {
+            // When we can't find the insert index, set current node as pending node
+            // so later we can pick it up when we have enough info when processing removed node
+            // Only do this when pendingTextNode is undefined. If it is null it means there was already a pending node before
+            // and in that case we should return false since we can't handle two pending text node
+            context.pendingTextNode = node;
+        }
+        else {
+            return false;
+        }
+        return true;
+    };
+    DomIndexerImpl.prototype.reconcileRemovedNode = function (node, context) {
+        var segmentItem = null;
+        var removingSegment;
+        if (context.segIndex < 0 &&
+            !context.paragraph && // No previous removed segment or related paragraph found, and
+            (segmentItem = getIndexedSegmentItem(node)) && // The removed node is indexed, and
+            (removingSegment = segmentItem.segments[0]) // There is at least one related segment
+        ) {
+            // Now we can remove the indexed segment from the paragraph, and remember it, later we may need to use it
+            context.format = removingSegment.format;
+            context.paragraph = segmentItem.paragraph;
+            context.segIndex = segmentItem.paragraph.segments.indexOf(segmentItem.segments[0]);
+            if (context.segIndex < 0) {
+                // Indexed segment is not under paragraph, something wrong happens, we cannot keep handling
+                return false;
+            }
+            for (var i = 0; i < segmentItem.segments.length; i++) {
+                var index = segmentItem.paragraph.segments.indexOf(segmentItem.segments[i]);
+                if (index >= 0) {
+                    segmentItem.paragraph.segments.splice(index, 1);
+                }
+            }
+            if (context.pendingTextNode) {
+                // If we have pending text node added but not indexed, do it now
+                this.indexNode(context.paragraph, context.segIndex, context.pendingTextNode, segmentItem.segments[0].format);
+                // Set to null since we have processed it.
+                // Next time we see a pending node we know we have already processed one so it is a situation we cannot handle
+                context.pendingTextNode = null;
+            }
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    DomIndexerImpl.prototype.indexNode = function (paragraph, index, textNode, format) {
+        var _a;
+        var copiedFormat = format ? (0, tslib_1.__assign)({}, format) : undefined;
+        if (copiedFormat) {
+            (0, roosterjs_content_model_dom_1.getObjectKeys)(copiedFormat).forEach(function (key) {
+                if (roosterjs_content_model_dom_1.EmptySegmentFormat[key] === undefined) {
+                    delete copiedFormat[key];
+                }
+            });
+        }
+        var text = (0, roosterjs_content_model_dom_1.createText)((_a = textNode.textContent) !== null && _a !== void 0 ? _a : '', copiedFormat);
+        paragraph.segments.splice(index, 0, text);
+        this.onSegment(textNode, paragraph, [text]);
+    };
     return DomIndexerImpl;
 }());
 exports.DomIndexerImpl = DomIndexerImpl;
@@ -10229,16 +10353,60 @@ exports.DomIndexerImpl = DomIndexerImpl;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createTextMutationObserver = void 0;
 var TextMutationObserverImpl = /** @class */ (function () {
-    function TextMutationObserverImpl(contentDiv, onMutation) {
+    function TextMutationObserverImpl(contentDiv, domIndexer, onMutation, onSkipMutation) {
         var _this = this;
         this.contentDiv = contentDiv;
+        this.domIndexer = domIndexer;
         this.onMutation = onMutation;
+        this.onSkipMutation = onSkipMutation;
         this.onMutationInternal = function (mutations) {
-            var _a;
-            var firstTarget = (_a = mutations[0]) === null || _a === void 0 ? void 0 : _a.target;
-            if (firstTarget) {
-                var isTextChangeOnly = mutations.every(function (mutation) { return mutation.type == 'characterData' && mutation.target == firstTarget; });
-                _this.onMutation(isTextChangeOnly);
+            var canHandle = true;
+            var firstTarget = null;
+            var lastTextChangeNode = null;
+            var addedNodes = [];
+            var removedNodes = [];
+            var reconcileText = false;
+            for (var i = 0; i < mutations.length && canHandle; i++) {
+                var mutation = mutations[i];
+                switch (mutation.type) {
+                    case 'attributes':
+                        if (mutation.target != _this.contentDiv) {
+                            // We cannot handle attributes changes on editor content for now
+                            canHandle = false;
+                        }
+                        break;
+                    case 'characterData':
+                        if (lastTextChangeNode && lastTextChangeNode != mutation.target) {
+                            // Multiple text nodes got changed, we don't know how to handle it
+                            canHandle = false;
+                        }
+                        else {
+                            lastTextChangeNode = mutation.target;
+                            reconcileText = true;
+                        }
+                        break;
+                    case 'childList':
+                        if (!firstTarget) {
+                            firstTarget = mutation.target;
+                        }
+                        else if (firstTarget != mutation.target) {
+                            canHandle = false;
+                        }
+                        if (canHandle) {
+                            addedNodes = addedNodes.concat(Array.from(mutation.addedNodes));
+                            removedNodes = removedNodes.concat(Array.from(mutation.removedNodes));
+                        }
+                        break;
+                }
+            }
+            if (canHandle && (addedNodes.length > 0 || removedNodes.length > 0)) {
+                canHandle = _this.domIndexer.reconcileChildList(addedNodes, removedNodes);
+            }
+            if (canHandle && reconcileText) {
+                _this.onMutation(true /*textOnly*/);
+            }
+            else if (!canHandle) {
+                _this.onMutation(false /*textOnly*/);
             }
         };
         this.observer = new MutationObserver(this.onMutationInternal);
@@ -10254,17 +10422,22 @@ var TextMutationObserverImpl = /** @class */ (function () {
     TextMutationObserverImpl.prototype.stopObserving = function () {
         this.observer.disconnect();
     };
-    TextMutationObserverImpl.prototype.flushMutations = function () {
+    TextMutationObserverImpl.prototype.flushMutations = function (model) {
         var mutations = this.observer.takeRecords();
-        this.onMutationInternal(mutations);
+        if (model) {
+            this.onSkipMutation(model);
+        }
+        else {
+            this.onMutationInternal(mutations);
+        }
     };
     return TextMutationObserverImpl;
 }());
 /**
  * @internal
  */
-function createTextMutationObserver(contentDiv, onMutation) {
-    return new TextMutationObserverImpl(contentDiv, onMutation);
+function createTextMutationObserver(contentDiv, domIndexer, onMutation, onSkipMutation) {
+    return new TextMutationObserverImpl(contentDiv, domIndexer, onMutation, onSkipMutation);
 }
 exports.createTextMutationObserver = createTextMutationObserver;
 
@@ -14613,6 +14786,36 @@ exports.ChangeSource = {
 };
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-dom/lib/constants/EmptySegmentFormat.ts":
+/*!**********************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-dom/lib/constants/EmptySegmentFormat.ts ***!
+  \**********************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.EmptySegmentFormat = void 0;
+/**
+ * Provide a default empty instance of segment format with all its properties
+ */
+exports.EmptySegmentFormat = {
+    backgroundColor: '',
+    fontFamily: '',
+    fontSize: '',
+    fontWeight: '',
+    italic: false,
+    letterSpacing: '',
+    lineHeight: '',
+    strikethrough: false,
+    superOrSubScriptSequence: '',
+    textColor: '',
+    underline: false,
+};
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-dom/lib/constants/NumberingListType.ts":
@@ -19803,7 +20006,7 @@ exports.shouldSetValue = shouldSetValue;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createEntity = exports.createGeneralBlock = exports.createGeneralSegment = exports.createParagraphDecorator = exports.createContentModelDocument = exports.createImage = exports.createText = exports.createTableCell = exports.createTable = exports.createSelectionMarker = exports.createParagraph = exports.createFormatContainer = exports.createListItem = exports.createBr = 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.getObjectKeys = exports.isElementOfType = exports.isNodeOfType = exports.hasMetadata = exports.getMetadata = exports.updateMetadata = exports.buildSelectionMarker = exports.isBlockElement = exports.areSameFormats = exports.parseFormat = exports.getRegularSelectionOffsets = exports.tableProcessor = exports.entityProcessor = exports.processChildNode = exports.handleRegularSelection = exports.childProcessor = exports.contentModelToText = exports.contentModelToDom = exports.domToContentModel = void 0;
 exports.cacheGetEventData = exports.extractClipboardItems = exports.transformColor = exports.readFile = exports.parseTableCells = exports.normalizeText = exports.isSpace = exports.isPunctuation = exports.extractBorderValues = exports.combineBorderValue = exports.isCursorMovingKey = exports.isModifierKey = exports.isCharacterValue = 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.setParagraphNotImplicit = 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 = void 0;
-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 = 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 = 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 = 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 = 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");
@@ -20051,6 +20254,8 @@ var OrderedListStyleMap_1 = __webpack_require__(/*! ./constants/OrderedListStyle
 Object.defineProperty(exports, "OrderedListStyleMap", ({ enumerable: true, get: function () { return OrderedListStyleMap_1.OrderedListStyleMap; } }));
 var UnorderedListStyleMap_1 = __webpack_require__(/*! ./constants/UnorderedListStyleMap */ "./packages/roosterjs-content-model-dom/lib/constants/UnorderedListStyleMap.ts");
 Object.defineProperty(exports, "UnorderedListStyleMap", ({ enumerable: true, get: function () { return UnorderedListStyleMap_1.UnorderedListStyleMap; } }));
+var EmptySegmentFormat_1 = __webpack_require__(/*! ./constants/EmptySegmentFormat */ "./packages/roosterjs-content-model-dom/lib/constants/EmptySegmentFormat.ts");
+Object.defineProperty(exports, "EmptySegmentFormat", ({ enumerable: true, get: function () { return EmptySegmentFormat_1.EmptySegmentFormat; } }));
 
 
 /***/ }),
@@ -22374,27 +22579,14 @@ var createParagraph_1 = __webpack_require__(/*! ../creators/createParagraph */ "
 var createSelectionMarker_1 = __webpack_require__(/*! ../creators/createSelectionMarker */ "./packages/roosterjs-content-model-dom/lib/modelApi/creators/createSelectionMarker.ts");
 var createTableCell_1 = __webpack_require__(/*! ../creators/createTableCell */ "./packages/roosterjs-content-model-dom/lib/modelApi/creators/createTableCell.ts");
 var deleteSelection_1 = __webpack_require__(/*! ./deleteSelection */ "./packages/roosterjs-content-model-dom/lib/modelApi/editing/deleteSelection.ts");
+var EmptySegmentFormat_1 = __webpack_require__(/*! ../../constants/EmptySegmentFormat */ "./packages/roosterjs-content-model-dom/lib/constants/EmptySegmentFormat.ts");
 var getClosestAncestorBlockGroupIndex_1 = __webpack_require__(/*! ./getClosestAncestorBlockGroupIndex */ "./packages/roosterjs-content-model-dom/lib/modelApi/editing/getClosestAncestorBlockGroupIndex.ts");
 var getObjectKeys_1 = __webpack_require__(/*! ../..//domUtils/getObjectKeys */ "./packages/roosterjs-content-model-dom/lib/domUtils/getObjectKeys.ts");
 var mutate_1 = __webpack_require__(/*! ../common/mutate */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/mutate.ts");
 var normalizeContentModel_1 = __webpack_require__(/*! ../common/normalizeContentModel */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/normalizeContentModel.ts");
 var normalizeTable_1 = __webpack_require__(/*! ./normalizeTable */ "./packages/roosterjs-content-model-dom/lib/modelApi/editing/normalizeTable.ts");
 var HeadingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
-// An object to provide keys of required properties of segment format, do NOT use any of its values
-var RequiredEmptySegmentFormat = {
-    backgroundColor: null,
-    fontFamily: null,
-    fontSize: null,
-    fontWeight: null,
-    italic: null,
-    letterSpacing: null,
-    lineHeight: null,
-    strikethrough: null,
-    superOrSubScriptSequence: null,
-    textColor: null,
-    underline: null,
-};
-var KeysOfSegmentFormat = (0, getObjectKeys_1.getObjectKeys)(RequiredEmptySegmentFormat);
+var KeysOfSegmentFormat = (0, getObjectKeys_1.getObjectKeys)(EmptySegmentFormat_1.EmptySegmentFormat);
 /**
  * Merge source model into target mode
  * @param target Target Content Model that will merge content into
@@ -26358,7 +26550,7 @@ function getListTypeStyle(model, shouldSearchForBullet, shouldSearchForNumbering
         listMarkerSegment &&
         listMarkerSegment.segmentType == 'Text') {
         var listMarker = listMarkerSegment.text.trim();
-        var bulletType = bulletListType[listMarker];
+        var bulletType = bulletListType.get(listMarker);
         if (bulletType && shouldSearchForBullet) {
             return { listType: 'UL', styleType: bulletType };
         }
@@ -26409,16 +26601,16 @@ var getPreviousListStyle = function (list) {
         return (_a = (0, roosterjs_content_model_dom_1.updateListMetadata)(list.levels[0])) === null || _a === void 0 ? void 0 : _a.orderedStyleType;
     }
 };
-var bulletListType = {
-    '*': roosterjs_content_model_dom_1.BulletListType.Disc,
-    '-': roosterjs_content_model_dom_1.BulletListType.Dash,
-    '--': roosterjs_content_model_dom_1.BulletListType.Square,
-    '->': roosterjs_content_model_dom_1.BulletListType.LongArrow,
-    '-->': roosterjs_content_model_dom_1.BulletListType.DoubleLongArrow,
-    '=>': roosterjs_content_model_dom_1.BulletListType.UnfilledArrow,
-    '>': roosterjs_content_model_dom_1.BulletListType.ShortArrow,
-    '—': roosterjs_content_model_dom_1.BulletListType.Hyphen,
-};
+var bulletListType = new Map([
+    ['*', roosterjs_content_model_dom_1.BulletListType.Disc],
+    ['-', roosterjs_content_model_dom_1.BulletListType.Dash],
+    ['--', roosterjs_content_model_dom_1.BulletListType.Square],
+    ['->', roosterjs_content_model_dom_1.BulletListType.LongArrow],
+    ['-->', roosterjs_content_model_dom_1.BulletListType.DoubleLongArrow],
+    ['=>', roosterjs_content_model_dom_1.BulletListType.UnfilledArrow],
+    ['>', roosterjs_content_model_dom_1.BulletListType.ShortArrow],
+    ['—', roosterjs_content_model_dom_1.BulletListType.Hyphen],
+]);
 var isNewList = function (listMarker) {
     var marker = listMarker.replace(/[^\w\s]/g, '');
     var pattern = /^[1aAiI]$/;
@@ -26650,22 +26842,23 @@ var triggerList = function (model, listType, styleType, index) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.transformFraction = void 0;
 var splitTextSegment_1 = __webpack_require__(/*! ../../pluginUtils/splitTextSegment */ "./packages/roosterjs-content-model-plugins/lib/pluginUtils/splitTextSegment.ts");
-var FRACTIONS = {
-    '1/2': '½',
-    '1/4': '¼',
-    '3/4': '¾',
-};
+var FRACTIONS = new Map([
+    ['1/2', '½'],
+    ['1/4', '¼'],
+    ['3/4', '¾'],
+]);
 /**
  * @internal
  */
 function transformFraction(previousSegment, paragraph, context) {
     var _a;
     var fraction = (_a = previousSegment.text.split(' ').pop()) === null || _a === void 0 ? void 0 : _a.trim();
-    if (fraction && FRACTIONS[fraction]) {
+    var text = fraction ? FRACTIONS.get(fraction) : undefined;
+    if (fraction && text) {
         var textLength = previousSegment.text.length - 1;
         var textIndex = textLength - fraction.length;
         var textSegment = (0, splitTextSegment_1.splitTextSegment)(previousSegment, paragraph, textIndex, textLength);
-        textSegment.text = FRACTIONS[fraction];
+        textSegment.text = text;
         context.canUndoByBackspace = true;
         return true;
     }