roosterjs-content-model-plugins 0.24.0 → 0.26.0

package/{lib-mjs/edit/ContentModelEditPlugin.d.ts → lib/edit/EditPlugin.d.ts}

@@ -1,35 +1,39 @@
-import type { EditorPlugin, IStandaloneEditor, PluginEvent } from 'roosterjs-content-model-types';
-/**
- * ContentModel edit plugins helps editor to do editing operation on top of content model.
- * This includes:
- * 1. Delete Key
- * 2. Backspace Key
- */
-export declare class ContentModelEditPlugin implements EditorPlugin {
-    private editor;
-    /**
-     * Get name of this plugin
-     */
-    getName(): string;
-    /**
-     * 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
-     */
-    initialize(editor: IStandaloneEditor): void;
-    /**
-     * 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.
-     */
-    dispose(): void;
-    /**
-     * 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:
-     */
-    onPluginEvent(event: PluginEvent): void;
-    private handleKeyDownEvent;
-}
+import type { EditorPlugin, IStandaloneEditor, PluginEvent } from 'roosterjs-content-model-types';
+/**
+ * ContentModel edit plugins helps editor to do editing operation on top of content model.
+ * This includes:
+ * 1. Delete Key
+ * 2. Backspace Key
+ * 3. Tab Key
+ */
+export declare class EditPlugin implements EditorPlugin {
+    private editor;
+    private disposer;
+    private shouldHandleNextInputEvent;
+    /**
+     * Get name of this plugin
+     */
+    getName(): string;
+    /**
+     * 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
+     */
+    initialize(editor: IStandaloneEditor): void;
+    /**
+     * 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.
+     */
+    dispose(): void;
+    /**
+     * 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:
+     */
+    onPluginEvent(event: PluginEvent): void;
+    private handleKeyDownEvent;
+    private handleBeforeInputEvent;
+}

