roosterjs-content-model-plugins 0.21.2 → 0.21.4

package/lib/edit/keyboardDelete.js

@@ -1,68 +1,68 @@
-"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 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
- */
-function keyboardDelete(editor, rawEvent) {
-    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;
-            return (0, handleKeyboardEventCommon_1.handleKeyboardEventResult)(editor, model, rawEvent, result, context);
-        }, {
-            rawEvent: rawEvent,
-            changeSource: roosterjs_content_model_core_1.ChangeSource.Keyboard,
-            getChangeData: function () { return rawEvent.which; },
-            apiName: rawEvent.key == 'Delete' ? 'handleDeleteKey' : 'handleBackspaceKey',
-        });
-        return true;
-    }
-}
-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];
-}
-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 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
+ */
+function keyboardDelete(editor, rawEvent) {
+    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;
+            return (0, handleKeyboardEventCommon_1.handleKeyboardEventResult)(editor, model, rawEvent, result, context);
+        }, {
+            rawEvent: rawEvent,
+            changeSource: roosterjs_content_model_core_1.ChangeSource.Keyboard,
+            getChangeData: function () { return rawEvent.which; },
+            apiName: rawEvent.key == 'Delete' ? 'handleDeleteKey' : 'handleBackspaceKey',
+        });
+        return true;
+    }
+}
+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];
+}
+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":"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","sourcesContent":["import { ChangeSource, deleteSelection, isModifierKey } from 'roosterjs-content-model-core';\nimport { deleteAllSegmentBefore } from './deleteSteps/deleteAllSegmentBefore';\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 { IContentModelEditor } from 'roosterjs-content-model-editor';\nimport type { DOMSelection, DeleteSelectionStep } 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 */\nexport function keyboardDelete(editor: IContentModelEditor, rawEvent: KeyboardEvent) {\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                return handleKeyboardEventResult(editor, model, rawEvent, result, context);\n            },\n            {\n                rawEvent,\n                changeSource: ChangeSource.Keyboard,\n                getChangeData: () => rawEvent.which,\n                apiName: rawEvent.key == 'Delete' ? 'handleDeleteKey' : 'handleBackspaceKey',\n            }\n        );\n\n        return true;\n    }\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];\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"]}
+{"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';\r\nimport { deleteAllSegmentBefore } from './deleteSteps/deleteAllSegmentBefore';\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 { IContentModelEditor } from 'roosterjs-content-model-editor';\r\nimport type { DOMSelection, DeleteSelectionStep } 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 */\r\nexport function keyboardDelete(editor: IContentModelEditor, rawEvent: KeyboardEvent) {\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                return handleKeyboardEventResult(editor, model, rawEvent, result, context);\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        return true;\r\n    }\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];\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"]}

package/lib/edit/keyboardInput.d.ts

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

package/lib/edit/keyboardInput.js

