roosterjs 9.22.0 → 9.23.0

package/dist/rooster.js

@@ -8944,7 +8944,7 @@ var createEditorContext = function (core, saveIndex) {
     var _a, _b;
     var lifecycle = core.lifecycle, format = core.format, darkColorHandler = core.darkColorHandler, logicalRoot = core.logicalRoot, cache = core.cache, domHelper = core.domHelper;
     saveIndex = saveIndex && !core.lifecycle.shadowEditFragment;
-    var context = (0, tslib_1.__assign)({ isDarkMode: lifecycle.isDarkMode, defaultFormat: format.defaultFormat, pendingFormat: (_a = format.pendingFormat) !== null && _a !== void 0 ? _a : undefined, darkColorHandler: darkColorHandler, addDelimiterForEntity: true, allowCacheElement: true, domIndexer: saveIndex ? cache.domIndexer : undefined, zoomScale: domHelper.calculateZoomScale(), experimentalFeatures: (_b = core.experimentalFeatures) !== null && _b !== void 0 ? _b : [] }, (0, getRootComputedStyleForContext_1.getRootComputedStyleForContext)(logicalRoot.ownerDocument));
+    var context = (0, tslib_1.__assign)({ isDarkMode: lifecycle.isDarkMode, defaultFormat: format.defaultFormat, pendingFormat: (_a = format.pendingFormat) !== null && _a !== void 0 ? _a : undefined, darkColorHandler: darkColorHandler, addDelimiterForEntity: true, allowCacheElement: true, domIndexer: saveIndex ? cache.domIndexer : undefined, zoomScale: domHelper.calculateZoomScale(), experimentalFeatures: (_b = core.experimentalFeatures) !== null && _b !== void 0 ? _b : [], paragraphMap: core.cache.paragraphMap }, (0, getRootComputedStyleForContext_1.getRootComputedStyleForContext)(logicalRoot.ownerDocument));
     if (core.domHelper.isRightToLeft()) {
         context.isRootRtl = true;
     }
@@ -9045,6 +9045,7 @@ var formatContentModel = function (core, formatter, options, domToModelOptions)
         deletedEntities: [],
         rawEvent: rawEvent,
         newImages: [],
+        paragraphIndexer: core.cache.paragraphMap,
     };
     var hasFocus = core.domHelper.hasFocus();
     var changed = formatter(model, context);
@@ -10252,6 +10253,7 @@ function handledExclusively(event, plugin) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createCachePlugin = void 0;
 var areSameSelections_1 = __webpack_require__(/*! ./areSameSelections */ "./packages/roosterjs-content-model-core/lib/corePlugin/cache/areSameSelections.ts");
+var ParagraphMapImpl_1 = __webpack_require__(/*! ./ParagraphMapImpl */ "./packages/roosterjs-content-model-core/lib/corePlugin/cache/ParagraphMapImpl.ts");
 var textMutationObserver_1 = __webpack_require__(/*! ./textMutationObserver */ "./packages/roosterjs-content-model-core/lib/corePlugin/cache/textMutationObserver.ts");
 var domIndexerImpl_1 = __webpack_require__(/*! ./domIndexerImpl */ "./packages/roosterjs-content-model-core/lib/corePlugin/cache/domIndexerImpl.ts");
 var updateCache_1 = __webpack_require__(/*! ./updateCache */ "./packages/roosterjs-content-model-core/lib/corePlugin/cache/updateCache.ts");
