roosterjs-content-model-plugins 0.26.0 → 0.26.2

package/lib/edit/inputSteps/handleEnterOnList.js

@@ -1,68 +1,68 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleEnterOnList = void 0;
-var tslib_1 = require("tslib");
-var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-/**
- * @internal
- */
-var handleEnterOnList = function (context) {
-    if (context.deleteResult == 'nothingToDelete' ||
-        context.deleteResult == 'notDeleted' ||
-        context.deleteResult == 'range') {
-        var insertPoint = context.insertPoint, formatContext = context.formatContext;
-        var path = insertPoint.path;
-        var rawEvent = formatContext === null || formatContext === void 0 ? void 0 : formatContext.rawEvent;
-        var index = (0, roosterjs_content_model_core_1.getClosestAncestorBlockGroupIndex)(path, ['ListItem'], ['TableCell']);
-        var listItem = path[index];
-        if (listItem && listItem.blockGroupType === 'ListItem') {
-            var listParent = path[index + 1];
-            if (isEmptyListItem(listItem)) {
-                listItem.levels.pop();
-            }
-            else {
-                createNewListItem(context, listItem, listParent);
-            }
-            rawEvent === null || rawEvent === void 0 ? void 0 : rawEvent.preventDefault();
-            context.deleteResult = 'range';
-        }
-    }
-};
-exports.handleEnterOnList = handleEnterOnList;
-var isEmptyListItem = function (listItem) {
-    return (listItem.blocks.length === 1 &&
-        listItem.blocks[0].blockType === 'Paragraph' &&
-        listItem.blocks[0].segments.length === 2 &&
-        listItem.blocks[0].segments[0].segmentType === 'SelectionMarker' &&
-        listItem.blocks[0].segments[1].segmentType === 'Br');
-};
-var createNewListItem = function (context, listItem, listParent) {
-    var insertPoint = context.insertPoint;
-    var listIndex = listParent.blocks.indexOf(listItem);
-    var newParagraph = createNewParagraph(insertPoint);
-    var levels = createNewListLevel(listItem);
-    var newListItem = (0, roosterjs_content_model_dom_1.createListItem)(levels, insertPoint.marker.format);
-    newListItem.blocks.push(newParagraph);
-    listParent.blocks.splice(listIndex + 1, 0, newListItem);
-};
-var createNewListLevel = function (listItem) {
-    return listItem.levels.map(function (level) {
-        return (0, roosterjs_content_model_dom_1.createListLevel)(level.listType, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, level.format), { startNumberOverride: undefined }), level.dataset);
-    });
-};
-var createNewParagraph = function (insertPoint) {
-    var _a;
-    var paragraph = insertPoint.paragraph, marker = insertPoint.marker;
-    var newParagraph = (0, roosterjs_content_model_dom_1.createParagraph)(false /*isImplicit*/, paragraph.format, paragraph.segmentFormat);
-    var markerIndex = paragraph.segments.indexOf(marker);
-    var segments = paragraph.segments.splice(markerIndex, paragraph.segments.length - markerIndex);
-    (_a = newParagraph.segments).push.apply(_a, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(segments), false));
-    (0, roosterjs_content_model_dom_1.setParagraphNotImplicit)(paragraph);
-    if (paragraph.segments.every(function (x) { return x.segmentType == 'SelectionMarker'; })) {
-        paragraph.segments.push((0, roosterjs_content_model_dom_1.createBr)(marker.format));
-    }
-    (0, roosterjs_content_model_dom_1.normalizeParagraph)(newParagraph);
-    return newParagraph;
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleEnterOnList = void 0;
+var tslib_1 = require("tslib");
+var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+/**
+ * @internal
+ */
+var handleEnterOnList = function (context) {
+    if (context.deleteResult == 'nothingToDelete' ||
+        context.deleteResult == 'notDeleted' ||
+        context.deleteResult == 'range') {
+        var insertPoint = context.insertPoint, formatContext = context.formatContext;
+        var path = insertPoint.path;
+        var rawEvent = formatContext === null || formatContext === void 0 ? void 0 : formatContext.rawEvent;
+        var index = (0, roosterjs_content_model_core_1.getClosestAncestorBlockGroupIndex)(path, ['ListItem'], ['TableCell']);
+        var listItem = path[index];
+        if (listItem && listItem.blockGroupType === 'ListItem') {
+            var listParent = path[index + 1];
+            if (isEmptyListItem(listItem)) {
+                listItem.levels.pop();
+            }
+            else {
+                createNewListItem(context, listItem, listParent);
+            }
+            rawEvent === null || rawEvent === void 0 ? void 0 : rawEvent.preventDefault();
+            context.deleteResult = 'range';
+        }
+    }
+};
+exports.handleEnterOnList = handleEnterOnList;
+var isEmptyListItem = function (listItem) {
+    return (listItem.blocks.length === 1 &&
+        listItem.blocks[0].blockType === 'Paragraph' &&
+        listItem.blocks[0].segments.length === 2 &&
+        listItem.blocks[0].segments[0].segmentType === 'SelectionMarker' &&
+        listItem.blocks[0].segments[1].segmentType === 'Br');
+};
+var createNewListItem = function (context, listItem, listParent) {
+    var insertPoint = context.insertPoint;
+    var listIndex = listParent.blocks.indexOf(listItem);
+    var newParagraph = createNewParagraph(insertPoint);
+    var levels = createNewListLevel(listItem);
+    var newListItem = (0, roosterjs_content_model_dom_1.createListItem)(levels, insertPoint.marker.format);
+    newListItem.blocks.push(newParagraph);
+    listParent.blocks.splice(listIndex + 1, 0, newListItem);
+};
+var createNewListLevel = function (listItem) {
+    return listItem.levels.map(function (level) {
+        return (0, roosterjs_content_model_dom_1.createListLevel)(level.listType, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, level.format), { startNumberOverride: undefined }), level.dataset);
+    });
+};
+var createNewParagraph = function (insertPoint) {
+    var _a;
+    var paragraph = insertPoint.paragraph, marker = insertPoint.marker;
+    var newParagraph = (0, roosterjs_content_model_dom_1.createParagraph)(false /*isImplicit*/, paragraph.format, paragraph.segmentFormat);
+    var markerIndex = paragraph.segments.indexOf(marker);
+    var segments = paragraph.segments.splice(markerIndex, paragraph.segments.length - markerIndex);
+    (_a = newParagraph.segments).push.apply(_a, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(segments), false));
+    (0, roosterjs_content_model_dom_1.setParagraphNotImplicit)(paragraph);
+    if (paragraph.segments.every(function (x) { return x.segmentType == 'SelectionMarker'; })) {
+        paragraph.segments.push((0, roosterjs_content_model_dom_1.createBr)(marker.format));
+    }
+    (0, roosterjs_content_model_dom_1.normalizeParagraph)(newParagraph);
+    return newParagraph;
+};
 //# sourceMappingURL=handleEnterOnList.js.map