@@ -1,50 +1,51 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.keyboardInput = void 0;
-var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
-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.addUndoSnapshot();
-        editor.formatContentModel(function (model, context) {
-            var _a;
-            var result = (0, roosterjs_content_model_core_1.deleteSelection)(model, [], 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 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; // TODO: Also handle Enter key even selection is collapsed
-    }
-    else {
-        return false;
-    }
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keyboardInput = void 0;
+var roosterjs_content_model_core_1 = require("roosterjs-content-model-core");
+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.isInIME())) {
+        editor.addUndoSnapshot();
+        editor.formatContentModel(function (model, context) {
+            var _a;
+            var result = (0, roosterjs_content_model_core_1.deleteSelection)(model, [], 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 shouldInputWithContentModel(selection, rawEvent, isInIME) {
+    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 && !rawEvent.isComposing && !isInIME)); // TODO: Also handle Enter key even selection is collapsed
+    }
+    else {
+        return false;
+    }
+}
 //# 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,2EAAoE;AAIpE;;GAEG;AACH,SAAgB,aAAa,CAAC,MAA2B,EAAE,QAAuB;IAC9E,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;IAE3C,IAAI,2BAA2B,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE;QAClD,MAAM,CAAC,eAAe,EAAE,CAAC;QAEzB,MAAM,CAAC,kBAAkB,CACrB,UAAC,KAAK,EAAE,OAAO;;YACX,IAAM,MAAM,GAAG,IAAA,8CAAe,EAAC,KAAK,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;YAEnD,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,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,SAAS,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,0DAA0D;KAC7H;SAAM;QACH,OAAO,KAAK,CAAC;KAChB;AACL,CAAC","sourcesContent":["import { deleteSelection, isModifierKey } from 'roosterjs-content-model-core';\nimport { normalizeContentModel } from 'roosterjs-content-model-dom';\nimport type { IContentModelEditor } from 'roosterjs-content-model-editor';\nimport type { DOMSelection } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function keyboardInput(editor: IContentModelEditor, rawEvent: KeyboardEvent) {\n    const selection = editor.getDOMSelection();\n\n    if (shouldInputWithContentModel(selection, rawEvent)) {\n        editor.addUndoSnapshot();\n\n        editor.formatContentModel(\n            (model, context) => {\n                const result = deleteSelection(model, [], 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 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 selection.type != 'range' || !selection.range.collapsed; // TODO: Also handle Enter key even selection is collapsed\n    } else {\n        return false;\n    }\n}\n"]}
+{"version":3,"file":"keyboardInput.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/keyboardInput.ts"],"names":[],"mappings":";;;AAAA,6EAA8E;AAC9E,2EAAoE;AAIpE;;GAEG;AACH,SAAgB,aAAa,CAAC,MAA2B,EAAE,QAAuB;IAC9E,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;IAE3C,IAAI,2BAA2B,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,EAAE;QACpE,MAAM,CAAC,eAAe,EAAE,CAAC;QAEzB,MAAM,CAAC,kBAAkB,CACrB,UAAC,KAAK,EAAE,OAAO;;YACX,IAAM,MAAM,GAAG,IAAA,8CAAe,EAAC,KAAK,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;YAEnD,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,2BAA2B,CAChC,SAA8B,EAC9B,QAAuB,EACvB,OAAgB;IAEhB,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,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,CAAC,OAAO,CAAC,CACpE,CAAC,CAAC,0DAA0D;KAChE;SAAM;QACH,OAAO,KAAK,CAAC;KAChB;AACL,CAAC","sourcesContent":["import { deleteSelection, isModifierKey } from 'roosterjs-content-model-core';\r\nimport { normalizeContentModel } from 'roosterjs-content-model-dom';\r\nimport type { IContentModelEditor } from 'roosterjs-content-model-editor';\r\nimport type { DOMSelection } from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function keyboardInput(editor: IContentModelEditor, rawEvent: KeyboardEvent) {\r\n    const selection = editor.getDOMSelection();\r\n\r\n    if (shouldInputWithContentModel(selection, rawEvent, editor.isInIME())) {\r\n        editor.addUndoSnapshot();\r\n\r\n        editor.formatContentModel(\r\n            (model, context) => {\r\n                const result = deleteSelection(model, [], 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 shouldInputWithContentModel(\r\n    selection: DOMSelection | null,\r\n    rawEvent: KeyboardEvent,\r\n    isInIME: boolean\r\n) {\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 && !rawEvent.isComposing && !isInIME)\r\n        ); // TODO: Also handle Enter key even selection is collapsed\r\n    } else {\r\n        return false;\r\n    }\r\n}\r\n"]}

package/lib/edit/utils/getLeafSiblingBlock.d.ts

@@ -1,23 +1,23 @@
-import type { ContentModelBlock, ContentModelBlockGroup, ContentModelSegment } from 'roosterjs-content-model-types';
-/**
- * @internal
- */
-export declare type BlockAndPath = {
-    /**
-     * The sibling block
-     */
-    block: ContentModelBlock;
-    /**
-     * Path of this sibling block
-     */
-    path: ContentModelBlockGroup[];
-    /**
-     * If the input block is under a general segment, it is possible there are sibling segments under the same paragraph.
-     * Use this property to return the sibling sibling under the same paragraph
-     */
-    siblingSegment?: ContentModelSegment;
-};
-/**
- * @internal
- */
-export declare function getLeafSiblingBlock(path: ContentModelBlockGroup[], block: ContentModelBlock, isNext: boolean): BlockAndPath | null;
+import type { ContentModelBlock, ContentModelBlockGroup, ContentModelSegment } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare type BlockAndPath = {
+    /**
+     * The sibling block
+     */
+    block: ContentModelBlock;
+    /**
+     * Path of this sibling block
+     */
+    path: ContentModelBlockGroup[];
+    /**
+     * If the input block is under a general segment, it is possible there are sibling segments under the same paragraph.
+     * Use this property to return the sibling sibling under the same paragraph
+     */
+    siblingSegment?: ContentModelSegment;
+};
+/**
+ * @internal
+ */
+export declare function getLeafSiblingBlock(path: ContentModelBlockGroup[], block: ContentModelBlock, isNext: boolean): BlockAndPath | null;