package/lib/edit/EditPlugin.js

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditPlugin = void 0;
+var keyboardDelete_1 = require("./keyboardDelete");
+var keyboardInput_1 = require("./keyboardInput");
+var keyboardTab_1 = require("./keyboardTab");
+var BACKSPACE_KEY = 8;
+var DELETE_KEY = 46;
+/**
+ * ContentModel edit plugins helps editor to do editing operation on top of content model.
+ * This includes:
+ * 1. Delete Key
+ * 2. Backspace Key
+ * 3. Tab Key
+ */
+var EditPlugin = /** @class */ (function () {
+    function EditPlugin() {
+        this.editor = null;
+        this.disposer = null;
+        this.shouldHandleNextInputEvent = false;
+    }
+    /**
+     * Get name of this plugin
+     */
+    EditPlugin.prototype.getName = function () {
+        return 'Edit';
+    };
+    /**
+     * 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
+     */
+    EditPlugin.prototype.initialize = function (editor) {
+        var _this = this;
+        this.editor = editor;
+        if (editor.getEnvironment().isAndroid) {
+            this.disposer = this.editor.attachDomEvent({
+                beforeinput: {
+                    beforeDispatch: function (e) { return _this.handleBeforeInputEvent(editor, e); },
+                },
+            });
+        }
+    };
+    /**
+     * 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.
+     */
+    EditPlugin.prototype.dispose = function () {
+        var _a;
+        this.editor = null;
+        (_a = this.disposer) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.disposer = 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:
+     */
+    EditPlugin.prototype.onPluginEvent = function (event) {
+        if (this.editor) {
+            switch (event.eventType) {
+                case 'keyDown':
+                    this.handleKeyDownEvent(this.editor, event);
+                    break;
+            }
+        }
+    };
+    EditPlugin.prototype.handleKeyDownEvent = function (editor, event) {
+        var rawEvent = event.rawEvent;
+        if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {
+            switch (rawEvent.key) {
+                case 'Backspace':
+                case 'Delete':
+                    // Use our API to handle BACKSPACE/DELETE key.
+                    // No need to clear cache here since if we rely on browser's behavior, there will be Input event and its handler will reconcile cache
+                    (0, keyboardDelete_1.keyboardDelete)(editor, rawEvent);
+                    break;
+                case 'Tab':
+                    (0, keyboardTab_1.keyboardTab)(editor, rawEvent);
+                    break;
+                case 'Unidentified':
+                    if (editor.getEnvironment().isAndroid) {
+                        this.shouldHandleNextInputEvent = true;
+                    }
+                    break;
+                case 'Enter':
+                default:
+                    (0, keyboardInput_1.keyboardInput)(editor, rawEvent);
+                    break;
+            }
+        }
+    };
+    EditPlugin.prototype.handleBeforeInputEvent = function (editor, rawEvent) {
+        // Some Android IMEs doesn't fire correct keydown event for BACKSPACE/DELETE key
+        // Here we translate input event to BACKSPACE/DELETE keydown event to be compatible with existing logic
+        if (!this.shouldHandleNextInputEvent ||
+            !(rawEvent instanceof InputEvent) ||
+            rawEvent.defaultPrevented) {
+            return;
+        }
+        this.shouldHandleNextInputEvent = false;
+        var handled = false;
+        switch (rawEvent.inputType) {
+            case 'deleteContentBackward':
+                handled = (0, keyboardDelete_1.keyboardDelete)(editor, new KeyboardEvent('keydown', {
+                    key: 'Backspace',
+                    keyCode: BACKSPACE_KEY,
+                    which: BACKSPACE_KEY,
+                }));
+                break;
+            case 'deleteContentForward':
+                handled = (0, keyboardDelete_1.keyboardDelete)(editor, new KeyboardEvent('keydown', {
+                    key: 'Delete',
+                    keyCode: DELETE_KEY,
+                    which: DELETE_KEY,
+                }));
+                break;
+        }
+        if (handled) {
+            rawEvent.preventDefault();
+        }
+    };
+    return EditPlugin;
+}());
+exports.EditPlugin = EditPlugin;
+//# sourceMappingURL=EditPlugin.js.map

package/lib/edit/EditPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditPlugin.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/EditPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { keyboardDelete } from './keyboardDelete';\r\nimport { keyboardInput } from './keyboardInput';\r\nimport { keyboardTab } from './keyboardTab';\r\nimport type {\r\n    EditorPlugin,\r\n    IStandaloneEditor,\r\n    KeyDownEvent,\r\n    PluginEvent,\r\n} from 'roosterjs-content-model-types';\r\n\r\nconst BACKSPACE_KEY = 8;\r\nconst DELETE_KEY = 46;\r\n\r\n/**\r\n * ContentModel edit plugins helps editor to do editing operation on top of content model.\r\n * This includes:\r\n * 1. Delete Key\r\n * 2. Backspace Key\r\n * 3. Tab Key\r\n */\r\nexport class EditPlugin implements EditorPlugin {\r\n    private editor: IStandaloneEditor | null = null;\r\n    private disposer: (() => void) | null = null;\r\n    private shouldHandleNextInputEvent = false;\r\n\r\n    /**\r\n     * Get name of this plugin\r\n     */\r\n    getName() {\r\n        return 'Edit';\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: IStandaloneEditor) {\r\n        this.editor = editor;\r\n        if (editor.getEnvironment().isAndroid) {\r\n            this.disposer = this.editor.attachDomEvent({\r\n                beforeinput: {\r\n                    beforeDispatch: e => this.handleBeforeInputEvent(editor, e),\r\n                },\r\n            });\r\n        }\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        this.disposer?.();\r\n        this.disposer = 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 'keyDown':\r\n                    this.handleKeyDownEvent(this.editor, event);\r\n                    break;\r\n            }\r\n        }\r\n    }\r\n\r\n    private handleKeyDownEvent(editor: IStandaloneEditor, event: KeyDownEvent) {\r\n        const rawEvent = event.rawEvent;\r\n\r\n        if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {\r\n            switch (rawEvent.key) {\r\n                case 'Backspace':\r\n                case 'Delete':\r\n                    // Use our API to handle BACKSPACE/DELETE key.\r\n                    // No need to clear cache here since if we rely on browser's behavior, there will be Input event and its handler will reconcile cache\r\n                    keyboardDelete(editor, rawEvent);\r\n                    break;\r\n\r\n                case 'Tab':\r\n                    keyboardTab(editor, rawEvent);\r\n                    break;\r\n                case 'Unidentified':\r\n                    if (editor.getEnvironment().isAndroid) {\r\n                        this.shouldHandleNextInputEvent = true;\r\n                    }\r\n                    break;\r\n\r\n                case 'Enter':\r\n                default:\r\n                    keyboardInput(editor, rawEvent);\r\n                    break;\r\n            }\r\n        }\r\n    }\r\n\r\n    private handleBeforeInputEvent(editor: IStandaloneEditor, rawEvent: Event) {\r\n        // Some Android IMEs doesn't fire correct keydown event for BACKSPACE/DELETE key\r\n        // Here we translate input event to BACKSPACE/DELETE keydown event to be compatible with existing logic\r\n        if (\r\n            !this.shouldHandleNextInputEvent ||\r\n            !(rawEvent instanceof InputEvent) ||\r\n            rawEvent.defaultPrevented\r\n        ) {\r\n            return;\r\n        }\r\n        this.shouldHandleNextInputEvent = false;\r\n\r\n        let handled = false;\r\n        switch (rawEvent.inputType) {\r\n            case 'deleteContentBackward':\r\n                handled = keyboardDelete(\r\n                    editor,\r\n                    new KeyboardEvent('keydown', {\r\n                        key: 'Backspace',\r\n                        keyCode: BACKSPACE_KEY,\r\n                        which: BACKSPACE_KEY,\r\n                    })\r\n                );\r\n                break;\r\n            case 'deleteContentForward':\r\n                handled = keyboardDelete(\r\n                    editor,\r\n                    new KeyboardEvent('keydown', {\r\n                        key: 'Delete',\r\n                        keyCode: DELETE_KEY,\r\n                        which: DELETE_KEY,\r\n                    })\r\n                );\r\n                break;\r\n        }\r\n\r\n        if (handled) {\r\n            rawEvent.preventDefault();\r\n        }\r\n    }\r\n}\r\n"]}

package/lib/edit/deleteSteps/deleteAllSegmentBefore.d.ts

@@ -1,5 +1,5 @@
-import type { DeleteSelectionStep } from 'roosterjs-content-model-types';
-/**
- * @internal
- */
-export declare const deleteAllSegmentBefore: DeleteSelectionStep;
+import type { DeleteSelectionStep } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const deleteAllSegmentBefore: DeleteSelectionStep;

package/lib/edit/deleteSteps/deleteAllSegmentBefore.js

@@ -1,23 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.deleteAllSegmentBefore = void 0;
-var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
-/**
- * @internal
- */
-var deleteAllSegmentBefore = function (context) {
-    if (context.deleteResult != 'notDeleted') {
-        return;
-    }
-    var _a = context.insertPoint, paragraph = _a.paragraph, marker = _a.marker;
-    var index = paragraph.segments.indexOf(marker);
-    for (var i = index - 1; i >= 0; i--) {
-        var segment = paragraph.segments[i];
-        segment.isSelected = true;
-        if ((0, roosterjs_content_model_core_1.deleteSegment)(paragraph, segment, context.formatContext)) {
-            context.deleteResult = 'range';
-        }
-    }
-};
-exports.deleteAllSegmentBefore = deleteAllSegmentBefore;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteAllSegmentBefore = void 0;
+var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
+/**
+ * @internal
+ */
+var deleteAllSegmentBefore = function (context) {
+    if (context.deleteResult != 'notDeleted') {
+        return;
+    }
+    var _a = context.insertPoint, paragraph = _a.paragraph, marker = _a.marker;
+    var index = paragraph.segments.indexOf(marker);
+    for (var i = index - 1; i >= 0; i--) {
+        var segment = paragraph.segments[i];
+        segment.isSelected = true;
+        if ((0, roosterjs_content_model_core_1.deleteSegment)(paragraph, segment, context.formatContext)) {
+            context.deleteResult = 'range';
+        }
+    }
+};
+exports.deleteAllSegmentBefore = deleteAllSegmentBefore;
 //# sourceMappingURL=deleteAllSegmentBefore.js.map

package/lib/edit/deleteSteps/deleteAllSegmentBefore.js.map

@@ -1 +1 @@
-{"version":3,"file":"deleteAllSegmentBefore.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/deleteSteps/deleteAllSegmentBefore.ts"],"names":[],"mappings":";;;AAAA,6EAA6D;AAG7D;;GAEG;AACI,IAAM,sBAAsB,GAAwB,UAAA,OAAO;IAC9D,IAAI,OAAO,CAAC,YAAY,IAAI,YAAY,EAAE;QACtC,OAAO;KACV;IAEK,IAAA,KAAwB,OAAO,CAAC,WAAW,EAAzC,SAAS,eAAA,EAAE,MAAM,YAAwB,CAAC;IAClD,IAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAEjD,KAAK,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;QACjC,IAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAEtC,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC;QAE1B,IAAI,IAAA,4CAAa,EAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,EAAE;YAC1D,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC;SAClC;KACJ;AACL,CAAC,CAAC;AAjBW,QAAA,sBAAsB,0BAiBjC","sourcesContent":["import { deleteSegment } from 'roosterjs-content-model-core';\nimport type { DeleteSelectionStep } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const deleteAllSegmentBefore: DeleteSelectionStep = context => {\n    if (context.deleteResult != 'notDeleted') {\n        return;\n    }\n\n    const { paragraph, marker } = context.insertPoint;\n    const index = paragraph.segments.indexOf(marker);\n\n    for (let i = index - 1; i >= 0; i--) {\n        const segment = paragraph.segments[i];\n\n        segment.isSelected = true;\n\n        if (deleteSegment(paragraph, segment, context.formatContext)) {\n            context.deleteResult = 'range';\n        }\n    }\n};\n"]}
+{"version":3,"file":"deleteAllSegmentBefore.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/deleteSteps/deleteAllSegmentBefore.ts"],"names":[],"mappings":";;;AAAA,6EAA6D;AAG7D;;GAEG;AACI,IAAM,sBAAsB,GAAwB,UAAA,OAAO;IAC9D,IAAI,OAAO,CAAC,YAAY,IAAI,YAAY,EAAE;QACtC,OAAO;KACV;IAEK,IAAA,KAAwB,OAAO,CAAC,WAAW,EAAzC,SAAS,eAAA,EAAE,MAAM,YAAwB,CAAC;IAClD,IAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAEjD,KAAK,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;QACjC,IAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAEtC,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC;QAE1B,IAAI,IAAA,4CAAa,EAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,EAAE;YAC1D,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC;SAClC;KACJ;AACL,CAAC,CAAC;AAjBW,QAAA,sBAAsB,0BAiBjC","sourcesContent":["import { deleteSegment } from 'roosterjs-content-model-core';\r\nimport type { DeleteSelectionStep } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport const deleteAllSegmentBefore: DeleteSelectionStep = context => {\r\n    if (context.deleteResult != 'notDeleted') {\r\n        return;\r\n    }\r\n\r\n    const { paragraph, marker } = context.insertPoint;\r\n    const index = paragraph.segments.indexOf(marker);\r\n\r\n    for (let i = index - 1; i >= 0; i--) {\r\n        const segment = paragraph.segments[i];\r\n\r\n        segment.isSelected = true;\r\n\r\n        if (deleteSegment(paragraph, segment, context.formatContext)) {\r\n            context.deleteResult = 'range';\r\n        }\r\n    }\r\n};\r\n"]}

package/lib/edit/deleteSteps/deleteCollapsedSelection.d.ts

@@ -1,9 +1,9 @@
-import type { DeleteSelectionStep } from 'roosterjs-content-model-types';
-/**
- * @internal if we didn't delete anything, and we want to delete forward, now perform it
- */
-export declare const forwardDeleteCollapsedSelection: DeleteSelectionStep;
-/**
- * @internal if we didn't delete anything, and we want to delete backward, now perform it
- */
-export declare const backwardDeleteCollapsedSelection: DeleteSelectionStep;
+import type { DeleteSelectionStep } from 'roosterjs-content-model-types';
+/**
+ * @internal if we didn't delete anything, and we want to delete forward, now perform it
+ */
+export declare const forwardDeleteCollapsedSelection: DeleteSelectionStep;
+/**
+ * @internal if we didn't delete anything, and we want to delete backward, now perform it
+ */
+export declare const backwardDeleteCollapsedSelection: DeleteSelectionStep;

package/lib/edit/deleteSteps/deleteCollapsedSelection.js

@@ -1,94 +1,94 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.backwardDeleteCollapsedSelection = exports.forwardDeleteCollapsedSelection = void 0;
-var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
-var getLeafSiblingBlock_1 = require("../utils/getLeafSiblingBlock");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-function getDeleteCollapsedSelection(direction) {
-    return function (context) {
-        var _a;
-        if (context.deleteResult != 'notDeleted') {
-            return;
-        }
-        var isForward = direction == 'forward';
-        var _b = context.insertPoint, paragraph = _b.paragraph, marker = _b.marker, path = _b.path, tableContext = _b.tableContext;
-        var segments = paragraph.segments;
-        fixupBr(segments);
-        var index = segments.indexOf(marker) + (isForward ? 1 : -1);
-        var segmentToDelete = segments[index];
-        var blockToDelete;
-        if (segmentToDelete) {
-            if ((0, roosterjs_content_model_core_1.deleteSegment)(paragraph, segmentToDelete, context.formatContext, direction)) {
-                context.deleteResult = 'singleChar';
-                // It is possible that we have deleted everything from this paragraph, so we need to mark it as not implicit
-                // to avoid losing its format. See https://github.com/microsoft/roosterjs/issues/1953
-                (0, roosterjs_content_model_dom_1.setParagraphNotImplicit)(paragraph);
-            }
-        }
-        else if ((blockToDelete = (0, getLeafSiblingBlock_1.getLeafSiblingBlock)(path, paragraph, isForward))) {
-            var block = blockToDelete.block, path_1 = blockToDelete.path, siblingSegment = blockToDelete.siblingSegment;
-            if (block.blockType == 'Paragraph') {
-                if (siblingSegment) {
-                    // When selection is under general segment, need to check if it has a sibling sibling, and delete from it
-                    if ((0, roosterjs_content_model_core_1.deleteSegment)(block, siblingSegment, context.formatContext, direction)) {
-                        context.deleteResult = 'range';
-                    }
-                }
-                else {
-                    if (isForward) {
-                        context.lastParagraph = block;
-                    }
-                    else {
-                        if (((_a = block.segments[block.segments.length - 1]) === null || _a === void 0 ? void 0 : _a.segmentType) == 'Br') {
-                            block.segments.pop();
-                        }
-                        context.insertPoint = {
-                            marker: marker,
-                            paragraph: block,
-                            path: path_1,
-                            tableContext: tableContext,
-                        };
-                        context.lastParagraph = paragraph;
-                        delete block.cachedElement;
-                    }
-                    context.deleteResult = 'range';
-                }
-                // When go across table, getLeafSiblingBlock will return null, when we are here, we must be in the same table context
-                context.lastTableContext = tableContext;
-            }
-            else {
-                if ((0, roosterjs_content_model_core_1.deleteBlock)(path_1[0].blocks, block, undefined /*replacement*/, context.formatContext, direction)) {
-                    context.deleteResult = 'range';
-                }
-            }
-        }
-        else {
-            // We have nothing to delete, in this case we don't want browser handle it as well.
-            // Because when Backspace on an empty document, it will also delete the only DIV and SPAN element, causes
-            // editor is really empty. We don't want that happen. So the handling should stop here.
-            context.deleteResult = 'nothingToDelete';
-        }
-    };
-}
-/**
- * If the last segment is BR, remove it for now. We may add it back later when normalize model.
- * So that if this is an empty paragraph, it will start to delete next block
- */
-function fixupBr(segments) {
-    var _a, _b;
-    if (((_a = segments[segments.length - 1]) === null || _a === void 0 ? void 0 : _a.segmentType) == 'Br') {
-        var segmentsWithoutBr = segments.filter(function (x) { return x.segmentType != 'SelectionMarker'; });
-        if (((_b = segmentsWithoutBr[segmentsWithoutBr.length - 2]) === null || _b === void 0 ? void 0 : _b.segmentType) != 'Br') {
-            segments.pop();
-        }
-    }
-}
-/**
- * @internal if we didn't delete anything, and we want to delete forward, now perform it
- */
-exports.forwardDeleteCollapsedSelection = getDeleteCollapsedSelection('forward');
-/**
- * @internal if we didn't delete anything, and we want to delete backward, now perform it
- */
-exports.backwardDeleteCollapsedSelection = getDeleteCollapsedSelection('backward');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.backwardDeleteCollapsedSelection = exports.forwardDeleteCollapsedSelection = void 0;
+var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
+var getLeafSiblingBlock_1 = require("../utils/getLeafSiblingBlock");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+function getDeleteCollapsedSelection(direction) {
+    return function (context) {
+        var _a;
+        if (context.deleteResult != 'notDeleted') {
+            return;
+        }
+        var isForward = direction == 'forward';
+        var _b = context.insertPoint, paragraph = _b.paragraph, marker = _b.marker, path = _b.path, tableContext = _b.tableContext;
+        var segments = paragraph.segments;
+        fixupBr(segments);
+        var index = segments.indexOf(marker) + (isForward ? 1 : -1);
+        var segmentToDelete = segments[index];
+        var blockToDelete;
+        if (segmentToDelete) {
+            if ((0, roosterjs_content_model_core_1.deleteSegment)(paragraph, segmentToDelete, context.formatContext, direction)) {
+                context.deleteResult = 'singleChar';
+                // It is possible that we have deleted everything from this paragraph, so we need to mark it as not implicit
+                // to avoid losing its format. See https://github.com/microsoft/roosterjs/issues/1953
+                (0, roosterjs_content_model_dom_1.setParagraphNotImplicit)(paragraph);
+            }
+        }
+        else if ((blockToDelete = (0, getLeafSiblingBlock_1.getLeafSiblingBlock)(path, paragraph, isForward))) {
+            var block = blockToDelete.block, path_1 = blockToDelete.path, siblingSegment = blockToDelete.siblingSegment;
+            if (block.blockType == 'Paragraph') {
+                if (siblingSegment) {
+                    // When selection is under general segment, need to check if it has a sibling sibling, and delete from it
+                    if ((0, roosterjs_content_model_core_1.deleteSegment)(block, siblingSegment, context.formatContext, direction)) {
+                        context.deleteResult = 'range';
+                    }
+                }
+                else {
+                    if (isForward) {
+                        context.lastParagraph = block;
+                    }
+                    else {
+                        if (((_a = block.segments[block.segments.length - 1]) === null || _a === void 0 ? void 0 : _a.segmentType) == 'Br') {
+                            block.segments.pop();
+                        }
+                        context.insertPoint = {
+                            marker: marker,
+                            paragraph: block,
+                            path: path_1,
+                            tableContext: tableContext,
+                        };
+                        context.lastParagraph = paragraph;
+                        delete block.cachedElement;
+                    }
+                    context.deleteResult = 'range';
+                }
+                // When go across table, getLeafSiblingBlock will return null, when we are here, we must be in the same table context
+                context.lastTableContext = tableContext;
+            }
+            else {
+                if ((0, roosterjs_content_model_core_1.deleteBlock)(path_1[0].blocks, block, undefined /*replacement*/, context.formatContext, direction)) {
+                    context.deleteResult = 'range';
+                }
+            }
+        }
+        else {
+            // We have nothing to delete, in this case we don't want browser handle it as well.
+            // Because when Backspace on an empty document, it will also delete the only DIV and SPAN element, causes
+            // editor is really empty. We don't want that happen. So the handling should stop here.
+            context.deleteResult = 'nothingToDelete';
+        }
+    };
+}
+/**
+ * If the last segment is BR, remove it for now. We may add it back later when normalize model.
+ * So that if this is an empty paragraph, it will start to delete next block
+ */
+function fixupBr(segments) {
+    var _a, _b;
+    if (((_a = segments[segments.length - 1]) === null || _a === void 0 ? void 0 : _a.segmentType) == 'Br') {
+        var segmentsWithoutBr = segments.filter(function (x) { return x.segmentType != 'SelectionMarker'; });
+        if (((_b = segmentsWithoutBr[segmentsWithoutBr.length - 2]) === null || _b === void 0 ? void 0 : _b.segmentType) != 'Br') {
+            segments.pop();
+        }
+    }
+}
+/**
+ * @internal if we didn't delete anything, and we want to delete forward, now perform it
+ */
+exports.forwardDeleteCollapsedSelection = getDeleteCollapsedSelection('forward');
+/**
+ * @internal if we didn't delete anything, and we want to delete backward, now perform it
+ */
+exports.backwardDeleteCollapsedSelection = getDeleteCollapsedSelection('backward');
 //# sourceMappingURL=deleteCollapsedSelection.js.map

package/lib/edit/deleteSteps/deleteCollapsedSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"deleteCollapsedSelection.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/deleteSteps/deleteCollapsedSelection.ts"],"names":[],"mappings":"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","sourcesContent":["import { deleteBlock, deleteSegment } from 'roosterjs-content-model-core';\nimport { getLeafSiblingBlock } from '../utils/getLeafSiblingBlock';\nimport { setParagraphNotImplicit } from 'roosterjs-content-model-dom';\nimport type { BlockAndPath } from '../utils/getLeafSiblingBlock';\nimport type { ContentModelSegment, DeleteSelectionStep } from 'roosterjs-content-model-types';\n\nfunction getDeleteCollapsedSelection(direction: 'forward' | 'backward'): DeleteSelectionStep {\n    return context => {\n        if (context.deleteResult != 'notDeleted') {\n            return;\n        }\n\n        const isForward = direction == 'forward';\n        const { paragraph, marker, path, tableContext } = context.insertPoint;\n        const segments = paragraph.segments;\n\n        fixupBr(segments);\n\n        const index = segments.indexOf(marker) + (isForward ? 1 : -1);\n        const segmentToDelete = segments[index];\n        let blockToDelete: BlockAndPath | null;\n\n        if (segmentToDelete) {\n            if (deleteSegment(paragraph, segmentToDelete, context.formatContext, direction)) {\n                context.deleteResult = 'singleChar';\n\n                // It is possible that we have deleted everything from this paragraph, so we need to mark it as not implicit\n                // to avoid losing its format. See https://github.com/microsoft/roosterjs/issues/1953\n                setParagraphNotImplicit(paragraph);\n            }\n        } else if ((blockToDelete = getLeafSiblingBlock(path, paragraph, isForward))) {\n            const { block, path, siblingSegment } = blockToDelete;\n\n            if (block.blockType == 'Paragraph') {\n                if (siblingSegment) {\n                    // When selection is under general segment, need to check if it has a sibling sibling, and delete from it\n                    if (deleteSegment(block, siblingSegment, context.formatContext, direction)) {\n                        context.deleteResult = 'range';\n                    }\n                } else {\n                    if (isForward) {\n                        context.lastParagraph = block;\n                    } else {\n                        if (block.segments[block.segments.length - 1]?.segmentType == 'Br') {\n                            block.segments.pop();\n                        }\n\n                        context.insertPoint = {\n                            marker,\n                            paragraph: block,\n                            path,\n                            tableContext,\n                        };\n                        context.lastParagraph = paragraph;\n                        delete block.cachedElement;\n                    }\n\n                    context.deleteResult = 'range';\n                }\n\n                // When go across table, getLeafSiblingBlock will return null, when we are here, we must be in the same table context\n                context.lastTableContext = tableContext;\n            } else {\n                if (\n                    deleteBlock(\n                        path[0].blocks,\n                        block,\n                        undefined /*replacement*/,\n                        context.formatContext,\n                        direction\n                    )\n                ) {\n                    context.deleteResult = 'range';\n                }\n            }\n        } else {\n            // We have nothing to delete, in this case we don't want browser handle it as well.\n            // Because when Backspace on an empty document, it will also delete the only DIV and SPAN element, causes\n            // editor is really empty. We don't want that happen. So the handling should stop here.\n            context.deleteResult = 'nothingToDelete';\n        }\n    };\n}\n\n/**\n * If the last segment is BR, remove it for now. We may add it back later when normalize model.\n * So that if this is an empty paragraph, it will start to delete next block\n */\nfunction fixupBr(segments: ContentModelSegment[]) {\n    if (segments[segments.length - 1]?.segmentType == 'Br') {\n        const segmentsWithoutBr = segments.filter(x => x.segmentType != 'SelectionMarker');\n\n        if (segmentsWithoutBr[segmentsWithoutBr.length - 2]?.segmentType != 'Br') {\n            segments.pop();\n        }\n    }\n}\n\n/**\n * @internal if we didn't delete anything, and we want to delete forward, now perform it\n */\nexport const forwardDeleteCollapsedSelection = getDeleteCollapsedSelection('forward');\n\n/**\n * @internal if we didn't delete anything, and we want to delete backward, now perform it\n */\nexport const backwardDeleteCollapsedSelection = getDeleteCollapsedSelection('backward');\n"]}
+{"version":3,"file":"deleteCollapsedSelection.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/deleteSteps/deleteCollapsedSelection.ts"],"names":[],"mappings":"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","sourcesContent":["import { deleteBlock, deleteSegment } from 'roosterjs-content-model-core';\r\nimport { getLeafSiblingBlock } from '../utils/getLeafSiblingBlock';\r\nimport { setParagraphNotImplicit } from 'roosterjs-content-model-dom';\r\nimport type { BlockAndPath } from '../utils/getLeafSiblingBlock';\r\nimport type { ContentModelSegment, DeleteSelectionStep } from 'roosterjs-content-model-types';\r\n\r\nfunction getDeleteCollapsedSelection(direction: 'forward' | 'backward'): DeleteSelectionStep {\r\n    return context => {\r\n        if (context.deleteResult != 'notDeleted') {\r\n            return;\r\n        }\r\n\r\n        const isForward = direction == 'forward';\r\n        const { paragraph, marker, path, tableContext } = context.insertPoint;\r\n        const segments = paragraph.segments;\r\n\r\n        fixupBr(segments);\r\n\r\n        const index = segments.indexOf(marker) + (isForward ? 1 : -1);\r\n        const segmentToDelete = segments[index];\r\n        let blockToDelete: BlockAndPath | null;\r\n\r\n        if (segmentToDelete) {\r\n            if (deleteSegment(paragraph, segmentToDelete, context.formatContext, direction)) {\r\n                context.deleteResult = 'singleChar';\r\n\r\n                // It is possible that we have deleted everything from this paragraph, so we need to mark it as not implicit\r\n                // to avoid losing its format. See https://github.com/microsoft/roosterjs/issues/1953\r\n                setParagraphNotImplicit(paragraph);\r\n            }\r\n        } else if ((blockToDelete = getLeafSiblingBlock(path, paragraph, isForward))) {\r\n            const { block, path, siblingSegment } = blockToDelete;\r\n\r\n            if (block.blockType == 'Paragraph') {\r\n                if (siblingSegment) {\r\n                    // When selection is under general segment, need to check if it has a sibling sibling, and delete from it\r\n                    if (deleteSegment(block, siblingSegment, context.formatContext, direction)) {\r\n                        context.deleteResult = 'range';\r\n                    }\r\n                } else {\r\n                    if (isForward) {\r\n                        context.lastParagraph = block;\r\n                    } else {\r\n                        if (block.segments[block.segments.length - 1]?.segmentType == 'Br') {\r\n                            block.segments.pop();\r\n                        }\r\n\r\n                        context.insertPoint = {\r\n                            marker,\r\n                            paragraph: block,\r\n                            path,\r\n                            tableContext,\r\n                        };\r\n                        context.lastParagraph = paragraph;\r\n                        delete block.cachedElement;\r\n                    }\r\n\r\n                    context.deleteResult = 'range';\r\n                }\r\n\r\n                // When go across table, getLeafSiblingBlock will return null, when we are here, we must be in the same table context\r\n                context.lastTableContext = tableContext;\r\n            } else {\r\n                if (\r\n                    deleteBlock(\r\n                        path[0].blocks,\r\n                        block,\r\n                        undefined /*replacement*/,\r\n                        context.formatContext,\r\n                        direction\r\n                    )\r\n                ) {\r\n                    context.deleteResult = 'range';\r\n                }\r\n            }\r\n        } else {\r\n            // We have nothing to delete, in this case we don't want browser handle it as well.\r\n            // Because when Backspace on an empty document, it will also delete the only DIV and SPAN element, causes\r\n            // editor is really empty. We don't want that happen. So the handling should stop here.\r\n            context.deleteResult = 'nothingToDelete';\r\n        }\r\n    };\r\n}\r\n\r\n/**\r\n * If the last segment is BR, remove it for now. We may add it back later when normalize model.\r\n * So that if this is an empty paragraph, it will start to delete next block\r\n */\r\nfunction fixupBr(segments: ContentModelSegment[]) {\r\n    if (segments[segments.length - 1]?.segmentType == 'Br') {\r\n        const segmentsWithoutBr = segments.filter(x => x.segmentType != 'SelectionMarker');\r\n\r\n        if (segmentsWithoutBr[segmentsWithoutBr.length - 2]?.segmentType != 'Br') {\r\n            segments.pop();\r\n        }\r\n    }\r\n}\r\n\r\n/**\r\n * @internal if we didn't delete anything, and we want to delete forward, now perform it\r\n */\r\nexport const forwardDeleteCollapsedSelection = getDeleteCollapsedSelection('forward');\r\n\r\n/**\r\n * @internal if we didn't delete anything, and we want to delete backward, now perform it\r\n */\r\nexport const backwardDeleteCollapsedSelection = getDeleteCollapsedSelection('backward');\r\n"]}

