roosterjs-content-model-plugins 0.21.2 → 0.21.4

package/lib-amd/entityDelimiter/EntityDelimiterPlugin.js

@@ -1,254 +1,256 @@
-define(["require", "exports", "roosterjs-content-model-core", "roosterjs-content-model-dom", "roosterjs-editor-dom"], function (require, exports, roosterjs_content_model_core_1, roosterjs_content_model_dom_1, roosterjs_editor_dom_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.normalizeDelimitersInEditor = exports.EntityDelimiterPlugin = void 0;
-    var DELIMITER_SELECTOR = '.' + "entityDelimiterAfter" /* DELIMITER_AFTER */ + ',.' + "entityDelimiterBefore" /* DELIMITER_BEFORE */;
-    var ZERO_WIDTH_SPACE = '\u200B';
-    var INLINE_ENTITY_SELECTOR = 'span' + (0, roosterjs_editor_dom_1.getEntitySelector)();
-    /**
-     * Entity delimiter plugin helps maintain delimiter elements around an entity so that user can put focus before/after an entity
-     */
-    var EntityDelimiterPlugin = /** @class */ (function () {
-        function EntityDelimiterPlugin() {
-            this.editor = null;
-        }
-        /**
-         * Get a friendly name of this plugin
-         */
-        EntityDelimiterPlugin.prototype.getName = function () {
-            return 'EntityDelimiter';
-        };
-        /**
-         * 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
-         */
-        EntityDelimiterPlugin.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.
-         */
-        EntityDelimiterPlugin.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:
-         */
-        EntityDelimiterPlugin.prototype.onPluginEvent = function (event) {
-            if (this.editor) {
-                switch (event.eventType) {
-                    case 7 /* ContentChanged */:
-                    case 11 /* EditorReady */:
-                        normalizeDelimitersInEditor(this.editor);
-                        break;
-                    case 10 /* BeforePaste */:
-                        var fragment = event.fragment;
-                        addDelimitersIfNeeded(fragment.querySelectorAll(INLINE_ENTITY_SELECTOR));
-                        break;
-                    case 8 /* ExtractContentWithDom */:
-                    case 9 /* BeforeCutCopy */:
-                        event.clonedRoot.querySelectorAll(DELIMITER_SELECTOR).forEach(function (node) {
-                            if ((0, roosterjs_editor_dom_1.getDelimiterFromElement)(node)) {
-                                removeNode(node);
-                            }
-                            else {
-                                removeDelimiterAttr(node);
-                            }
-                        });
-                        break;
-                    case 0 /* KeyDown */:
-                        handleKeyDownEvent(this.editor, event);
-                        break;
-                }
-            }
-        };
-        return EntityDelimiterPlugin;
-    }());
-    exports.EntityDelimiterPlugin = EntityDelimiterPlugin;
-    function preventTypeInDelimiter(delimiter) {
-        var _a, _b, _c, _d;
-        delimiter.normalize();
-        var textNode = delimiter.firstChild;
-        var index = (_b = (_a = textNode.nodeValue) === null || _a === void 0 ? void 0 : _a.indexOf(ZERO_WIDTH_SPACE)) !== null && _b !== void 0 ? _b : -1;
-        if (index >= 0) {
-            (0, roosterjs_editor_dom_1.splitTextNode)(textNode, index == 0 ? 1 : index, false /* returnFirstPart */);
-            var nodeToMove_1;
-            delimiter.childNodes.forEach(function (node) {
-                if (node.nodeValue !== ZERO_WIDTH_SPACE) {
-                    nodeToMove_1 = node;
-                }
-            });
-            if (nodeToMove_1) {
-                (_c = delimiter.parentElement) === null || _c === void 0 ? void 0 : _c.insertBefore(nodeToMove_1, delimiter.className == "entityDelimiterBefore" /* DELIMITER_BEFORE */
-                    ? delimiter
-                    : delimiter.nextSibling);
-                var selection = (_d = nodeToMove_1.ownerDocument) === null || _d === void 0 ? void 0 : _d.getSelection();
-                if (selection) {
-                    selection.setPosition(nodeToMove_1, new roosterjs_editor_dom_1.Position(nodeToMove_1, -1 /* End */).offset);
-                }
-            }
-        }
-    }
-    /**
-     * @internal
-     */
-    function normalizeDelimitersInEditor(editor) {
-        removeInvalidDelimiters(editor.queryElements(DELIMITER_SELECTOR));
-        addDelimitersIfNeeded(editor.queryElements(INLINE_ENTITY_SELECTOR));
-    }
-    exports.normalizeDelimitersInEditor = normalizeDelimitersInEditor;
-    function addDelimitersIfNeeded(nodes) {
-        nodes.forEach(function (node) {
-            if ((0, roosterjs_content_model_dom_1.isEntityElement)(node)) {
-                (0, roosterjs_content_model_dom_1.addDelimiters)(node.ownerDocument, node);
-            }
-        });
-    }
-    function removeNode(el) {
-        var _a;
-        (_a = el === null || el === void 0 ? void 0 : el.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(el);
-    }
-    function removeInvalidDelimiters(nodes) {
-        nodes.forEach(function (node) {
-            if ((0, roosterjs_editor_dom_1.getDelimiterFromElement)(node)) {
-                var sibling = node.classList.contains("entityDelimiterBefore" /* DELIMITER_BEFORE */)
-                    ? node.nextElementSibling
-                    : node.previousElementSibling;
-                if (!((0, roosterjs_content_model_dom_1.isNodeOfType)(sibling, 'ELEMENT_NODE') && (0, roosterjs_editor_dom_1.getEntityFromElement)(sibling))) {
-                    removeNode(node);
-                }
-            }
-            else {
-                removeDelimiterAttr(node);
-            }
-        });
-    }
-    function removeDelimiterAttr(node, checkEntity) {
-        if (checkEntity === void 0) { checkEntity = true; }
-        if (!node) {
-            return;
-        }
-        var isAfter = node.classList.contains("entityDelimiterAfter" /* DELIMITER_AFTER */);
-        var entitySibling = isAfter ? node.previousElementSibling : node.nextElementSibling;
-        if (checkEntity && entitySibling && (0, roosterjs_content_model_dom_1.isEntityElement)(entitySibling)) {
-            return;
-        }
-        node.classList.remove("entityDelimiterAfter" /* DELIMITER_AFTER */, "entityDelimiterBefore" /* DELIMITER_BEFORE */);
-        node.normalize();
-        node.childNodes.forEach(function (cn) {
-            var _a, _b, _c;
-            var index = (_b = (_a = cn.textContent) === null || _a === void 0 ? void 0 : _a.indexOf(ZERO_WIDTH_SPACE)) !== null && _b !== void 0 ? _b : -1;
-            if (index >= 0) {
-                (_c = (0, roosterjs_editor_dom_1.createRange)(cn, index, cn, index + 1)) === null || _c === void 0 ? void 0 : _c.deleteContents();
-            }
-        });
-    }
-    function handleCollapsedEnter(editor, delimiter) {
-        var isAfter = delimiter.classList.contains("entityDelimiterAfter" /* DELIMITER_AFTER */);
-        var entity = !isAfter ? delimiter.nextSibling : delimiter.previousSibling;
-        var block = getBlock(editor, delimiter);
-        editor.runAsync(function () {
-            if (!block) {
-                return;
-            }
-            var blockToCheck = isAfter ? block.nextSibling : block.previousSibling;
-            if (blockToCheck && (0, roosterjs_content_model_dom_1.isNodeOfType)(blockToCheck, 'ELEMENT_NODE')) {
-                var delimiters = blockToCheck.querySelectorAll(DELIMITER_SELECTOR);
-                // Check if the last or first delimiter still contain the delimiter class and remove it.
-                var delimiterToCheck = delimiters.item(isAfter ? 0 : delimiters.length - 1);
-                removeDelimiterAttr(delimiterToCheck);
-            }
-            if (entity && (0, roosterjs_content_model_dom_1.isEntityElement)(entity)) {
-                var entityElement = entity;
-                var nextElementSibling = entityElement.nextElementSibling, previousElementSibling = entityElement.previousElementSibling;
-                [nextElementSibling, previousElementSibling].forEach(function (el) {
-                    // Check if after Enter the ZWS got removed but we still have a element with the class
-                    // Remove the attributes of the element if it is invalid now.
-                    if (el && (0, roosterjs_editor_dom_1.matchesSelector)(el, DELIMITER_SELECTOR) && !(0, roosterjs_editor_dom_1.getDelimiterFromElement)(el)) {
-                        removeDelimiterAttr(el, false /* checkEntity */);
-                    }
-                });
-                // Add delimiters to the entity if needed because on Enter we can sometimes lose the ZWS of the element.
-                (0, roosterjs_content_model_dom_1.addDelimiters)(entityElement.ownerDocument, entityElement);
-            }
-        });
-    }
-    var getPosition = function (container) {
-        if (container && (0, roosterjs_editor_dom_1.getDelimiterFromElement)(container)) {
-            var isAfter = container.classList.contains("entityDelimiterAfter" /* DELIMITER_AFTER */);
-            return new roosterjs_editor_dom_1.Position(container, isAfter ? -3 /* After */ : -2 /* Before */);
-        }
-        return undefined;
-    };
-    function getBlock(editor, element) {
-        var _a;
-        if (!element) {
-            return undefined;
-        }
-        var block = (_a = editor.getBlockElementAtNode(element)) === null || _a === void 0 ? void 0 : _a.getStartNode();
-        while (block && (!(0, roosterjs_content_model_dom_1.isNodeOfType)(block, 'ELEMENT_NODE') || !(0, roosterjs_content_model_dom_1.isBlockElement)(block))) {
-            block = editor.contains(block.parentElement) ? block.parentElement : undefined;
-        }
-        return block;
-    }
-    function handleSelectionNotCollapsed(editor, range, event) {
-        var startContainer = range.startContainer, endContainer = range.endContainer, startOffset = range.startOffset, endOffset = range.endOffset;
-        var startElement = editor.getElementAtCursor(DELIMITER_SELECTOR, startContainer);
-        var endElement = editor.getElementAtCursor(DELIMITER_SELECTOR, endContainer);
-        var startUpdate = getPosition(startElement);
-        var endUpdate = getPosition(endElement);
-        if (startUpdate || endUpdate) {
-            editor.select(startUpdate !== null && startUpdate !== void 0 ? startUpdate : new roosterjs_editor_dom_1.Position(startContainer, startOffset), endUpdate !== null && endUpdate !== void 0 ? endUpdate : new roosterjs_editor_dom_1.Position(endContainer, endOffset));
-        }
-        editor.runAsync(function (aEditor) {
-            var delimiter = aEditor.getElementAtCursor(DELIMITER_SELECTOR);
-            if (delimiter) {
-                preventTypeInDelimiter(delimiter);
-                if (event.which === 13 /* ENTER */) {
-                    removeDelimiterAttr(delimiter);
-                }
-            }
-        });
-    }
-    function handleKeyDownEvent(editor, event) {
-        var _a, _b;
-        var range = editor.getSelectionRangeEx();
-        var rawEvent = event.rawEvent;
-        if (range.type != 0 /* Normal */) {
-            return;
-        }
-        if (range.areAllCollapsed && ((0, roosterjs_content_model_core_1.isCharacterValue)(rawEvent) || rawEvent.which === 13 /* ENTER */)) {
-            var position = (_a = editor.getFocusedPosition()) === null || _a === void 0 ? void 0 : _a.normalize();
-            if (!position) {
-                return;
-            }
-            var element = position.element, node = position.node;
-            var refNode = element == node ? element.childNodes.item(position.offset) : element;
-            var delimiter_1 = editor.getElementAtCursor(DELIMITER_SELECTOR, refNode);
-            if (!delimiter_1) {
-                return;
-            }
-            if (rawEvent.which === 13 /* ENTER */) {
-                handleCollapsedEnter(editor, delimiter_1);
-            }
-            else if (((_b = delimiter_1.firstChild) === null || _b === void 0 ? void 0 : _b.nodeType) == 3 /* Text */) {
-                editor.runAsync(function () { return preventTypeInDelimiter(delimiter_1); });
-            }
-        }
-        else if (!range.areAllCollapsed && !rawEvent.shiftKey && rawEvent.which != 16 /* SHIFT */) {
-            var currentRange = range.ranges[0];
-            if (!currentRange) {
-                return;
-            }
-            handleSelectionNotCollapsed(editor, currentRange, rawEvent);
-        }
-    }
-});
+define(["require", "exports", "roosterjs-content-model-core", "roosterjs-content-model-dom", "roosterjs-editor-dom"], function (require, exports, roosterjs_content_model_core_1, roosterjs_content_model_dom_1, roosterjs_editor_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.normalizeDelimitersInEditor = exports.EntityDelimiterPlugin = void 0;
+    var DELIMITER_SELECTOR = '.' + "entityDelimiterAfter" /* DELIMITER_AFTER */ + ',.' + "entityDelimiterBefore" /* DELIMITER_BEFORE */;
+    var ZERO_WIDTH_SPACE = '\u200B';
+    var INLINE_ENTITY_SELECTOR = 'span' + (0, roosterjs_editor_dom_1.getEntitySelector)();
+    /**
+     * Entity delimiter plugin helps maintain delimiter elements around an entity so that user can put focus before/after an entity
+     */
+    var EntityDelimiterPlugin = /** @class */ (function () {
+        function EntityDelimiterPlugin() {
+            this.editor = null;
+        }
+        /**
+         * Get a friendly name of this plugin
+         */
+        EntityDelimiterPlugin.prototype.getName = function () {
+            return 'EntityDelimiter';
+        };
+        /**
+         * 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
+         */
+        EntityDelimiterPlugin.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.
+         */
+        EntityDelimiterPlugin.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:
+         */
+        EntityDelimiterPlugin.prototype.onPluginEvent = function (event) {
+            if (this.editor) {
+                switch (event.eventType) {
+                    case 7 /* ContentChanged */:
+                    case 11 /* EditorReady */:
+                        normalizeDelimitersInEditor(this.editor);
+                        break;
+                    case 10 /* BeforePaste */:
+                        var fragment = event.fragment;
+                        addDelimitersIfNeeded(fragment.querySelectorAll(INLINE_ENTITY_SELECTOR));
+                        break;
+                    case 8 /* ExtractContentWithDom */:
+                    case 9 /* BeforeCutCopy */:
+                        event.clonedRoot.querySelectorAll(DELIMITER_SELECTOR).forEach(function (node) {
+                            if ((0, roosterjs_editor_dom_1.getDelimiterFromElement)(node)) {
+                                removeNode(node);
+                            }
+                            else {
+                                removeDelimiterAttr(node);
+                            }
+                        });
+                        break;
+                    case 0 /* KeyDown */:
+                        handleKeyDownEvent(this.editor, event);
+                        break;
+                }
+            }
+        };
+        return EntityDelimiterPlugin;
+    }());
+    exports.EntityDelimiterPlugin = EntityDelimiterPlugin;
+    function preventTypeInDelimiter(delimiter) {
+        var _a, _b, _c, _d;
+        delimiter.normalize();
+        var textNode = delimiter.firstChild;
+        var index = (_b = (_a = textNode.nodeValue) === null || _a === void 0 ? void 0 : _a.indexOf(ZERO_WIDTH_SPACE)) !== null && _b !== void 0 ? _b : -1;
+        if (index >= 0) {
+            (0, roosterjs_editor_dom_1.splitTextNode)(textNode, index == 0 ? 1 : index, false /* returnFirstPart */);
+            var nodeToMove_1;
+            delimiter.childNodes.forEach(function (node) {
+                if (node.nodeValue !== ZERO_WIDTH_SPACE) {
+                    nodeToMove_1 = node;
+                }
+            });
+            if (nodeToMove_1) {
+                (_c = delimiter.parentElement) === null || _c === void 0 ? void 0 : _c.insertBefore(nodeToMove_1, delimiter.className == "entityDelimiterBefore" /* DELIMITER_BEFORE */
+                    ? delimiter
+                    : delimiter.nextSibling);
+                var selection = (_d = nodeToMove_1.ownerDocument) === null || _d === void 0 ? void 0 : _d.getSelection();
+                if (selection) {
+                    selection.setPosition(nodeToMove_1, new roosterjs_editor_dom_1.Position(nodeToMove_1, -1 /* End */).offset);
+                }
+            }
+        }
+    }
+    /**
+     * @internal
+     */
+    function normalizeDelimitersInEditor(editor) {
+        removeInvalidDelimiters(editor.queryElements(DELIMITER_SELECTOR));
+        addDelimitersIfNeeded(editor.queryElements(INLINE_ENTITY_SELECTOR));
+    }
+    exports.normalizeDelimitersInEditor = normalizeDelimitersInEditor;
+    function addDelimitersIfNeeded(nodes) {
+        nodes.forEach(function (node) {
+            if ((0, roosterjs_content_model_dom_1.isNodeOfType)(node, 'ELEMENT_NODE') &&
+                (0, roosterjs_content_model_dom_1.isEntityElement)(node) &&
+                !node.isContentEditable) {
+                (0, roosterjs_content_model_dom_1.addDelimiters)(node.ownerDocument, node);
+            }
+        });
+    }
+    function removeNode(el) {
+        var _a;
+        (_a = el === null || el === void 0 ? void 0 : el.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(el);
+    }
+    function removeInvalidDelimiters(nodes) {
+        nodes.forEach(function (node) {
+            if ((0, roosterjs_editor_dom_1.getDelimiterFromElement)(node)) {
+                var sibling = node.classList.contains("entityDelimiterBefore" /* DELIMITER_BEFORE */)
+                    ? node.nextElementSibling
+                    : node.previousElementSibling;
+                if (!((0, roosterjs_content_model_dom_1.isNodeOfType)(sibling, 'ELEMENT_NODE') && (0, roosterjs_editor_dom_1.getEntityFromElement)(sibling))) {
+                    removeNode(node);
+                }
+            }
+            else {
+                removeDelimiterAttr(node);
+            }
+        });
+    }
+    function removeDelimiterAttr(node, checkEntity) {
+        if (checkEntity === void 0) { checkEntity = true; }
+        if (!node) {
+            return;
+        }
+        var isAfter = node.classList.contains("entityDelimiterAfter" /* DELIMITER_AFTER */);
+        var entitySibling = isAfter ? node.previousElementSibling : node.nextElementSibling;
+        if (checkEntity && entitySibling && (0, roosterjs_content_model_dom_1.isEntityElement)(entitySibling)) {
+            return;
+        }
+        node.classList.remove("entityDelimiterAfter" /* DELIMITER_AFTER */, "entityDelimiterBefore" /* DELIMITER_BEFORE */);
+        node.normalize();
+        node.childNodes.forEach(function (cn) {
+            var _a, _b, _c;
+            var index = (_b = (_a = cn.textContent) === null || _a === void 0 ? void 0 : _a.indexOf(ZERO_WIDTH_SPACE)) !== null && _b !== void 0 ? _b : -1;
+            if (index >= 0) {
+                (_c = (0, roosterjs_editor_dom_1.createRange)(cn, index, cn, index + 1)) === null || _c === void 0 ? void 0 : _c.deleteContents();
+            }
+        });
+    }
+    function handleCollapsedEnter(editor, delimiter) {
+        var isAfter = delimiter.classList.contains("entityDelimiterAfter" /* DELIMITER_AFTER */);
+        var entity = !isAfter ? delimiter.nextSibling : delimiter.previousSibling;
+        var block = getBlock(editor, delimiter);
+        editor.runAsync(function () {
+            if (!block) {
+                return;
+            }
+            var blockToCheck = isAfter ? block.nextSibling : block.previousSibling;
+            if (blockToCheck && (0, roosterjs_content_model_dom_1.isNodeOfType)(blockToCheck, 'ELEMENT_NODE')) {
+                var delimiters = blockToCheck.querySelectorAll(DELIMITER_SELECTOR);
+                // Check if the last or first delimiter still contain the delimiter class and remove it.
+                var delimiterToCheck = delimiters.item(isAfter ? 0 : delimiters.length - 1);
+                removeDelimiterAttr(delimiterToCheck);
+            }
+            if (entity && (0, roosterjs_content_model_dom_1.isEntityElement)(entity)) {
+                var entityElement = entity;
+                var nextElementSibling = entityElement.nextElementSibling, previousElementSibling = entityElement.previousElementSibling;
+                [nextElementSibling, previousElementSibling].forEach(function (el) {
+                    // Check if after Enter the ZWS got removed but we still have a element with the class
+                    // Remove the attributes of the element if it is invalid now.
+                    if (el && (0, roosterjs_editor_dom_1.matchesSelector)(el, DELIMITER_SELECTOR) && !(0, roosterjs_editor_dom_1.getDelimiterFromElement)(el)) {
+                        removeDelimiterAttr(el, false /* checkEntity */);
+                    }
+                });
+                // Add delimiters to the entity if needed because on Enter we can sometimes lose the ZWS of the element.
+                (0, roosterjs_content_model_dom_1.addDelimiters)(entityElement.ownerDocument, entityElement);
+            }
+        });
+    }
+    var getPosition = function (container) {
+        if (container && (0, roosterjs_editor_dom_1.getDelimiterFromElement)(container)) {
+            var isAfter = container.classList.contains("entityDelimiterAfter" /* DELIMITER_AFTER */);
+            return new roosterjs_editor_dom_1.Position(container, isAfter ? -3 /* After */ : -2 /* Before */);
+        }
+        return undefined;
+    };
+    function getBlock(editor, element) {
+        var _a;
+        if (!element) {
+            return undefined;
+        }
+        var block = (_a = editor.getBlockElementAtNode(element)) === null || _a === void 0 ? void 0 : _a.getStartNode();
+        while (block && (!(0, roosterjs_content_model_dom_1.isNodeOfType)(block, 'ELEMENT_NODE') || !(0, roosterjs_content_model_dom_1.isBlockElement)(block))) {
+            block = editor.contains(block.parentElement) ? block.parentElement : undefined;
+        }
+        return block;
+    }
+    function handleSelectionNotCollapsed(editor, range, event) {
+        var startContainer = range.startContainer, endContainer = range.endContainer, startOffset = range.startOffset, endOffset = range.endOffset;
+        var startElement = editor.getElementAtCursor(DELIMITER_SELECTOR, startContainer);
+        var endElement = editor.getElementAtCursor(DELIMITER_SELECTOR, endContainer);
+        var startUpdate = getPosition(startElement);
+        var endUpdate = getPosition(endElement);
+        if (startUpdate || endUpdate) {
+            editor.select(startUpdate !== null && startUpdate !== void 0 ? startUpdate : new roosterjs_editor_dom_1.Position(startContainer, startOffset), endUpdate !== null && endUpdate !== void 0 ? endUpdate : new roosterjs_editor_dom_1.Position(endContainer, endOffset));
+        }
+        editor.runAsync(function (aEditor) {
+            var delimiter = aEditor.getElementAtCursor(DELIMITER_SELECTOR);
+            if (delimiter) {
+                preventTypeInDelimiter(delimiter);
+                if (event.which === 13 /* ENTER */) {
+                    removeDelimiterAttr(delimiter);
+                }
+            }
+        });
+    }
+    function handleKeyDownEvent(editor, event) {
+        var _a, _b;
+        var range = editor.getSelectionRangeEx();
+        var rawEvent = event.rawEvent;
+        if (range.type != 0 /* Normal */) {
+            return;
+        }
+        if (range.areAllCollapsed && ((0, roosterjs_content_model_core_1.isCharacterValue)(rawEvent) || rawEvent.which === 13 /* ENTER */)) {
+            var position = (_a = editor.getFocusedPosition()) === null || _a === void 0 ? void 0 : _a.normalize();
+            if (!position) {
+                return;
+            }
+            var element = position.element, node = position.node;
+            var refNode = element == node ? element.childNodes.item(position.offset) : element;
+            var delimiter_1 = editor.getElementAtCursor(DELIMITER_SELECTOR, refNode);
+            if (!delimiter_1) {
+                return;
+            }
+            if (rawEvent.which === 13 /* ENTER */) {
+                handleCollapsedEnter(editor, delimiter_1);
+            }
+            else if (((_b = delimiter_1.firstChild) === null || _b === void 0 ? void 0 : _b.nodeType) == 3 /* Text */) {
+                editor.runAsync(function () { return preventTypeInDelimiter(delimiter_1); });
+            }
+        }
+        else if (!range.areAllCollapsed && !rawEvent.shiftKey && rawEvent.which != 16 /* SHIFT */) {
+            var currentRange = range.ranges[0];
+            if (!currentRange) {
+                return;
+            }
+            handleSelectionNotCollapsed(editor, currentRange, rawEvent);
+        }
+    }
+});
 //# sourceMappingURL=EntityDelimiterPlugin.js.map

package/lib-amd/entityDelimiter/EntityDelimiterPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityDelimiterPlugin.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/entityDelimiter/EntityDelimiterPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { isCharacterValue } from 'roosterjs-content-model-core';\nimport {\n    addDelimiters,\n    isBlockElement,\n    isEntityElement,\n    isNodeOfType,\n} from 'roosterjs-content-model-dom';\nimport {\n    DelimiterClasses,\n    Keys,\n    NodeType,\n    PluginEventType,\n    PositionType,\n    SelectionRangeTypes,\n} from 'roosterjs-editor-types';\nimport {\n    Position,\n    createRange,\n    getDelimiterFromElement,\n    getEntityFromElement,\n    getEntitySelector,\n    matchesSelector,\n    splitTextNode,\n} from 'roosterjs-editor-dom';\nimport type {\n    EditorPlugin,\n    IEditor,\n    PluginEvent,\n    PluginKeyDownEvent,\n} from 'roosterjs-editor-types';\nimport type { IContentModelEditor } from 'roosterjs-content-model-editor';\n\nconst DELIMITER_SELECTOR =\n    '.' + DelimiterClasses.DELIMITER_AFTER + ',.' + DelimiterClasses.DELIMITER_BEFORE;\nconst ZERO_WIDTH_SPACE = '\\u200B';\nconst INLINE_ENTITY_SELECTOR = 'span' + getEntitySelector();\n\n/**\n * Entity delimiter plugin helps maintain delimiter elements around an entity so that user can put focus before/after an entity\n */\nexport class EntityDelimiterPlugin implements EditorPlugin {\n    private editor: IContentModelEditor | null = null;\n\n    /**\n     * Get a friendly name of this plugin\n     */\n    getName() {\n        return 'EntityDelimiter';\n    }\n\n    /**\n     * The first method that editor will call to a plugin when editor is initializing.\n     * It will pass in the editor instance, plugin should take this chance to save the\n     * editor reference so that it can call to any editor method or format API later.\n     * @param editor The editor object\n     */\n    initialize(editor: IEditor) {\n        this.editor = editor as IContentModelEditor;\n    }\n\n    /**\n     * The last method that editor will call to a plugin before it is disposed.\n     * Plugin can take this chance to clear the reference to editor. After this method is\n     * called, plugin should not call to any editor method since it will result in error.\n     */\n    dispose() {\n        this.editor = null;\n    }\n\n    /**\n     * Core method for a plugin. Once an event happens in editor, editor will call this\n     * method of each plugin to handle the event as long as the event is not handled\n     * exclusively by another plugin.\n     * @param event The event to handle:\n     */\n    onPluginEvent(event: PluginEvent) {\n        if (this.editor) {\n            switch (event.eventType) {\n                case PluginEventType.ContentChanged:\n                case PluginEventType.EditorReady:\n                    normalizeDelimitersInEditor(this.editor);\n                    break;\n\n                case PluginEventType.BeforePaste:\n                    const { fragment } = event;\n                    addDelimitersIfNeeded(fragment.querySelectorAll(INLINE_ENTITY_SELECTOR));\n\n                    break;\n\n                case PluginEventType.ExtractContentWithDom:\n                case PluginEventType.BeforeCutCopy:\n                    event.clonedRoot.querySelectorAll(DELIMITER_SELECTOR).forEach(node => {\n                        if (getDelimiterFromElement(node)) {\n                            removeNode(node);\n                        } else {\n                            removeDelimiterAttr(node);\n                        }\n                    });\n                    break;\n\n                case PluginEventType.KeyDown:\n                    handleKeyDownEvent(this.editor, event);\n                    break;\n            }\n        }\n    }\n}\n\nfunction preventTypeInDelimiter(delimiter: HTMLElement) {\n    delimiter.normalize();\n    const textNode = delimiter.firstChild as Node;\n    const index = textNode.nodeValue?.indexOf(ZERO_WIDTH_SPACE) ?? -1;\n    if (index >= 0) {\n        splitTextNode(<Text>textNode, index == 0 ? 1 : index, false /* returnFirstPart */);\n        let nodeToMove: Node | undefined;\n        delimiter.childNodes.forEach(node => {\n            if (node.nodeValue !== ZERO_WIDTH_SPACE) {\n                nodeToMove = node;\n            }\n        });\n        if (nodeToMove) {\n            delimiter.parentElement?.insertBefore(\n                nodeToMove,\n                delimiter.className == DelimiterClasses.DELIMITER_BEFORE\n                    ? delimiter\n                    : delimiter.nextSibling\n            );\n            const selection = nodeToMove.ownerDocument?.getSelection();\n\n            if (selection) {\n                selection.setPosition(\n                    nodeToMove,\n                    new Position(nodeToMove, PositionType.End).offset\n                );\n            }\n        }\n    }\n}\n\n/**\n * @internal\n */\nexport function normalizeDelimitersInEditor(editor: IEditor) {\n    removeInvalidDelimiters(editor.queryElements(DELIMITER_SELECTOR));\n    addDelimitersIfNeeded(editor.queryElements(INLINE_ENTITY_SELECTOR));\n}\n\nfunction addDelimitersIfNeeded(nodes: Element[] | NodeListOf<Element>) {\n    nodes.forEach(node => {\n        if (isEntityElement(node)) {\n            addDelimiters(node.ownerDocument, node as HTMLElement);\n        }\n    });\n}\n\nfunction removeNode(el: Node | undefined | null) {\n    el?.parentElement?.removeChild(el);\n}\n\nfunction removeInvalidDelimiters(nodes: Element[] | NodeListOf<Element>) {\n    nodes.forEach(node => {\n        if (getDelimiterFromElement(node)) {\n            const sibling = node.classList.contains(DelimiterClasses.DELIMITER_BEFORE)\n                ? node.nextElementSibling\n                : node.previousElementSibling;\n            if (!(isNodeOfType(sibling, 'ELEMENT_NODE') && getEntityFromElement(sibling))) {\n                removeNode(node);\n            }\n        } else {\n            removeDelimiterAttr(node);\n        }\n    });\n}\n\nfunction removeDelimiterAttr(node: Element | undefined | null, checkEntity: boolean = true) {\n    if (!node) {\n        return;\n    }\n\n    const isAfter = node.classList.contains(DelimiterClasses.DELIMITER_AFTER);\n    const entitySibling = isAfter ? node.previousElementSibling : node.nextElementSibling;\n    if (checkEntity && entitySibling && isEntityElement(entitySibling)) {\n        return;\n    }\n\n    node.classList.remove(DelimiterClasses.DELIMITER_AFTER, DelimiterClasses.DELIMITER_BEFORE);\n\n    node.normalize();\n    node.childNodes.forEach(cn => {\n        const index = cn.textContent?.indexOf(ZERO_WIDTH_SPACE) ?? -1;\n        if (index >= 0) {\n            createRange(cn, index, cn, index + 1)?.deleteContents();\n        }\n    });\n}\n\nfunction handleCollapsedEnter(editor: IEditor, delimiter: HTMLElement) {\n    const isAfter = delimiter.classList.contains(DelimiterClasses.DELIMITER_AFTER);\n    const entity = !isAfter ? delimiter.nextSibling : delimiter.previousSibling;\n    const block = getBlock(editor, delimiter);\n\n    editor.runAsync(() => {\n        if (!block) {\n            return;\n        }\n        const blockToCheck = isAfter ? block.nextSibling : block.previousSibling;\n        if (blockToCheck && isNodeOfType(blockToCheck, 'ELEMENT_NODE')) {\n            const delimiters = blockToCheck.querySelectorAll(DELIMITER_SELECTOR);\n            // Check if the last or first delimiter still contain the delimiter class and remove it.\n            const delimiterToCheck = delimiters.item(isAfter ? 0 : delimiters.length - 1);\n            removeDelimiterAttr(delimiterToCheck);\n        }\n\n        if (entity && isEntityElement(entity)) {\n            const entityElement = entity as HTMLElement;\n            const { nextElementSibling, previousElementSibling } = entityElement;\n            [nextElementSibling, previousElementSibling].forEach(el => {\n                // Check if after Enter the ZWS got removed but we still have a element with the class\n                // Remove the attributes of the element if it is invalid now.\n                if (el && matchesSelector(el, DELIMITER_SELECTOR) && !getDelimiterFromElement(el)) {\n                    removeDelimiterAttr(el, false /* checkEntity */);\n                }\n            });\n\n            // Add delimiters to the entity if needed because on Enter we can sometimes lose the ZWS of the element.\n            addDelimiters(entityElement.ownerDocument, entityElement);\n        }\n    });\n}\n\nconst getPosition = (container: HTMLElement | null) => {\n    if (container && getDelimiterFromElement(container)) {\n        const isAfter = container.classList.contains(DelimiterClasses.DELIMITER_AFTER);\n        return new Position(container, isAfter ? PositionType.After : PositionType.Before);\n    }\n    return undefined;\n};\n\nfunction getBlock(editor: IEditor, element: Node | undefined) {\n    if (!element) {\n        return undefined;\n    }\n\n    let block = editor.getBlockElementAtNode(element)?.getStartNode();\n\n    while (block && (!isNodeOfType(block, 'ELEMENT_NODE') || !isBlockElement(block))) {\n        block = editor.contains(block.parentElement) ? block.parentElement! : undefined;\n    }\n\n    return block;\n}\n\nfunction handleSelectionNotCollapsed(editor: IEditor, range: Range, event: KeyboardEvent) {\n    const { startContainer, endContainer, startOffset, endOffset } = range;\n\n    const startElement = editor.getElementAtCursor(DELIMITER_SELECTOR, startContainer);\n    const endElement = editor.getElementAtCursor(DELIMITER_SELECTOR, endContainer);\n\n    const startUpdate = getPosition(startElement);\n    const endUpdate = getPosition(endElement);\n\n    if (startUpdate || endUpdate) {\n        editor.select(\n            startUpdate ?? new Position(startContainer, startOffset),\n            endUpdate ?? new Position(endContainer, endOffset)\n        );\n    }\n    editor.runAsync(aEditor => {\n        const delimiter = aEditor.getElementAtCursor(DELIMITER_SELECTOR);\n        if (delimiter) {\n            preventTypeInDelimiter(delimiter);\n            if (event.which === Keys.ENTER) {\n                removeDelimiterAttr(delimiter);\n            }\n        }\n    });\n}\n\nfunction handleKeyDownEvent(editor: IEditor, event: PluginKeyDownEvent) {\n    const range = editor.getSelectionRangeEx();\n    const { rawEvent } = event;\n    if (range.type != SelectionRangeTypes.Normal) {\n        return;\n    }\n\n    if (range.areAllCollapsed && (isCharacterValue(rawEvent) || rawEvent.which === Keys.ENTER)) {\n        const position = editor.getFocusedPosition()?.normalize();\n        if (!position) {\n            return;\n        }\n\n        const { element, node } = position;\n        const refNode = element == node ? element.childNodes.item(position.offset) : element;\n\n        const delimiter = editor.getElementAtCursor(DELIMITER_SELECTOR, refNode);\n        if (!delimiter) {\n            return;\n        }\n\n        if (rawEvent.which === Keys.ENTER) {\n            handleCollapsedEnter(editor, delimiter);\n        } else if (delimiter.firstChild?.nodeType == NodeType.Text) {\n            editor.runAsync(() => preventTypeInDelimiter(delimiter));\n        }\n    } else if (!range.areAllCollapsed && !rawEvent.shiftKey && rawEvent.which != Keys.SHIFT) {\n        const currentRange = range.ranges[0];\n        if (!currentRange) {\n            return;\n        }\n        handleSelectionNotCollapsed(editor, currentRange, rawEvent);\n    }\n}\n"]}
+{"version":3,"file":"EntityDelimiterPlugin.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/entityDelimiter/EntityDelimiterPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { isCharacterValue } from 'roosterjs-content-model-core';\r\nimport {\r\n    addDelimiters,\r\n    isBlockElement,\r\n    isEntityElement,\r\n    isNodeOfType,\r\n} from 'roosterjs-content-model-dom';\r\nimport {\r\n    DelimiterClasses,\r\n    Keys,\r\n    NodeType,\r\n    PluginEventType,\r\n    PositionType,\r\n    SelectionRangeTypes,\r\n} from 'roosterjs-editor-types';\r\nimport {\r\n    Position,\r\n    createRange,\r\n    getDelimiterFromElement,\r\n    getEntityFromElement,\r\n    getEntitySelector,\r\n    matchesSelector,\r\n    splitTextNode,\r\n} from 'roosterjs-editor-dom';\r\nimport type {\r\n    EditorPlugin,\r\n    IEditor,\r\n    PluginEvent,\r\n    PluginKeyDownEvent,\r\n} from 'roosterjs-editor-types';\r\nimport type { IContentModelEditor } from 'roosterjs-content-model-editor';\r\n\r\nconst DELIMITER_SELECTOR =\r\n    '.' + DelimiterClasses.DELIMITER_AFTER + ',.' + DelimiterClasses.DELIMITER_BEFORE;\r\nconst ZERO_WIDTH_SPACE = '\\u200B';\r\nconst INLINE_ENTITY_SELECTOR = 'span' + getEntitySelector();\r\n\r\n/**\r\n * Entity delimiter plugin helps maintain delimiter elements around an entity so that user can put focus before/after an entity\r\n */\r\nexport class EntityDelimiterPlugin implements EditorPlugin {\r\n    private editor: IContentModelEditor | null = null;\r\n\r\n    /**\r\n     * Get a friendly name of this plugin\r\n     */\r\n    getName() {\r\n        return 'EntityDelimiter';\r\n    }\r\n\r\n    /**\r\n     * The first method that editor will call to a plugin when editor is initializing.\r\n     * It will pass in the editor instance, plugin should take this chance to save the\r\n     * editor reference so that it can call to any editor method or format API later.\r\n     * @param editor The editor object\r\n     */\r\n    initialize(editor: IEditor) {\r\n        this.editor = editor as IContentModelEditor;\r\n    }\r\n\r\n    /**\r\n     * The last method that editor will call to a plugin before it is disposed.\r\n     * Plugin can take this chance to clear the reference to editor. After this method is\r\n     * called, plugin should not call to any editor method since it will result in error.\r\n     */\r\n    dispose() {\r\n        this.editor = null;\r\n    }\r\n\r\n    /**\r\n     * Core method for a plugin. Once an event happens in editor, editor will call this\r\n     * method of each plugin to handle the event as long as the event is not handled\r\n     * exclusively by another plugin.\r\n     * @param event The event to handle:\r\n     */\r\n    onPluginEvent(event: PluginEvent) {\r\n        if (this.editor) {\r\n            switch (event.eventType) {\r\n                case PluginEventType.ContentChanged:\r\n                case PluginEventType.EditorReady:\r\n                    normalizeDelimitersInEditor(this.editor);\r\n                    break;\r\n\r\n                case PluginEventType.BeforePaste:\r\n                    const { fragment } = event;\r\n                    addDelimitersIfNeeded(fragment.querySelectorAll(INLINE_ENTITY_SELECTOR));\r\n\r\n                    break;\r\n\r\n                case PluginEventType.ExtractContentWithDom:\r\n                case PluginEventType.BeforeCutCopy:\r\n                    event.clonedRoot.querySelectorAll(DELIMITER_SELECTOR).forEach(node => {\r\n                        if (getDelimiterFromElement(node)) {\r\n                            removeNode(node);\r\n                        } else {\r\n                            removeDelimiterAttr(node);\r\n                        }\r\n                    });\r\n                    break;\r\n\r\n                case PluginEventType.KeyDown:\r\n                    handleKeyDownEvent(this.editor, event);\r\n                    break;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nfunction preventTypeInDelimiter(delimiter: HTMLElement) {\r\n    delimiter.normalize();\r\n    const textNode = delimiter.firstChild as Node;\r\n    const index = textNode.nodeValue?.indexOf(ZERO_WIDTH_SPACE) ?? -1;\r\n    if (index >= 0) {\r\n        splitTextNode(<Text>textNode, index == 0 ? 1 : index, false /* returnFirstPart */);\r\n        let nodeToMove: Node | undefined;\r\n        delimiter.childNodes.forEach(node => {\r\n            if (node.nodeValue !== ZERO_WIDTH_SPACE) {\r\n                nodeToMove = node;\r\n            }\r\n        });\r\n        if (nodeToMove) {\r\n            delimiter.parentElement?.insertBefore(\r\n                nodeToMove,\r\n                delimiter.className == DelimiterClasses.DELIMITER_BEFORE\r\n                    ? delimiter\r\n                    : delimiter.nextSibling\r\n            );\r\n            const selection = nodeToMove.ownerDocument?.getSelection();\r\n\r\n            if (selection) {\r\n                selection.setPosition(\r\n                    nodeToMove,\r\n                    new Position(nodeToMove, PositionType.End).offset\r\n                );\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function normalizeDelimitersInEditor(editor: IEditor) {\r\n    removeInvalidDelimiters(editor.queryElements(DELIMITER_SELECTOR));\r\n    addDelimitersIfNeeded(editor.queryElements(INLINE_ENTITY_SELECTOR));\r\n}\r\n\r\nfunction addDelimitersIfNeeded(nodes: Element[] | NodeListOf<Element>) {\r\n    nodes.forEach(node => {\r\n        if (\r\n            isNodeOfType(node, 'ELEMENT_NODE') &&\r\n            isEntityElement(node) &&\r\n            !node.isContentEditable\r\n        ) {\r\n            addDelimiters(node.ownerDocument, node as HTMLElement);\r\n        }\r\n    });\r\n}\r\n\r\nfunction removeNode(el: Node | undefined | null) {\r\n    el?.parentElement?.removeChild(el);\r\n}\r\n\r\nfunction removeInvalidDelimiters(nodes: Element[] | NodeListOf<Element>) {\r\n    nodes.forEach(node => {\r\n        if (getDelimiterFromElement(node)) {\r\n            const sibling = node.classList.contains(DelimiterClasses.DELIMITER_BEFORE)\r\n                ? node.nextElementSibling\r\n                : node.previousElementSibling;\r\n            if (!(isNodeOfType(sibling, 'ELEMENT_NODE') && getEntityFromElement(sibling))) {\r\n                removeNode(node);\r\n            }\r\n        } else {\r\n            removeDelimiterAttr(node);\r\n        }\r\n    });\r\n}\r\n\r\nfunction removeDelimiterAttr(node: Element | undefined | null, checkEntity: boolean = true) {\r\n    if (!node) {\r\n        return;\r\n    }\r\n\r\n    const isAfter = node.classList.contains(DelimiterClasses.DELIMITER_AFTER);\r\n    const entitySibling = isAfter ? node.previousElementSibling : node.nextElementSibling;\r\n    if (checkEntity && entitySibling && isEntityElement(entitySibling)) {\r\n        return;\r\n    }\r\n\r\n    node.classList.remove(DelimiterClasses.DELIMITER_AFTER, DelimiterClasses.DELIMITER_BEFORE);\r\n\r\n    node.normalize();\r\n    node.childNodes.forEach(cn => {\r\n        const index = cn.textContent?.indexOf(ZERO_WIDTH_SPACE) ?? -1;\r\n        if (index >= 0) {\r\n            createRange(cn, index, cn, index + 1)?.deleteContents();\r\n        }\r\n    });\r\n}\r\n\r\nfunction handleCollapsedEnter(editor: IEditor, delimiter: HTMLElement) {\r\n    const isAfter = delimiter.classList.contains(DelimiterClasses.DELIMITER_AFTER);\r\n    const entity = !isAfter ? delimiter.nextSibling : delimiter.previousSibling;\r\n    const block = getBlock(editor, delimiter);\r\n\r\n    editor.runAsync(() => {\r\n        if (!block) {\r\n            return;\r\n        }\r\n        const blockToCheck = isAfter ? block.nextSibling : block.previousSibling;\r\n        if (blockToCheck && isNodeOfType(blockToCheck, 'ELEMENT_NODE')) {\r\n            const delimiters = blockToCheck.querySelectorAll(DELIMITER_SELECTOR);\r\n            // Check if the last or first delimiter still contain the delimiter class and remove it.\r\n            const delimiterToCheck = delimiters.item(isAfter ? 0 : delimiters.length - 1);\r\n            removeDelimiterAttr(delimiterToCheck);\r\n        }\r\n\r\n        if (entity && isEntityElement(entity)) {\r\n            const entityElement = entity as HTMLElement;\r\n            const { nextElementSibling, previousElementSibling } = entityElement;\r\n            [nextElementSibling, previousElementSibling].forEach(el => {\r\n                // Check if after Enter the ZWS got removed but we still have a element with the class\r\n                // Remove the attributes of the element if it is invalid now.\r\n                if (el && matchesSelector(el, DELIMITER_SELECTOR) && !getDelimiterFromElement(el)) {\r\n                    removeDelimiterAttr(el, false /* checkEntity */);\r\n                }\r\n            });\r\n\r\n            // Add delimiters to the entity if needed because on Enter we can sometimes lose the ZWS of the element.\r\n            addDelimiters(entityElement.ownerDocument, entityElement);\r\n        }\r\n    });\r\n}\r\n\r\nconst getPosition = (container: HTMLElement | null) => {\r\n    if (container && getDelimiterFromElement(container)) {\r\n        const isAfter = container.classList.contains(DelimiterClasses.DELIMITER_AFTER);\r\n        return new Position(container, isAfter ? PositionType.After : PositionType.Before);\r\n    }\r\n    return undefined;\r\n};\r\n\r\nfunction getBlock(editor: IEditor, element: Node | undefined) {\r\n    if (!element) {\r\n        return undefined;\r\n    }\r\n\r\n    let block = editor.getBlockElementAtNode(element)?.getStartNode();\r\n\r\n    while (block && (!isNodeOfType(block, 'ELEMENT_NODE') || !isBlockElement(block))) {\r\n        block = editor.contains(block.parentElement) ? block.parentElement! : undefined;\r\n    }\r\n\r\n    return block;\r\n}\r\n\r\nfunction handleSelectionNotCollapsed(editor: IEditor, range: Range, event: KeyboardEvent) {\r\n    const { startContainer, endContainer, startOffset, endOffset } = range;\r\n\r\n    const startElement = editor.getElementAtCursor(DELIMITER_SELECTOR, startContainer);\r\n    const endElement = editor.getElementAtCursor(DELIMITER_SELECTOR, endContainer);\r\n\r\n    const startUpdate = getPosition(startElement);\r\n    const endUpdate = getPosition(endElement);\r\n\r\n    if (startUpdate || endUpdate) {\r\n        editor.select(\r\n            startUpdate ?? new Position(startContainer, startOffset),\r\n            endUpdate ?? new Position(endContainer, endOffset)\r\n        );\r\n    }\r\n    editor.runAsync(aEditor => {\r\n        const delimiter = aEditor.getElementAtCursor(DELIMITER_SELECTOR);\r\n        if (delimiter) {\r\n            preventTypeInDelimiter(delimiter);\r\n            if (event.which === Keys.ENTER) {\r\n                removeDelimiterAttr(delimiter);\r\n            }\r\n        }\r\n    });\r\n}\r\n\r\nfunction handleKeyDownEvent(editor: IEditor, event: PluginKeyDownEvent) {\r\n    const range = editor.getSelectionRangeEx();\r\n    const { rawEvent } = event;\r\n    if (range.type != SelectionRangeTypes.Normal) {\r\n        return;\r\n    }\r\n\r\n    if (range.areAllCollapsed && (isCharacterValue(rawEvent) || rawEvent.which === Keys.ENTER)) {\r\n        const position = editor.getFocusedPosition()?.normalize();\r\n        if (!position) {\r\n            return;\r\n        }\r\n\r\n        const { element, node } = position;\r\n        const refNode = element == node ? element.childNodes.item(position.offset) : element;\r\n\r\n        const delimiter = editor.getElementAtCursor(DELIMITER_SELECTOR, refNode);\r\n        if (!delimiter) {\r\n            return;\r\n        }\r\n\r\n        if (rawEvent.which === Keys.ENTER) {\r\n            handleCollapsedEnter(editor, delimiter);\r\n        } else if (delimiter.firstChild?.nodeType == NodeType.Text) {\r\n            editor.runAsync(() => preventTypeInDelimiter(delimiter));\r\n        }\r\n    } else if (!range.areAllCollapsed && !rawEvent.shiftKey && rawEvent.which != Keys.SHIFT) {\r\n        const currentRange = range.ranges[0];\r\n        if (!currentRange) {\r\n            return;\r\n        }\r\n        handleSelectionNotCollapsed(editor, currentRange, rawEvent);\r\n    }\r\n}\r\n"]}

package/lib-amd/index.d.ts

@@ -1,3 +1,3 @@
-export { ContentModelPastePlugin } from './paste/ContentModelPastePlugin';
-export { ContentModelEditPlugin } from './edit/ContentModelEditPlugin';
-export { EntityDelimiterPlugin } from './entityDelimiter/EntityDelimiterPlugin';
+export { ContentModelPastePlugin } from './paste/ContentModelPastePlugin';
+export { ContentModelEditPlugin } from './edit/ContentModelEditPlugin';
+export { EntityDelimiterPlugin } from './entityDelimiter/EntityDelimiterPlugin';