package/lib/edit/utils/getLeafSiblingBlock.js

@@ -1,76 +1,76 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLeafSiblingBlock = void 0;
-var tslib_1 = require("tslib");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-/**
- * @internal
- */
-function getLeafSiblingBlock(path, block, isNext) {
-    var _a;
-    var newPath = (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(path), false);
-    var _loop_1 = function () {
-        var group = newPath[0];
-        var index = group.blocks.indexOf(block);
-        if (index < 0) {
-            return "break";
-        }
-        var nextBlock = group.blocks[index + (isNext ? 1 : -1)];
-        if (nextBlock) {
-            while (nextBlock.blockType == 'BlockGroup') {
-                var child = nextBlock.blocks[isNext ? 0 : nextBlock.blocks.length - 1];
-                if (!child) {
-                    return { value: { block: nextBlock, path: newPath } };
-                }
-                else if (child.blockType != 'BlockGroup') {
-                    newPath.unshift(nextBlock);
-                    return { value: { block: child, path: newPath } };
-                }
-                else {
-                    newPath.unshift(nextBlock);
-                    nextBlock = child;
-                }
-            }
-            return { value: { block: nextBlock, path: newPath } };
-        }
-        else if ((0, roosterjs_content_model_dom_1.isGeneralSegment)(group)) {
-            // For general segment, we need to check if there is sibling segment under the same paragraph
-            // First let's find the parent paragraph of this segment
-            newPath.shift();
-            var segmentIndex_1 = -1;
-            var segment_1 = group;
-            var para = (_a = newPath[0]) === null || _a === void 0 ? void 0 : _a.blocks.find(function (x) { return x.blockType == 'Paragraph' && (segmentIndex_1 = x.segments.indexOf(segment_1)) >= 0; });
-            if (para) {
-                // Now we have found the parent paragraph, so let's check if it has a sibling segment
-                var siblingSegment = para.segments[segmentIndex_1 + (isNext ? 1 : -1)];
-                if (siblingSegment) {
-                    return { value: { block: para, path: newPath, siblingSegment: siblingSegment } };
-                }
-                else {
-                    // No sibling segment, let's keep go upper level
-                    block = para;
-                }
-            }
-            else {
-                return "break";
-            }
-        }
-        else if (group.blockGroupType != 'Document' && group.blockGroupType != 'TableCell') {
-            newPath.shift();
-            block = group;
-        }
-        else {
-            return "break";
-        }
-    };
-    while (newPath.length > 0) {
-        var state_1 = _loop_1();
-        if (typeof state_1 === "object")
-            return state_1.value;
-        if (state_1 === "break")
-            break;
-    }
-    return null;
-}
-exports.getLeafSiblingBlock = getLeafSiblingBlock;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLeafSiblingBlock = void 0;
+var tslib_1 = require("tslib");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+/**
+ * @internal
+ */
+function getLeafSiblingBlock(path, block, isNext) {
+    var _a;
+    var newPath = (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(path), false);
+    var _loop_1 = function () {
+        var group = newPath[0];
+        var index = group.blocks.indexOf(block);
+        if (index < 0) {
+            return "break";
+        }
+        var nextBlock = group.blocks[index + (isNext ? 1 : -1)];
+        if (nextBlock) {
+            while (nextBlock.blockType == 'BlockGroup') {
+                var child = nextBlock.blocks[isNext ? 0 : nextBlock.blocks.length - 1];
+                if (!child) {
+                    return { value: { block: nextBlock, path: newPath } };
+                }
+                else if (child.blockType != 'BlockGroup') {
+                    newPath.unshift(nextBlock);
+                    return { value: { block: child, path: newPath } };
+                }
+                else {
+                    newPath.unshift(nextBlock);
+                    nextBlock = child;
+                }
+            }
+            return { value: { block: nextBlock, path: newPath } };
+        }
+        else if ((0, roosterjs_content_model_dom_1.isGeneralSegment)(group)) {
+            // For general segment, we need to check if there is sibling segment under the same paragraph
+            // First let's find the parent paragraph of this segment
+            newPath.shift();
+            var segmentIndex_1 = -1;
+            var segment_1 = group;
+            var para = (_a = newPath[0]) === null || _a === void 0 ? void 0 : _a.blocks.find(function (x) { return x.blockType == 'Paragraph' && (segmentIndex_1 = x.segments.indexOf(segment_1)) >= 0; });
+            if (para) {
+                // Now we have found the parent paragraph, so let's check if it has a sibling segment
+                var siblingSegment = para.segments[segmentIndex_1 + (isNext ? 1 : -1)];
+                if (siblingSegment) {
+                    return { value: { block: para, path: newPath, siblingSegment: siblingSegment } };
+                }
+                else {
+                    // No sibling segment, let's keep go upper level
+                    block = para;
+                }
+            }
+            else {
+                return "break";
+            }
+        }
+        else if (group.blockGroupType != 'Document' && group.blockGroupType != 'TableCell') {
+            newPath.shift();
+            block = group;
+        }
+        else {
+            return "break";
+        }
+    };
+    while (newPath.length > 0) {
+        var state_1 = _loop_1();
+        if (typeof state_1 === "object")
+            return state_1.value;
+        if (state_1 === "break")
+            break;
+    }
+    return null;
+}
+exports.getLeafSiblingBlock = getLeafSiblingBlock;
 //# sourceMappingURL=getLeafSiblingBlock.js.map