package/lib/edit/deleteSteps/deleteList.d.ts

@@ -1,5 +1,5 @@
-import type { DeleteSelectionStep } from 'roosterjs-content-model-types';
-/**
- * @internal
- */
-export declare const deleteList: DeleteSelectionStep;
+import type { DeleteSelectionStep } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const deleteList: DeleteSelectionStep;

package/lib/edit/deleteSteps/deleteList.js

@@ -1,24 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.deleteList = void 0;
-var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
-/**
- * @internal
- */
-var deleteList = function (context) {
-    var _a = context.insertPoint, paragraph = _a.paragraph, marker = _a.marker, path = _a.path;
-    if (context.deleteResult == 'nothingToDelete' || context.deleteResult == 'notDeleted') {
-        var index = (0, roosterjs_content_model_core_1.getClosestAncestorBlockGroupIndex)(path, ['ListItem', 'TableCell']);
-        var item = path[index];
-        if (index >= 0 &&
-            paragraph.segments[0] == marker &&
-            item.blockGroupType == 'ListItem' &&
-            (paragraph.segments.length == 1 ||
-                (paragraph.segments.length == 2 && paragraph.segments[1].segmentType == 'Br'))) {
-            item.levels = [];
-            context.deleteResult = 'range';
-        }
-    }
-};
-exports.deleteList = deleteList;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteList = void 0;
+var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
+/**
+ * @internal
+ */
+var deleteList = function (context) {
+    var _a = context.insertPoint, paragraph = _a.paragraph, marker = _a.marker, path = _a.path;
+    if (context.deleteResult == 'nothingToDelete' || context.deleteResult == 'notDeleted') {
+        var index = (0, roosterjs_content_model_core_1.getClosestAncestorBlockGroupIndex)(path, ['ListItem', 'TableCell']);
+        var item = path[index];
+        if (index >= 0 &&
+            paragraph.segments[0] == marker &&
+            item.blockGroupType == 'ListItem' &&
+            (paragraph.segments.length == 1 ||
+                (paragraph.segments.length == 2 && paragraph.segments[1].segmentType == 'Br'))) {
+            item.levels = [];
+            context.deleteResult = 'range';
+        }
+    }
+};
+exports.deleteList = deleteList;
 //# sourceMappingURL=deleteList.js.map

