roosterjs-content-model-plugins 9.44.0 → 9.45.0

package/lib/edit/keyboardDelete.d.ts

@@ -1,11 +1,11 @@
-import type { IEditor } from 'roosterjs-content-model-types';
-import type { EditOptions } from './EditOptions';
-/**
- * @internal
- * Do keyboard event handling for DELETE/BACKSPACE key
- * @param editor The editor object
- * @param rawEvent DOM keyboard event
- * @param handleExpandedSelection Whether to handle expanded selection within a text node by CM
- * @returns True if the event is handled by content model, otherwise false
- */
-export declare function keyboardDelete(editor: IEditor, rawEvent: KeyboardEvent, options: EditOptions): boolean;
+import type { IEditor } from 'roosterjs-content-model-types';
+import type { EditOptions } from './EditOptions';
+/**
+ * @internal
+ * Do keyboard event handling for DELETE/BACKSPACE key
+ * @param editor The editor object
+ * @param rawEvent DOM keyboard event
+ * @param handleExpandedSelection Whether to handle expanded selection within a text node by CM
+ * @returns True if the event is handled by content model, otherwise false
+ */
+export declare function keyboardDelete(editor: IEditor, rawEvent: KeyboardEvent, options: EditOptions): boolean;

package/lib/edit/keyboardDelete.js