package/lib/edit/inputSteps/handleEnterOnList.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleEnterOnList.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/inputSteps/handleEnterOnList.ts"],"names":[],"mappings":";;;;AAAA,6EAAiF;AACjF,2EAOqC;AASrC;;GAEG;AACI,IAAM,iBAAiB,GAAwB,UAAA,OAAO;IACzD,IACI,OAAO,CAAC,YAAY,IAAI,iBAAiB;QACzC,OAAO,CAAC,YAAY,IAAI,YAAY;QACpC,OAAO,CAAC,YAAY,IAAI,OAAO,EACjC;QACU,IAAA,WAAW,GAAoB,OAAO,YAA3B,EAAE,aAAa,GAAK,OAAO,cAAZ,CAAa;QACvC,IAAA,IAAI,GAAK,WAAW,KAAhB,CAAiB;QAC7B,IAAM,QAAQ,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC;QACzC,IAAM,KAAK,GAAG,IAAA,gEAAiC,EAAC,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;QAEnF,IAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,QAAQ,IAAI,QAAQ,CAAC,cAAc,KAAK,UAAU,EAAE;YACpD,IAAM,UAAU,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YACnC,IAAI,eAAe,CAAC,QAAQ,CAAC,EAAE;gBAC3B,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;aACzB;iBAAM;gBACH,iBAAiB,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;aACpD;YACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,EAAE,CAAC;YAC3B,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC;SAClC;KACJ;AACL,CAAC,CAAC;AAxBW,QAAA,iBAAiB,qBAwB5B;AAEF,IAAM,eAAe,GAAG,UAAC,QAA8B;IACnD,OAAO,CACH,QAAQ,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;QAC5B,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,WAAW;QAC5C,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QACxC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,KAAK,iBAAiB;QAChE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,KAAK,IAAI,CACtD,CAAC;AACN,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAG,UACtB,OAAoC,EACpC,QAA8B,EAC9B,UAAkC;IAE1B,IAAA,WAAW,GAAK,OAAO,YAAZ,CAAa;IAChC,IAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACtD,IAAM,YAAY,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACrD,IAAM,MAAM,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC5C,IAAM,WAAW,GAAG,IAAA,4CAAc,EAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACtE,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACtC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAAG,UAAC,QAA8B;IACtD,OAAO,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,UAAA,KAAK;QAC5B,OAAO,IAAA,6CAAe,EAClB,KAAK,CAAC,QAAQ,kDAEP,KAAK,CAAC,MAAM,KACf,mBAAmB,EAAE,SAAS,KAElC,KAAK,CAAC,OAAO,CAChB,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAAG,UAAC,WAAwB;;IACxC,IAAA,SAAS,GAAa,WAAW,UAAxB,EAAE,MAAM,GAAK,WAAW,OAAhB,CAAiB;IAC1C,IAAM,YAAY,GAAG,IAAA,6CAAe,EAChC,KAAK,CAAC,cAAc,EACpB,SAAS,CAAC,MAAM,EAChB,SAAS,CAAC,aAAa,CAC1B,CAAC;IAEF,IAAM,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACvD,IAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CACtC,WAAW,EACX,SAAS,CAAC,QAAQ,CAAC,MAAM,GAAG,WAAW,CAC1C,CAAC;IAEF,CAAA,KAAA,YAAY,CAAC,QAAQ,CAAA,CAAC,IAAI,8DAAI,QAAQ,WAAE;IAExC,IAAA,qDAAuB,EAAC,SAAS,CAAC,CAAC;IAEnC,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,WAAW,IAAI,iBAAiB,EAAlC,CAAkC,CAAC,EAAE;QACnE,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAA,sCAAQ,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;KACpD;IAED,IAAA,gDAAkB,EAAC,YAAY,CAAC,CAAC;IACjC,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC","sourcesContent":["import { getClosestAncestorBlockGroupIndex } from 'roosterjs-content-model-core';\r\nimport {\r\n    createBr,\r\n    createListItem,\r\n    createListLevel,\r\n    createParagraph,\r\n    normalizeParagraph,\r\n    setParagraphNotImplicit,\r\n} from 'roosterjs-content-model-dom';\r\nimport type {\r\n    ContentModelBlockGroup,\r\n    ContentModelListItem,\r\n    DeleteSelectionStep,\r\n    InsertPoint,\r\n    ValidDeleteSelectionContext,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport const handleEnterOnList: DeleteSelectionStep = context => {\r\n    if (\r\n        context.deleteResult == 'nothingToDelete' ||\r\n        context.deleteResult == 'notDeleted' ||\r\n        context.deleteResult == 'range'\r\n    ) {\r\n        const { insertPoint, formatContext } = context;\r\n        const { path } = insertPoint;\r\n        const rawEvent = formatContext?.rawEvent;\r\n        const index = getClosestAncestorBlockGroupIndex(path, ['ListItem'], ['TableCell']);\r\n\r\n        const listItem = path[index];\r\n\r\n        if (listItem && listItem.blockGroupType === 'ListItem') {\r\n            const listParent = path[index + 1];\r\n            if (isEmptyListItem(listItem)) {\r\n                listItem.levels.pop();\r\n            } else {\r\n                createNewListItem(context, listItem, listParent);\r\n            }\r\n            rawEvent?.preventDefault();\r\n            context.deleteResult = 'range';\r\n        }\r\n    }\r\n};\r\n\r\nconst isEmptyListItem = (listItem: ContentModelListItem) => {\r\n    return (\r\n        listItem.blocks.length === 1 &&\r\n        listItem.blocks[0].blockType === 'Paragraph' &&\r\n        listItem.blocks[0].segments.length === 2 &&\r\n        listItem.blocks[0].segments[0].segmentType === 'SelectionMarker' &&\r\n        listItem.blocks[0].segments[1].segmentType === 'Br'\r\n    );\r\n};\r\n\r\nconst createNewListItem = (\r\n    context: ValidDeleteSelectionContext,\r\n    listItem: ContentModelListItem,\r\n    listParent: ContentModelBlockGroup\r\n) => {\r\n    const { insertPoint } = context;\r\n    const listIndex = listParent.blocks.indexOf(listItem);\r\n    const newParagraph = createNewParagraph(insertPoint);\r\n    const levels = createNewListLevel(listItem);\r\n    const newListItem = createListItem(levels, insertPoint.marker.format);\r\n    newListItem.blocks.push(newParagraph);\r\n    listParent.blocks.splice(listIndex + 1, 0, newListItem);\r\n};\r\n\r\nconst createNewListLevel = (listItem: ContentModelListItem) => {\r\n    return listItem.levels.map(level => {\r\n        return createListLevel(\r\n            level.listType,\r\n            {\r\n                ...level.format,\r\n                startNumberOverride: undefined,\r\n            },\r\n            level.dataset\r\n        );\r\n    });\r\n};\r\n\r\nconst createNewParagraph = (insertPoint: InsertPoint) => {\r\n    const { paragraph, marker } = insertPoint;\r\n    const newParagraph = createParagraph(\r\n        false /*isImplicit*/,\r\n        paragraph.format,\r\n        paragraph.segmentFormat\r\n    );\r\n\r\n    const markerIndex = paragraph.segments.indexOf(marker);\r\n    const segments = paragraph.segments.splice(\r\n        markerIndex,\r\n        paragraph.segments.length - markerIndex\r\n    );\r\n\r\n    newParagraph.segments.push(...segments);\r\n\r\n    setParagraphNotImplicit(paragraph);\r\n\r\n    if (paragraph.segments.every(x => x.segmentType == 'SelectionMarker')) {\r\n        paragraph.segments.push(createBr(marker.format));\r\n    }\r\n\r\n    normalizeParagraph(newParagraph);\r\n    return newParagraph;\r\n};\r\n"]}
+{"version":3,"file":"handleEnterOnList.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/inputSteps/handleEnterOnList.ts"],"names":[],"mappings":"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","sourcesContent":["import { getClosestAncestorBlockGroupIndex } from 'roosterjs-content-model-core';\nimport {\n    createBr,\n    createListItem,\n    createListLevel,\n    createParagraph,\n    normalizeParagraph,\n    setParagraphNotImplicit,\n} from 'roosterjs-content-model-dom';\nimport type {\n    ContentModelBlockGroup,\n    ContentModelListItem,\n    DeleteSelectionStep,\n    InsertPoint,\n    ValidDeleteSelectionContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleEnterOnList: DeleteSelectionStep = context => {\n    if (\n        context.deleteResult == 'nothingToDelete' ||\n        context.deleteResult == 'notDeleted' ||\n        context.deleteResult == 'range'\n    ) {\n        const { insertPoint, formatContext } = context;\n        const { path } = insertPoint;\n        const rawEvent = formatContext?.rawEvent;\n        const index = getClosestAncestorBlockGroupIndex(path, ['ListItem'], ['TableCell']);\n\n        const listItem = path[index];\n\n        if (listItem && listItem.blockGroupType === 'ListItem') {\n            const listParent = path[index + 1];\n            if (isEmptyListItem(listItem)) {\n                listItem.levels.pop();\n            } else {\n                createNewListItem(context, listItem, listParent);\n            }\n            rawEvent?.preventDefault();\n            context.deleteResult = 'range';\n        }\n    }\n};\n\nconst isEmptyListItem = (listItem: ContentModelListItem) => {\n    return (\n        listItem.blocks.length === 1 &&\n        listItem.blocks[0].blockType === 'Paragraph' &&\n        listItem.blocks[0].segments.length === 2 &&\n        listItem.blocks[0].segments[0].segmentType === 'SelectionMarker' &&\n        listItem.blocks[0].segments[1].segmentType === 'Br'\n    );\n};\n\nconst createNewListItem = (\n    context: ValidDeleteSelectionContext,\n    listItem: ContentModelListItem,\n    listParent: ContentModelBlockGroup\n) => {\n    const { insertPoint } = context;\n    const listIndex = listParent.blocks.indexOf(listItem);\n    const newParagraph = createNewParagraph(insertPoint);\n    const levels = createNewListLevel(listItem);\n    const newListItem = createListItem(levels, insertPoint.marker.format);\n    newListItem.blocks.push(newParagraph);\n    listParent.blocks.splice(listIndex + 1, 0, newListItem);\n};\n\nconst createNewListLevel = (listItem: ContentModelListItem) => {\n    return listItem.levels.map(level => {\n        return createListLevel(\n            level.listType,\n            {\n                ...level.format,\n                startNumberOverride: undefined,\n            },\n            level.dataset\n        );\n    });\n};\n\nconst createNewParagraph = (insertPoint: InsertPoint) => {\n    const { paragraph, marker } = insertPoint;\n    const newParagraph = createParagraph(\n        false /*isImplicit*/,\n        paragraph.format,\n        paragraph.segmentFormat\n    );\n\n    const markerIndex = paragraph.segments.indexOf(marker);\n    const segments = paragraph.segments.splice(\n        markerIndex,\n        paragraph.segments.length - markerIndex\n    );\n\n    newParagraph.segments.push(...segments);\n\n    setParagraphNotImplicit(paragraph);\n\n    if (paragraph.segments.every(x => x.segmentType == 'SelectionMarker')) {\n        paragraph.segments.push(createBr(marker.format));\n    }\n\n    normalizeParagraph(newParagraph);\n    return newParagraph;\n};\n"]}