package/lib/edit/deleteSteps/deleteList.js.map

@@ -1 +1 @@
-{"version":3,"file":"deleteList.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/deleteSteps/deleteList.ts"],"names":[],"mappings":";;;AAAA,6EAAiF;AAGjF;;GAEG;AACI,IAAM,UAAU,GAAwB,UAAA,OAAO;IAC5C,IAAA,KAA8B,OAAO,CAAC,WAAW,EAA/C,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAwB,CAAC;IAExD,IAAI,OAAO,CAAC,YAAY,IAAI,iBAAiB,IAAI,OAAO,CAAC,YAAY,IAAI,YAAY,EAAE;QACnF,IAAM,KAAK,GAAG,IAAA,gEAAiC,EAAC,IAAI,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;QACjF,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,IACI,KAAK,IAAI,CAAC;YACV,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,MAAM;YAC/B,IAAI,CAAC,cAAc,IAAI,UAAU;YACjC,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC;gBAC3B,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC,EACpF;YACE,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;YACjB,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC;SAClC;KACJ;AACL,CAAC,CAAC;AAjBW,QAAA,UAAU,cAiBrB","sourcesContent":["import { getClosestAncestorBlockGroupIndex } from 'roosterjs-content-model-core';\nimport type { DeleteSelectionStep } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const deleteList: DeleteSelectionStep = context => {\n    const { paragraph, marker, path } = context.insertPoint;\n\n    if (context.deleteResult == 'nothingToDelete' || context.deleteResult == 'notDeleted') {\n        const index = getClosestAncestorBlockGroupIndex(path, ['ListItem', 'TableCell']);\n        const item = path[index];\n        if (\n            index >= 0 &&\n            paragraph.segments[0] == marker &&\n            item.blockGroupType == 'ListItem' &&\n            (paragraph.segments.length == 1 ||\n                (paragraph.segments.length == 2 && paragraph.segments[1].segmentType == 'Br'))\n        ) {\n            item.levels = [];\n            context.deleteResult = 'range';\n        }\n    }\n};\n"]}
+{"version":3,"file":"deleteList.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/deleteSteps/deleteList.ts"],"names":[],"mappings":";;;AAAA,6EAAiF;AAGjF;;GAEG;AACI,IAAM,UAAU,GAAwB,UAAA,OAAO;IAC5C,IAAA,KAA8B,OAAO,CAAC,WAAW,EAA/C,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAwB,CAAC;IAExD,IAAI,OAAO,CAAC,YAAY,IAAI,iBAAiB,IAAI,OAAO,CAAC,YAAY,IAAI,YAAY,EAAE;QACnF,IAAM,KAAK,GAAG,IAAA,gEAAiC,EAAC,IAAI,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;QACjF,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,IACI,KAAK,IAAI,CAAC;YACV,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,MAAM;YAC/B,IAAI,CAAC,cAAc,IAAI,UAAU;YACjC,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC;gBAC3B,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC,EACpF;YACE,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;YACjB,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC;SAClC;KACJ;AACL,CAAC,CAAC;AAjBW,QAAA,UAAU,cAiBrB","sourcesContent":["import { getClosestAncestorBlockGroupIndex } from 'roosterjs-content-model-core';\r\nimport type { DeleteSelectionStep } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport const deleteList: DeleteSelectionStep = context => {\r\n    const { paragraph, marker, path } = context.insertPoint;\r\n\r\n    if (context.deleteResult == 'nothingToDelete' || context.deleteResult == 'notDeleted') {\r\n        const index = getClosestAncestorBlockGroupIndex(path, ['ListItem', 'TableCell']);\r\n        const item = path[index];\r\n        if (\r\n            index >= 0 &&\r\n            paragraph.segments[0] == marker &&\r\n            item.blockGroupType == 'ListItem' &&\r\n            (paragraph.segments.length == 1 ||\r\n                (paragraph.segments.length == 2 && paragraph.segments[1].segmentType == 'Br'))\r\n        ) {\r\n            item.levels = [];\r\n            context.deleteResult = 'range';\r\n        }\r\n    }\r\n};\r\n"]}