@@ -1,115 +1,115 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.keyboardDelete = void 0;
-var deleteAllSegmentBefore_1 = require("./deleteSteps/deleteAllSegmentBefore");
-var deleteEmptyQuote_1 = require("./deleteSteps/deleteEmptyQuote");
-var deleteList_1 = require("./deleteSteps/deleteList");
-var deleteParagraphStyle_1 = require("./deleteSteps/deleteParagraphStyle");
-var deleteCollapsedSelection_1 = require("./deleteSteps/deleteCollapsedSelection");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-var handleKeyboardEventCommon_1 = require("./handleKeyboardEventCommon");
-var deleteWordSelection_1 = require("./deleteSteps/deleteWordSelection");
-/**
- * @internal
- * Do keyboard event handling for DELETE/BACKSPACE key
- * @param editor The editor object
- * @param rawEvent DOM keyboard event
- * @param handleExpandedSelection Whether to handle expanded selection within a text node by CM
- * @returns True if the event is handled by content model, otherwise false
- */
-function keyboardDelete(editor, rawEvent, options) {
-    var handled = false;
-    var selection = editor.getDOMSelection();
-    var handleExpandedSelectionOnDelete = options.handleExpandedSelectionOnDelete;
-    if (shouldDeleteWithContentModel(selection, rawEvent, !!handleExpandedSelectionOnDelete)) {
-        editor.formatContentModel(function (model, context) {
-            var result = (0, roosterjs_content_model_dom_1.deleteSelection)(model, getDeleteSteps(rawEvent, !!editor.getEnvironment().isMac, options), context).deleteResult;
-            handled = (0, handleKeyboardEventCommon_1.handleKeyboardEventResult)(editor, model, rawEvent, result, context);
-            return handled;
-        }, {
-            rawEvent: rawEvent,
-            changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
-            getChangeData: function () { return rawEvent.which; },
-            scrollCaretIntoView: true,
-            apiName: rawEvent.key == 'Delete' ? 'handleDeleteKey' : 'handleBackspaceKey',
-        });
-    }
-    return handled;
-}
-exports.keyboardDelete = keyboardDelete;
-function getDeleteSteps(rawEvent, isMac, options) {
-    var isForward = rawEvent.key == 'Delete';
-    var deleteAllSegmentBeforeStep = (0, handleKeyboardEventCommon_1.shouldDeleteAllSegmentsBefore)(rawEvent) && !isForward ? deleteAllSegmentBefore_1.deleteAllSegmentBefore : null;
-    var deleteWordSelection = (0, handleKeyboardEventCommon_1.shouldDeleteWord)(rawEvent, isMac)
-        ? isForward
-            ? deleteWordSelection_1.forwardDeleteWordSelection
-            : deleteWordSelection_1.backwardDeleteWordSelection
-        : null;
-    var deleteCollapsedSelection = (0, deleteCollapsedSelection_1.getDeleteCollapsedSelection)(isForward ? 'forward' : 'backward', options);
-    var deleteQuote = !isForward ? deleteEmptyQuote_1.deleteEmptyQuote : null;
-    return [
-        deleteAllSegmentBeforeStep,
-        deleteWordSelection,
-        isForward ? null : deleteList_1.deleteList,
-        deleteCollapsedSelection,
-        deleteQuote,
-        deleteParagraphStyle_1.deleteParagraphStyle,
-    ];
-}
-function shouldDeleteWithContentModel(selection, rawEvent, handleExpandedSelection) {
-    var _a, _b;
-    if (!selection) {
-        return false; // Nothing to delete
-    }
-    else if (selection.type != 'range') {
-        return true;
-    }
-    else if (!selection.range.collapsed) {
-        if (handleExpandedSelection) {
-            return true; // Selection is not collapsed, need to delete all selections
-        }
-        var range = selection.range;
-        var _c = selection.range, startContainer = _c.startContainer, endContainer = _c.endContainer;
-        var isInSameTextNode = startContainer === endContainer && (0, roosterjs_content_model_dom_1.isNodeOfType)(startContainer, 'TEXT_NODE');
-        return !(isInSameTextNode &&
-            !(0, roosterjs_content_model_dom_1.isModifierKey)(rawEvent) &&
-            range.endOffset - range.startOffset < ((_b = (_a = startContainer.nodeValue) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0));
-    }
-    else {
-        var range = selection.range;
-        var startContainer = range.startContainer;
-        var startOffset = range.startOffset;
-        // When selection is collapsed and is in middle of text node, no need to use Content Model to delete
-        return !((0, roosterjs_content_model_dom_1.isNodeOfType)(startContainer, 'TEXT_NODE') &&
-            !(0, roosterjs_content_model_dom_1.isModifierKey)(rawEvent) &&
-            (canDeleteBefore(rawEvent, startContainer, startOffset) ||
-                canDeleteAfter(rawEvent, startContainer, startOffset)));
-    }
-}
-function canDeleteBefore(rawEvent, text, offset) {
-    var _a, _b;
-    if (rawEvent.key != 'Backspace' || offset <= 1) {
-        return false;
-    }
-    var length = (_b = (_a = text.nodeValue) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
-    if (offset == length) {
-        // At the end of text, need to check if next segment is deletable
-        var nextSibling = text.nextSibling;
-        var isNextSiblingUndeletable = (0, roosterjs_content_model_dom_1.isNodeOfType)(nextSibling, 'ELEMENT_NODE') &&
-            (0, roosterjs_content_model_dom_1.isElementOfType)(nextSibling, 'a') &&
-            (0, roosterjs_content_model_dom_1.isLinkUndeletable)(nextSibling) &&
-            !nextSibling.firstChild;
-        // If next sibling is undeletable, we cannot let browser handle it since it will remove the anchor
-        // So we return false here to let Content Model handle it
-        return !isNextSiblingUndeletable;
-    }
-    else {
-        // In middle of text, we can safely let browser handle deletion
-        return true;
-    }
-}
-function canDeleteAfter(rawEvent, text, offset) {
-    var _a, _b;
-    return rawEvent.key == 'Delete' && offset < ((_b = (_a = text.nodeValue) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - 1;
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keyboardDelete = void 0;
+var deleteAllSegmentBefore_1 = require("./deleteSteps/deleteAllSegmentBefore");
+var deleteEmptyQuote_1 = require("./deleteSteps/deleteEmptyQuote");
+var deleteList_1 = require("./deleteSteps/deleteList");
+var deleteParagraphStyle_1 = require("./deleteSteps/deleteParagraphStyle");
+var deleteCollapsedSelection_1 = require("./deleteSteps/deleteCollapsedSelection");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+var handleKeyboardEventCommon_1 = require("./handleKeyboardEventCommon");
+var deleteWordSelection_1 = require("./deleteSteps/deleteWordSelection");
+/**
+ * @internal
+ * Do keyboard event handling for DELETE/BACKSPACE key
+ * @param editor The editor object
+ * @param rawEvent DOM keyboard event
+ * @param handleExpandedSelection Whether to handle expanded selection within a text node by CM
+ * @returns True if the event is handled by content model, otherwise false
+ */
+function keyboardDelete(editor, rawEvent, options) {
+    var handled = false;
+    var selection = editor.getDOMSelection();
+    var handleExpandedSelectionOnDelete = options.handleExpandedSelectionOnDelete;
+    if (shouldDeleteWithContentModel(selection, rawEvent, !!handleExpandedSelectionOnDelete)) {
+        editor.formatContentModel(function (model, context) {
+            var result = (0, roosterjs_content_model_dom_1.deleteSelection)(model, getDeleteSteps(rawEvent, !!editor.getEnvironment().isMac, options), context).deleteResult;
+            handled = (0, handleKeyboardEventCommon_1.handleKeyboardEventResult)(editor, model, rawEvent, result, context);
+            return handled;
+        }, {
+            rawEvent: rawEvent,
+            changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
+            getChangeData: function () { return rawEvent.which; },
+            scrollCaretIntoView: true,
+            apiName: rawEvent.key == 'Delete' ? 'handleDeleteKey' : 'handleBackspaceKey',
+        });
+    }
+    return handled;
+}
+exports.keyboardDelete = keyboardDelete;
+function getDeleteSteps(rawEvent, isMac, options) {
+    var isForward = rawEvent.key == 'Delete';
+    var deleteAllSegmentBeforeStep = (0, handleKeyboardEventCommon_1.shouldDeleteAllSegmentsBefore)(rawEvent) && !isForward ? deleteAllSegmentBefore_1.deleteAllSegmentBefore : null;
+    var deleteWordSelection = (0, handleKeyboardEventCommon_1.shouldDeleteWord)(rawEvent, isMac)
+        ? isForward
+            ? deleteWordSelection_1.forwardDeleteWordSelection
+            : deleteWordSelection_1.backwardDeleteWordSelection
+        : null;
+    var deleteCollapsedSelection = (0, deleteCollapsedSelection_1.getDeleteCollapsedSelection)(isForward ? 'forward' : 'backward', options);
+    var deleteQuote = !isForward ? deleteEmptyQuote_1.deleteEmptyQuote : null;
+    return [
+        deleteAllSegmentBeforeStep,
+        deleteWordSelection,
+        isForward ? null : deleteList_1.deleteList,
+        deleteCollapsedSelection,
+        deleteQuote,
+        deleteParagraphStyle_1.deleteParagraphStyle,
+    ];
+}
+function shouldDeleteWithContentModel(selection, rawEvent, handleExpandedSelection) {
+    var _a, _b;
+    if (!selection) {
+        return false; // Nothing to delete
+    }
+    else if (selection.type != 'range') {
+        return true;
+    }
+    else if (!selection.range.collapsed) {
+        if (handleExpandedSelection) {
+            return true; // Selection is not collapsed, need to delete all selections
+        }
+        var range = selection.range;
+        var _c = selection.range, startContainer = _c.startContainer, endContainer = _c.endContainer;
+        var isInSameTextNode = startContainer === endContainer && (0, roosterjs_content_model_dom_1.isNodeOfType)(startContainer, 'TEXT_NODE');
+        return !(isInSameTextNode &&
+            !(0, roosterjs_content_model_dom_1.isModifierKey)(rawEvent) &&
+            range.endOffset - range.startOffset < ((_b = (_a = startContainer.nodeValue) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0));
+    }
+    else {
+        var range = selection.range;
+        var startContainer = range.startContainer;
+        var startOffset = range.startOffset;
+        // When selection is collapsed and is in middle of text node, no need to use Content Model to delete
+        return !((0, roosterjs_content_model_dom_1.isNodeOfType)(startContainer, 'TEXT_NODE') &&
+            !(0, roosterjs_content_model_dom_1.isModifierKey)(rawEvent) &&
+            (canDeleteBefore(rawEvent, startContainer, startOffset) ||
+                canDeleteAfter(rawEvent, startContainer, startOffset)));
+    }
+}
+function canDeleteBefore(rawEvent, text, offset) {
+    var _a, _b;
+    if (rawEvent.key != 'Backspace' || offset <= 1) {
+        return false;
+    }
+    var length = (_b = (_a = text.nodeValue) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+    if (offset == length) {
+        // At the end of text, need to check if next segment is deletable
+        var nextSibling = text.nextSibling;
+        var isNextSiblingUndeletable = (0, roosterjs_content_model_dom_1.isNodeOfType)(nextSibling, 'ELEMENT_NODE') &&
+            (0, roosterjs_content_model_dom_1.isElementOfType)(nextSibling, 'a') &&
+            (0, roosterjs_content_model_dom_1.isLinkUndeletable)(nextSibling) &&
+            !nextSibling.firstChild;
+        // If next sibling is undeletable, we cannot let browser handle it since it will remove the anchor
+        // So we return false here to let Content Model handle it
+        return !isNextSiblingUndeletable;
+    }
+    else {
+        // In middle of text, we can safely let browser handle deletion
+        return true;
+    }
+}
+function canDeleteAfter(rawEvent, text, offset) {
+    var _a, _b;
+    return rawEvent.key == 'Delete' && offset < ((_b = (_a = text.nodeValue) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - 1;
+}
 //# sourceMappingURL=keyboardDelete.js.map

package/lib/edit/keyboardDelete.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardDelete.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/edit/keyboardDelete.ts"],"names":[],"mappings":"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","sourcesContent":["import { deleteAllSegmentBefore } from './deleteSteps/deleteAllSegmentBefore';\nimport { deleteEmptyQuote } from './deleteSteps/deleteEmptyQuote';\nimport { deleteList } from './deleteSteps/deleteList';\nimport { deleteParagraphStyle } from './deleteSteps/deleteParagraphStyle';\nimport { getDeleteCollapsedSelection } from './deleteSteps/deleteCollapsedSelection';\nimport {\n    ChangeSource,\n    deleteSelection,\n    isElementOfType,\n    isLinkUndeletable,\n    isModifierKey,\n    isNodeOfType,\n} from 'roosterjs-content-model-dom';\nimport {\n    handleKeyboardEventResult,\n    shouldDeleteAllSegmentsBefore,\n    shouldDeleteWord,\n} from './handleKeyboardEventCommon';\nimport {\n    backwardDeleteWordSelection,\n    forwardDeleteWordSelection,\n} from './deleteSteps/deleteWordSelection';\nimport type { DOMSelection, DeleteSelectionStep, IEditor } from 'roosterjs-content-model-types';\nimport type { EditOptions } from './EditOptions';\n\n/**\n * @internal\n * Do keyboard event handling for DELETE/BACKSPACE key\n * @param editor The editor object\n * @param rawEvent DOM keyboard event\n * @param handleExpandedSelection Whether to handle expanded selection within a text node by CM\n * @returns True if the event is handled by content model, otherwise false\n */\nexport function keyboardDelete(editor: IEditor, rawEvent: KeyboardEvent, options: EditOptions) {\n    let handled = false;\n    const selection = editor.getDOMSelection();\n    const { handleExpandedSelectionOnDelete } = options;\n\n    if (shouldDeleteWithContentModel(selection, rawEvent, !!handleExpandedSelectionOnDelete)) {\n        editor.formatContentModel(\n            (model, context) => {\n                const result = deleteSelection(\n                    model,\n                    getDeleteSteps(rawEvent, !!editor.getEnvironment().isMac, options),\n                    context\n                ).deleteResult;\n\n                handled = handleKeyboardEventResult(editor, model, rawEvent, result, context);\n                return handled;\n            },\n            {\n                rawEvent,\n                changeSource: ChangeSource.Keyboard,\n                getChangeData: () => rawEvent.which,\n                scrollCaretIntoView: true,\n                apiName: rawEvent.key == 'Delete' ? 'handleDeleteKey' : 'handleBackspaceKey',\n            }\n        );\n    }\n\n    return handled;\n}\n\nfunction getDeleteSteps(\n    rawEvent: KeyboardEvent,\n    isMac: boolean,\n    options: EditOptions\n): (DeleteSelectionStep | null)[] {\n    const isForward = rawEvent.key == 'Delete';\n    const deleteAllSegmentBeforeStep =\n        shouldDeleteAllSegmentsBefore(rawEvent) && !isForward ? deleteAllSegmentBefore : null;\n    const deleteWordSelection = shouldDeleteWord(rawEvent, isMac)\n        ? isForward\n            ? forwardDeleteWordSelection\n            : backwardDeleteWordSelection\n        : null;\n\n    const deleteCollapsedSelection = getDeleteCollapsedSelection(\n        isForward ? 'forward' : 'backward',\n        options\n    );\n\n    const deleteQuote = !isForward ? deleteEmptyQuote : null;\n    return [\n        deleteAllSegmentBeforeStep,\n        deleteWordSelection,\n        isForward ? null : deleteList,\n        deleteCollapsedSelection,\n        deleteQuote,\n        deleteParagraphStyle,\n    ];\n}\n\nfunction shouldDeleteWithContentModel(\n    selection: DOMSelection | null,\n    rawEvent: KeyboardEvent,\n    handleExpandedSelection: boolean\n) {\n    if (!selection) {\n        return false; // Nothing to delete\n    } else if (selection.type != 'range') {\n        return true;\n    } else if (!selection.range.collapsed) {\n        if (handleExpandedSelection) {\n            return true; // Selection is not collapsed, need to delete all selections\n        }\n\n        const range = selection.range;\n        const { startContainer, endContainer } = selection.range;\n        const isInSameTextNode =\n            startContainer === endContainer && isNodeOfType(startContainer, 'TEXT_NODE');\n        return !(\n            isInSameTextNode &&\n            !isModifierKey(rawEvent) &&\n            range.endOffset - range.startOffset < (startContainer.nodeValue?.length ?? 0)\n        );\n    } else {\n        const range = selection.range;\n        const startContainer = range.startContainer;\n        const startOffset = range.startOffset;\n\n        // When selection is collapsed and is in middle of text node, no need to use Content Model to delete\n        return !(\n            isNodeOfType(startContainer, 'TEXT_NODE') &&\n            !isModifierKey(rawEvent) &&\n            (canDeleteBefore(rawEvent, startContainer, startOffset) ||\n                canDeleteAfter(rawEvent, startContainer, startOffset))\n        );\n    }\n}\n\nfunction canDeleteBefore(rawEvent: KeyboardEvent, text: Text, offset: number) {\n    if (rawEvent.key != 'Backspace' || offset <= 1) {\n        return false;\n    }\n\n    const length = text.nodeValue?.length ?? 0;\n\n    if (offset == length) {\n        // At the end of text, need to check if next segment is deletable\n        const nextSibling = text.nextSibling;\n        const isNextSiblingUndeletable =\n            isNodeOfType(nextSibling, 'ELEMENT_NODE') &&\n            isElementOfType(nextSibling, 'a') &&\n            isLinkUndeletable(nextSibling) &&\n            !nextSibling.firstChild;\n\n        // If next sibling is undeletable, we cannot let browser handle it since it will remove the anchor\n        // So we return false here to let Content Model handle it\n        return !isNextSiblingUndeletable;\n    } else {\n        // In middle of text, we can safely let browser handle deletion\n        return true;\n    }\n}\n\nfunction canDeleteAfter(rawEvent: KeyboardEvent, text: Text, offset: number) {\n    return rawEvent.key == 'Delete' && offset < (text.nodeValue?.length ?? 0) - 1;\n}\n"]}
+{"version":3,"file":"keyboardDelete.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/edit/keyboardDelete.ts"],"names":[],"mappings":";;;AAAA,+EAA8E;AAC9E,mEAAkE;AAClE,uDAAsD;AACtD,2EAA0E;AAC1E,mFAAqF;AACrF,2EAOqC;AACrC,yEAIqC;AACrC,yEAG2C;AAI3C;;;;;;;GAOG;AACH,SAAgB,cAAc,CAAC,MAAe,EAAE,QAAuB,EAAE,OAAoB;IACzF,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;IACnC,IAAA,+BAA+B,GAAK,OAAO,gCAAZ,CAAa;IAEpD,IAAI,4BAA4B,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,+BAA+B,CAAC,EAAE;QACtF,MAAM,CAAC,kBAAkB,CACrB,UAAC,KAAK,EAAE,OAAO;YACX,IAAM,MAAM,GAAG,IAAA,6CAAe,EAC1B,KAAK,EACL,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,EAClE,OAAO,CACV,CAAC,YAAY,CAAC;YAEf,OAAO,GAAG,IAAA,qDAAyB,EAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;YAC9E,OAAO,OAAO,CAAC;QACnB,CAAC,EACD;YACI,QAAQ,UAAA;YACR,YAAY,EAAE,0CAAY,CAAC,QAAQ;YACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;YACnC,mBAAmB,EAAE,IAAI;YACzB,OAAO,EAAE,QAAQ,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,oBAAoB;SAC/E,CACJ,CAAC;KACL;IAED,OAAO,OAAO,CAAC;AACnB,CAAC;AA5BD,wCA4BC;AAED,SAAS,cAAc,CACnB,QAAuB,EACvB,KAAc,EACd,OAAoB;IAEpB,IAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,IAAI,QAAQ,CAAC;IAC3C,IAAM,0BAA0B,GAC5B,IAAA,yDAA6B,EAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,+CAAsB,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1F,IAAM,mBAAmB,GAAG,IAAA,4CAAgB,EAAC,QAAQ,EAAE,KAAK,CAAC;QACzD,CAAC,CAAC,SAAS;YACP,CAAC,CAAC,gDAA0B;YAC5B,CAAC,CAAC,iDAA2B;QACjC,CAAC,CAAC,IAAI,CAAC;IAEX,IAAM,wBAAwB,GAAG,IAAA,sDAA2B,EACxD,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAClC,OAAO,CACV,CAAC;IAEF,IAAM,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,mCAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;IACzD,OAAO;QACH,0BAA0B;QAC1B,mBAAmB;QACnB,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAU;QAC7B,wBAAwB;QACxB,WAAW;QACX,2CAAoB;KACvB,CAAC;AACN,CAAC;AAED,SAAS,4BAA4B,CACjC,SAA8B,EAC9B,QAAuB,EACvB,uBAAgC;;IAEhC,IAAI,CAAC,SAAS,EAAE;QACZ,OAAO,KAAK,CAAC,CAAC,oBAAoB;KACrC;SAAM,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO,EAAE;QAClC,OAAO,IAAI,CAAC;KACf;SAAM,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE;QACnC,IAAI,uBAAuB,EAAE;YACzB,OAAO,IAAI,CAAC,CAAC,4DAA4D;SAC5E;QAED,IAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;QACxB,IAAA,KAAmC,SAAS,CAAC,KAAK,EAAhD,cAAc,oBAAA,EAAE,YAAY,kBAAoB,CAAC;QACzD,IAAM,gBAAgB,GAClB,cAAc,KAAK,YAAY,IAAI,IAAA,0CAAY,EAAC,cAAc,EAAE,WAAW,CAAC,CAAC;QACjF,OAAO,CAAC,CACJ,gBAAgB;YAChB,CAAC,IAAA,2CAAa,EAAC,QAAQ,CAAC;YACxB,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,WAAW,GAAG,CAAC,MAAA,MAAA,cAAc,CAAC,SAAS,0CAAE,MAAM,mCAAI,CAAC,CAAC,CAChF,CAAC;KACL;SAAM;QACH,IAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;QAC9B,IAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;QAC5C,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;QAEtC,oGAAoG;QACpG,OAAO,CAAC,CACJ,IAAA,0CAAY,EAAC,cAAc,EAAE,WAAW,CAAC;YACzC,CAAC,IAAA,2CAAa,EAAC,QAAQ,CAAC;YACxB,CAAC,eAAe,CAAC,QAAQ,EAAE,cAAc,EAAE,WAAW,CAAC;gBACnD,cAAc,CAAC,QAAQ,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC,CAC7D,CAAC;KACL;AACL,CAAC;AAED,SAAS,eAAe,CAAC,QAAuB,EAAE,IAAU,EAAE,MAAc;;IACxE,IAAI,QAAQ,CAAC,GAAG,IAAI,WAAW,IAAI,MAAM,IAAI,CAAC,EAAE;QAC5C,OAAO,KAAK,CAAC;KAChB;IAED,IAAM,MAAM,GAAG,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,MAAM,mCAAI,CAAC,CAAC;IAE3C,IAAI,MAAM,IAAI,MAAM,EAAE;QAClB,iEAAiE;QACjE,IAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACrC,IAAM,wBAAwB,GAC1B,IAAA,0CAAY,EAAC,WAAW,EAAE,cAAc,CAAC;YACzC,IAAA,6CAAe,EAAC,WAAW,EAAE,GAAG,CAAC;YACjC,IAAA,+CAAiB,EAAC,WAAW,CAAC;YAC9B,CAAC,WAAW,CAAC,UAAU,CAAC;QAE5B,kGAAkG;QAClG,yDAAyD;QACzD,OAAO,CAAC,wBAAwB,CAAC;KACpC;SAAM;QACH,+DAA+D;QAC/D,OAAO,IAAI,CAAC;KACf;AACL,CAAC;AAED,SAAS,cAAc,CAAC,QAAuB,EAAE,IAAU,EAAE,MAAc;;IACvE,OAAO,QAAQ,CAAC,GAAG,IAAI,QAAQ,IAAI,MAAM,GAAG,CAAC,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,MAAM,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AAClF,CAAC","sourcesContent":["import { deleteAllSegmentBefore } from './deleteSteps/deleteAllSegmentBefore';\r\nimport { deleteEmptyQuote } from './deleteSteps/deleteEmptyQuote';\r\nimport { deleteList } from './deleteSteps/deleteList';\r\nimport { deleteParagraphStyle } from './deleteSteps/deleteParagraphStyle';\r\nimport { getDeleteCollapsedSelection } from './deleteSteps/deleteCollapsedSelection';\r\nimport {\r\n    ChangeSource,\r\n    deleteSelection,\r\n    isElementOfType,\r\n    isLinkUndeletable,\r\n    isModifierKey,\r\n    isNodeOfType,\r\n} from 'roosterjs-content-model-dom';\r\nimport {\r\n    handleKeyboardEventResult,\r\n    shouldDeleteAllSegmentsBefore,\r\n    shouldDeleteWord,\r\n} from './handleKeyboardEventCommon';\r\nimport {\r\n    backwardDeleteWordSelection,\r\n    forwardDeleteWordSelection,\r\n} from './deleteSteps/deleteWordSelection';\r\nimport type { DOMSelection, DeleteSelectionStep, IEditor } from 'roosterjs-content-model-types';\r\nimport type { EditOptions } from './EditOptions';\r\n\r\n/**\r\n * @internal\r\n * Do keyboard event handling for DELETE/BACKSPACE key\r\n * @param editor The editor object\r\n * @param rawEvent DOM keyboard event\r\n * @param handleExpandedSelection Whether to handle expanded selection within a text node by CM\r\n * @returns True if the event is handled by content model, otherwise false\r\n */\r\nexport function keyboardDelete(editor: IEditor, rawEvent: KeyboardEvent, options: EditOptions) {\r\n    let handled = false;\r\n    const selection = editor.getDOMSelection();\r\n    const { handleExpandedSelectionOnDelete } = options;\r\n\r\n    if (shouldDeleteWithContentModel(selection, rawEvent, !!handleExpandedSelectionOnDelete)) {\r\n        editor.formatContentModel(\r\n            (model, context) => {\r\n                const result = deleteSelection(\r\n                    model,\r\n                    getDeleteSteps(rawEvent, !!editor.getEnvironment().isMac, options),\r\n                    context\r\n                ).deleteResult;\r\n\r\n                handled = handleKeyboardEventResult(editor, model, rawEvent, result, context);\r\n                return handled;\r\n            },\r\n            {\r\n                rawEvent,\r\n                changeSource: ChangeSource.Keyboard,\r\n                getChangeData: () => rawEvent.which,\r\n                scrollCaretIntoView: true,\r\n                apiName: rawEvent.key == 'Delete' ? 'handleDeleteKey' : 'handleBackspaceKey',\r\n            }\r\n        );\r\n    }\r\n\r\n    return handled;\r\n}\r\n\r\nfunction getDeleteSteps(\r\n    rawEvent: KeyboardEvent,\r\n    isMac: boolean,\r\n    options: EditOptions\r\n): (DeleteSelectionStep | null)[] {\r\n    const isForward = rawEvent.key == 'Delete';\r\n    const deleteAllSegmentBeforeStep =\r\n        shouldDeleteAllSegmentsBefore(rawEvent) && !isForward ? deleteAllSegmentBefore : null;\r\n    const deleteWordSelection = shouldDeleteWord(rawEvent, isMac)\r\n        ? isForward\r\n            ? forwardDeleteWordSelection\r\n            : backwardDeleteWordSelection\r\n        : null;\r\n\r\n    const deleteCollapsedSelection = getDeleteCollapsedSelection(\r\n        isForward ? 'forward' : 'backward',\r\n        options\r\n    );\r\n\r\n    const deleteQuote = !isForward ? deleteEmptyQuote : null;\r\n    return [\r\n        deleteAllSegmentBeforeStep,\r\n        deleteWordSelection,\r\n        isForward ? null : deleteList,\r\n        deleteCollapsedSelection,\r\n        deleteQuote,\r\n        deleteParagraphStyle,\r\n    ];\r\n}\r\n\r\nfunction shouldDeleteWithContentModel(\r\n    selection: DOMSelection | null,\r\n    rawEvent: KeyboardEvent,\r\n    handleExpandedSelection: boolean\r\n) {\r\n    if (!selection) {\r\n        return false; // Nothing to delete\r\n    } else if (selection.type != 'range') {\r\n        return true;\r\n    } else if (!selection.range.collapsed) {\r\n        if (handleExpandedSelection) {\r\n            return true; // Selection is not collapsed, need to delete all selections\r\n        }\r\n\r\n        const range = selection.range;\r\n        const { startContainer, endContainer } = selection.range;\r\n        const isInSameTextNode =\r\n            startContainer === endContainer && isNodeOfType(startContainer, 'TEXT_NODE');\r\n        return !(\r\n            isInSameTextNode &&\r\n            !isModifierKey(rawEvent) &&\r\n            range.endOffset - range.startOffset < (startContainer.nodeValue?.length ?? 0)\r\n        );\r\n    } else {\r\n        const range = selection.range;\r\n        const startContainer = range.startContainer;\r\n        const startOffset = range.startOffset;\r\n\r\n        // When selection is collapsed and is in middle of text node, no need to use Content Model to delete\r\n        return !(\r\n            isNodeOfType(startContainer, 'TEXT_NODE') &&\r\n            !isModifierKey(rawEvent) &&\r\n            (canDeleteBefore(rawEvent, startContainer, startOffset) ||\r\n                canDeleteAfter(rawEvent, startContainer, startOffset))\r\n        );\r\n    }\r\n}\r\n\r\nfunction canDeleteBefore(rawEvent: KeyboardEvent, text: Text, offset: number) {\r\n    if (rawEvent.key != 'Backspace' || offset <= 1) {\r\n        return false;\r\n    }\r\n\r\n    const length = text.nodeValue?.length ?? 0;\r\n\r\n    if (offset == length) {\r\n        // At the end of text, need to check if next segment is deletable\r\n        const nextSibling = text.nextSibling;\r\n        const isNextSiblingUndeletable =\r\n            isNodeOfType(nextSibling, 'ELEMENT_NODE') &&\r\n            isElementOfType(nextSibling, 'a') &&\r\n            isLinkUndeletable(nextSibling) &&\r\n            !nextSibling.firstChild;\r\n\r\n        // If next sibling is undeletable, we cannot let browser handle it since it will remove the anchor\r\n        // So we return false here to let Content Model handle it\r\n        return !isNextSiblingUndeletable;\r\n    } else {\r\n        // In middle of text, we can safely let browser handle deletion\r\n        return true;\r\n    }\r\n}\r\n\r\nfunction canDeleteAfter(rawEvent: KeyboardEvent, text: Text, offset: number) {\r\n    return rawEvent.key == 'Delete' && offset < (text.nodeValue?.length ?? 0) - 1;\r\n}\r\n"]}

package/lib/edit/keyboardEnter.d.ts

@@ -1,5 +1,5 @@
-import type { IEditor } from 'roosterjs-content-model-types';
-/**
- * @internal
- */
-export declare function keyboardEnter(editor: IEditor, rawEvent: KeyboardEvent, handleNormalEnter: boolean, formatsToPreserveOnMerge?: string[]): void;
+import type { IEditor } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function keyboardEnter(editor: IEditor, rawEvent: KeyboardEvent, handleNormalEnter: boolean, formatsToPreserveOnMerge?: string[]): void;

package/lib/edit/keyboardEnter.js

@@ -1,55 +1,55 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.keyboardEnter = void 0;
-var deleteEmptyQuote_1 = require("./deleteSteps/deleteEmptyQuote");
-var handleAutoLink_1 = require("./inputSteps/handleAutoLink");
-var handleEnterOnList_1 = require("./inputSteps/handleEnterOnList");
-var handleEnterOnParagraph_1 = require("./inputSteps/handleEnterOnParagraph");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-/**
- * @internal
- */
-function keyboardEnter(editor, rawEvent, handleNormalEnter, formatsToPreserveOnMerge) {
-    if (formatsToPreserveOnMerge === void 0) { formatsToPreserveOnMerge = []; }
-    var selection = editor.getDOMSelection();
-    editor.formatContentModel(function (model, context) {
-        var _a, _b;
-        // 1. delete the expanded selection if any, then merge paragraph
-        var result = (0, roosterjs_content_model_dom_1.deleteSelection)(model, [], context);
-        // 2. Add line break
-        if (selection && selection.type != 'table') {
-            // For ENTER key, although we may have deleted something, since we still need to split the line, we always treat it as not delete
-            // so further delete steps can keep working
-            result.deleteResult = 'notDeleted';
-            var steps = rawEvent.shiftKey
-                ? []
-                : [handleAutoLink_1.handleAutoLink, handleEnterOnList_1.handleEnterOnList, deleteEmptyQuote_1.deleteEmptyQuote];
-            if (handleNormalEnter || handleEnterForEntity((_a = result.insertPoint) === null || _a === void 0 ? void 0 : _a.paragraph)) {
-                steps.push((0, handleEnterOnParagraph_1.handleEnterOnParagraph)(formatsToPreserveOnMerge));
-            }
-            (0, roosterjs_content_model_dom_1.runEditSteps)(steps, result);
-        }
-        if (result.deleteResult == 'range') {
-            // We have deleted something, next input should inherit the segment format from deleted content, so set pending format here
-            context.newPendingFormat = (_b = result.insertPoint) === null || _b === void 0 ? void 0 : _b.marker.format;
-            (0, roosterjs_content_model_dom_1.normalizeContentModel)(model);
-            rawEvent.preventDefault();
-            return true;
-        }
-        else {
-            return false;
-        }
-    }, {
-        rawEvent: rawEvent,
-        scrollCaretIntoView: true,
-        changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
-        getChangeData: function () { return rawEvent.which; },
-        apiName: 'handleEnterKey',
-    });
-}
-exports.keyboardEnter = keyboardEnter;
-function handleEnterForEntity(paragraph) {
-    return (paragraph &&
-        (paragraph.isImplicit || paragraph.segments.some(function (x) { return x.segmentType == 'Entity'; })));
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keyboardEnter = void 0;
+var deleteEmptyQuote_1 = require("./deleteSteps/deleteEmptyQuote");
+var handleAutoLink_1 = require("./inputSteps/handleAutoLink");
+var handleEnterOnList_1 = require("./inputSteps/handleEnterOnList");
+var handleEnterOnParagraph_1 = require("./inputSteps/handleEnterOnParagraph");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+/**
+ * @internal
+ */
+function keyboardEnter(editor, rawEvent, handleNormalEnter, formatsToPreserveOnMerge) {
+    if (formatsToPreserveOnMerge === void 0) { formatsToPreserveOnMerge = []; }
+    var selection = editor.getDOMSelection();
+    editor.formatContentModel(function (model, context) {
+        var _a, _b;
+        // 1. delete the expanded selection if any, then merge paragraph
+        var result = (0, roosterjs_content_model_dom_1.deleteSelection)(model, [], context);
+        // 2. Add line break
+        if (selection && selection.type != 'table') {
+            // For ENTER key, although we may have deleted something, since we still need to split the line, we always treat it as not delete
+            // so further delete steps can keep working
+            result.deleteResult = 'notDeleted';
+            var steps = rawEvent.shiftKey
+                ? []
+                : [handleAutoLink_1.handleAutoLink, handleEnterOnList_1.handleEnterOnList, deleteEmptyQuote_1.deleteEmptyQuote];
+            if (handleNormalEnter || handleEnterForEntity((_a = result.insertPoint) === null || _a === void 0 ? void 0 : _a.paragraph)) {
+                steps.push((0, handleEnterOnParagraph_1.handleEnterOnParagraph)(formatsToPreserveOnMerge));
+            }
+            (0, roosterjs_content_model_dom_1.runEditSteps)(steps, result);
+        }
+        if (result.deleteResult == 'range') {
+            // We have deleted something, next input should inherit the segment format from deleted content, so set pending format here
+            context.newPendingFormat = (_b = result.insertPoint) === null || _b === void 0 ? void 0 : _b.marker.format;
+            (0, roosterjs_content_model_dom_1.normalizeContentModel)(model);
+            rawEvent.preventDefault();
+            return true;
+        }
+        else {
+            return false;
+        }
+    }, {
+        rawEvent: rawEvent,
+        scrollCaretIntoView: true,
+        changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
+        getChangeData: function () { return rawEvent.which; },
+        apiName: 'handleEnterKey',
+    });
+}
+exports.keyboardEnter = keyboardEnter;
+function handleEnterForEntity(paragraph) {
+    return (paragraph &&
+        (paragraph.isImplicit || paragraph.segments.some(function (x) { return x.segmentType == 'Entity'; })));
+}
 //# sourceMappingURL=keyboardEnter.js.map

package/lib/edit/keyboardEnter.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardEnter.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/edit/keyboardEnter.ts"],"names":[],"mappings":";;;AAAA,mEAAkE;AAClE,8DAA6D;AAC7D,oEAAmE;AACnE,8EAA6E;AAC7E,2EAKqC;AAGrC;;GAEG;AACH,SAAgB,aAAa,CACzB,MAAe,EACf,QAAuB,EACvB,iBAA0B,EAC1B,wBAAuC;IAAvC,yCAAA,EAAA,6BAAuC;IAEvC,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;IAE3C,MAAM,CAAC,kBAAkB,CACrB,UAAC,KAAK,EAAE,OAAO;;QACX,gEAAgE;QAChE,IAAM,MAAM,GAAG,IAAA,6CAAe,EAAC,KAAK,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;QAEnD,oBAAoB;QACpB,IAAI,SAAS,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO,EAAE;YACxC,iIAAiI;YACjI,2CAA2C;YAC3C,MAAM,CAAC,YAAY,GAAG,YAAY,CAAC;YAEnC,IAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ;gBAC3B,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,CAAC,+BAAc,EAAE,qCAAiB,EAAE,mCAAgB,CAAC,CAAC;YAE5D,IAAI,iBAAiB,IAAI,oBAAoB,CAAC,MAAA,MAAM,CAAC,WAAW,0CAAE,SAAS,CAAC,EAAE;gBAC1E,KAAK,CAAC,IAAI,CAAC,IAAA,+CAAsB,EAAC,wBAAwB,CAAC,CAAC,CAAC;aAChE;YAED,IAAA,0CAAY,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC;SAC/B;QAED,IAAI,MAAM,CAAC,YAAY,IAAI,OAAO,EAAE;YAChC,2HAA2H;YAC3H,OAAO,CAAC,gBAAgB,GAAG,MAAA,MAAM,CAAC,WAAW,0CAAE,MAAM,CAAC,MAAM,CAAC;YAE7D,IAAA,mDAAqB,EAAC,KAAK,CAAC,CAAC;YAE7B,QAAQ,CAAC,cAAc,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC;SACf;aAAM;YACH,OAAO,KAAK,CAAC;SAChB;IACL,CAAC,EACD;QACI,QAAQ,UAAA;QACR,mBAAmB,EAAE,IAAI;QACzB,YAAY,EAAE,0CAAY,CAAC,QAAQ;QACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;QACnC,OAAO,EAAE,gBAAgB;KAC5B,CACJ,CAAC;AACN,CAAC;AAlDD,sCAkDC;AAED,SAAS,oBAAoB,CAAC,SAAoD;IAC9E,OAAO,CACH,SAAS;QACT,CAAC,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,WAAW,IAAI,QAAQ,EAAzB,CAAyB,CAAC,CAAC,CACpF,CAAC;AACN,CAAC","sourcesContent":["import { deleteEmptyQuote } from './deleteSteps/deleteEmptyQuote';\nimport { handleAutoLink } from './inputSteps/handleAutoLink';\nimport { handleEnterOnList } from './inputSteps/handleEnterOnList';\nimport { handleEnterOnParagraph } from './inputSteps/handleEnterOnParagraph';\nimport {\n    ChangeSource,\n    deleteSelection,\n    normalizeContentModel,\n    runEditSteps,\n} from 'roosterjs-content-model-dom';\nimport type { IEditor, ReadonlyContentModelParagraph } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function keyboardEnter(\n    editor: IEditor,\n    rawEvent: KeyboardEvent,\n    handleNormalEnter: boolean,\n    formatsToPreserveOnMerge: string[] = []\n) {\n    const selection = editor.getDOMSelection();\n\n    editor.formatContentModel(\n        (model, context) => {\n            // 1. delete the expanded selection if any, then merge paragraph\n            const result = deleteSelection(model, [], context);\n\n            // 2. Add line break\n            if (selection && selection.type != 'table') {\n                // For ENTER key, although we may have deleted something, since we still need to split the line, we always treat it as not delete\n                // so further delete steps can keep working\n                result.deleteResult = 'notDeleted';\n\n                const steps = rawEvent.shiftKey\n                    ? []\n                    : [handleAutoLink, handleEnterOnList, deleteEmptyQuote];\n\n                if (handleNormalEnter || handleEnterForEntity(result.insertPoint?.paragraph)) {\n                    steps.push(handleEnterOnParagraph(formatsToPreserveOnMerge));\n                }\n\n                runEditSteps(steps, result);\n            }\n\n            if (result.deleteResult == 'range') {\n                // We have deleted something, next input should inherit the segment format from deleted content, so set pending format here\n                context.newPendingFormat = result.insertPoint?.marker.format;\n\n                normalizeContentModel(model);\n\n                rawEvent.preventDefault();\n                return true;\n            } else {\n                return false;\n            }\n        },\n        {\n            rawEvent,\n            scrollCaretIntoView: true,\n            changeSource: ChangeSource.Keyboard,\n            getChangeData: () => rawEvent.which,\n            apiName: 'handleEnterKey',\n        }\n    );\n}\n\nfunction handleEnterForEntity(paragraph: ReadonlyContentModelParagraph | undefined) {\n    return (\n        paragraph &&\n        (paragraph.isImplicit || paragraph.segments.some(x => x.segmentType == 'Entity'))\n    );\n}\n"]}
+{"version":3,"file":"keyboardEnter.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/edit/keyboardEnter.ts"],"names":[],"mappings":";;;AAAA,mEAAkE;AAClE,8DAA6D;AAC7D,oEAAmE;AACnE,8EAA6E;AAC7E,2EAKqC;AAGrC;;GAEG;AACH,SAAgB,aAAa,CACzB,MAAe,EACf,QAAuB,EACvB,iBAA0B,EAC1B,wBAAuC;IAAvC,yCAAA,EAAA,6BAAuC;IAEvC,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;IAE3C,MAAM,CAAC,kBAAkB,CACrB,UAAC,KAAK,EAAE,OAAO;;QACX,gEAAgE;QAChE,IAAM,MAAM,GAAG,IAAA,6CAAe,EAAC,KAAK,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;QAEnD,oBAAoB;QACpB,IAAI,SAAS,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO,EAAE;YACxC,iIAAiI;YACjI,2CAA2C;YAC3C,MAAM,CAAC,YAAY,GAAG,YAAY,CAAC;YAEnC,IAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ;gBAC3B,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,CAAC,+BAAc,EAAE,qCAAiB,EAAE,mCAAgB,CAAC,CAAC;YAE5D,IAAI,iBAAiB,IAAI,oBAAoB,CAAC,MAAA,MAAM,CAAC,WAAW,0CAAE,SAAS,CAAC,EAAE;gBAC1E,KAAK,CAAC,IAAI,CAAC,IAAA,+CAAsB,EAAC,wBAAwB,CAAC,CAAC,CAAC;aAChE;YAED,IAAA,0CAAY,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC;SAC/B;QAED,IAAI,MAAM,CAAC,YAAY,IAAI,OAAO,EAAE;YAChC,2HAA2H;YAC3H,OAAO,CAAC,gBAAgB,GAAG,MAAA,MAAM,CAAC,WAAW,0CAAE,MAAM,CAAC,MAAM,CAAC;YAE7D,IAAA,mDAAqB,EAAC,KAAK,CAAC,CAAC;YAE7B,QAAQ,CAAC,cAAc,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC;SACf;aAAM;YACH,OAAO,KAAK,CAAC;SAChB;IACL,CAAC,EACD;QACI,QAAQ,UAAA;QACR,mBAAmB,EAAE,IAAI;QACzB,YAAY,EAAE,0CAAY,CAAC,QAAQ;QACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;QACnC,OAAO,EAAE,gBAAgB;KAC5B,CACJ,CAAC;AACN,CAAC;AAlDD,sCAkDC;AAED,SAAS,oBAAoB,CAAC,SAAoD;IAC9E,OAAO,CACH,SAAS;QACT,CAAC,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,WAAW,IAAI,QAAQ,EAAzB,CAAyB,CAAC,CAAC,CACpF,CAAC;AACN,CAAC","sourcesContent":["import { deleteEmptyQuote } from './deleteSteps/deleteEmptyQuote';\r\nimport { handleAutoLink } from './inputSteps/handleAutoLink';\r\nimport { handleEnterOnList } from './inputSteps/handleEnterOnList';\r\nimport { handleEnterOnParagraph } from './inputSteps/handleEnterOnParagraph';\r\nimport {\r\n    ChangeSource,\r\n    deleteSelection,\r\n    normalizeContentModel,\r\n    runEditSteps,\r\n} from 'roosterjs-content-model-dom';\r\nimport type { IEditor, ReadonlyContentModelParagraph } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function keyboardEnter(\r\n    editor: IEditor,\r\n    rawEvent: KeyboardEvent,\r\n    handleNormalEnter: boolean,\r\n    formatsToPreserveOnMerge: string[] = []\r\n) {\r\n    const selection = editor.getDOMSelection();\r\n\r\n    editor.formatContentModel(\r\n        (model, context) => {\r\n            // 1. delete the expanded selection if any, then merge paragraph\r\n            const result = deleteSelection(model, [], context);\r\n\r\n            // 2. Add line break\r\n            if (selection && selection.type != 'table') {\r\n                // For ENTER key, although we may have deleted something, since we still need to split the line, we always treat it as not delete\r\n                // so further delete steps can keep working\r\n                result.deleteResult = 'notDeleted';\r\n\r\n                const steps = rawEvent.shiftKey\r\n                    ? []\r\n                    : [handleAutoLink, handleEnterOnList, deleteEmptyQuote];\r\n\r\n                if (handleNormalEnter || handleEnterForEntity(result.insertPoint?.paragraph)) {\r\n                    steps.push(handleEnterOnParagraph(formatsToPreserveOnMerge));\r\n                }\r\n\r\n                runEditSteps(steps, result);\r\n            }\r\n\r\n            if (result.deleteResult == 'range') {\r\n                // We have deleted something, next input should inherit the segment format from deleted content, so set pending format here\r\n                context.newPendingFormat = result.insertPoint?.marker.format;\r\n\r\n                normalizeContentModel(model);\r\n\r\n                rawEvent.preventDefault();\r\n                return true;\r\n            } else {\r\n                return false;\r\n            }\r\n        },\r\n        {\r\n            rawEvent,\r\n            scrollCaretIntoView: true,\r\n            changeSource: ChangeSource.Keyboard,\r\n            getChangeData: () => rawEvent.which,\r\n            apiName: 'handleEnterKey',\r\n        }\r\n    );\r\n}\r\n\r\nfunction handleEnterForEntity(paragraph: ReadonlyContentModelParagraph | undefined) {\r\n    return (\r\n        paragraph &&\r\n        (paragraph.isImplicit || paragraph.segments.some(x => x.segmentType == 'Entity'))\r\n    );\r\n}\r\n"]}

package/lib/edit/keyboardInput.d.ts

@@ -1,5 +1,5 @@
-import type { IEditor } from 'roosterjs-content-model-types';
-/**
- * @internal
- */
-export declare function keyboardInput(editor: IEditor, rawEvent: KeyboardEvent): true | undefined;
+import type { IEditor } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function keyboardInput(editor: IEditor, rawEvent: KeyboardEvent): true | undefined;

package/lib/edit/keyboardInput.js

@@ -1,65 +1,65 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.keyboardInput = void 0;
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-// Insert a ZeroWidthSpace(ZWS) segment with selection before selection marker
-// so that later browser will replace this selection with inputted text and keep format
-var ZWS = '\u200B';
-var insertZWS = function (context) {
-    if (context.deleteResult == 'range') {
-        var _a = context.insertPoint, marker = _a.marker, paragraph = _a.paragraph;
-        var index = paragraph.segments.indexOf(marker);
-        if (index >= 0) {
-            var text = (0, roosterjs_content_model_dom_1.createText)(ZWS, marker.format, marker.link, marker.code);
-            text.isSelected = true;
-            paragraph.segments.splice(index, 0, text);
-        }
-    }
-};
-/**
- * @internal
- */
-function keyboardInput(editor, rawEvent) {
-    var selection = editor.getDOMSelection();
-    if (shouldInputWithContentModel(selection, rawEvent)) {
-        editor.takeSnapshot();
-        editor.formatContentModel(function (model, context) {
-            var _a;
-            var result = (0, roosterjs_content_model_dom_1.deleteSelection)(model, [insertZWS], context);
-            // Skip undo snapshot here and add undo snapshot before the operation so that we don't add another undo snapshot in middle of this replace operation
-            context.skipUndoSnapshot = true;
-            if (result.deleteResult == 'range') {
-                // We have deleted something, next input should inherit the segment format from deleted content, so set pending format here
-                context.newPendingFormat = (_a = result.insertPoint) === null || _a === void 0 ? void 0 : _a.marker.format;
-                (0, roosterjs_content_model_dom_1.normalizeContentModel)(model);
-                // Do not preventDefault since we still want browser to handle the final input for now
-                return true;
-            }
-            else {
-                return false;
-            }
-        }, {
-            scrollCaretIntoView: true,
-            rawEvent: rawEvent,
-            changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
-            getChangeData: function () { return rawEvent.which; },
-            apiName: 'handleInputKey',
-        });
-        return true;
-    }
-}
-exports.keyboardInput = keyboardInput;
-function shouldInputWithContentModel(selection, rawEvent) {
-    if (!selection) {
-        return false; // Nothing to delete
-    }
-    else if (!(0, roosterjs_content_model_dom_1.isModifierKey)(rawEvent) &&
-        rawEvent.key &&
-        (rawEvent.key == 'Space' || rawEvent.key.length == 1)) {
-        return selection.type != 'range' || !selection.range.collapsed;
-    }
-    else {
-        return false;
-    }
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keyboardInput = void 0;
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+// Insert a ZeroWidthSpace(ZWS) segment with selection before selection marker
+// so that later browser will replace this selection with inputted text and keep format
+var ZWS = '\u200B';
+var insertZWS = function (context) {
+    if (context.deleteResult == 'range') {
+        var _a = context.insertPoint, marker = _a.marker, paragraph = _a.paragraph;
+        var index = paragraph.segments.indexOf(marker);
+        if (index >= 0) {
+            var text = (0, roosterjs_content_model_dom_1.createText)(ZWS, marker.format, marker.link, marker.code);
+            text.isSelected = true;
+            paragraph.segments.splice(index, 0, text);
+        }
+    }
+};
+/**
+ * @internal
+ */
+function keyboardInput(editor, rawEvent) {
+    var selection = editor.getDOMSelection();
+    if (shouldInputWithContentModel(selection, rawEvent)) {
+        editor.takeSnapshot();
+        editor.formatContentModel(function (model, context) {
+            var _a;
+            var result = (0, roosterjs_content_model_dom_1.deleteSelection)(model, [insertZWS], context);
+            // Skip undo snapshot here and add undo snapshot before the operation so that we don't add another undo snapshot in middle of this replace operation
+            context.skipUndoSnapshot = true;
+            if (result.deleteResult == 'range') {
+                // We have deleted something, next input should inherit the segment format from deleted content, so set pending format here
+                context.newPendingFormat = (_a = result.insertPoint) === null || _a === void 0 ? void 0 : _a.marker.format;
+                (0, roosterjs_content_model_dom_1.normalizeContentModel)(model);
+                // Do not preventDefault since we still want browser to handle the final input for now
+                return true;
+            }
+            else {
+                return false;
+            }
+        }, {
+            scrollCaretIntoView: true,
+            rawEvent: rawEvent,
+            changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
+            getChangeData: function () { return rawEvent.which; },
+            apiName: 'handleInputKey',
+        });
+        return true;
+    }
+}
+exports.keyboardInput = keyboardInput;
+function shouldInputWithContentModel(selection, rawEvent) {
+    if (!selection) {
+        return false; // Nothing to delete
+    }
+    else if (!(0, roosterjs_content_model_dom_1.isModifierKey)(rawEvent) &&
+        rawEvent.key &&
+        (rawEvent.key == 'Space' || rawEvent.key.length == 1)) {
+        return selection.type != 'range' || !selection.range.collapsed;
+    }
+    else {
+        return false;
+    }
+}
 //# sourceMappingURL=keyboardInput.js.map

package/lib/edit/keyboardInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardInput.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/edit/keyboardInput.ts"],"names":[],"mappings":";;;AAAA,2EAMqC;AAGrC,8EAA8E;AAC9E,uFAAuF;AACvF,IAAM,GAAG,GAAG,QAAQ,CAAC;AACrB,IAAM,SAAS,GAAwB,UAAA,OAAO;IAC1C,IAAI,OAAO,CAAC,YAAY,IAAI,OAAO,EAAE;QAC3B,IAAA,KAAwB,OAAO,CAAC,WAAW,EAAzC,MAAM,YAAA,EAAE,SAAS,eAAwB,CAAC;QAClD,IAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEjD,IAAI,KAAK,IAAI,CAAC,EAAE;YACZ,IAAM,IAAI,GAAG,IAAA,wCAAU,EAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;YAEtE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YAEvB,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;SAC7C;KACJ;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,SAAgB,aAAa,CAAC,MAAe,EAAE,QAAuB;IAClE,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;IAE3C,IAAI,2BAA2B,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE;QAClD,MAAM,CAAC,YAAY,EAAE,CAAC;QAEtB,MAAM,CAAC,kBAAkB,CACrB,UAAC,KAAK,EAAE,OAAO;;YACX,IAAM,MAAM,GAAG,IAAA,6CAAe,EAAC,KAAK,EAAE,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;YAE5D,oJAAoJ;YACpJ,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAEhC,IAAI,MAAM,CAAC,YAAY,IAAI,OAAO,EAAE;gBAChC,2HAA2H;gBAC3H,OAAO,CAAC,gBAAgB,GAAG,MAAA,MAAM,CAAC,WAAW,0CAAE,MAAM,CAAC,MAAM,CAAC;gBAE7D,IAAA,mDAAqB,EAAC,KAAK,CAAC,CAAC;gBAE7B,sFAAsF;gBACtF,OAAO,IAAI,CAAC;aACf;iBAAM;gBACH,OAAO,KAAK,CAAC;aAChB;QACL,CAAC,EACD;YACI,mBAAmB,EAAE,IAAI;YACzB,QAAQ,UAAA;YACR,YAAY,EAAE,0CAAY,CAAC,QAAQ;YACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;YACnC,OAAO,EAAE,gBAAgB;SAC5B,CACJ,CAAC;QAEF,OAAO,IAAI,CAAC;KACf;AACL,CAAC;AApCD,sCAoCC;AAED,SAAS,2BAA2B,CAAC,SAA8B,EAAE,QAAuB;IACxF,IAAI,CAAC,SAAS,EAAE;QACZ,OAAO,KAAK,CAAC,CAAC,oBAAoB;KACrC;SAAM,IACH,CAAC,IAAA,2CAAa,EAAC,QAAQ,CAAC;QACxB,QAAQ,CAAC,GAAG;QACZ,CAAC,QAAQ,CAAC,GAAG,IAAI,OAAO,IAAI,QAAQ,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,EACvD;QACE,OAAO,SAAS,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC;KAClE;SAAM;QACH,OAAO,KAAK,CAAC;KAChB;AACL,CAAC","sourcesContent":["import {\n    ChangeSource,\n    createText,\n    deleteSelection,\n    isModifierKey,\n    normalizeContentModel,\n} from 'roosterjs-content-model-dom';\nimport type { DeleteSelectionStep, DOMSelection, IEditor } from 'roosterjs-content-model-types';\n\n// Insert a ZeroWidthSpace(ZWS) segment with selection before selection marker\n// so that later browser will replace this selection with inputted text and keep format\nconst ZWS = '\\u200B';\nconst insertZWS: DeleteSelectionStep = context => {\n    if (context.deleteResult == 'range') {\n        const { marker, paragraph } = context.insertPoint;\n        const index = paragraph.segments.indexOf(marker);\n\n        if (index >= 0) {\n            const text = createText(ZWS, marker.format, marker.link, marker.code);\n\n            text.isSelected = true;\n\n            paragraph.segments.splice(index, 0, text);\n        }\n    }\n};\n\n/**\n * @internal\n */\nexport function keyboardInput(editor: IEditor, rawEvent: KeyboardEvent) {\n    const selection = editor.getDOMSelection();\n\n    if (shouldInputWithContentModel(selection, rawEvent)) {\n        editor.takeSnapshot();\n\n        editor.formatContentModel(\n            (model, context) => {\n                const result = deleteSelection(model, [insertZWS], context);\n\n                // Skip undo snapshot here and add undo snapshot before the operation so that we don't add another undo snapshot in middle of this replace operation\n                context.skipUndoSnapshot = true;\n\n                if (result.deleteResult == 'range') {\n                    // We have deleted something, next input should inherit the segment format from deleted content, so set pending format here\n                    context.newPendingFormat = result.insertPoint?.marker.format;\n\n                    normalizeContentModel(model);\n\n                    // Do not preventDefault since we still want browser to handle the final input for now\n                    return true;\n                } else {\n                    return false;\n                }\n            },\n            {\n                scrollCaretIntoView: true,\n                rawEvent,\n                changeSource: ChangeSource.Keyboard,\n                getChangeData: () => rawEvent.which,\n                apiName: 'handleInputKey',\n            }\n        );\n\n        return true;\n    }\n}\n\nfunction shouldInputWithContentModel(selection: DOMSelection | null, rawEvent: KeyboardEvent) {\n    if (!selection) {\n        return false; // Nothing to delete\n    } else if (\n        !isModifierKey(rawEvent) &&\n        rawEvent.key &&\n        (rawEvent.key == 'Space' || rawEvent.key.length == 1)\n    ) {\n        return selection.type != 'range' || !selection.range.collapsed;\n    } else {\n        return false;\n    }\n}\n"]}
+{"version":3,"file":"keyboardInput.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/edit/keyboardInput.ts"],"names":[],"mappings":";;;AAAA,2EAMqC;AAGrC,8EAA8E;AAC9E,uFAAuF;AACvF,IAAM,GAAG,GAAG,QAAQ,CAAC;AACrB,IAAM,SAAS,GAAwB,UAAA,OAAO;IAC1C,IAAI,OAAO,CAAC,YAAY,IAAI,OAAO,EAAE;QAC3B,IAAA,KAAwB,OAAO,CAAC,WAAW,EAAzC,MAAM,YAAA,EAAE,SAAS,eAAwB,CAAC;QAClD,IAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEjD,IAAI,KAAK,IAAI,CAAC,EAAE;YACZ,IAAM,IAAI,GAAG,IAAA,wCAAU,EAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;YAEtE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YAEvB,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;SAC7C;KACJ;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,SAAgB,aAAa,CAAC,MAAe,EAAE,QAAuB;IAClE,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;IAE3C,IAAI,2BAA2B,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE;QAClD,MAAM,CAAC,YAAY,EAAE,CAAC;QAEtB,MAAM,CAAC,kBAAkB,CACrB,UAAC,KAAK,EAAE,OAAO;;YACX,IAAM,MAAM,GAAG,IAAA,6CAAe,EAAC,KAAK,EAAE,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;YAE5D,oJAAoJ;YACpJ,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAEhC,IAAI,MAAM,CAAC,YAAY,IAAI,OAAO,EAAE;gBAChC,2HAA2H;gBAC3H,OAAO,CAAC,gBAAgB,GAAG,MAAA,MAAM,CAAC,WAAW,0CAAE,MAAM,CAAC,MAAM,CAAC;gBAE7D,IAAA,mDAAqB,EAAC,KAAK,CAAC,CAAC;gBAE7B,sFAAsF;gBACtF,OAAO,IAAI,CAAC;aACf;iBAAM;gBACH,OAAO,KAAK,CAAC;aAChB;QACL,CAAC,EACD;YACI,mBAAmB,EAAE,IAAI;YACzB,QAAQ,UAAA;YACR,YAAY,EAAE,0CAAY,CAAC,QAAQ;YACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;YACnC,OAAO,EAAE,gBAAgB;SAC5B,CACJ,CAAC;QAEF,OAAO,IAAI,CAAC;KACf;AACL,CAAC;AApCD,sCAoCC;AAED,SAAS,2BAA2B,CAAC,SAA8B,EAAE,QAAuB;IACxF,IAAI,CAAC,SAAS,EAAE;QACZ,OAAO,KAAK,CAAC,CAAC,oBAAoB;KACrC;SAAM,IACH,CAAC,IAAA,2CAAa,EAAC,QAAQ,CAAC;QACxB,QAAQ,CAAC,GAAG;QACZ,CAAC,QAAQ,CAAC,GAAG,IAAI,OAAO,IAAI,QAAQ,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,EACvD;QACE,OAAO,SAAS,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC;KAClE;SAAM;QACH,OAAO,KAAK,CAAC;KAChB;AACL,CAAC","sourcesContent":["import {\r\n    ChangeSource,\r\n    createText,\r\n    deleteSelection,\r\n    isModifierKey,\r\n    normalizeContentModel,\r\n} from 'roosterjs-content-model-dom';\r\nimport type { DeleteSelectionStep, DOMSelection, IEditor } from 'roosterjs-content-model-types';\r\n\r\n// Insert a ZeroWidthSpace(ZWS) segment with selection before selection marker\r\n// so that later browser will replace this selection with inputted text and keep format\r\nconst ZWS = '\\u200B';\r\nconst insertZWS: DeleteSelectionStep = context => {\r\n    if (context.deleteResult == 'range') {\r\n        const { marker, paragraph } = context.insertPoint;\r\n        const index = paragraph.segments.indexOf(marker);\r\n\r\n        if (index >= 0) {\r\n            const text = createText(ZWS, marker.format, marker.link, marker.code);\r\n\r\n            text.isSelected = true;\r\n\r\n            paragraph.segments.splice(index, 0, text);\r\n        }\r\n    }\r\n};\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function keyboardInput(editor: IEditor, rawEvent: KeyboardEvent) {\r\n    const selection = editor.getDOMSelection();\r\n\r\n    if (shouldInputWithContentModel(selection, rawEvent)) {\r\n        editor.takeSnapshot();\r\n\r\n        editor.formatContentModel(\r\n            (model, context) => {\r\n                const result = deleteSelection(model, [insertZWS], context);\r\n\r\n                // Skip undo snapshot here and add undo snapshot before the operation so that we don't add another undo snapshot in middle of this replace operation\r\n                context.skipUndoSnapshot = true;\r\n\r\n                if (result.deleteResult == 'range') {\r\n                    // We have deleted something, next input should inherit the segment format from deleted content, so set pending format here\r\n                    context.newPendingFormat = result.insertPoint?.marker.format;\r\n\r\n                    normalizeContentModel(model);\r\n\r\n                    // Do not preventDefault since we still want browser to handle the final input for now\r\n                    return true;\r\n                } else {\r\n                    return false;\r\n                }\r\n            },\r\n            {\r\n                scrollCaretIntoView: true,\r\n                rawEvent,\r\n                changeSource: ChangeSource.Keyboard,\r\n                getChangeData: () => rawEvent.which,\r\n                apiName: 'handleInputKey',\r\n            }\r\n        );\r\n\r\n        return true;\r\n    }\r\n}\r\n\r\nfunction shouldInputWithContentModel(selection: DOMSelection | null, rawEvent: KeyboardEvent) {\r\n    if (!selection) {\r\n        return false; // Nothing to delete\r\n    } else if (\r\n        !isModifierKey(rawEvent) &&\r\n        rawEvent.key &&\r\n        (rawEvent.key == 'Space' || rawEvent.key.length == 1)\r\n    ) {\r\n        return selection.type != 'range' || !selection.range.collapsed;\r\n    } else {\r\n        return false;\r\n    }\r\n}\r\n"]}