package/lib/edit/keyboardDelete.d.ts

@@ -1,9 +1,9 @@
-import type { IStandaloneEditor } from 'roosterjs-content-model-types';
-/**
- * @internal
- * Do keyboard event handling for DELETE/BACKSPACE key
- * @param editor The Content Model Editor
- * @param rawEvent DOM keyboard event
- * @returns True if the event is handled by content model, otherwise false
- */
-export declare function keyboardDelete(editor: IStandaloneEditor, rawEvent: KeyboardEvent): boolean;
+import type { IStandaloneEditor } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Do keyboard event handling for DELETE/BACKSPACE key
+ * @param editor The Content Model Editor
+ * @param rawEvent DOM keyboard event
+ * @returns True if the event is handled by content model, otherwise false
+ */
+export declare function keyboardDelete(editor: IStandaloneEditor, rawEvent: KeyboardEvent): boolean;

package/lib/edit/keyboardDelete.js

@@ -1,72 +1,72 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.keyboardDelete = void 0;
-var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
-var deleteAllSegmentBefore_1 = require("./deleteSteps/deleteAllSegmentBefore");
-var deleteList_1 = require("./deleteSteps/deleteList");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-var handleKeyboardEventCommon_1 = require("./handleKeyboardEventCommon");
-var deleteWordSelection_1 = require("./deleteSteps/deleteWordSelection");
-var deleteCollapsedSelection_1 = require("./deleteSteps/deleteCollapsedSelection");
-/**
- * @internal
- * Do keyboard event handling for DELETE/BACKSPACE key
- * @param editor The Content Model Editor
- * @param rawEvent DOM keyboard event
- * @returns True if the event is handled by content model, otherwise false
- */
-function keyboardDelete(editor, rawEvent) {
-    var handled = false;
-    var selection = editor.getDOMSelection();
-    if (shouldDeleteWithContentModel(selection, rawEvent)) {
-        editor.formatContentModel(function (model, context) {
-            var result = (0, roosterjs_content_model_core_1.deleteSelection)(model, getDeleteSteps(rawEvent, !!editor.getEnvironment().isMac), context).deleteResult;
-            handled = (0, handleKeyboardEventCommon_1.handleKeyboardEventResult)(editor, model, rawEvent, result, context);
-            return handled;
-        }, {
-            rawEvent: rawEvent,
-            changeSource: roosterjs_content_model_core_1.ChangeSource.Keyboard,
-            getChangeData: function () { return rawEvent.which; },
-            apiName: rawEvent.key == 'Delete' ? 'handleDeleteKey' : 'handleBackspaceKey',
-        });
-    }
-    return handled;
-}
-exports.keyboardDelete = keyboardDelete;
-function getDeleteSteps(rawEvent, isMac) {
-    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 = isForward
-        ? deleteCollapsedSelection_1.forwardDeleteCollapsedSelection
-        : deleteCollapsedSelection_1.backwardDeleteCollapsedSelection;
-    return [deleteAllSegmentBeforeStep, deleteWordSelection, deleteCollapsedSelection, deleteList_1.deleteList];
-}
-function shouldDeleteWithContentModel(selection, rawEvent) {
-    if (!selection) {
-        return false; // Nothing to delete
-    }
-    else if (selection.type != 'range' || !selection.range.collapsed) {
-        return true; // Selection is not collapsed, need to delete all selections
-    }
-    else {
-        var range = selection.range;
-        // When selection is collapsed and is in middle of text node, no need to use Content Model to delete
-        return !((0, roosterjs_content_model_dom_1.isNodeOfType)(range.startContainer, 'TEXT_NODE') &&
-            !(0, roosterjs_content_model_core_1.isModifierKey)(rawEvent) &&
-            (canDeleteBefore(rawEvent, range) || canDeleteAfter(rawEvent, range)));
-    }
-}
-function canDeleteBefore(rawEvent, range) {
-    return rawEvent.key == 'Backspace' && range.startOffset > 1;
-}
-function canDeleteAfter(rawEvent, range) {
-    var _a, _b;
-    return (rawEvent.key == 'Delete' &&
-        range.startOffset < ((_b = (_a = range.startContainer.nodeValue) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - 1);
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keyboardDelete = void 0;
+var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
+var deleteAllSegmentBefore_1 = require("./deleteSteps/deleteAllSegmentBefore");
+var deleteList_1 = require("./deleteSteps/deleteList");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+var handleKeyboardEventCommon_1 = require("./handleKeyboardEventCommon");
+var deleteWordSelection_1 = require("./deleteSteps/deleteWordSelection");
+var deleteCollapsedSelection_1 = require("./deleteSteps/deleteCollapsedSelection");
+/**
+ * @internal
+ * Do keyboard event handling for DELETE/BACKSPACE key
+ * @param editor The Content Model Editor
+ * @param rawEvent DOM keyboard event
+ * @returns True if the event is handled by content model, otherwise false
+ */
+function keyboardDelete(editor, rawEvent) {
+    var handled = false;
+    var selection = editor.getDOMSelection();
+    if (shouldDeleteWithContentModel(selection, rawEvent)) {
+        editor.formatContentModel(function (model, context) {
+            var result = (0, roosterjs_content_model_core_1.deleteSelection)(model, getDeleteSteps(rawEvent, !!editor.getEnvironment().isMac), context).deleteResult;
+            handled = (0, handleKeyboardEventCommon_1.handleKeyboardEventResult)(editor, model, rawEvent, result, context);
+            return handled;
+        }, {
+            rawEvent: rawEvent,
+            changeSource: roosterjs_content_model_core_1.ChangeSource.Keyboard,
+            getChangeData: function () { return rawEvent.which; },
+            apiName: rawEvent.key == 'Delete' ? 'handleDeleteKey' : 'handleBackspaceKey',
+        });
+    }
+    return handled;
+}
+exports.keyboardDelete = keyboardDelete;
+function getDeleteSteps(rawEvent, isMac) {
+    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 = isForward
+        ? deleteCollapsedSelection_1.forwardDeleteCollapsedSelection
+        : deleteCollapsedSelection_1.backwardDeleteCollapsedSelection;
+    return [deleteAllSegmentBeforeStep, deleteWordSelection, deleteCollapsedSelection, deleteList_1.deleteList];
+}
+function shouldDeleteWithContentModel(selection, rawEvent) {
+    if (!selection) {
+        return false; // Nothing to delete
+    }
+    else if (selection.type != 'range' || !selection.range.collapsed) {
+        return true; // Selection is not collapsed, need to delete all selections
+    }
+    else {
+        var range = selection.range;
+        // When selection is collapsed and is in middle of text node, no need to use Content Model to delete
+        return !((0, roosterjs_content_model_dom_1.isNodeOfType)(range.startContainer, 'TEXT_NODE') &&
+            !(0, roosterjs_content_model_core_1.isModifierKey)(rawEvent) &&
+            (canDeleteBefore(rawEvent, range) || canDeleteAfter(rawEvent, range)));
+    }
+}
+function canDeleteBefore(rawEvent, range) {
+    return rawEvent.key == 'Backspace' && range.startOffset > 1;
+}
+function canDeleteAfter(rawEvent, range) {
+    var _a, _b;
+    return (rawEvent.key == 'Delete' &&
+        range.startOffset < ((_b = (_a = range.startContainer.nodeValue) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - 1);
+}
 //# sourceMappingURL=keyboardDelete.js.map

package/lib/edit/keyboardDelete.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardDelete.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/keyboardDelete.ts"],"names":[],"mappings":";;;AAAA,6EAA4F;AAC5F,+EAA8E;AAC9E,uDAAsD;AACtD,2EAA2D;AAC3D,yEAIqC;AACrC,yEAG2C;AAC3C,mFAGgD;AAOhD;;;;;;GAMG;AACH,SAAgB,cAAc,CAAC,MAAyB,EAAE,QAAuB;IAC7E,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;IAE3C,IAAI,4BAA4B,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE;QACnD,MAAM,CAAC,kBAAkB,CACrB,UAAC,KAAK,EAAE,OAAO;YACX,IAAM,MAAM,GAAG,IAAA,8CAAe,EAC1B,KAAK,EACL,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,EACzD,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,2CAAY,CAAC,QAAQ;YACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;YACnC,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;AA1BD,wCA0BC;AAED,SAAS,cAAc,CAAC,QAAuB,EAAE,KAAc;IAC3D,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;IACX,IAAM,wBAAwB,GAAG,SAAS;QACtC,CAAC,CAAC,0DAA+B;QACjC,CAAC,CAAC,2DAAgC,CAAC;IACvC,OAAO,CAAC,0BAA0B,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,uBAAU,CAAC,CAAC;AACnG,CAAC;AAED,SAAS,4BAA4B,CAAC,SAA8B,EAAE,QAAuB;IACzF,IAAI,CAAC,SAAS,EAAE;QACZ,OAAO,KAAK,CAAC,CAAC,oBAAoB;KACrC;SAAM,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE;QAChE,OAAO,IAAI,CAAC,CAAC,4DAA4D;KAC5E;SAAM;QACH,IAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;QAE9B,oGAAoG;QACpG,OAAO,CAAC,CACJ,IAAA,0CAAY,EAAC,KAAK,CAAC,cAAc,EAAE,WAAW,CAAC;YAC/C,CAAC,IAAA,4CAAa,EAAC,QAAQ,CAAC;YACxB,CAAC,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CACxE,CAAC;KACL;AACL,CAAC;AAED,SAAS,eAAe,CAAC,QAAuB,EAAE,KAAY;IAC1D,OAAO,QAAQ,CAAC,GAAG,IAAI,WAAW,IAAI,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC;AAChE,CAAC;AAED,SAAS,cAAc,CAAC,QAAuB,EAAE,KAAY;;IACzD,OAAO,CACH,QAAQ,CAAC,GAAG,IAAI,QAAQ;QACxB,KAAK,CAAC,WAAW,GAAG,CAAC,MAAA,MAAA,KAAK,CAAC,cAAc,CAAC,SAAS,0CAAE,MAAM,mCAAI,CAAC,CAAC,GAAG,CAAC,CACxE,CAAC;AACN,CAAC","sourcesContent":["import { ChangeSource, deleteSelection, isModifierKey } from 'roosterjs-content-model-core';\r\nimport { deleteAllSegmentBefore } from './deleteSteps/deleteAllSegmentBefore';\r\nimport { deleteList } from './deleteSteps/deleteList';\r\nimport { isNodeOfType } 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 {\r\n    backwardDeleteCollapsedSelection,\r\n    forwardDeleteCollapsedSelection,\r\n} from './deleteSteps/deleteCollapsedSelection';\r\nimport type {\r\n    DOMSelection,\r\n    DeleteSelectionStep,\r\n    IStandaloneEditor,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n * Do keyboard event handling for DELETE/BACKSPACE key\r\n * @param editor The Content Model Editor\r\n * @param rawEvent DOM keyboard event\r\n * @returns True if the event is handled by content model, otherwise false\r\n */\r\nexport function keyboardDelete(editor: IStandaloneEditor, rawEvent: KeyboardEvent) {\r\n    let handled = false;\r\n    const selection = editor.getDOMSelection();\r\n\r\n    if (shouldDeleteWithContentModel(selection, rawEvent)) {\r\n        editor.formatContentModel(\r\n            (model, context) => {\r\n                const result = deleteSelection(\r\n                    model,\r\n                    getDeleteSteps(rawEvent, !!editor.getEnvironment().isMac),\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                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(rawEvent: KeyboardEvent, isMac: boolean): (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    const deleteCollapsedSelection = isForward\r\n        ? forwardDeleteCollapsedSelection\r\n        : backwardDeleteCollapsedSelection;\r\n    return [deleteAllSegmentBeforeStep, deleteWordSelection, deleteCollapsedSelection, deleteList];\r\n}\r\n\r\nfunction shouldDeleteWithContentModel(selection: DOMSelection | null, rawEvent: KeyboardEvent) {\r\n    if (!selection) {\r\n        return false; // Nothing to delete\r\n    } else if (selection.type != 'range' || !selection.range.collapsed) {\r\n        return true; // Selection is not collapsed, need to delete all selections\r\n    } else {\r\n        const range = selection.range;\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(range.startContainer, 'TEXT_NODE') &&\r\n            !isModifierKey(rawEvent) &&\r\n            (canDeleteBefore(rawEvent, range) || canDeleteAfter(rawEvent, range))\r\n        );\r\n    }\r\n}\r\n\r\nfunction canDeleteBefore(rawEvent: KeyboardEvent, range: Range) {\r\n    return rawEvent.key == 'Backspace' && range.startOffset > 1;\r\n}\r\n\r\nfunction canDeleteAfter(rawEvent: KeyboardEvent, range: Range) {\r\n    return (\r\n        rawEvent.key == 'Delete' &&\r\n        range.startOffset < (range.startContainer.nodeValue?.length ?? 0) - 1\r\n    );\r\n}\r\n"]}
+{"version":3,"file":"keyboardDelete.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/keyboardDelete.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeSource, deleteSelection, isModifierKey } from 'roosterjs-content-model-core';\nimport { deleteAllSegmentBefore } from './deleteSteps/deleteAllSegmentBefore';\nimport { deleteList } from './deleteSteps/deleteList';\nimport { isNodeOfType } 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 {\n    backwardDeleteCollapsedSelection,\n    forwardDeleteCollapsedSelection,\n} from './deleteSteps/deleteCollapsedSelection';\nimport type {\n    DOMSelection,\n    DeleteSelectionStep,\n    IStandaloneEditor,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Do keyboard event handling for DELETE/BACKSPACE key\n * @param editor The Content Model Editor\n * @param rawEvent DOM keyboard event\n * @returns True if the event is handled by content model, otherwise false\n */\nexport function keyboardDelete(editor: IStandaloneEditor, rawEvent: KeyboardEvent) {\n    let handled = false;\n    const selection = editor.getDOMSelection();\n\n    if (shouldDeleteWithContentModel(selection, rawEvent)) {\n        editor.formatContentModel(\n            (model, context) => {\n                const result = deleteSelection(\n                    model,\n                    getDeleteSteps(rawEvent, !!editor.getEnvironment().isMac),\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                apiName: rawEvent.key == 'Delete' ? 'handleDeleteKey' : 'handleBackspaceKey',\n            }\n        );\n    }\n\n    return handled;\n}\n\nfunction getDeleteSteps(rawEvent: KeyboardEvent, isMac: boolean): (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    const deleteCollapsedSelection = isForward\n        ? forwardDeleteCollapsedSelection\n        : backwardDeleteCollapsedSelection;\n    return [deleteAllSegmentBeforeStep, deleteWordSelection, deleteCollapsedSelection, deleteList];\n}\n\nfunction shouldDeleteWithContentModel(selection: DOMSelection | null, rawEvent: KeyboardEvent) {\n    if (!selection) {\n        return false; // Nothing to delete\n    } else if (selection.type != 'range' || !selection.range.collapsed) {\n        return true; // Selection is not collapsed, need to delete all selections\n    } else {\n        const range = selection.range;\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(range.startContainer, 'TEXT_NODE') &&\n            !isModifierKey(rawEvent) &&\n            (canDeleteBefore(rawEvent, range) || canDeleteAfter(rawEvent, range))\n        );\n    }\n}\n\nfunction canDeleteBefore(rawEvent: KeyboardEvent, range: Range) {\n    return rawEvent.key == 'Backspace' && range.startOffset > 1;\n}\n\nfunction canDeleteAfter(rawEvent: KeyboardEvent, range: Range) {\n    return (\n        rawEvent.key == 'Delete' &&\n        range.startOffset < (range.startContainer.nodeValue?.length ?? 0) - 1\n    );\n}\n"]}

package/lib/edit/keyboardInput.d.ts

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

package/lib/edit/keyboardInput.js

@@ -1,59 +1,59 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.keyboardInput = void 0;
-var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
-var handleEnterOnList_1 = require("./inputSteps/handleEnterOnList");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-/**
- * @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_core_1.deleteSelection)(model, getInputSteps(selection, rawEvent), context);
-            // We have deleted selection then we will let browser to handle the input.
-            // With this combined operation, we don't wan to mass up the cached model so clear it
-            context.clearModelCache = true;
-            // 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;
-            }
-        }, {
-            rawEvent: rawEvent,
-        });
-        return true;
-    }
-}
-exports.keyboardInput = keyboardInput;
-function getInputSteps(selection, rawEvent) {
-    return shouldHandleEnterKey(selection, rawEvent) ? [handleEnterOnList_1.handleEnterOnList] : [];
-}
-function shouldInputWithContentModel(selection, rawEvent) {
-    if (!selection) {
-        return false; // Nothing to delete
-    }
-    else if (!(0, roosterjs_content_model_core_1.isModifierKey)(rawEvent) &&
-        (rawEvent.key == 'Enter' || rawEvent.key == 'Space' || rawEvent.key.length == 1)) {
-        return (selection.type != 'range' ||
-            !selection.range.collapsed ||
-            shouldHandleEnterKey(selection, rawEvent));
-    }
-    else {
-        return false;
-    }
-}
-var shouldHandleEnterKey = function (selection, rawEvent) {
-    return selection && selection.type == 'range' && rawEvent.key == 'Enter' && !rawEvent.shiftKey;
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keyboardInput = void 0;
+var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
+var handleEnterOnList_1 = require("./inputSteps/handleEnterOnList");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+/**
+ * @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_core_1.deleteSelection)(model, getInputSteps(selection, rawEvent), context);
+            // We have deleted selection then we will let browser to handle the input.
+            // With this combined operation, we don't wan to mass up the cached model so clear it
+            context.clearModelCache = true;
+            // 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;
+            }
+        }, {
+            rawEvent: rawEvent,
+        });
+        return true;
+    }
+}
+exports.keyboardInput = keyboardInput;
+function getInputSteps(selection, rawEvent) {
+    return shouldHandleEnterKey(selection, rawEvent) ? [handleEnterOnList_1.handleEnterOnList] : [];
+}
+function shouldInputWithContentModel(selection, rawEvent) {
+    if (!selection) {
+        return false; // Nothing to delete
+    }
+    else if (!(0, roosterjs_content_model_core_1.isModifierKey)(rawEvent) &&
+        (rawEvent.key == 'Enter' || rawEvent.key == 'Space' || rawEvent.key.length == 1)) {
+        return (selection.type != 'range' ||
+            !selection.range.collapsed ||
+            shouldHandleEnterKey(selection, rawEvent));
+    }
+    else {
+        return false;
+    }
+}
+var shouldHandleEnterKey = function (selection, rawEvent) {
+    return selection && selection.type == 'range' && rawEvent.key == 'Enter' && !rawEvent.shiftKey;
+};
 //# sourceMappingURL=keyboardInput.js.map

package/lib/edit/keyboardInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardInput.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/keyboardInput.ts"],"names":[],"mappings":";;;AAAA,6EAA8E;AAC9E,oEAAmE;AACnE,2EAAoE;AAGpE;;GAEG;AACH,SAAgB,aAAa,CAAC,MAAyB,EAAE,QAAuB;IAC5E,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,8CAAe,EAAC,KAAK,EAAE,aAAa,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;YAEnF,0EAA0E;YAC1E,qFAAqF;YACrF,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC;YAE/B,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,QAAQ,UAAA;SACX,CACJ,CAAC;QAEF,OAAO,IAAI,CAAC;KACf;AACL,CAAC;AApCD,sCAoCC;AAED,SAAS,aAAa,CAAC,SAA8B,EAAE,QAAuB;IAC1E,OAAO,oBAAoB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,qCAAiB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAChF,CAAC;AAED,SAAS,2BAA2B,CAAC,SAA8B,EAAE,QAAuB;IACxF,IAAI,CAAC,SAAS,EAAE;QACZ,OAAO,KAAK,CAAC,CAAC,oBAAoB;KACrC;SAAM,IACH,CAAC,IAAA,4CAAa,EAAC,QAAQ,CAAC;QACxB,CAAC,QAAQ,CAAC,GAAG,IAAI,OAAO,IAAI,QAAQ,CAAC,GAAG,IAAI,OAAO,IAAI,QAAQ,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,EAClF;QACE,OAAO,CACH,SAAS,CAAC,IAAI,IAAI,OAAO;YACzB,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS;YAC1B,oBAAoB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAC5C,CAAC;KACL;SAAM;QACH,OAAO,KAAK,CAAC;KAChB;AACL,CAAC;AAED,IAAM,oBAAoB,GAAG,UAAC,SAA8B,EAAE,QAAuB;IACjF,OAAO,SAAS,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO,IAAI,QAAQ,CAAC,GAAG,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;AACnG,CAAC,CAAC","sourcesContent":["import { deleteSelection, isModifierKey } from 'roosterjs-content-model-core';\r\nimport { handleEnterOnList } from './inputSteps/handleEnterOnList';\r\nimport { normalizeContentModel } from 'roosterjs-content-model-dom';\r\nimport type { DOMSelection, IStandaloneEditor } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function keyboardInput(editor: IStandaloneEditor, 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, getInputSteps(selection, rawEvent), context);\r\n\r\n                // We have deleted selection then we will let browser to handle the input.\r\n                // With this combined operation, we don't wan to mass up the cached model so clear it\r\n                context.clearModelCache = true;\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                rawEvent,\r\n            }\r\n        );\r\n\r\n        return true;\r\n    }\r\n}\r\n\r\nfunction getInputSteps(selection: DOMSelection | null, rawEvent: KeyboardEvent) {\r\n    return shouldHandleEnterKey(selection, rawEvent) ? [handleEnterOnList] : [];\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 == 'Enter' || rawEvent.key == 'Space' || rawEvent.key.length == 1)\r\n    ) {\r\n        return (\r\n            selection.type != 'range' ||\r\n            !selection.range.collapsed ||\r\n            shouldHandleEnterKey(selection, rawEvent)\r\n        );\r\n    } else {\r\n        return false;\r\n    }\r\n}\r\n\r\nconst shouldHandleEnterKey = (selection: DOMSelection | null, rawEvent: KeyboardEvent) => {\r\n    return selection && selection.type == 'range' && rawEvent.key == 'Enter' && !rawEvent.shiftKey;\r\n};\r\n"]}
+{"version":3,"file":"keyboardInput.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/keyboardInput.ts"],"names":[],"mappings":";;;AAAA,6EAA8E;AAC9E,oEAAmE;AACnE,2EAAoE;AAGpE;;GAEG;AACH,SAAgB,aAAa,CAAC,MAAyB,EAAE,QAAuB;IAC5E,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,8CAAe,EAAC,KAAK,EAAE,aAAa,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;YAEnF,0EAA0E;YAC1E,qFAAqF;YACrF,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC;YAE/B,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,QAAQ,UAAA;SACX,CACJ,CAAC;QAEF,OAAO,IAAI,CAAC;KACf;AACL,CAAC;AApCD,sCAoCC;AAED,SAAS,aAAa,CAAC,SAA8B,EAAE,QAAuB;IAC1E,OAAO,oBAAoB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,qCAAiB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAChF,CAAC;AAED,SAAS,2BAA2B,CAAC,SAA8B,EAAE,QAAuB;IACxF,IAAI,CAAC,SAAS,EAAE;QACZ,OAAO,KAAK,CAAC,CAAC,oBAAoB;KACrC;SAAM,IACH,CAAC,IAAA,4CAAa,EAAC,QAAQ,CAAC;QACxB,CAAC,QAAQ,CAAC,GAAG,IAAI,OAAO,IAAI,QAAQ,CAAC,GAAG,IAAI,OAAO,IAAI,QAAQ,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,EAClF;QACE,OAAO,CACH,SAAS,CAAC,IAAI,IAAI,OAAO;YACzB,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS;YAC1B,oBAAoB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAC5C,CAAC;KACL;SAAM;QACH,OAAO,KAAK,CAAC;KAChB;AACL,CAAC;AAED,IAAM,oBAAoB,GAAG,UAAC,SAA8B,EAAE,QAAuB;IACjF,OAAO,SAAS,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO,IAAI,QAAQ,CAAC,GAAG,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;AACnG,CAAC,CAAC","sourcesContent":["import { deleteSelection, isModifierKey } from 'roosterjs-content-model-core';\nimport { handleEnterOnList } from './inputSteps/handleEnterOnList';\nimport { normalizeContentModel } from 'roosterjs-content-model-dom';\nimport type { DOMSelection, IStandaloneEditor } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function keyboardInput(editor: IStandaloneEditor, 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, getInputSteps(selection, rawEvent), context);\n\n                // We have deleted selection then we will let browser to handle the input.\n                // With this combined operation, we don't wan to mass up the cached model so clear it\n                context.clearModelCache = true;\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                rawEvent,\n            }\n        );\n\n        return true;\n    }\n}\n\nfunction getInputSteps(selection: DOMSelection | null, rawEvent: KeyboardEvent) {\n    return shouldHandleEnterKey(selection, rawEvent) ? [handleEnterOnList] : [];\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 == 'Enter' || rawEvent.key == 'Space' || rawEvent.key.length == 1)\n    ) {\n        return (\n            selection.type != 'range' ||\n            !selection.range.collapsed ||\n            shouldHandleEnterKey(selection, rawEvent)\n        );\n    } else {\n        return false;\n    }\n}\n\nconst shouldHandleEnterKey = (selection: DOMSelection | null, rawEvent: KeyboardEvent) => {\n    return selection && selection.type == 'range' && rawEvent.key == 'Enter' && !rawEvent.shiftKey;\n};\n"]}

package/lib/edit/keyboardTab.d.ts

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

package/lib/edit/keyboardTab.js

@@ -1,35 +1,35 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.keyboardTab = void 0;
-var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
-var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
-/**
- * @internal
- */
-function keyboardTab(editor, rawEvent) {
-    var selection = editor.getDOMSelection();
-    if ((selection === null || selection === void 0 ? void 0 : selection.type) == 'range') {
-        editor.takeSnapshot();
-        editor.formatContentModel(function (model, _context) {
-            return handleTabOnList(model, rawEvent);
-        });
-        return true;
-    }
-}
-exports.keyboardTab = keyboardTab;
-function isMarkerAtStartOfBlock(listItem) {
-    return (listItem.blocks[0].blockType == 'Paragraph' &&
-        listItem.blocks[0].segments[0].segmentType == 'SelectionMarker');
-}
-function handleTabOnList(model, rawEvent) {
-    var blocks = (0, roosterjs_content_model_core_1.getOperationalBlocks)(model, ['ListItem'], ['TableCell']);
-    var listItem = blocks[0].block;
-    if ((0, roosterjs_content_model_core_1.isBlockGroupOfType)(listItem, 'ListItem') &&
-        isMarkerAtStartOfBlock(listItem)) {
-        (0, roosterjs_content_model_api_1.setModelIndentation)(model, rawEvent.shiftKey ? 'outdent' : 'indent');
-        rawEvent.preventDefault();
-        return true;
-    }
-    return false;
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keyboardTab = void 0;
+var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
+var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
+/**
+ * @internal
+ */
+function keyboardTab(editor, rawEvent) {
+    var selection = editor.getDOMSelection();
+    if ((selection === null || selection === void 0 ? void 0 : selection.type) == 'range') {
+        editor.takeSnapshot();
+        editor.formatContentModel(function (model, _context) {
+            return handleTabOnList(model, rawEvent);
+        });
+        return true;
+    }
+}
+exports.keyboardTab = keyboardTab;
+function isMarkerAtStartOfBlock(listItem) {
+    return (listItem.blocks[0].blockType == 'Paragraph' &&
+        listItem.blocks[0].segments[0].segmentType == 'SelectionMarker');
+}
+function handleTabOnList(model, rawEvent) {
+    var blocks = (0, roosterjs_content_model_core_1.getOperationalBlocks)(model, ['ListItem'], ['TableCell']);
+    var listItem = blocks[0].block;
+    if ((0, roosterjs_content_model_core_1.isBlockGroupOfType)(listItem, 'ListItem') &&
+        isMarkerAtStartOfBlock(listItem)) {
+        (0, roosterjs_content_model_api_1.setModelIndentation)(model, rawEvent.shiftKey ? 'outdent' : 'indent');
+        rawEvent.preventDefault();
+        return true;
+    }
+    return false;
+}
 //# sourceMappingURL=keyboardTab.js.map