package/lib/edit/utils/getLeafSiblingBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLeafSiblingBlock.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/utils/getLeafSiblingBlock.ts"],"names":[],"mappings":";;;;AAAA,2EAA+D;AA6B/D;;GAEG;AACH,SAAgB,mBAAmB,CAC/B,IAA8B,EAC9B,KAAwB,EACxB,MAAe;;IAEf,IAAM,OAAO,sDAAO,IAAI,SAAC,CAAC;;QAGtB,IAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QACzB,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,KAAK,GAAG,CAAC,EAAE;;SAEd;QAED,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAExD,IAAI,SAAS,EAAE;YACX,OAAO,SAAS,CAAC,SAAS,IAAI,YAAY,EAAE;gBACxC,IAAM,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAEzE,IAAI,CAAC,KAAK,EAAE;oCACD,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;iBAC7C;qBAAM,IAAI,KAAK,CAAC,SAAS,IAAI,YAAY,EAAE;oBACxC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;oCACpB,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE;iBACzC;qBAAM;oBACH,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;oBAC3B,SAAS,GAAG,KAAK,CAAC;iBACrB;aACJ;4BAEM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7C;aAAM,IAAI,IAAA,8CAAgB,EAAC,KAAK,CAAC,EAAE;YAChC,6FAA6F;YAC7F,wDAAwD;YACxD,OAAO,CAAC,KAAK,EAAE,CAAC;YAEhB,IAAI,cAAY,GAAG,CAAC,CAAC,CAAC;YACtB,IAAM,SAAO,GAAG,KAAK,CAAC;YACtB,IAAM,IAAI,GAAG,MAAA,OAAO,CAAC,CAAC,CAAC,0CAAE,MAAM,CAAC,IAAI,CAChC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,SAAS,IAAI,WAAW,IAAI,CAAC,cAAY,GAAG,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAO,CAAC,CAAC,IAAI,CAAC,EAA/E,CAA+E,CAC9D,CAAC;YAE3B,IAAI,IAAI,EAAE;gBACN,qFAAqF;gBACrF,IAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAY,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAEvE,IAAI,cAAc,EAAE;oCAET,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,gBAAA,EAAE;iBACxD;qBAAM;oBACH,gDAAgD;oBAChD,KAAK,GAAG,IAAI,CAAC;iBAChB;aACJ;iBAAM;;aAGN;SACJ;aAAM,IAAI,KAAK,CAAC,cAAc,IAAI,UAAU,IAAI,KAAK,CAAC,cAAc,IAAI,WAAW,EAAE;YAClF,OAAO,CAAC,KAAK,EAAE,CAAC;YAChB,KAAK,GAAG,KAAK,CAAC;SACjB;aAAM;;SAEN;;IAzDL,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC;;;;;;KA0DxB;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AApED,kDAoEC","sourcesContent":["import { isGeneralSegment } from 'roosterjs-content-model-dom';\nimport type {\n    ContentModelBlock,\n    ContentModelBlockGroup,\n    ContentModelParagraph,\n    ContentModelSegment,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport type BlockAndPath = {\n    /**\n     * The sibling block\n     */\n    block: ContentModelBlock;\n\n    /**\n     * Path of this sibling block\n     */\n    path: ContentModelBlockGroup[];\n\n    /**\n     * If the input block is under a general segment, it is possible there are sibling segments under the same paragraph.\n     * Use this property to return the sibling sibling under the same paragraph\n     */\n    siblingSegment?: ContentModelSegment;\n};\n\n/**\n * @internal\n */\nexport function getLeafSiblingBlock(\n    path: ContentModelBlockGroup[],\n    block: ContentModelBlock,\n    isNext: boolean\n): BlockAndPath | null {\n    const newPath = [...path];\n\n    while (newPath.length > 0) {\n        const group = newPath[0];\n        const index = group.blocks.indexOf(block);\n\n        if (index < 0) {\n            break;\n        }\n\n        let nextBlock = group.blocks[index + (isNext ? 1 : -1)];\n\n        if (nextBlock) {\n            while (nextBlock.blockType == 'BlockGroup') {\n                const child = nextBlock.blocks[isNext ? 0 : nextBlock.blocks.length - 1];\n\n                if (!child) {\n                    return { block: nextBlock, path: newPath };\n                } else if (child.blockType != 'BlockGroup') {\n                    newPath.unshift(nextBlock);\n                    return { block: child, path: newPath };\n                } else {\n                    newPath.unshift(nextBlock);\n                    nextBlock = child;\n                }\n            }\n\n            return { block: nextBlock, path: newPath };\n        } else if (isGeneralSegment(group)) {\n            // For general segment, we need to check if there is sibling segment under the same paragraph\n            // First let's find the parent paragraph of this segment\n            newPath.shift();\n\n            let segmentIndex = -1;\n            const segment = group;\n            const para = newPath[0]?.blocks.find(\n                x => x.blockType == 'Paragraph' && (segmentIndex = x.segments.indexOf(segment)) >= 0\n            ) as ContentModelParagraph;\n\n            if (para) {\n                // Now we have found the parent paragraph, so let's check if it has a sibling segment\n                const siblingSegment = para.segments[segmentIndex + (isNext ? 1 : -1)];\n\n                if (siblingSegment) {\n                    // Return this block, path and segment since we have found it\n                    return { block: para, path: newPath, siblingSegment };\n                } else {\n                    // No sibling segment, let's keep go upper level\n                    block = para;\n                }\n            } else {\n                // Parent sibling is not found (in theory this should never happen), just return null\n                break;\n            }\n        } else if (group.blockGroupType != 'Document' && group.blockGroupType != 'TableCell') {\n            newPath.shift();\n            block = group;\n        } else {\n            break;\n        }\n    }\n\n    return null;\n}\n"]}
+{"version":3,"file":"getLeafSiblingBlock.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-plugins/lib/edit/utils/getLeafSiblingBlock.ts"],"names":[],"mappings":";;;;AAAA,2EAA+D;AA6B/D;;GAEG;AACH,SAAgB,mBAAmB,CAC/B,IAA8B,EAC9B,KAAwB,EACxB,MAAe;;IAEf,IAAM,OAAO,sDAAO,IAAI,SAAC,CAAC;;QAGtB,IAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QACzB,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,KAAK,GAAG,CAAC,EAAE;;SAEd;QAED,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAExD,IAAI,SAAS,EAAE;YACX,OAAO,SAAS,CAAC,SAAS,IAAI,YAAY,EAAE;gBACxC,IAAM,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAEzE,IAAI,CAAC,KAAK,EAAE;oCACD,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;iBAC7C;qBAAM,IAAI,KAAK,CAAC,SAAS,IAAI,YAAY,EAAE;oBACxC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;oCACpB,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE;iBACzC;qBAAM;oBACH,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;oBAC3B,SAAS,GAAG,KAAK,CAAC;iBACrB;aACJ;4BAEM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7C;aAAM,IAAI,IAAA,8CAAgB,EAAC,KAAK,CAAC,EAAE;YAChC,6FAA6F;YAC7F,wDAAwD;YACxD,OAAO,CAAC,KAAK,EAAE,CAAC;YAEhB,IAAI,cAAY,GAAG,CAAC,CAAC,CAAC;YACtB,IAAM,SAAO,GAAG,KAAK,CAAC;YACtB,IAAM,IAAI,GAAG,MAAA,OAAO,CAAC,CAAC,CAAC,0CAAE,MAAM,CAAC,IAAI,CAChC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,SAAS,IAAI,WAAW,IAAI,CAAC,cAAY,GAAG,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAO,CAAC,CAAC,IAAI,CAAC,EAA/E,CAA+E,CAC9D,CAAC;YAE3B,IAAI,IAAI,EAAE;gBACN,qFAAqF;gBACrF,IAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAY,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAEvE,IAAI,cAAc,EAAE;oCAET,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,gBAAA,EAAE;iBACxD;qBAAM;oBACH,gDAAgD;oBAChD,KAAK,GAAG,IAAI,CAAC;iBAChB;aACJ;iBAAM;;aAGN;SACJ;aAAM,IAAI,KAAK,CAAC,cAAc,IAAI,UAAU,IAAI,KAAK,CAAC,cAAc,IAAI,WAAW,EAAE;YAClF,OAAO,CAAC,KAAK,EAAE,CAAC;YAChB,KAAK,GAAG,KAAK,CAAC;SACjB;aAAM;;SAEN;;IAzDL,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC;;;;;;KA0DxB;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AApED,kDAoEC","sourcesContent":["import { isGeneralSegment } from 'roosterjs-content-model-dom';\r\nimport type {\r\n    ContentModelBlock,\r\n    ContentModelBlockGroup,\r\n    ContentModelParagraph,\r\n    ContentModelSegment,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport type BlockAndPath = {\r\n    /**\r\n     * The sibling block\r\n     */\r\n    block: ContentModelBlock;\r\n\r\n    /**\r\n     * Path of this sibling block\r\n     */\r\n    path: ContentModelBlockGroup[];\r\n\r\n    /**\r\n     * If the input block is under a general segment, it is possible there are sibling segments under the same paragraph.\r\n     * Use this property to return the sibling sibling under the same paragraph\r\n     */\r\n    siblingSegment?: ContentModelSegment;\r\n};\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function getLeafSiblingBlock(\r\n    path: ContentModelBlockGroup[],\r\n    block: ContentModelBlock,\r\n    isNext: boolean\r\n): BlockAndPath | null {\r\n    const newPath = [...path];\r\n\r\n    while (newPath.length > 0) {\r\n        const group = newPath[0];\r\n        const index = group.blocks.indexOf(block);\r\n\r\n        if (index < 0) {\r\n            break;\r\n        }\r\n\r\n        let nextBlock = group.blocks[index + (isNext ? 1 : -1)];\r\n\r\n        if (nextBlock) {\r\n            while (nextBlock.blockType == 'BlockGroup') {\r\n                const child = nextBlock.blocks[isNext ? 0 : nextBlock.blocks.length - 1];\r\n\r\n                if (!child) {\r\n                    return { block: nextBlock, path: newPath };\r\n                } else if (child.blockType != 'BlockGroup') {\r\n                    newPath.unshift(nextBlock);\r\n                    return { block: child, path: newPath };\r\n                } else {\r\n                    newPath.unshift(nextBlock);\r\n                    nextBlock = child;\r\n                }\r\n            }\r\n\r\n            return { block: nextBlock, path: newPath };\r\n        } else if (isGeneralSegment(group)) {\r\n            // For general segment, we need to check if there is sibling segment under the same paragraph\r\n            // First let's find the parent paragraph of this segment\r\n            newPath.shift();\r\n\r\n            let segmentIndex = -1;\r\n            const segment = group;\r\n            const para = newPath[0]?.blocks.find(\r\n                x => x.blockType == 'Paragraph' && (segmentIndex = x.segments.indexOf(segment)) >= 0\r\n            ) as ContentModelParagraph;\r\n\r\n            if (para) {\r\n                // Now we have found the parent paragraph, so let's check if it has a sibling segment\r\n                const siblingSegment = para.segments[segmentIndex + (isNext ? 1 : -1)];\r\n\r\n                if (siblingSegment) {\r\n                    // Return this block, path and segment since we have found it\r\n                    return { block: para, path: newPath, siblingSegment };\r\n                } else {\r\n                    // No sibling segment, let's keep go upper level\r\n                    block = para;\r\n                }\r\n            } else {\r\n                // Parent sibling is not found (in theory this should never happen), just return null\r\n                break;\r\n            }\r\n        } else if (group.blockGroupType != 'Document' && group.blockGroupType != 'TableCell') {\r\n            newPath.shift();\r\n            block = group;\r\n        } else {\r\n            break;\r\n        }\r\n    }\r\n\r\n    return null;\r\n}\r\n"]}

package/lib/entityDelimiter/EntityDelimiterPlugin.d.ts

@@ -1,35 +1,35 @@
-import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-editor-types';
-/**
- * Entity delimiter plugin helps maintain delimiter elements around an entity so that user can put focus before/after an entity
- */
-export declare class EntityDelimiterPlugin implements EditorPlugin {
-    private editor;
-    /**
-     * Get a friendly name of this plugin
-     */
-    getName(): string;
-    /**
-     * The first method that editor will call to a plugin when editor is initializing.
-     * It will pass in the editor instance, plugin should take this chance to save the
-     * editor reference so that it can call to any editor method or format API later.
-     * @param editor The editor object
-     */
-    initialize(editor: IEditor): void;
-    /**
-     * The last method that editor will call to a plugin before it is disposed.
-     * Plugin can take this chance to clear the reference to editor. After this method is
-     * called, plugin should not call to any editor method since it will result in error.
-     */
-    dispose(): void;
-    /**
-     * Core method for a plugin. Once an event happens in editor, editor will call this
-     * method of each plugin to handle the event as long as the event is not handled
-     * exclusively by another plugin.
-     * @param event The event to handle:
-     */
-    onPluginEvent(event: PluginEvent): void;
-}
-/**
- * @internal
- */
-export declare function normalizeDelimitersInEditor(editor: IEditor): void;
+import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-editor-types';
+/**
+ * Entity delimiter plugin helps maintain delimiter elements around an entity so that user can put focus before/after an entity
+ */
+export declare class EntityDelimiterPlugin implements EditorPlugin {
+    private editor;
+    /**
+     * Get a friendly name of this plugin
+     */
+    getName(): string;
+    /**
+     * The first method that editor will call to a plugin when editor is initializing.
+     * It will pass in the editor instance, plugin should take this chance to save the
+     * editor reference so that it can call to any editor method or format API later.
+     * @param editor The editor object
+     */
+    initialize(editor: IEditor): void;
+    /**
+     * The last method that editor will call to a plugin before it is disposed.
+     * Plugin can take this chance to clear the reference to editor. After this method is
+     * called, plugin should not call to any editor method since it will result in error.
+     */
+    dispose(): void;
+    /**
+     * Core method for a plugin. Once an event happens in editor, editor will call this
+     * method of each plugin to handle the event as long as the event is not handled
+     * exclusively by another plugin.
+     * @param event The event to handle:
+     */
+    onPluginEvent(event: PluginEvent): void;
+}
+/**
+ * @internal
+ */
+export declare function normalizeDelimitersInEditor(editor: IEditor): void;