@@ -10303,6 +10305,7 @@ var CachePlugin = /** @class */ (function () {
                 domIndexer: new domIndexerImpl_1.DomIndexerImpl(option.experimentalFeatures &&
                     option.experimentalFeatures.indexOf('PersistCache') >= 0),
                 textMutationObserver: (0, textMutationObserver_1.createTextMutationObserver)(contentDiv, this.onMutation),
+                paragraphMap: (0, ParagraphMapImpl_1.createParagraphMap)(),
             };
     }
     /**
@@ -10385,10 +10388,13 @@ var CachePlugin = /** @class */ (function () {
         }
     };
     CachePlugin.prototype.invalidateCache = function () {
-        var _a;
+        var _a, _b;
         if (!((_a = this.editor) === null || _a === void 0 ? void 0 : _a.isInShadowEdit())) {
             this.state.cachedModel = undefined;
             this.state.cachedSelection = undefined;
+            // Clear paragraph indexer to prevent stale references to old paragraphs
+            // It will be rebuild next time when we create a new Content Model
+            (_b = this.state.paragraphMap) === null || _b === void 0 ? void 0 : _b.clear();
         }
     };
     CachePlugin.prototype.updateCachedModel = function (editor, forceUpdate) {
@@ -10432,6 +10438,84 @@ function createCachePlugin(option, contentDiv) {
 exports.createCachePlugin = createCachePlugin;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-core/lib/corePlugin/cache/ParagraphMapImpl.ts":
+/*!****************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-core/lib/corePlugin/cache/ParagraphMapImpl.ts ***!
+  \****************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.createParagraphMap = void 0;
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var idPrefix = 'paragraph';
+var ParagraphMapImpl = /** @class */ (function () {
+    function ParagraphMapImpl() {
+        this.nextId = 0;
+        this.paragraphMap = {};
+        ParagraphMapImpl.prefixNum++;
+    }
+    ParagraphMapImpl.prototype.assignMarkerToModel = function (element, paragraph) {
+        var marker = (0, roosterjs_content_model_dom_1.getParagraphMarker)(element);
+        var paragraphWithMarker = paragraph;
+        if (marker) {
+            paragraphWithMarker._marker = marker;
+            this.paragraphMap[marker] = paragraph;
+        }
+        else {
+            paragraphWithMarker._marker = this.generateId();
+            this.applyMarkerToDom(element, paragraph);
+        }
+    };
+    ParagraphMapImpl.prototype.applyMarkerToDom = function (element, paragraph) {
+        var paragraphWithMarker = paragraph;
+        if (!paragraphWithMarker._marker) {
+            paragraphWithMarker._marker = this.generateId();
+        }
+        var marker = paragraphWithMarker._marker;
+        if (marker) {
+            (0, roosterjs_content_model_dom_1.setParagraphMarker)(element, marker);
+            this.paragraphMap[marker] = paragraph;
+        }
+    };
+    /**
+     * Get paragraph using a previously marked paragraph
+     * @param markedParagraph The previously marked paragraph to get
+     */
+    ParagraphMapImpl.prototype.getParagraphFromMarker = function (markerParagraph) {
+        var marker = markerParagraph._marker;
+        return marker ? this.paragraphMap[marker] || null : null;
+    };
+    ParagraphMapImpl.prototype.clear = function () {
+        this.paragraphMap = {};
+    };
+    //#region For test code only
+    ParagraphMapImpl.prototype._reset = function () {
+        ParagraphMapImpl.prefixNum = 0;
+        this.nextId = 0;
+    };
+    ParagraphMapImpl.prototype._getMap = function () {
+        return this.paragraphMap;
+    };
+    //#endregion
+    ParagraphMapImpl.prototype.generateId = function () {
+        return idPrefix + "_" + ParagraphMapImpl.prefixNum + "_" + this.nextId++;
+    };
+    ParagraphMapImpl.prefixNum = 0;
+    return ParagraphMapImpl;
+}());
+/**
+ * @internal
+ */
+function createParagraphMap() {
+    return new ParagraphMapImpl();
+}
+exports.createParagraphMap = createParagraphMap;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-core/lib/corePlugin/cache/areSameSelections.ts":
@@ -16191,6 +16275,7 @@ var SegmentDecoratorTags = ['A', 'CODE'];
  * @internal
  */
 function blockProcessor(group, element, context, segmentFormat) {
+    var _a;
     var decorator = context.blockDecorator.tagName ? context.blockDecorator : undefined;
     var isSegmentDecorator = SegmentDecoratorTags.indexOf(element.tagName) >= 0;
     (0, parseFormat_1.parseFormat)(element, context.formatParsers.block, context.blockFormat, context);
@@ -16203,6 +16288,7 @@ function blockProcessor(group, element, context, segmentFormat) {
     });
     if (!isSegmentDecorator) {
         var paragraph = (0, createParagraph_1.createParagraph)(false /*isImplicit*/, blockFormat, segmentFormat, decorator);
+        (_a = context.paragraphMap) === null || _a === void 0 ? void 0 : _a.assignMarkerToModel(element, paragraph);
         (0, addBlock_1.addBlock)(group, paragraph);
     }
     context.elementProcessors.child(group, element, context);
@@ -16921,6 +17007,8 @@ function shouldUseFormatContainer(element, context) {
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.linkProcessor = void 0;
+var addSegment_1 = __webpack_require__(/*! ../../modelApi/common/addSegment */ "./packages/roosterjs-content-model-dom/lib/modelApi/common/addSegment.ts");
+var createText_1 = __webpack_require__(/*! ../../modelApi/creators/createText */ "./packages/roosterjs-content-model-dom/lib/modelApi/creators/createText.ts");
 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");
@@ -16928,15 +17016,32 @@ var stackFormat_1 = __webpack_require__(/*! ../utils/stackFormat */ "./packages/
  * @internal
  */
 var linkProcessor = function (group, element, context) {
-    if (element.hasAttribute('href')) {
-        (0, stackFormat_1.stackFormat)(context, { link: 'linkDefault' }, function () {
+    var name = element.getAttribute('name');
+    var href = element.getAttribute('href');
+    if (name || href) {
+        var isAnchor_1 = !!name && !href;
+        var option = {
+            // For anchor (name without ref), no need to add other styles
+            // For link (href exists), add default link styles
+            link: isAnchor_1 ? 'empty' : 'linkDefault',
+        };
+        (0, stackFormat_1.stackFormat)(context, option, function () {
             (0, parseFormat_1.parseFormat)(element, context.formatParsers.link, context.link.format, context);
             (0, parseFormat_1.parseFormat)(element, context.formatParsers.dataset, context.link.dataset, context);
-            (0, knownElementProcessor_1.knownElementProcessor)(group, element, context);
+            if (isAnchor_1 && !element.firstChild) {
+                // Empty anchor, need to make sure it has some child in model
+                (0, addSegment_1.addSegment)(group, (0, createText_1.createText)('', context.segmentFormat, {
+                    dataset: context.link.dataset,
+                    format: context.link.format,
+                }));
+            }
+            else {
+                (0, knownElementProcessor_1.knownElementProcessor)(group, element, context);
+            }
         });
     }
     else {
-        // A tag without href, can be treated as normal SPAN tag
+        // A tag without name or href, can be treated as normal SPAN tag
         (0, knownElementProcessor_1.knownElementProcessor)(group, element, context);
     }
 };
@@ -18175,6 +18280,104 @@ function getSafeIdSelector(id) {
 exports.getSafeIdSelector = getSafeIdSelector;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-dom/lib/domUtils/hiddenProperties/hiddenProperty.ts":
+/*!**********************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-dom/lib/domUtils/hiddenProperties/hiddenProperty.ts ***!
+  \**********************************************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.setHiddenProperty = exports.getHiddenProperty = void 0;
+/**
+ * @internal
+ */
+function getHiddenProperty(node, key) {
+    var nodeWithHiddenProperty = node;
+    var hiddenProperty = nodeWithHiddenProperty.__roosterjsHiddenProperty;
+    return hiddenProperty ? hiddenProperty[key] : undefined;
+}
+exports.getHiddenProperty = getHiddenProperty;
+/**
+ * @internal
+ */
+function setHiddenProperty(node, key, value) {
+    var nodeWithHiddenProperty = node;
+    var hiddenProperty = nodeWithHiddenProperty.__roosterjsHiddenProperty || {};
+    hiddenProperty[key] = value;
+    nodeWithHiddenProperty.__roosterjsHiddenProperty = hiddenProperty;
+}
+exports.setHiddenProperty = setHiddenProperty;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-dom/lib/domUtils/hiddenProperties/paragraphMarker.ts":
+/*!***********************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-dom/lib/domUtils/hiddenProperties/paragraphMarker.ts ***!
+  \***********************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.setParagraphMarker = exports.getParagraphMarker = void 0;
+var hiddenProperty_1 = __webpack_require__(/*! ./hiddenProperty */ "./packages/roosterjs-content-model-dom/lib/domUtils/hiddenProperties/hiddenProperty.ts");
+/**
+ * Get paragraph marker from element. This is used to mark the end of a paragraph in a block element.
+ */
+function getParagraphMarker(element) {
+    return (0, hiddenProperty_1.getHiddenProperty)(element, 'paragraphMarker');
+}
+exports.getParagraphMarker = getParagraphMarker;
+/**
+ * Set paragraph marker to element. This is used to mark the end of a paragraph in a block element.
+ */
+function setParagraphMarker(element, marker) {
+    (0, hiddenProperty_1.setHiddenProperty)(element, 'paragraphMarker', marker);
+}
+exports.setParagraphMarker = setParagraphMarker;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-dom/lib/domUtils/hiddenProperties/undeletableLink.ts":
+/*!***********************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-dom/lib/domUtils/hiddenProperties/undeletableLink.ts ***!
+  \***********************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.isLinkUndeletable = exports.setLinkUndeletable = void 0;
+var hiddenProperty_1 = __webpack_require__(/*! ./hiddenProperty */ "./packages/roosterjs-content-model-dom/lib/domUtils/hiddenProperties/hiddenProperty.ts");
+var UndeletableLinkKey = 'undeletable';
+/**
+ * Set a hidden property on a link element to indicate whether it is undeletable or not.
+ * This is used to prevent the link from being deleted when the user tries to delete it.
+ * @param a The link element to set the property on
+ * @param undeletable Whether the link is undeletable or not
+ */
+function setLinkUndeletable(a, undeletable) {
+    (0, hiddenProperty_1.setHiddenProperty)(a, UndeletableLinkKey, undeletable);
+}
+exports.setLinkUndeletable = setLinkUndeletable;
+/**
+ * Check if a link element is undeletable or not.
+ * This is used to determine if the link can be deleted when the user tries to delete it.
+ * @param a The link element to check
+ * @returns True if the link is undeletable, false otherwise
+ */
+function isLinkUndeletable(a) {
+    return !!(0, hiddenProperty_1.getHiddenProperty)(a, UndeletableLinkKey);
+}
+exports.isLinkUndeletable = isLinkUndeletable;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-dom/lib/domUtils/isElementOfType.ts":
@@ -19665,6 +19868,7 @@ var textAlignFormatHandler_1 = __webpack_require__(/*! ./block/textAlignFormatHa
 var textColorFormatHandler_1 = __webpack_require__(/*! ./segment/textColorFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/segment/textColorFormatHandler.ts");
 var textColorOnTableCellFormatHandler_1 = __webpack_require__(/*! ./table/textColorOnTableCellFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/table/textColorOnTableCellFormatHandler.ts");
 var textIndentFormatHandler_1 = __webpack_require__(/*! ./block/textIndentFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/block/textIndentFormatHandler.ts");
+var undeletableLinkFormatHandler_1 = __webpack_require__(/*! ./segment/undeletableLinkFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/segment/undeletableLinkFormatHandler.ts");
 var underlineFormatHandler_1 = __webpack_require__(/*! ./segment/underlineFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/segment/underlineFormatHandler.ts");
 var verticalAlignFormatHandler_1 = __webpack_require__(/*! ./common/verticalAlignFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/common/verticalAlignFormatHandler.ts");
 var whiteSpaceFormatHandler_1 = __webpack_require__(/*! ./block/whiteSpaceFormatHandler */ "./packages/roosterjs-content-model-dom/lib/formatHandlers/block/whiteSpaceFormatHandler.ts");
@@ -19703,6 +19907,7 @@ var defaultFormatHandlerMap = {
     textColor: textColorFormatHandler_1.textColorFormatHandler,
     textColorOnTableCell: textColorOnTableCellFormatHandler_1.textColorOnTableCellFormatHandler,
     textIndent: textIndentFormatHandler_1.textIndentFormatHandler,
+    undeletableLink: undeletableLinkFormatHandler_1.undeletableLinkFormatHandler,
     underline: underlineFormatHandler_1.underlineFormatHandler,
     verticalAlign: verticalAlignFormatHandler_1.verticalAlignFormatHandler,
     whiteSpace: whiteSpaceFormatHandler_1.whiteSpaceFormatHandler,
@@ -19808,6 +20013,7 @@ exports.defaultFormatKeysPerCategory = {
         'border',
         'size',
         'textAlign',
+        'undeletableLink',
     ],
     segmentUnderLink: ['textColor'],
     code: ['fontFamily', 'display'],
@@ -20296,8 +20502,10 @@ exports.linkFormatHandler = {
         }
     },
     apply: function (format, element) {
-        if ((0, isElementOfType_1.isElementOfType)(element, 'a') && format.href) {
-            element.href = format.href;
+        if ((0, isElementOfType_1.isElementOfType)(element, 'a') && (format.href || format.name)) {
+            if (format.href) {
+                element.href = format.href;
+            }
             if (format.name) {
                 element.name = format.name;
             }
@@ -20435,6 +20643,37 @@ exports.textColorFormatHandler = {
 };
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-dom/lib/formatHandlers/segment/undeletableLinkFormatHandler.ts":
+/*!*********************************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-dom/lib/formatHandlers/segment/undeletableLinkFormatHandler.ts ***!
+  \*********************************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.undeletableLinkFormatHandler = void 0;
+var isElementOfType_1 = __webpack_require__(/*! ../../domUtils/isElementOfType */ "./packages/roosterjs-content-model-dom/lib/domUtils/isElementOfType.ts");
+var undeletableLink_1 = __webpack_require__(/*! ../../domUtils/hiddenProperties/undeletableLink */ "./packages/roosterjs-content-model-dom/lib/domUtils/hiddenProperties/undeletableLink.ts");
+/**
+ * @internal
+ */
+exports.undeletableLinkFormatHandler = {
+    parse: function (format, element) {
+        if ((0, isElementOfType_1.isElementOfType)(element, 'a') && (0, undeletableLink_1.isLinkUndeletable)(element)) {
+            format.undeletable = true;
+        }
+    },
+    apply: function (format, element) {
+        if (format.undeletable && (0, isElementOfType_1.isElementOfType)(element, 'a')) {
+            (0, undeletableLink_1.setLinkUndeletable)(element, true);
+        }
+    },
+};
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-dom/lib/formatHandlers/segment/underlineFormatHandler.ts":
@@ -20928,9 +21167,10 @@ exports.shouldSetValue = shouldSetValue;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-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.getSafeIdSelector = 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.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.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 = 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 = exports.cacheGetEventData = exports.extractClipboardItems = void 0;
+exports.createParagraphDecorator = exports.createContentModelDocument = exports.createImage = exports.createText = exports.createTableCell = exports.createTable = exports.createSelectionMarker = exports.createParagraph = exports.createFormatContainer = exports.createListItem = exports.createBr = exports.isLinkUndeletable = exports.setLinkUndeletable = 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.tableProcessor = exports.entityProcessor = exports.processChildNode = exports.handleRegularSelection = exports.childProcessor = exports.contentModelToText = exports.contentModelToDom = exports.domToContentModel = void 0;
+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.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 = 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 = exports.getParagraphMarker = exports.setParagraphMarker = exports.cacheGetEventData = exports.extractClipboardItems = exports.transformColor = exports.readFile = void 0;
+exports.EmptySegmentFormat = 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");
@@ -20992,6 +21232,9 @@ var isWhiteSpacePreserved_1 = __webpack_require__(/*! ./domUtils/isWhiteSpacePre
 Object.defineProperty(exports, "isWhiteSpacePreserved", ({ enumerable: true, get: function () { return isWhiteSpacePreserved_1.isWhiteSpacePreserved; } }));
 var normalizeRect_1 = __webpack_require__(/*! ./domUtils/normalizeRect */ "./packages/roosterjs-content-model-dom/lib/domUtils/normalizeRect.ts");
 Object.defineProperty(exports, "normalizeRect", ({ enumerable: true, get: function () { return normalizeRect_1.normalizeRect; } }));
+var undeletableLink_1 = __webpack_require__(/*! ./domUtils/hiddenProperties/undeletableLink */ "./packages/roosterjs-content-model-dom/lib/domUtils/hiddenProperties/undeletableLink.ts");
+Object.defineProperty(exports, "setLinkUndeletable", ({ enumerable: true, get: function () { return undeletableLink_1.setLinkUndeletable; } }));
+Object.defineProperty(exports, "isLinkUndeletable", ({ enumerable: true, get: function () { return undeletableLink_1.isLinkUndeletable; } }));
 var createBr_1 = __webpack_require__(/*! ./modelApi/creators/createBr */ "./packages/roosterjs-content-model-dom/lib/modelApi/creators/createBr.ts");
 Object.defineProperty(exports, "createBr", ({ enumerable: true, get: function () { return createBr_1.createBr; } }));
 var createListItem_1 = __webpack_require__(/*! ./modelApi/creators/createListItem */ "./packages/roosterjs-content-model-dom/lib/modelApi/creators/createListItem.ts");
@@ -21107,6 +21350,9 @@ var extractClipboardItems_1 = __webpack_require__(/*! ./domUtils/event/extractCl
 Object.defineProperty(exports, "extractClipboardItems", ({ enumerable: true, get: function () { return extractClipboardItems_1.extractClipboardItems; } }));
 var cacheGetEventData_1 = __webpack_require__(/*! ./domUtils/event/cacheGetEventData */ "./packages/roosterjs-content-model-dom/lib/domUtils/event/cacheGetEventData.ts");
 Object.defineProperty(exports, "cacheGetEventData", ({ enumerable: true, get: function () { return cacheGetEventData_1.cacheGetEventData; } }));
+var paragraphMarker_1 = __webpack_require__(/*! ./domUtils/hiddenProperties/paragraphMarker */ "./packages/roosterjs-content-model-dom/lib/domUtils/hiddenProperties/paragraphMarker.ts");
+Object.defineProperty(exports, "setParagraphMarker", ({ enumerable: true, get: function () { return paragraphMarker_1.setParagraphMarker; } }));
+Object.defineProperty(exports, "getParagraphMarker", ({ enumerable: true, get: function () { return paragraphMarker_1.getParagraphMarker; } }));
 var isBlockGroupOfType_1 = __webpack_require__(/*! ./modelApi/typeCheck/isBlockGroupOfType */ "./packages/roosterjs-content-model-dom/lib/modelApi/typeCheck/isBlockGroupOfType.ts");
 Object.defineProperty(exports, "isBlockGroupOfType", ({ enumerable: true, get: function () { return isBlockGroupOfType_1.isBlockGroupOfType; } }));
 var iterateSelections_1 = __webpack_require__(/*! ./modelApi/selection/iterateSelections */ "./packages/roosterjs-content-model-dom/lib/modelApi/selection/iterateSelections.ts");
@@ -21251,7 +21497,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.m
  * @internal
  */
 function addLink(segment, link) {
-    if (link.format.href) {
+    if (link.format.href || link.format.name) {
         segment.link = {
             format: (0, tslib_1.__assign)({}, link.format),
             dataset: (0, tslib_1.__assign)({}, link.dataset),
@@ -21480,10 +21726,11 @@ exports.isBlockGroupEmpty = isBlockGroupEmpty;
 /**
  * @internal
  */
-function isSegmentEmpty(segment) {
+function isSegmentEmpty(segment, treatAnchorAsNotEmpty) {
+    var _a;
     switch (segment.segmentType) {
         case 'Text':
-            return !segment.text;
+            return !segment.text && (!treatAnchorAsNotEmpty || !((_a = segment.link) === null || _a === void 0 ? void 0 : _a.format.name));
         default:
             return false;
     }
@@ -21769,7 +22016,7 @@ function normalizeParagraphStyle(paragraph) {
 }
 function removeEmptySegments(block) {
     for (var j = block.segments.length - 1; j >= 0; j--) {
-        if ((0, isEmpty_1.isSegmentEmpty)(block.segments[j])) {
+        if ((0, isEmpty_1.isSegmentEmpty)(block.segments[j], true /*treatAnchorAsNotEmpty*/)) {
             (0, mutate_1.mutateBlock)(block).segments.splice(j, 1);
         }
     }
@@ -23163,6 +23410,7 @@ function deleteExpandedSelection(model, formatContext) {
         deleteResult: 'notDeleted',
         insertPoint: null,
         formatContext: formatContext,
+        undeletableSegments: [],
     };
     (0, iterateSelections_1.iterateSelections)(model, function (path, tableContext, readonlyBlock, readonlySegments) {
         // Set paragraph, format and index for default position where we will put cursor to.
@@ -23179,6 +23427,7 @@ function deleteExpandedSelection(model, formatContext) {
                 paragraph = block_1;
                 insertMarkerIndex = indexes[0];
                 markerFormat = (0, getSegmentTextFormat_1.getSegmentTextFormat)(segments[0], true /*includingBIU*/);
+                var isFirstDeletingParagraph_1 = !context.lastParagraph;
                 context.lastParagraph = paragraph;
                 context.lastTableContext = tableContext;
                 segments.forEach(function (segment, i) {
@@ -23189,7 +23438,8 @@ function deleteExpandedSelection(model, formatContext) {
                         // because this is possible a collapsed selection, then it will be handled later
                         context.insertPoint = createInsertPoint(segment, block_1, path, tableContext);
                     }
-                    else if ((0, deleteSegment_1.deleteSegment)(block_1, segment, context.formatContext)) {
+                    else if ((0, deleteSegment_1.deleteSegment)(block_1, segment, context.formatContext, undefined /*direction*/, isFirstDeletingParagraph_1 ? undefined : context.undeletableSegments // For first paragraph we can keep undeletable segments so no need to merge it later
+                    )) {
                         context.deleteResult = 'range';
                     }
                 });
@@ -23264,9 +23514,10 @@ var stringUtil_1 = __webpack_require__(/*! ../../domUtils/stringUtil */ "./packa
  * @param readonlySegmentToDelete The segment to delete
  * @param context @optional Context object provided by formatContentModel API
  * @param direction @optional Whether this is deleting forward or backward. This is only used for deleting entity.
+ * @param undeletableSegments @optional When passed, if this segment is undeletable, it will be added to this array instead of being deleted.
  * If not specified, only selected entity will be deleted
  */
-function deleteSegment(readonlyParagraph, readonlySegmentToDelete, context, direction) {
+function deleteSegment(readonlyParagraph, readonlySegmentToDelete, context, direction, undeletableSegments) {
     var _a = (0, tslib_1.__read)((0, mutate_1.mutateSegment)(readonlyParagraph, readonlySegmentToDelete), 3), paragraph = _a[0], segmentToDelete = _a[1], index = _a[2];
     var segments = paragraph.segments;
     var preserveWhiteSpace = (0, isWhiteSpacePreserved_1.isWhiteSpacePreserved)(paragraph.format.whiteSpace);
@@ -23279,7 +23530,7 @@ function deleteSegment(readonlyParagraph, readonlySegmentToDelete, context, dire
         case 'Br':
         case 'Image':
         case 'SelectionMarker':
-            segments.splice(index, 1);
+            removeSegment(segments, index, direction, undeletableSegments);
             return true;
         case 'Entity':
             var operation = segmentToDelete.isSelected
@@ -23290,7 +23541,7 @@ function deleteSegment(readonlyParagraph, readonlySegmentToDelete, context, dire
                         ? 'removeFromEnd'
                         : undefined;
             if (operation !== undefined) {
-                segments.splice(index, 1);
+                removeSegment(segments, index, direction, undeletableSegments);
                 context === null || context === void 0 ? void 0 : context.deletedEntities.push({
                     entity: segmentToDelete,
                     operation: operation,
@@ -23298,26 +23549,25 @@ function deleteSegment(readonlyParagraph, readonlySegmentToDelete, context, dire
             }
             return true;
         case 'Text':
-            var text = segmentToDelete.text;
-            if (text.length == 0 || segmentToDelete.isSelected) {
-                segments.splice(index, 1);
+            if (segmentToDelete.text.length == 0 || segmentToDelete.isSelected) {
+                segmentToDelete.text = '';
+                removeSegment(segments, index, direction, undeletableSegments);
             }
             else if (direction) {
+                var text = segmentToDelete.text;
                 text = (0, deleteSingleChar_1.deleteSingleChar)(text, isForward); //  isForward ? text.substring(1) : text.substring(0, text.length - 1);
                 if (!preserveWhiteSpace) {
                     text = (0, stringUtil_1.normalizeText)(text, isForward);
                 }
+                segmentToDelete.text = text;
                 if (text == '') {
-                    segments.splice(index, 1);
-                }
-                else {
-                    segmentToDelete.text = text;
+                    removeSegment(segments, index, direction, undeletableSegments);
                 }
             }
             return true;
         case 'General':
             if (segmentToDelete.isSelected) {
-                segments.splice(index, 1);
+                removeSegment(segments, index, direction, undeletableSegments);
                 return true;
             }
             else {
@@ -23328,6 +23578,42 @@ function deleteSegment(readonlyParagraph, readonlySegmentToDelete, context, dire
     }
 }
 exports.deleteSegment = deleteSegment;
+function removeSegment(segments, index, direction, undeletableSegments) {
+    var _a;
+    var segment = segments.splice(index, 1)[0];
+    if ((_a = segment.link) === null || _a === void 0 ? void 0 : _a.format.undeletable) {
+        // Segment is not deletable, but at least we should unselect it
+        delete segment.isSelected;
+        if (undeletableSegments) {
+            // For undeletable segments, if an undeletableSegments array is passed in,
+            // put it into this array after we delete it, so caller knows that we have deleted some undeletable segments
+            // and do proper handling
+            undeletableSegments.push(segment);
+        }
+        else {
+            // Otherwise, we need to reinsert it back to the segments array to keep the model consistent.
+            // We need to find the right place to insert it back based on the direction of deletion
+            var insertIndex = void 0;
+            switch (direction) {
+                case 'forward':
+                    insertIndex =
+                        index > 0 && segments[index - 1].segmentType == 'SelectionMarker'
+                            ? index - 1
+                            : index;
+                    break;
+                case 'backward':
+                    insertIndex =
+                        index < segments.length && segments[index].segmentType == 'SelectionMarker'
+                            ? index + 1
+                            : index;
+                    break;
+                default:
+                    insertIndex = index;
+            }
+            segments.splice(insertIndex, 0, segment);
+        }
+    }
+}
 function normalizePreviousSegment(paragraph, segments, currentIndex) {
     var _a;
     var index = currentIndex - 1;
@@ -23375,8 +23661,8 @@ function deleteSelection(model, additionalSteps, formatContext) {
 exports.deleteSelection = deleteSelection;
 // If we end up with multiple paragraphs impacted, we need to merge them
 function mergeParagraphAfterDelete(context) {
-    var _a;
-    var insertPoint = context.insertPoint, deleteResult = context.deleteResult, lastParagraph = context.lastParagraph, lastTableContext = context.lastTableContext;
+    var _a, _b;
+    var insertPoint = context.insertPoint, deleteResult = context.deleteResult, lastParagraph = context.lastParagraph, lastTableContext = context.lastTableContext, undeletableSegments = context.undeletableSegments;
     if (insertPoint &&
         deleteResult != 'notDeleted' &&
         deleteResult != 'nothingToDelete' &&
@@ -23384,7 +23670,11 @@ function mergeParagraphAfterDelete(context) {
         lastParagraph != insertPoint.paragraph &&
         lastTableContext == insertPoint.tableContext) {
         var mutableLastParagraph = (0, mutate_1.mutateBlock)(lastParagraph);
-        (_a = (0, mutate_1.mutateBlock)(insertPoint.paragraph).segments).push.apply(_a, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(mutableLastParagraph.segments), false));
+        var mutableInsertingParagraph = (0, mutate_1.mutateBlock)(insertPoint.paragraph);
+        if (undeletableSegments) {
+            (_a = mutableLastParagraph.segments).unshift.apply(_a, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(undeletableSegments), false));
+        }
+        (_b = mutableInsertingParagraph.segments).push.apply(_b, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(mutableLastParagraph.segments), false));
         mutableLastParagraph.segments = [];
     }
 }
@@ -26544,7 +26834,7 @@ var handleParagraph = function (doc, parent, paragraph, context, refNode) {
     }
     else {
         (0, stackFormat_1.stackFormat)(context, ((_a = paragraph.decorator) === null || _a === void 0 ? void 0 : _a.tagName) || null, function () {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e;
             var needParagraphWrapper = !paragraph.isImplicit ||
                 !!paragraph.decorator ||
                 ((0, getObjectKeys_1.getObjectKeys)(paragraph.format).length > 0 &&
@@ -26582,6 +26872,7 @@ var handleParagraph = function (doc, parent, paragraph, context, refNode) {
                 (0, applyFormat_1.applyFormat)(container, context.formatAppliers.block, paragraph.format, context);
                 (0, applyFormat_1.applyFormat)(container, context.formatAppliers.container, paragraph.format, context);
                 (0, applyFormat_1.applyFormat)(container, context.formatAppliers.segmentOnBlock, formatOnWrapper, context);
+                (_c = context.paragraphMap) === null || _c === void 0 ? void 0 : _c.applyMarkerToDom(container, paragraph);
             }
             else {
                 handleSegments();
@@ -26595,8 +26886,8 @@ var handleParagraph = function (doc, parent, paragraph, context, refNode) {
             // to make sure the value is correct.
             refNode = container.nextSibling;
             if (container) {
-                (_c = context.onNodeCreated) === null || _c === void 0 ? void 0 : _c.call(context, paragraph, container);
-                (_d = context.domIndexer) === null || _d === void 0 ? void 0 : _d.onParagraph(container);
+                (_d = context.onNodeCreated) === null || _d === void 0 ? void 0 : _d.call(context, paragraph, container);
+                (_e = context.domIndexer) === null || _e === void 0 ? void 0 : _e.onParagraph(container);
             }
             if (needParagraphWrapper) {
                 if (context.allowCacheElement) {
@@ -29446,19 +29737,40 @@ function shouldDeleteWithContentModel(selection, rawEvent, handleExpandedSelecti
     }
     else {
         var range = selection.range;
+        var startContainer = range.startContainer;
+        var startOffset = range.startOffset;
         // When selection is collapsed and is in middle of text node, no need to use Content Model to delete
-        return !((0, roosterjs_content_model_dom_1.isNodeOfType)(range.startContainer, 'TEXT_NODE') &&
+        return !((0, roosterjs_content_model_dom_1.isNodeOfType)(startContainer, 'TEXT_NODE') &&
             !(0, roosterjs_content_model_dom_1.isModifierKey)(rawEvent) &&
-            (canDeleteBefore(rawEvent, range) || canDeleteAfter(rawEvent, range)));
+            (canDeleteBefore(rawEvent, startContainer, startOffset) ||
+                canDeleteAfter(rawEvent, startContainer, startOffset)));
     }
 }
-function canDeleteBefore(rawEvent, range) {
-    return rawEvent.key == 'Backspace' && range.startOffset > 1;
+function canDeleteBefore(rawEvent, text, offset) {
+    var _a, _b;
+    if (rawEvent.key != 'Backspace' || offset <= 1) {
+        return false;
+    }
+    var length = (_b = (_a = text.nodeValue) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+    if (offset == length) {
+        // At the end of text, need to check if next segment is deletable
+        var nextSibling = text.nextSibling;
+        var isNextSiblingUndeletable = (0, roosterjs_content_model_dom_1.isNodeOfType)(nextSibling, 'ELEMENT_NODE') &&
+            (0, roosterjs_content_model_dom_1.isElementOfType)(nextSibling, 'a') &&
+            (0, roosterjs_content_model_dom_1.isLinkUndeletable)(nextSibling) &&
+            !nextSibling.firstChild;
+        // If next sibling is undeletable, we cannot let browser handle it since it will remove the anchor
+        // So we return false here to let Content Model handle it
+        return !isNextSiblingUndeletable;
+    }
+    else {
+        // In middle of text, we can safely let browser handle deletion
+        return true;
+    }
 }
-function canDeleteAfter(rawEvent, range) {
+function canDeleteAfter(rawEvent, text, offset) {
     var _a, _b;
-    return (rawEvent.key == 'Delete' &&
-        range.startOffset < ((_b = (_a = range.startContainer.nodeValue) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - 1);
+    return rawEvent.key == 'Delete' && offset < ((_b = (_a = text.nodeValue) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - 1;
 }
 
 
@@ -30022,6 +30334,122 @@ function splitParagraph(insertPoint) {
 exports.splitParagraph = splitParagraph;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/hiddenProperty/HiddenPropertyPlugin.ts":
+/*!*********************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/hiddenProperty/HiddenPropertyPlugin.ts ***!
+  \*********************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.HiddenPropertyPlugin = void 0;
+var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
+var fixupHiddenProperties_1 = __webpack_require__(/*! ./fixupHiddenProperties */ "./packages/roosterjs-content-model-plugins/lib/hiddenProperty/fixupHiddenProperties.ts");
+/**
+ * HiddenPropertyPlugin helps editor to maintain hidden properties in DOM after editor content is reset using HTML
+ */
+var HiddenPropertyPlugin = /** @class */ (function () {
+    /**
+     * Construct a new instance of FormatPlugin class
+     * @param option The editor option
+     */
+    function HiddenPropertyPlugin(option) {
+        this.option = option;
+        this.editor = null;
+    }
+    /**
+     * Get name of this plugin
+     */
+    HiddenPropertyPlugin.prototype.getName = function () {
+        return 'HiddenProperty';
+    };
+    /**
+     * The first method that editor will call to a plugin when editor is initializing.
+     * It will pass in the editor instance, plugin should take this chance to save the
+     * editor reference so that it can call to any editor method or format API later.
+     * @param editor The editor object
+     */
+    HiddenPropertyPlugin.prototype.initialize = function (editor) {
+        this.editor = editor;
+    };
+    /**
+     * The last method that editor will call to a plugin before it is disposed.
+     * Plugin can take this chance to clear the reference to editor. After this method is
+     * called, plugin should not call to any editor method since it will result in error.
+     */
+    HiddenPropertyPlugin.prototype.dispose = function () {
+        this.editor = null;
+    };
+    /**
+     * Core method for a plugin. Once an event happens in editor, editor will call this
+     * method of each plugin to handle the event as long as the event is not handled
+     * exclusively by another plugin.
+     * @param event The event to handle:
+     */
+    HiddenPropertyPlugin.prototype.onPluginEvent = function (event) {
+        if (!this.editor) {
+            return;
+        }
+        if (event.eventType == 'contentChanged' && event.source == roosterjs_content_model_dom_1.ChangeSource.SetContent) {
+            (0, fixupHiddenProperties_1.fixupHiddenProperties)(this.editor, this.option);
+        }
+    };
+    return HiddenPropertyPlugin;
+}());
+exports.HiddenPropertyPlugin = HiddenPropertyPlugin;
+
+
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/hiddenProperty/fixupHiddenProperties.ts":
+/*!**********************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/hiddenProperty/fixupHiddenProperties.ts ***!
+  \**********************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.fixupHiddenProperties = 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
+ * Maintain hidden properties in DOM after editor content is reset using HTML
+ * This includes:
+ * 1. Undeletable property
+ */
+function fixupHiddenProperties(editor, options) {
+    if (options.undeletableLinkChecker) {
+        checkUndeletable(editor, options.undeletableLinkChecker);
+    }
+    // Add more hidden properties checkers here
+}
+exports.fixupHiddenProperties = fixupHiddenProperties;
+function checkUndeletable(editor, checker) {
+    var e_1, _a;
+    var anchors = editor.getDOMHelper().queryElements('a');
+    try {
+        for (var anchors_1 = (0, tslib_1.__values)(anchors), anchors_1_1 = anchors_1.next(); !anchors_1_1.done; anchors_1_1 = anchors_1.next()) {
+            var a = anchors_1_1.value;
+            if (checker(a)) {
+                (0, roosterjs_content_model_dom_1.setLinkUndeletable)(a, true);
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (anchors_1_1 && !anchors_1_1.done && (_a = anchors_1.return)) _a.call(anchors_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+}
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/hyperlink/HyperlinkPlugin.ts":
@@ -32379,7 +32807,7 @@ exports.updateWrapper = updateWrapper;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.ImageEditPlugin = exports.CustomReplacePlugin = exports.PickerPlugin = exports.HyperlinkPlugin = exports.MarkdownPlugin = exports.isModelEmptyFast = exports.WatermarkPlugin = exports.ContextMenuPluginBase = exports.ShortcutPlugin = exports.ShortcutOutdentList = exports.ShortcutIndentList = exports.ShortcutDecreaseFont = exports.ShortcutIncreaseFont = exports.ShortcutNumbering = exports.ShortcutBullet = exports.ShortcutRedoMacOS = exports.ShortcutRedoAlt = exports.ShortcutRedo = exports.ShortcutUndo2 = exports.ShortcutUndo = exports.ShortcutClearFormat = exports.ShortcutUnderline = exports.ShortcutItalic = exports.ShortcutBold = exports.AutoFormatPlugin = exports.EditPlugin = exports.DefaultSanitizers = exports.PastePlugin = exports.TableEditPlugin = void 0;
+exports.HiddenPropertyPlugin = exports.ImageEditPlugin = exports.CustomReplacePlugin = exports.PickerPlugin = exports.HyperlinkPlugin = exports.MarkdownPlugin = exports.isModelEmptyFast = exports.WatermarkPlugin = exports.ContextMenuPluginBase = exports.ShortcutPlugin = exports.ShortcutOutdentList = exports.ShortcutIndentList = exports.ShortcutDecreaseFont = exports.ShortcutIncreaseFont = exports.ShortcutNumbering = exports.ShortcutBullet = exports.ShortcutRedoMacOS = exports.ShortcutRedoAlt = exports.ShortcutRedo = exports.ShortcutUndo2 = exports.ShortcutUndo = exports.ShortcutClearFormat = exports.ShortcutUnderline = exports.ShortcutItalic = exports.ShortcutBold = exports.AutoFormatPlugin = exports.EditPlugin = exports.DefaultSanitizers = exports.PastePlugin = exports.TableEditPlugin = void 0;
 var TableEditPlugin_1 = __webpack_require__(/*! ./tableEdit/TableEditPlugin */ "./packages/roosterjs-content-model-plugins/lib/tableEdit/TableEditPlugin.ts");
 Object.defineProperty(exports, "TableEditPlugin", ({ enumerable: true, get: function () { return TableEditPlugin_1.TableEditPlugin; } }));
 var PastePlugin_1 = __webpack_require__(/*! ./paste/PastePlugin */ "./packages/roosterjs-content-model-plugins/lib/paste/PastePlugin.ts");
@@ -32424,6 +32852,8 @@ var CustomReplacePlugin_1 = __webpack_require__(/*! ./customReplace/CustomReplac
 Object.defineProperty(exports, "CustomReplacePlugin", ({ enumerable: true, get: function () { return CustomReplacePlugin_1.CustomReplacePlugin; } }));
 var ImageEditPlugin_1 = __webpack_require__(/*! ./imageEdit/ImageEditPlugin */ "./packages/roosterjs-content-model-plugins/lib/imageEdit/ImageEditPlugin.ts");
 Object.defineProperty(exports, "ImageEditPlugin", ({ enumerable: true, get: function () { return ImageEditPlugin_1.ImageEditPlugin; } }));
+var HiddenPropertyPlugin_1 = __webpack_require__(/*! ./hiddenProperty/HiddenPropertyPlugin */ "./packages/roosterjs-content-model-plugins/lib/hiddenProperty/HiddenPropertyPlugin.ts");
+Object.defineProperty(exports, "HiddenPropertyPlugin", ({ enumerable: true, get: function () { return HiddenPropertyPlugin_1.HiddenPropertyPlugin; } }));
 
 
 /***/ }),