roosterjs-content-model-plugins 9.43.0 → 9.45.0

package/lib/edit/EditPlugin.js

@@ -1,239 +1,257 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditPlugin = void 0;
-var tslib_1 = require("tslib");
-var keyboardDelete_1 = require("./keyboardDelete");
-var keyboardEnter_1 = require("./keyboardEnter");
-var keyboardInput_1 = require("./keyboardInput");
-var keyboardTab_1 = require("./keyboardTab");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-var BACKSPACE_KEY = 8;
-var DELETE_KEY = 46;
-/**
- * According to https://lists.w3.org/Archives/Public/www-dom/2010JulSep/att-0182/keyCode-spec.html
- * 229 can be sent in variants generated when Long press (iOS) or using IM.
- *
- * Other cases: https://stackoverflow.com/questions/25043934/is-it-ok-to-ignore-keydown-events-with-keycode-229
- */
-var DEAD_KEY = 229;
-var DefaultOptions = {
-    handleTabKey: true,
-    handleExpandedSelectionOnDelete: true,
-};
-/**
- * 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 () {
-    /**
-     * @param options An optional parameter that takes in an object of type EditOptions, which includes the following properties:
-     * handleTabKey: A boolean that enables or disables Tab key handling. Defaults to true.
-     */
-    function EditPlugin(options) {
-        if (options === void 0) { options = DefaultOptions; }
-        this.options = options;
-        this.editor = null;
-        this.disposer = null;
-        this.shouldHandleNextInputEvent = false;
-        this.selectionAfterDelete = null;
-        this.handleNormalEnter = function () { return false; };
-        this.options = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, DefaultOptions), options);
-    }
-    EditPlugin.prototype.createNormalEnterChecker = function (result) {
-        return result ? function () { return true; } : function () { return false; };
-    };
-    EditPlugin.prototype.getHandleNormalEnter = function (editor) {
-        switch (typeof this.options.shouldHandleEnterKey) {
-            case 'function':
-                return this.options.shouldHandleEnterKey;
-            case 'boolean':
-                return this.createNormalEnterChecker(this.options.shouldHandleEnterKey);
-            default:
-                return this.createNormalEnterChecker(editor.isExperimentalFeatureEnabled('HandleEnterKey'));
-        }
-    };
-    /**
-     * 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;
-        this.handleNormalEnter = this.getHandleNormalEnter(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;
-                case 'keyUp':
-                    if (this.selectionAfterDelete) {
-                        this.editor.setDOMSelection(this.selectionAfterDelete);
-                        this.selectionAfterDelete = null;
-                    }
-                    break;
-            }
-        }
-    };
-    /**
-     * Check if the plugin should handle the given event exclusively.
-     * Handle an event exclusively means other plugin will not receive this event in
-     * onPluginEvent method.
-     * If two plugins will return true in willHandleEventExclusively() for the same event,
-     * the final result depends on the order of the plugins are added into editor
-     * @param event The event to check:
-     */
-    EditPlugin.prototype.willHandleEventExclusively = function (event) {
-        if (this.editor &&
-            this.options.handleTabKey &&
-            event.eventType == 'keyDown' &&
-            event.rawEvent.key == 'Tab' &&
-            !event.rawEvent.shiftKey) {
-            var selection = this.editor.getDOMSelection();
-            var startContainer = (selection === null || selection === void 0 ? void 0 : selection.type) == 'range' ? selection.range.startContainer : null;
-            var table = startContainer
-                ? this.editor.getDOMHelper().findClosestElementAncestor(startContainer, 'table')
-                : null;
-            var parsedTable = table && (0, roosterjs_content_model_dom_1.parseTableCells)(table);
-            if (parsedTable) {
-                var lastRow = parsedTable[parsedTable.length - 1];
-                var lastCell = lastRow && lastRow[lastRow.length - 1];
-                if (typeof lastCell == 'object' && lastCell.contains(startContainer)) {
-                    // When TAB in the last cell of a table, we will generate new table row, so prevent other plugins handling this event
-                    // e.g. SelectionPlugin will move the focus out of table, which is conflict with this behavior
-                    return true;
-                }
-            }
-        }
-        return false;
-    };
-    EditPlugin.prototype.handleKeyDownEvent = function (editor, event) {
-        var rawEvent = event.rawEvent;
-        var hasCtrlOrMetaKey = rawEvent.ctrlKey || rawEvent.metaKey;
-        if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {
-            switch (rawEvent.key) {
-                case 'Backspace':
-                    // 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
-                    if (!this.shouldBrowserHandleBackspace(editor)) {
-                        (0, keyboardDelete_1.keyboardDelete)(editor, rawEvent, this.options);
-                    }
-                    break;
-                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
-                    // And leave it to browser when shift key is pressed so that browser will trigger cut event
-                    if (!event.rawEvent.shiftKey) {
-                        (0, keyboardDelete_1.keyboardDelete)(editor, rawEvent, this.options);
-                    }
-                    break;
-                case 'Tab':
-                    if (this.options.handleTabKey && !hasCtrlOrMetaKey) {
-                        (0, keyboardTab_1.keyboardTab)(editor, rawEvent);
-                    }
-                    break;
-                case 'Unidentified':
-                    if (editor.getEnvironment().isAndroid) {
-                        this.shouldHandleNextInputEvent = true;
-                    }
-                    break;
-                case 'Enter':
-                    if (!hasCtrlOrMetaKey &&
-                        !event.rawEvent.isComposing &&
-                        event.rawEvent.keyCode !== DEAD_KEY) {
-                        (0, keyboardEnter_1.keyboardEnter)(editor, rawEvent, this.handleNormalEnter(editor), this.options.formatsToPreserveOnMerge);
-                    }
-                    break;
-                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':
-                if (!this.shouldBrowserHandleBackspace(editor)) {
-                    // This logic is Android specific. It's because some Android keyboard doesn't support key and keycode, the value of them is always Unidentified, so we have to manually create a new one.
-                    handled = (0, keyboardDelete_1.keyboardDelete)(editor, new KeyboardEvent('keydown', {
-                        key: 'Backspace',
-                        keyCode: BACKSPACE_KEY,
-                        which: BACKSPACE_KEY,
-                    }), this.options);
-                }
-                break;
-            case 'deleteContentForward':
-                handled = (0, keyboardDelete_1.keyboardDelete)(editor, new KeyboardEvent('keydown', {
-                    key: 'Delete',
-                    keyCode: DELETE_KEY,
-                    which: DELETE_KEY,
-                }), this.options);
-                break;
-        }
-        if (handled) {
-            rawEvent.preventDefault();
-            // Restore the selection on keyup event to avoid the cursor jump issue
-            // See: https://issues.chromium.org/issues/330596261
-            this.selectionAfterDelete = editor.getDOMSelection();
-        }
-    };
-    EditPlugin.prototype.shouldBrowserHandleBackspace = function (editor) {
-        var opt = this.options.shouldHandleBackspaceKey;
-        switch (typeof opt) {
-            case 'function':
-                return opt(editor);
-            case 'boolean':
-                return opt;
-            default:
-                return false;
-        }
-    };
-    return EditPlugin;
-}());
-exports.EditPlugin = EditPlugin;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditPlugin = void 0;
+var tslib_1 = require("tslib");
+var keyboardDelete_1 = require("./keyboardDelete");
+var keyboardEnter_1 = require("./keyboardEnter");
+var keyboardInput_1 = require("./keyboardInput");
+var keyboardTab_1 = require("./keyboardTab");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+var BACKSPACE_KEY = 8;
+var DELETE_KEY = 46;
+/**
+ * According to https://lists.w3.org/Archives/Public/www-dom/2010JulSep/att-0182/keyCode-spec.html
+ * 229 can be sent in variants generated when Long press (iOS) or using IM.
+ *
+ * Other cases: https://stackoverflow.com/questions/25043934/is-it-ok-to-ignore-keydown-events-with-keycode-229
+ */
+var DEAD_KEY = 229;
+var DefaultHandleTabOptions = {
+    indentMultipleBlocks: true,
+    indentTable: true,
+    appendTableRow: true,
+    indentList: true,
+    indentParagraph: true,
+};
+var DisabledHandleTabOptions = {
+    indentMultipleBlocks: false,
+    indentTable: false,
+    appendTableRow: false,
+    indentList: false,
+    indentParagraph: false,
+};
+var DefaultOptions = {
+    handleTabKey: DefaultHandleTabOptions,
+    handleExpandedSelectionOnDelete: true,
+};
+/**
+ * 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 () {
+    /**
+     * @param options An optional parameter that takes in an object of type EditOptions, which includes the following properties:
+     * handleTabKey: A boolean or HandleTabOptions object that controls Tab key handling. When a boolean, true enables all features and false disables all. When an object, individual features can be controlled. Defaults to all enabled.
+     */
+    function EditPlugin(options) {
+        if (options === void 0) { options = DefaultOptions; }
+        this.editor = null;
+        this.disposer = null;
+        this.shouldHandleNextInputEvent = false;
+        this.selectionAfterDelete = null;
+        this.handleNormalEnter = function () { return false; };
+        var tabOptions = options.handleTabKey === false
+            ? DisabledHandleTabOptions
+            : options.handleTabKey === true || !options.handleTabKey
+                ? DefaultHandleTabOptions
+                : (0, tslib_1.__assign)((0, tslib_1.__assign)({}, DefaultHandleTabOptions), options.handleTabKey);
+        this.options = (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, DefaultOptions), options), { handleTabKey: tabOptions });
+    }
+    EditPlugin.prototype.createNormalEnterChecker = function (result) {
+        return result ? function () { return true; } : function () { return false; };
+    };
+    EditPlugin.prototype.getHandleNormalEnter = function (editor) {
+        switch (typeof this.options.shouldHandleEnterKey) {
+            case 'function':
+                return this.options.shouldHandleEnterKey;
+            case 'boolean':
+                return this.createNormalEnterChecker(this.options.shouldHandleEnterKey);
+            default:
+                return this.createNormalEnterChecker(editor.isExperimentalFeatureEnabled('HandleEnterKey'));
+        }
+    };
+    /**
+     * 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;
+        this.handleNormalEnter = this.getHandleNormalEnter(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;
+                case 'keyUp':
+                    if (this.selectionAfterDelete) {
+                        this.editor.setDOMSelection(this.selectionAfterDelete);
+                        this.selectionAfterDelete = null;
+                    }
+                    break;
+            }
+        }
+    };
+    /**
+     * Check if the plugin should handle the given event exclusively.
+     * Handle an event exclusively means other plugin will not receive this event in
+     * onPluginEvent method.
+     * If two plugins will return true in willHandleEventExclusively() for the same event,
+     * the final result depends on the order of the plugins are added into editor
+     * @param event The event to check:
+     */
+    EditPlugin.prototype.willHandleEventExclusively = function (event) {
+        if (this.editor &&
+            this.options.handleTabKey.appendTableRow &&
+            event.eventType == 'keyDown' &&
+            event.rawEvent.key == 'Tab' &&
+            !event.rawEvent.shiftKey) {
+            var selection = this.editor.getDOMSelection();
+            var startContainer = (selection === null || selection === void 0 ? void 0 : selection.type) == 'range' ? selection.range.startContainer : null;
+            var table = startContainer
+                ? this.editor.getDOMHelper().findClosestElementAncestor(startContainer, 'table')
+                : null;
+            var parsedTable = table && (0, roosterjs_content_model_dom_1.parseTableCells)(table);
+            if (parsedTable) {
+                var lastRow = parsedTable[parsedTable.length - 1];
+                var lastCell = lastRow && lastRow[lastRow.length - 1];
+                if (typeof lastCell == 'object' && lastCell.contains(startContainer)) {
+                    // When TAB in the last cell of a table, we will generate new table row, so prevent other plugins handling this event
+                    // e.g. SelectionPlugin will move the focus out of table, which is conflict with this behavior
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
+    EditPlugin.prototype.handleKeyDownEvent = function (editor, event) {
+        var rawEvent = event.rawEvent;
+        var hasCtrlOrMetaKey = rawEvent.ctrlKey || rawEvent.metaKey;
+        if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {
+            switch (rawEvent.key) {
+                case 'Backspace':
+                    // 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
+                    if (!this.shouldBrowserHandleBackspace(editor)) {
+                        (0, keyboardDelete_1.keyboardDelete)(editor, rawEvent, this.options);
+                    }
+                    break;
+                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
+                    // And leave it to browser when shift key is pressed so that browser will trigger cut event
+                    if (!event.rawEvent.shiftKey) {
+                        (0, keyboardDelete_1.keyboardDelete)(editor, rawEvent, this.options);
+                    }
+                    break;
+                case 'Tab':
+                    if (!hasCtrlOrMetaKey) {
+                        (0, keyboardTab_1.keyboardTab)(editor, rawEvent, this.options.handleTabKey);
+                    }
+                    break;
+                case 'Unidentified':
+                    if (editor.getEnvironment().isAndroid) {
+                        this.shouldHandleNextInputEvent = true;
+                    }
+                    break;
+                case 'Enter':
+                    if (!hasCtrlOrMetaKey &&
+                        !event.rawEvent.isComposing &&
+                        event.rawEvent.keyCode !== DEAD_KEY) {
+                        (0, keyboardEnter_1.keyboardEnter)(editor, rawEvent, this.handleNormalEnter(editor), this.options.formatsToPreserveOnMerge);
+                    }
+                    break;
+                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':
+                if (!this.shouldBrowserHandleBackspace(editor)) {
+                    // This logic is Android specific. It's because some Android keyboard doesn't support key and keycode, the value of them is always Unidentified, so we have to manually create a new one.
+                    handled = (0, keyboardDelete_1.keyboardDelete)(editor, new KeyboardEvent('keydown', {
+                        key: 'Backspace',
+                        keyCode: BACKSPACE_KEY,
+                        which: BACKSPACE_KEY,
+                    }), this.options);
+                }
+                break;
+            case 'deleteContentForward':
+                handled = (0, keyboardDelete_1.keyboardDelete)(editor, new KeyboardEvent('keydown', {
+                    key: 'Delete',
+                    keyCode: DELETE_KEY,
+                    which: DELETE_KEY,
+                }), this.options);
+                break;
+        }
+        if (handled) {
+            rawEvent.preventDefault();
+            // Restore the selection on keyup event to avoid the cursor jump issue
+            // See: https://issues.chromium.org/issues/330596261
+            this.selectionAfterDelete = editor.getDOMSelection();
+        }
+    };
+    EditPlugin.prototype.shouldBrowserHandleBackspace = function (editor) {
+        var opt = this.options.shouldHandleBackspaceKey;
+        switch (typeof opt) {
+            case 'function':
+                return opt(editor);
+            case 'boolean':
+                return opt;
+            default:
+                return false;
+        }
+    };
+    return EditPlugin;
+}());
+exports.EditPlugin = EditPlugin;
 //# sourceMappingURL=EditPlugin.js.map

package/lib/edit/EditPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/edit/EditPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { keyboardDelete } from './keyboardDelete';\nimport { keyboardEnter } from './keyboardEnter';\nimport { keyboardInput } from './keyboardInput';\nimport { keyboardTab } from './keyboardTab';\nimport { parseTableCells } from 'roosterjs-content-model-dom';\nimport type { EditOptions } from './EditOptions';\nimport type {\n    DOMSelection,\n    EditorPlugin,\n    IEditor,\n    KeyDownEvent,\n    PluginEvent,\n} from 'roosterjs-content-model-types';\n\nconst BACKSPACE_KEY = 8;\nconst DELETE_KEY = 46;\n/**\n * According to https://lists.w3.org/Archives/Public/www-dom/2010JulSep/att-0182/keyCode-spec.html\n * 229 can be sent in variants generated when Long press (iOS) or using IM.\n *\n * Other cases: https://stackoverflow.com/questions/25043934/is-it-ok-to-ignore-keydown-events-with-keycode-229\n */\nconst DEAD_KEY = 229;\n\nconst DefaultOptions: Partial<EditOptions> = {\n    handleTabKey: true,\n    handleExpandedSelectionOnDelete: true,\n};\n\n/**\n * Edit plugins helps editor to do editing operation on top of content model.\n * This includes:\n * 1. Delete Key\n * 2. Backspace Key\n * 3. Tab Key\n */\nexport class EditPlugin implements EditorPlugin {\n    private editor: IEditor | null = null;\n    private disposer: (() => void) | null = null;\n    private shouldHandleNextInputEvent = false;\n    private selectionAfterDelete: DOMSelection | null = null;\n    private handleNormalEnter: (editor: IEditor) => boolean = () => false;\n\n    /**\n     * @param options An optional parameter that takes in an object of type EditOptions, which includes the following properties:\n     * handleTabKey: A boolean that enables or disables Tab key handling. Defaults to true.\n     */\n    constructor(private options: EditOptions = DefaultOptions) {\n        this.options = { ...DefaultOptions, ...options };\n    }\n\n    private createNormalEnterChecker(result: boolean) {\n        return result ? () => true : () => false;\n    }\n\n    private getHandleNormalEnter(editor: IEditor) {\n        switch (typeof this.options.shouldHandleEnterKey) {\n            case 'function':\n                return this.options.shouldHandleEnterKey;\n            case 'boolean':\n                return this.createNormalEnterChecker(this.options.shouldHandleEnterKey);\n            default:\n                return this.createNormalEnterChecker(\n                    editor.isExperimentalFeatureEnabled('HandleEnterKey')\n                );\n        }\n    }\n\n    /**\n     * Get name of this plugin\n     */\n    getName() {\n        return 'Edit';\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;\n        this.handleNormalEnter = this.getHandleNormalEnter(editor);\n\n        if (editor.getEnvironment().isAndroid) {\n            this.disposer = this.editor.attachDomEvent({\n                beforeinput: {\n                    beforeDispatch: e => this.handleBeforeInputEvent(editor, e),\n                },\n            });\n        }\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        this.disposer?.();\n        this.disposer = 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 'keyDown':\n                    this.handleKeyDownEvent(this.editor, event);\n                    break;\n                case 'keyUp':\n                    if (this.selectionAfterDelete) {\n                        this.editor.setDOMSelection(this.selectionAfterDelete);\n                        this.selectionAfterDelete = null;\n                    }\n                    break;\n            }\n        }\n    }\n\n    /**\n     * Check if the plugin should handle the given event exclusively.\n     * Handle an event exclusively means other plugin will not receive this event in\n     * onPluginEvent method.\n     * If two plugins will return true in willHandleEventExclusively() for the same event,\n     * the final result depends on the order of the plugins are added into editor\n     * @param event The event to check:\n     */\n    willHandleEventExclusively(event: PluginEvent) {\n        if (\n            this.editor &&\n            this.options.handleTabKey &&\n            event.eventType == 'keyDown' &&\n            event.rawEvent.key == 'Tab' &&\n            !event.rawEvent.shiftKey\n        ) {\n            const selection = this.editor.getDOMSelection();\n            const startContainer =\n                selection?.type == 'range' ? selection.range.startContainer : null;\n            const table = startContainer\n                ? this.editor.getDOMHelper().findClosestElementAncestor(startContainer, 'table')\n                : null;\n            const parsedTable = table && parseTableCells(table);\n\n            if (parsedTable) {\n                const lastRow = parsedTable[parsedTable.length - 1];\n                const lastCell = lastRow && lastRow[lastRow.length - 1];\n\n                if (typeof lastCell == 'object' && lastCell.contains(startContainer)) {\n                    // When TAB in the last cell of a table, we will generate new table row, so prevent other plugins handling this event\n                    // e.g. SelectionPlugin will move the focus out of table, which is conflict with this behavior\n                    return true;\n                }\n            }\n        }\n\n        return false;\n    }\n\n    private handleKeyDownEvent(editor: IEditor, event: KeyDownEvent) {\n        const rawEvent = event.rawEvent;\n        const hasCtrlOrMetaKey = rawEvent.ctrlKey || rawEvent.metaKey;\n\n        if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {\n            switch (rawEvent.key) {\n                case 'Backspace':\n                    // Use our API to handle BACKSPACE/DELETE key.\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\n                    if (!this.shouldBrowserHandleBackspace(editor)) {\n                        keyboardDelete(editor, rawEvent, this.options);\n                    }\n                    break;\n\n                case 'Delete':\n                    // Use our API to handle BACKSPACE/DELETE key.\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\n                    // And leave it to browser when shift key is pressed so that browser will trigger cut event\n                    if (!event.rawEvent.shiftKey) {\n                        keyboardDelete(editor, rawEvent, this.options);\n                    }\n                    break;\n\n                case 'Tab':\n                    if (this.options.handleTabKey && !hasCtrlOrMetaKey) {\n                        keyboardTab(editor, rawEvent);\n                    }\n                    break;\n                case 'Unidentified':\n                    if (editor.getEnvironment().isAndroid) {\n                        this.shouldHandleNextInputEvent = true;\n                    }\n                    break;\n\n                case 'Enter':\n                    if (\n                        !hasCtrlOrMetaKey &&\n                        !event.rawEvent.isComposing &&\n                        event.rawEvent.keyCode !== DEAD_KEY\n                    ) {\n                        keyboardEnter(\n                            editor,\n                            rawEvent,\n                            this.handleNormalEnter(editor),\n                            this.options.formatsToPreserveOnMerge\n                        );\n                    }\n                    break;\n\n                default:\n                    keyboardInput(editor, rawEvent);\n                    break;\n            }\n        }\n    }\n\n    private handleBeforeInputEvent(editor: IEditor, rawEvent: Event) {\n        // Some Android IMEs doesn't fire correct keydown event for BACKSPACE/DELETE key\n        // Here we translate input event to BACKSPACE/DELETE keydown event to be compatible with existing logic\n        if (\n            !this.shouldHandleNextInputEvent ||\n            !(rawEvent instanceof InputEvent) ||\n            rawEvent.defaultPrevented\n        ) {\n            return;\n        }\n        this.shouldHandleNextInputEvent = false;\n\n        let handled = false;\n        switch (rawEvent.inputType) {\n            case 'deleteContentBackward':\n                if (!this.shouldBrowserHandleBackspace(editor)) {\n                    // This logic is Android specific. It's because some Android keyboard doesn't support key and keycode, the value of them is always Unidentified, so we have to manually create a new one.\n                    handled = keyboardDelete(\n                        editor,\n                        new KeyboardEvent('keydown', {\n                            key: 'Backspace',\n                            keyCode: BACKSPACE_KEY,\n                            which: BACKSPACE_KEY,\n                        }),\n                        this.options\n                    );\n                }\n                break;\n            case 'deleteContentForward':\n                handled = keyboardDelete(\n                    editor,\n                    new KeyboardEvent('keydown', {\n                        key: 'Delete',\n                        keyCode: DELETE_KEY,\n                        which: DELETE_KEY,\n                    }),\n                    this.options\n                );\n                break;\n        }\n\n        if (handled) {\n            rawEvent.preventDefault();\n\n            // Restore the selection on keyup event to avoid the cursor jump issue\n            // See: https://issues.chromium.org/issues/330596261\n            this.selectionAfterDelete = editor.getDOMSelection();\n        }\n    }\n\n    private shouldBrowserHandleBackspace(editor: IEditor): boolean {\n        const opt = this.options.shouldHandleBackspaceKey;\n        switch (typeof opt) {\n            case 'function':\n                return opt(editor);\n            case 'boolean':\n                return opt;\n            default:\n                return false;\n        }\n    }\n}\n"]}
+{"version":3,"file":"EditPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/edit/EditPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { keyboardDelete } from './keyboardDelete';\r\nimport { keyboardEnter } from './keyboardEnter';\r\nimport { keyboardInput } from './keyboardInput';\r\nimport { keyboardTab } from './keyboardTab';\r\nimport { parseTableCells } from 'roosterjs-content-model-dom';\r\nimport type { EditOptions, HandleTabOptions } from './EditOptions';\r\nimport type {\r\n    DOMSelection,\r\n    EditorPlugin,\r\n    IEditor,\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 * According to https://lists.w3.org/Archives/Public/www-dom/2010JulSep/att-0182/keyCode-spec.html\r\n * 229 can be sent in variants generated when Long press (iOS) or using IM.\r\n *\r\n * Other cases: https://stackoverflow.com/questions/25043934/is-it-ok-to-ignore-keydown-events-with-keycode-229\r\n */\r\nconst DEAD_KEY = 229;\r\n\r\nconst DefaultHandleTabOptions: Required<HandleTabOptions> = {\r\n    indentMultipleBlocks: true,\r\n    indentTable: true,\r\n    appendTableRow: true,\r\n    indentList: true,\r\n    indentParagraph: true,\r\n};\r\n\r\nconst DisabledHandleTabOptions: Required<HandleTabOptions> = {\r\n    indentMultipleBlocks: false,\r\n    indentTable: false,\r\n    appendTableRow: false,\r\n    indentList: false,\r\n    indentParagraph: false,\r\n};\r\n\r\nconst DefaultOptions: Partial<EditOptions> & { handleTabKey: Required<HandleTabOptions> } = {\r\n    handleTabKey: DefaultHandleTabOptions,\r\n    handleExpandedSelectionOnDelete: true,\r\n};\r\n\r\n/**\r\n * 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: IEditor | null = null;\r\n    private disposer: (() => void) | null = null;\r\n    private shouldHandleNextInputEvent = false;\r\n    private selectionAfterDelete: DOMSelection | null = null;\r\n    private handleNormalEnter: (editor: IEditor) => boolean = () => false;\r\n    private options: EditOptions & { handleTabKey: Required<HandleTabOptions> };\r\n\r\n    /**\r\n     * @param options An optional parameter that takes in an object of type EditOptions, which includes the following properties:\r\n     * handleTabKey: A boolean or HandleTabOptions object that controls Tab key handling. When a boolean, true enables all features and false disables all. When an object, individual features can be controlled. Defaults to all enabled.\r\n     */\r\n    constructor(options: EditOptions = DefaultOptions) {\r\n        const tabOptions =\r\n            options.handleTabKey === false\r\n                ? DisabledHandleTabOptions\r\n                : options.handleTabKey === true || !options.handleTabKey\r\n                ? DefaultHandleTabOptions\r\n                : { ...DefaultHandleTabOptions, ...options.handleTabKey };\r\n        this.options = { ...DefaultOptions, ...options, handleTabKey: tabOptions };\r\n    }\r\n\r\n    private createNormalEnterChecker(result: boolean) {\r\n        return result ? () => true : () => false;\r\n    }\r\n\r\n    private getHandleNormalEnter(editor: IEditor) {\r\n        switch (typeof this.options.shouldHandleEnterKey) {\r\n            case 'function':\r\n                return this.options.shouldHandleEnterKey;\r\n            case 'boolean':\r\n                return this.createNormalEnterChecker(this.options.shouldHandleEnterKey);\r\n            default:\r\n                return this.createNormalEnterChecker(\r\n                    editor.isExperimentalFeatureEnabled('HandleEnterKey')\r\n                );\r\n        }\r\n    }\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: IEditor) {\r\n        this.editor = editor;\r\n        this.handleNormalEnter = this.getHandleNormalEnter(editor);\r\n\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                case 'keyUp':\r\n                    if (this.selectionAfterDelete) {\r\n                        this.editor.setDOMSelection(this.selectionAfterDelete);\r\n                        this.selectionAfterDelete = null;\r\n                    }\r\n                    break;\r\n            }\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Check if the plugin should handle the given event exclusively.\r\n     * Handle an event exclusively means other plugin will not receive this event in\r\n     * onPluginEvent method.\r\n     * If two plugins will return true in willHandleEventExclusively() for the same event,\r\n     * the final result depends on the order of the plugins are added into editor\r\n     * @param event The event to check:\r\n     */\r\n    willHandleEventExclusively(event: PluginEvent) {\r\n        if (\r\n            this.editor &&\r\n            this.options.handleTabKey.appendTableRow &&\r\n            event.eventType == 'keyDown' &&\r\n            event.rawEvent.key == 'Tab' &&\r\n            !event.rawEvent.shiftKey\r\n        ) {\r\n            const selection = this.editor.getDOMSelection();\r\n            const startContainer =\r\n                selection?.type == 'range' ? selection.range.startContainer : null;\r\n            const table = startContainer\r\n                ? this.editor.getDOMHelper().findClosestElementAncestor(startContainer, 'table')\r\n                : null;\r\n            const parsedTable = table && parseTableCells(table);\r\n\r\n            if (parsedTable) {\r\n                const lastRow = parsedTable[parsedTable.length - 1];\r\n                const lastCell = lastRow && lastRow[lastRow.length - 1];\r\n\r\n                if (typeof lastCell == 'object' && lastCell.contains(startContainer)) {\r\n                    // When TAB in the last cell of a table, we will generate new table row, so prevent other plugins handling this event\r\n                    // e.g. SelectionPlugin will move the focus out of table, which is conflict with this behavior\r\n                    return true;\r\n                }\r\n            }\r\n        }\r\n\r\n        return false;\r\n    }\r\n\r\n    private handleKeyDownEvent(editor: IEditor, event: KeyDownEvent) {\r\n        const rawEvent = event.rawEvent;\r\n        const hasCtrlOrMetaKey = rawEvent.ctrlKey || rawEvent.metaKey;\r\n\r\n        if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {\r\n            switch (rawEvent.key) {\r\n                case 'Backspace':\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                    if (!this.shouldBrowserHandleBackspace(editor)) {\r\n                        keyboardDelete(editor, rawEvent, this.options);\r\n                    }\r\n                    break;\r\n\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                    // And leave it to browser when shift key is pressed so that browser will trigger cut event\r\n                    if (!event.rawEvent.shiftKey) {\r\n                        keyboardDelete(editor, rawEvent, this.options);\r\n                    }\r\n                    break;\r\n\r\n                case 'Tab':\r\n                    if (!hasCtrlOrMetaKey) {\r\n                        keyboardTab(editor, rawEvent, this.options.handleTabKey);\r\n                    }\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                    if (\r\n                        !hasCtrlOrMetaKey &&\r\n                        !event.rawEvent.isComposing &&\r\n                        event.rawEvent.keyCode !== DEAD_KEY\r\n                    ) {\r\n                        keyboardEnter(\r\n                            editor,\r\n                            rawEvent,\r\n                            this.handleNormalEnter(editor),\r\n                            this.options.formatsToPreserveOnMerge\r\n                        );\r\n                    }\r\n                    break;\r\n\r\n                default:\r\n                    keyboardInput(editor, rawEvent);\r\n                    break;\r\n            }\r\n        }\r\n    }\r\n\r\n    private handleBeforeInputEvent(editor: IEditor, 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                if (!this.shouldBrowserHandleBackspace(editor)) {\r\n                    // This logic is Android specific. It's because some Android keyboard doesn't support key and keycode, the value of them is always Unidentified, so we have to manually create a new one.\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                        this.options\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                    this.options\r\n                );\r\n                break;\r\n        }\r\n\r\n        if (handled) {\r\n            rawEvent.preventDefault();\r\n\r\n            // Restore the selection on keyup event to avoid the cursor jump issue\r\n            // See: https://issues.chromium.org/issues/330596261\r\n            this.selectionAfterDelete = editor.getDOMSelection();\r\n        }\r\n    }\r\n\r\n    private shouldBrowserHandleBackspace(editor: IEditor): boolean {\r\n        const opt = this.options.shouldHandleBackspaceKey;\r\n        switch (typeof opt) {\r\n            case 'function':\r\n                return opt(editor);\r\n            case 'boolean':\r\n                return opt;\r\n            default:\r\n                return false;\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;