roosterjs-content-model-plugins 9.45.0 → 9.45.1

package/lib/edit/keyboardTab.d.ts

@@ -1,6 +1,6 @@
-import type { HandleTabOptions } from './EditOptions';
-import type { IEditor } from 'roosterjs-content-model-types';
-/**
- * @internal
- */
-export declare function keyboardTab(editor: IEditor, rawEvent: KeyboardEvent, options: Required<HandleTabOptions>): void;
+import type { HandleTabOptions } from './EditOptions';
+import type { IEditor } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function keyboardTab(editor: IEditor, rawEvent: KeyboardEvent, options: Required<HandleTabOptions>): void;

package/lib/edit/keyboardTab.js

@@ -1,75 +1,75 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.keyboardTab = void 0;
-var handleTabOnList_1 = require("./tabUtils/handleTabOnList");
-var handleTabOnParagraph_1 = require("./tabUtils/handleTabOnParagraph");
-var handleTabOnTable_1 = require("./tabUtils/handleTabOnTable");
-var handleTabOnTableCell_1 = require("./tabUtils/handleTabOnTableCell");
-var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-/**
- * @internal
- */
-function keyboardTab(editor, rawEvent, options) {
-    var selection = editor.getDOMSelection();
-    switch (selection === null || selection === void 0 ? void 0 : selection.type) {
-        case 'range':
-            editor.formatContentModel(function (model, context) {
-                return handleTab(model, rawEvent, context, options);
-            }, {
-                apiName: 'handleTabKey',
-                rawEvent: rawEvent,
-                changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
-                getChangeData: function () { return rawEvent.which; },
-            });
-            break;
-        case 'table':
-            if (options.indentTable) {
-                editor.formatContentModel(function (model) {
-                    return (0, handleTabOnTable_1.handleTabOnTable)(model, rawEvent);
-                }, {
-                    apiName: 'handleTabKey',
-                    rawEvent: rawEvent,
-                    changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
-                    getChangeData: function () { return rawEvent.which; },
-                });
-            }
-            break;
-    }
-}
-exports.keyboardTab = keyboardTab;
-/**
- * If multiple blocks are selected, indent or outdent the selected blocks with setModelIndentation.
- * If only one block is selected:
- * - If it is a table cell, call handleTabOnTableCell to handle the tab key.
- * - If it is a paragraph, call handleTabOnParagraph to handle the tab key.
- * - If it is a list item, call handleTabOnList to handle the tab key.
- */
-function handleTab(model, rawEvent, context, options) {
-    var blocks = (0, roosterjs_content_model_dom_1.getOperationalBlocks)(model, ['ListItem', 'TableCell'], []);
-    var block = blocks.length > 0 ? blocks[0].block : undefined;
-    if (blocks.length > 1) {
-        if (options.indentMultipleBlocks) {
-            (0, roosterjs_content_model_api_1.setModelIndentation)(model, rawEvent.shiftKey ? 'outdent' : 'indent');
-            rawEvent.preventDefault();
-            return true;
-        }
-    }
-    else if ((0, roosterjs_content_model_dom_1.isBlockGroupOfType)(block, 'TableCell')) {
-        if (options.appendTableRow) {
-            return (0, handleTabOnTableCell_1.handleTabOnTableCell)(model, block, rawEvent);
-        }
-    }
-    else if ((block === null || block === void 0 ? void 0 : block.blockType) === 'Paragraph') {
-        if (options.indentParagraph) {
-            return (0, handleTabOnParagraph_1.handleTabOnParagraph)(model, block, rawEvent, context);
-        }
-    }
-    else if ((0, roosterjs_content_model_dom_1.isBlockGroupOfType)(block, 'ListItem')) {
-        if (options.indentList) {
-            return (0, handleTabOnList_1.handleTabOnList)(model, block, rawEvent, context);
-        }
-    }
-    return false;
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keyboardTab = void 0;
+var handleTabOnList_1 = require("./tabUtils/handleTabOnList");
+var handleTabOnParagraph_1 = require("./tabUtils/handleTabOnParagraph");
+var handleTabOnTable_1 = require("./tabUtils/handleTabOnTable");
+var handleTabOnTableCell_1 = require("./tabUtils/handleTabOnTableCell");
+var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+/**
+ * @internal
+ */
+function keyboardTab(editor, rawEvent, options) {
+    var selection = editor.getDOMSelection();
+    switch (selection === null || selection === void 0 ? void 0 : selection.type) {
+        case 'range':
+            editor.formatContentModel(function (model, context) {
+                return handleTab(model, rawEvent, context, options);
+            }, {
+                apiName: 'handleTabKey',
+                rawEvent: rawEvent,
+                changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
+                getChangeData: function () { return rawEvent.which; },
+            });
+            break;
+        case 'table':
+            if (options.indentTable) {
+                editor.formatContentModel(function (model) {
+                    return (0, handleTabOnTable_1.handleTabOnTable)(model, rawEvent);
+                }, {
+                    apiName: 'handleTabKey',
+                    rawEvent: rawEvent,
+                    changeSource: roosterjs_content_model_dom_1.ChangeSource.Keyboard,
+                    getChangeData: function () { return rawEvent.which; },
+                });
+            }
+            break;
+    }
+}
+exports.keyboardTab = keyboardTab;
+/**
+ * If multiple blocks are selected, indent or outdent the selected blocks with setModelIndentation.
+ * If only one block is selected:
+ * - If it is a table cell, call handleTabOnTableCell to handle the tab key.
+ * - If it is a paragraph, call handleTabOnParagraph to handle the tab key.
+ * - If it is a list item, call handleTabOnList to handle the tab key.
+ */
+function handleTab(model, rawEvent, context, options) {
+    var blocks = (0, roosterjs_content_model_dom_1.getOperationalBlocks)(model, ['ListItem', 'TableCell'], []);
+    var block = blocks.length > 0 ? blocks[0].block : undefined;
+    if (blocks.length > 1) {
+        if (options.indentMultipleBlocks) {
+            (0, roosterjs_content_model_api_1.setModelIndentation)(model, rawEvent.shiftKey ? 'outdent' : 'indent');
+            rawEvent.preventDefault();
+            return true;
+        }
+    }
+    else if ((0, roosterjs_content_model_dom_1.isBlockGroupOfType)(block, 'TableCell')) {
+        if (options.appendTableRow) {
+            return (0, handleTabOnTableCell_1.handleTabOnTableCell)(model, block, rawEvent);
+        }
+    }
+    else if ((block === null || block === void 0 ? void 0 : block.blockType) === 'Paragraph') {
+        if (options.indentParagraph) {
+            return (0, handleTabOnParagraph_1.handleTabOnParagraph)(model, block, rawEvent, context);
+        }
+    }
+    else if ((0, roosterjs_content_model_dom_1.isBlockGroupOfType)(block, 'ListItem')) {
+        if (options.indentList) {
+            return (0, handleTabOnList_1.handleTabOnList)(model, block, rawEvent, context);
+        }
+    }
+    return false;
+}
 //# sourceMappingURL=keyboardTab.js.map

package/lib/edit/keyboardTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardTab.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/edit/keyboardTab.ts"],"names":[],"mappings":";;;AAAA,8DAA6D;AAC7D,wEAAuE;AACvE,gEAA+D;AAC/D,wEAAuE;AACvE,2EAAkE;AAElE,2EAIqC;AASrC;;GAEG;AACH,SAAgB,WAAW,CACvB,MAAe,EACf,QAAuB,EACvB,OAAmC;IAEnC,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;IAE3C,QAAQ,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EAAE;QACrB,KAAK,OAAO;YACR,MAAM,CAAC,kBAAkB,CACrB,UAAC,KAAK,EAAE,OAAO;gBACX,OAAO,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YACxD,CAAC,EACD;gBACI,OAAO,EAAE,cAAc;gBACvB,QAAQ,UAAA;gBACR,YAAY,EAAE,0CAAY,CAAC,QAAQ;gBACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;aACtC,CACJ,CAAC;YACF,MAAM;QAEV,KAAK,OAAO;YACR,IAAI,OAAO,CAAC,WAAW,EAAE;gBACrB,MAAM,CAAC,kBAAkB,CACrB,UAAA,KAAK;oBACD,OAAO,IAAA,mCAAgB,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;gBAC7C,CAAC,EACD;oBACI,OAAO,EAAE,cAAc;oBACvB,QAAQ,UAAA;oBACR,YAAY,EAAE,0CAAY,CAAC,QAAQ;oBACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;iBACtC,CACJ,CAAC;aACL;YACD,MAAM;KACb;AACL,CAAC;AAtCD,kCAsCC;AAED;;;;;;GAMG;AACH,SAAS,SAAS,CACd,KAAmC,EACnC,QAAuB,EACvB,OAAkC,EAClC,OAAmC;IAEnC,IAAM,MAAM,GAAG,IAAA,kDAAoB,EAC/B,KAAK,EACL,CAAC,UAAU,EAAE,WAAW,CAAC,EACzB,EAAE,CACL,CAAC;IACF,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QACnB,IAAI,OAAO,CAAC,oBAAoB,EAAE;YAC9B,IAAA,iDAAmB,EAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;YACrE,QAAQ,CAAC,cAAc,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC;SACf;KACJ;SAAM,IAAI,IAAA,gDAAkB,EAAwB,KAAK,EAAE,WAAW,CAAC,EAAE;QACtE,IAAI,OAAO,CAAC,cAAc,EAAE;YACxB,OAAO,IAAA,2CAAoB,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;SACvD;KACJ;SAAM,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,MAAK,WAAW,EAAE;QACzC,IAAI,OAAO,CAAC,eAAe,EAAE;YACzB,OAAO,IAAA,2CAAoB,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;SAChE;KACJ;SAAM,IAAI,IAAA,gDAAkB,EAAuB,KAAK,EAAE,UAAU,CAAC,EAAE;QACpE,IAAI,OAAO,CAAC,UAAU,EAAE;YACpB,OAAO,IAAA,iCAAe,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;SAC3D;KACJ;IACD,OAAO,KAAK,CAAC;AACjB,CAAC","sourcesContent":["import { handleTabOnList } from './tabUtils/handleTabOnList';\r\nimport { handleTabOnParagraph } from './tabUtils/handleTabOnParagraph';\r\nimport { handleTabOnTable } from './tabUtils/handleTabOnTable';\r\nimport { handleTabOnTableCell } from './tabUtils/handleTabOnTableCell';\r\nimport { setModelIndentation } from 'roosterjs-content-model-api';\r\nimport type { HandleTabOptions } from './EditOptions';\r\nimport {\r\n    ChangeSource,\r\n    getOperationalBlocks,\r\n    isBlockGroupOfType,\r\n} from 'roosterjs-content-model-dom';\r\nimport type {\r\n    ContentModelListItem,\r\n    ContentModelTableCell,\r\n    FormatContentModelContext,\r\n    IEditor,\r\n    ReadonlyContentModelDocument,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function keyboardTab(\r\n    editor: IEditor,\r\n    rawEvent: KeyboardEvent,\r\n    options: Required<HandleTabOptions>\r\n) {\r\n    const selection = editor.getDOMSelection();\r\n\r\n    switch (selection?.type) {\r\n        case 'range':\r\n            editor.formatContentModel(\r\n                (model, context) => {\r\n                    return handleTab(model, rawEvent, context, options);\r\n                },\r\n                {\r\n                    apiName: 'handleTabKey',\r\n                    rawEvent,\r\n                    changeSource: ChangeSource.Keyboard,\r\n                    getChangeData: () => rawEvent.which,\r\n                }\r\n            );\r\n            break;\r\n\r\n        case 'table':\r\n            if (options.indentTable) {\r\n                editor.formatContentModel(\r\n                    model => {\r\n                        return handleTabOnTable(model, rawEvent);\r\n                    },\r\n                    {\r\n                        apiName: 'handleTabKey',\r\n                        rawEvent,\r\n                        changeSource: ChangeSource.Keyboard,\r\n                        getChangeData: () => rawEvent.which,\r\n                    }\r\n                );\r\n            }\r\n            break;\r\n    }\r\n}\r\n\r\n/**\r\n * If multiple blocks are selected, indent or outdent the selected blocks with setModelIndentation.\r\n * If only one block is selected:\r\n * - If it is a table cell, call handleTabOnTableCell to handle the tab key.\r\n * - If it is a paragraph, call handleTabOnParagraph to handle the tab key.\r\n * - If it is a list item, call handleTabOnList to handle the tab key.\r\n */\r\nfunction handleTab(\r\n    model: ReadonlyContentModelDocument,\r\n    rawEvent: KeyboardEvent,\r\n    context: FormatContentModelContext,\r\n    options: Required<HandleTabOptions>\r\n) {\r\n    const blocks = getOperationalBlocks<ContentModelListItem | ContentModelTableCell>(\r\n        model,\r\n        ['ListItem', 'TableCell'],\r\n        []\r\n    );\r\n    const block = blocks.length > 0 ? blocks[0].block : undefined;\r\n\r\n    if (blocks.length > 1) {\r\n        if (options.indentMultipleBlocks) {\r\n            setModelIndentation(model, rawEvent.shiftKey ? 'outdent' : 'indent');\r\n            rawEvent.preventDefault();\r\n            return true;\r\n        }\r\n    } else if (isBlockGroupOfType<ContentModelTableCell>(block, 'TableCell')) {\r\n        if (options.appendTableRow) {\r\n            return handleTabOnTableCell(model, block, rawEvent);\r\n        }\r\n    } else if (block?.blockType === 'Paragraph') {\r\n        if (options.indentParagraph) {\r\n            return handleTabOnParagraph(model, block, rawEvent, context);\r\n        }\r\n    } else if (isBlockGroupOfType<ContentModelListItem>(block, 'ListItem')) {\r\n        if (options.indentList) {\r\n            return handleTabOnList(model, block, rawEvent, context);\r\n        }\r\n    }\r\n    return false;\r\n}\r\n"]}
+{"version":3,"file":"keyboardTab.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/edit/keyboardTab.ts"],"names":[],"mappings":";;;AAAA,8DAA6D;AAC7D,wEAAuE;AACvE,gEAA+D;AAC/D,wEAAuE;AACvE,2EAAkE;AAElE,2EAIqC;AASrC;;GAEG;AACH,SAAgB,WAAW,CACvB,MAAe,EACf,QAAuB,EACvB,OAAmC;IAEnC,IAAM,SAAS,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;IAE3C,QAAQ,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EAAE;QACrB,KAAK,OAAO;YACR,MAAM,CAAC,kBAAkB,CACrB,UAAC,KAAK,EAAE,OAAO;gBACX,OAAO,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YACxD,CAAC,EACD;gBACI,OAAO,EAAE,cAAc;gBACvB,QAAQ,UAAA;gBACR,YAAY,EAAE,0CAAY,CAAC,QAAQ;gBACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;aACtC,CACJ,CAAC;YACF,MAAM;QAEV,KAAK,OAAO;YACR,IAAI,OAAO,CAAC,WAAW,EAAE;gBACrB,MAAM,CAAC,kBAAkB,CACrB,UAAA,KAAK;oBACD,OAAO,IAAA,mCAAgB,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;gBAC7C,CAAC,EACD;oBACI,OAAO,EAAE,cAAc;oBACvB,QAAQ,UAAA;oBACR,YAAY,EAAE,0CAAY,CAAC,QAAQ;oBACnC,aAAa,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAd,CAAc;iBACtC,CACJ,CAAC;aACL;YACD,MAAM;KACb;AACL,CAAC;AAtCD,kCAsCC;AAED;;;;;;GAMG;AACH,SAAS,SAAS,CACd,KAAmC,EACnC,QAAuB,EACvB,OAAkC,EAClC,OAAmC;IAEnC,IAAM,MAAM,GAAG,IAAA,kDAAoB,EAC/B,KAAK,EACL,CAAC,UAAU,EAAE,WAAW,CAAC,EACzB,EAAE,CACL,CAAC;IACF,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QACnB,IAAI,OAAO,CAAC,oBAAoB,EAAE;YAC9B,IAAA,iDAAmB,EAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;YACrE,QAAQ,CAAC,cAAc,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC;SACf;KACJ;SAAM,IAAI,IAAA,gDAAkB,EAAwB,KAAK,EAAE,WAAW,CAAC,EAAE;QACtE,IAAI,OAAO,CAAC,cAAc,EAAE;YACxB,OAAO,IAAA,2CAAoB,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;SACvD;KACJ;SAAM,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,MAAK,WAAW,EAAE;QACzC,IAAI,OAAO,CAAC,eAAe,EAAE;YACzB,OAAO,IAAA,2CAAoB,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;SAChE;KACJ;SAAM,IAAI,IAAA,gDAAkB,EAAuB,KAAK,EAAE,UAAU,CAAC,EAAE;QACpE,IAAI,OAAO,CAAC,UAAU,EAAE;YACpB,OAAO,IAAA,iCAAe,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;SAC3D;KACJ;IACD,OAAO,KAAK,CAAC;AACjB,CAAC","sourcesContent":["import { handleTabOnList } from './tabUtils/handleTabOnList';\nimport { handleTabOnParagraph } from './tabUtils/handleTabOnParagraph';\nimport { handleTabOnTable } from './tabUtils/handleTabOnTable';\nimport { handleTabOnTableCell } from './tabUtils/handleTabOnTableCell';\nimport { setModelIndentation } from 'roosterjs-content-model-api';\nimport type { HandleTabOptions } from './EditOptions';\nimport {\n    ChangeSource,\n    getOperationalBlocks,\n    isBlockGroupOfType,\n} from 'roosterjs-content-model-dom';\nimport type {\n    ContentModelListItem,\n    ContentModelTableCell,\n    FormatContentModelContext,\n    IEditor,\n    ReadonlyContentModelDocument,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function keyboardTab(\n    editor: IEditor,\n    rawEvent: KeyboardEvent,\n    options: Required<HandleTabOptions>\n) {\n    const selection = editor.getDOMSelection();\n\n    switch (selection?.type) {\n        case 'range':\n            editor.formatContentModel(\n                (model, context) => {\n                    return handleTab(model, rawEvent, context, options);\n                },\n                {\n                    apiName: 'handleTabKey',\n                    rawEvent,\n                    changeSource: ChangeSource.Keyboard,\n                    getChangeData: () => rawEvent.which,\n                }\n            );\n            break;\n\n        case 'table':\n            if (options.indentTable) {\n                editor.formatContentModel(\n                    model => {\n                        return handleTabOnTable(model, rawEvent);\n                    },\n                    {\n                        apiName: 'handleTabKey',\n                        rawEvent,\n                        changeSource: ChangeSource.Keyboard,\n                        getChangeData: () => rawEvent.which,\n                    }\n                );\n            }\n            break;\n    }\n}\n\n/**\n * If multiple blocks are selected, indent or outdent the selected blocks with setModelIndentation.\n * If only one block is selected:\n * - If it is a table cell, call handleTabOnTableCell to handle the tab key.\n * - If it is a paragraph, call handleTabOnParagraph to handle the tab key.\n * - If it is a list item, call handleTabOnList to handle the tab key.\n */\nfunction handleTab(\n    model: ReadonlyContentModelDocument,\n    rawEvent: KeyboardEvent,\n    context: FormatContentModelContext,\n    options: Required<HandleTabOptions>\n) {\n    const blocks = getOperationalBlocks<ContentModelListItem | ContentModelTableCell>(\n        model,\n        ['ListItem', 'TableCell'],\n        []\n    );\n    const block = blocks.length > 0 ? blocks[0].block : undefined;\n\n    if (blocks.length > 1) {\n        if (options.indentMultipleBlocks) {\n            setModelIndentation(model, rawEvent.shiftKey ? 'outdent' : 'indent');\n            rawEvent.preventDefault();\n            return true;\n        }\n    } else if (isBlockGroupOfType<ContentModelTableCell>(block, 'TableCell')) {\n        if (options.appendTableRow) {\n            return handleTabOnTableCell(model, block, rawEvent);\n        }\n    } else if (block?.blockType === 'Paragraph') {\n        if (options.indentParagraph) {\n            return handleTabOnParagraph(model, block, rawEvent, context);\n        }\n    } else if (isBlockGroupOfType<ContentModelListItem>(block, 'ListItem')) {\n        if (options.indentList) {\n            return handleTabOnList(model, block, rawEvent, context);\n        }\n    }\n    return false;\n}\n"]}

package/lib/edit/tabUtils/handleTabOnList.d.ts

@@ -1,7 +1,7 @@
-import type { FormatContentModelContext, ReadonlyContentModelDocument, ReadonlyContentModelListItem } from 'roosterjs-content-model-types';
-/**
- * 1. When the selection is collapsed and the cursor is at start of a list item, call setModelIndentation.
- * 2. Otherwise call handleTabOnParagraph.
- * @internal
- */
-export declare function handleTabOnList(model: ReadonlyContentModelDocument, listItem: ReadonlyContentModelListItem, rawEvent: KeyboardEvent, context?: FormatContentModelContext): boolean;
+import type { FormatContentModelContext, ReadonlyContentModelDocument, ReadonlyContentModelListItem } from 'roosterjs-content-model-types';
+/**
+ * 1. When the selection is collapsed and the cursor is at start of a list item, call setModelIndentation.
+ * 2. Otherwise call handleTabOnParagraph.
+ * @internal
+ */
+export declare function handleTabOnList(model: ReadonlyContentModelDocument, listItem: ReadonlyContentModelListItem, rawEvent: KeyboardEvent, context?: FormatContentModelContext): boolean;

package/lib/edit/tabUtils/handleTabOnList.js

@@ -1,34 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleTabOnList = void 0;
-var handleTabOnParagraph_1 = require("./handleTabOnParagraph");
-var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
-/**
- * 1. When the selection is collapsed and the cursor is at start of a list item, call setModelIndentation.
- * 2. Otherwise call handleTabOnParagraph.
- * @internal
- */
-function handleTabOnList(model, listItem, rawEvent, context) {
-    var selectedParagraph = findSelectedParagraph(listItem);
-    if (!isMarkerAtStartOfBlock(listItem) &&
-        selectedParagraph.length == 1 &&
-        selectedParagraph[0].blockType === 'Paragraph') {
-        return (0, handleTabOnParagraph_1.handleTabOnParagraph)(model, selectedParagraph[0], rawEvent, context);
-    }
-    else {
-        (0, roosterjs_content_model_api_1.setModelIndentation)(model, rawEvent.shiftKey ? 'outdent' : 'indent', undefined /*length*/, context);
-        rawEvent.preventDefault();
-        return true;
-    }
-}
-exports.handleTabOnList = handleTabOnList;
-function isMarkerAtStartOfBlock(listItem) {
-    return (listItem.blocks[0].blockType == 'Paragraph' &&
-        listItem.blocks[0].segments[0].segmentType == 'SelectionMarker');
-}
-function findSelectedParagraph(listItem) {
-    return listItem.blocks.filter(function (block) {
-        return block.blockType == 'Paragraph' && block.segments.some(function (segment) { return segment.isSelected; });
-    });
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleTabOnList = void 0;
+var handleTabOnParagraph_1 = require("./handleTabOnParagraph");
+var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
+/**
+ * 1. When the selection is collapsed and the cursor is at start of a list item, call setModelIndentation.
+ * 2. Otherwise call handleTabOnParagraph.
+ * @internal
+ */
+function handleTabOnList(model, listItem, rawEvent, context) {
+    var selectedParagraph = findSelectedParagraph(listItem);
+    if (!isMarkerAtStartOfBlock(listItem) &&
+        selectedParagraph.length == 1 &&
+        selectedParagraph[0].blockType === 'Paragraph') {
+        return (0, handleTabOnParagraph_1.handleTabOnParagraph)(model, selectedParagraph[0], rawEvent, context);
+    }
+    else {
+        (0, roosterjs_content_model_api_1.setModelIndentation)(model, rawEvent.shiftKey ? 'outdent' : 'indent', undefined /*length*/, context);
+        rawEvent.preventDefault();
+        return true;
+    }
+}
+exports.handleTabOnList = handleTabOnList;
+function isMarkerAtStartOfBlock(listItem) {
+    return (listItem.blocks[0].blockType == 'Paragraph' &&
+        listItem.blocks[0].segments[0].segmentType == 'SelectionMarker');
+}
+function findSelectedParagraph(listItem) {
+    return listItem.blocks.filter(function (block) {
+        return block.blockType == 'Paragraph' && block.segments.some(function (segment) { return segment.isSelected; });
+    });
+}
 //# sourceMappingURL=handleTabOnList.js.map

package/lib/edit/tabUtils/handleTabOnList.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleTabOnList.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/edit/tabUtils/handleTabOnList.ts"],"names":[],"mappings":";;;AAAA,+DAA8D;AAC9D,2EAAkE;AAOlE;;;;GAIG;AACH,SAAgB,eAAe,CAC3B,KAAmC,EACnC,QAAsC,EACtC,QAAuB,EACvB,OAAmC;IAEnC,IAAM,iBAAiB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC1D,IACI,CAAC,sBAAsB,CAAC,QAAQ,CAAC;QACjC,iBAAiB,CAAC,MAAM,IAAI,CAAC;QAC7B,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,WAAW,EAChD;QACE,OAAO,IAAA,2CAAoB,EAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;KAC/E;SAAM;QACH,IAAA,iDAAmB,EACf,KAAK,EACL,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACxC,SAAS,CAAC,UAAU,EACpB,OAAO,CACV,CAAC;QACF,QAAQ,CAAC,cAAc,EAAE,CAAC;QAE1B,OAAO,IAAI,CAAC;KACf;AACL,CAAC;AAxBD,0CAwBC;AAED,SAAS,sBAAsB,CAAC,QAAsC;IAClE,OAAO,CACH,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,WAAW;QAC3C,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,iBAAiB,CAClE,CAAC;AACN,CAAC;AAED,SAAS,qBAAqB,CAAC,QAAsC;IACjE,OAAO,QAAQ,CAAC,MAAM,CAAC,MAAM,CACzB,UAAA,KAAK;QACD,OAAA,KAAK,CAAC,SAAS,IAAI,WAAW,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,UAAU,EAAlB,CAAkB,CAAC;IAApF,CAAoF,CAC3F,CAAC;AACN,CAAC","sourcesContent":["import { handleTabOnParagraph } from './handleTabOnParagraph';\r\nimport { setModelIndentation } from 'roosterjs-content-model-api';\r\nimport type {\r\n    FormatContentModelContext,\r\n    ReadonlyContentModelDocument,\r\n    ReadonlyContentModelListItem,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * 1. When the selection is collapsed and the cursor is at start of a list item, call setModelIndentation.\r\n * 2. Otherwise call handleTabOnParagraph.\r\n * @internal\r\n */\r\nexport function handleTabOnList(\r\n    model: ReadonlyContentModelDocument,\r\n    listItem: ReadonlyContentModelListItem,\r\n    rawEvent: KeyboardEvent,\r\n    context?: FormatContentModelContext\r\n) {\r\n    const selectedParagraph = findSelectedParagraph(listItem);\r\n    if (\r\n        !isMarkerAtStartOfBlock(listItem) &&\r\n        selectedParagraph.length == 1 &&\r\n        selectedParagraph[0].blockType === 'Paragraph'\r\n    ) {\r\n        return handleTabOnParagraph(model, selectedParagraph[0], rawEvent, context);\r\n    } else {\r\n        setModelIndentation(\r\n            model,\r\n            rawEvent.shiftKey ? 'outdent' : 'indent',\r\n            undefined /*length*/,\r\n            context\r\n        );\r\n        rawEvent.preventDefault();\r\n\r\n        return true;\r\n    }\r\n}\r\n\r\nfunction isMarkerAtStartOfBlock(listItem: ReadonlyContentModelListItem) {\r\n    return (\r\n        listItem.blocks[0].blockType == 'Paragraph' &&\r\n        listItem.blocks[0].segments[0].segmentType == 'SelectionMarker'\r\n    );\r\n}\r\n\r\nfunction findSelectedParagraph(listItem: ReadonlyContentModelListItem) {\r\n    return listItem.blocks.filter(\r\n        block =>\r\n            block.blockType == 'Paragraph' && block.segments.some(segment => segment.isSelected)\r\n    );\r\n}\r\n"]}
+{"version":3,"file":"handleTabOnList.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/edit/tabUtils/handleTabOnList.ts"],"names":[],"mappings":";;;AAAA,+DAA8D;AAC9D,2EAAkE;AAOlE;;;;GAIG;AACH,SAAgB,eAAe,CAC3B,KAAmC,EACnC,QAAsC,EACtC,QAAuB,EACvB,OAAmC;IAEnC,IAAM,iBAAiB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC1D,IACI,CAAC,sBAAsB,CAAC,QAAQ,CAAC;QACjC,iBAAiB,CAAC,MAAM,IAAI,CAAC;QAC7B,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,WAAW,EAChD;QACE,OAAO,IAAA,2CAAoB,EAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;KAC/E;SAAM;QACH,IAAA,iDAAmB,EACf,KAAK,EACL,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACxC,SAAS,CAAC,UAAU,EACpB,OAAO,CACV,CAAC;QACF,QAAQ,CAAC,cAAc,EAAE,CAAC;QAE1B,OAAO,IAAI,CAAC;KACf;AACL,CAAC;AAxBD,0CAwBC;AAED,SAAS,sBAAsB,CAAC,QAAsC;IAClE,OAAO,CACH,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,WAAW;QAC3C,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,iBAAiB,CAClE,CAAC;AACN,CAAC;AAED,SAAS,qBAAqB,CAAC,QAAsC;IACjE,OAAO,QAAQ,CAAC,MAAM,CAAC,MAAM,CACzB,UAAA,KAAK;QACD,OAAA,KAAK,CAAC,SAAS,IAAI,WAAW,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,UAAU,EAAlB,CAAkB,CAAC;IAApF,CAAoF,CAC3F,CAAC;AACN,CAAC","sourcesContent":["import { handleTabOnParagraph } from './handleTabOnParagraph';\nimport { setModelIndentation } from 'roosterjs-content-model-api';\nimport type {\n    FormatContentModelContext,\n    ReadonlyContentModelDocument,\n    ReadonlyContentModelListItem,\n} from 'roosterjs-content-model-types';\n\n/**\n * 1. When the selection is collapsed and the cursor is at start of a list item, call setModelIndentation.\n * 2. Otherwise call handleTabOnParagraph.\n * @internal\n */\nexport function handleTabOnList(\n    model: ReadonlyContentModelDocument,\n    listItem: ReadonlyContentModelListItem,\n    rawEvent: KeyboardEvent,\n    context?: FormatContentModelContext\n) {\n    const selectedParagraph = findSelectedParagraph(listItem);\n    if (\n        !isMarkerAtStartOfBlock(listItem) &&\n        selectedParagraph.length == 1 &&\n        selectedParagraph[0].blockType === 'Paragraph'\n    ) {\n        return handleTabOnParagraph(model, selectedParagraph[0], rawEvent, context);\n    } else {\n        setModelIndentation(\n            model,\n            rawEvent.shiftKey ? 'outdent' : 'indent',\n            undefined /*length*/,\n            context\n        );\n        rawEvent.preventDefault();\n\n        return true;\n    }\n}\n\nfunction isMarkerAtStartOfBlock(listItem: ReadonlyContentModelListItem) {\n    return (\n        listItem.blocks[0].blockType == 'Paragraph' &&\n        listItem.blocks[0].segments[0].segmentType == 'SelectionMarker'\n    );\n}\n\nfunction findSelectedParagraph(listItem: ReadonlyContentModelListItem) {\n    return listItem.blocks.filter(\n        block =>\n            block.blockType == 'Paragraph' && block.segments.some(segment => segment.isSelected)\n    );\n}\n"]}

package/lib/edit/tabUtils/handleTabOnParagraph.d.ts

@@ -1,17 +1,17 @@
-import type { FormatContentModelContext, ReadonlyContentModelDocument, ReadonlyContentModelParagraph } from 'roosterjs-content-model-types';
-/**
- * @internal
- The handleTabOnParagraph function will handle the tab key in following scenarios:
- * 1. When the selection is collapsed and the cursor is at the end of a paragraph, add 4 spaces.
- * 2. When the selection is collapsed and the cursor is at the start of a paragraph, add 4 spaces.
- * 3. When the selection is collapsed and the cursor is at the middle of a paragraph, add 4 spaces.
- * 4. When the selection is not collapsed, replace the selected range with a single space.
- * 5. When the selection is not collapsed, but all segments are selected, call setModelIndention function to indent the whole paragraph
- The handleTabOnParagraph function will handle the shift + tab key in a indented paragraph in following scenarios:
- * 1. When the selection is collapsed and the cursor is at the end of a paragraph, remove 4 spaces.
- * 2. When the selection is collapsed and the cursor is at the start of a paragraph, call setModelIndention function to outdent the whole paragraph
- * 3. When the selection is collapsed and the cursor is at the middle of a paragraph, remove 4 spaces.
- * 4. When the selection is not collapsed, replace the selected range with a 4 space.
- * 5. When the selection is not collapsed, but all segments are selected, call setModelIndention function to outdent the whole paragraph
- */
-export declare function handleTabOnParagraph(model: ReadonlyContentModelDocument, paragraph: ReadonlyContentModelParagraph, rawEvent: KeyboardEvent, context?: FormatContentModelContext): boolean;
+import type { FormatContentModelContext, ReadonlyContentModelDocument, ReadonlyContentModelParagraph } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ The handleTabOnParagraph function will handle the tab key in following scenarios:
+ * 1. When the selection is collapsed and the cursor is at the end of a paragraph, add 4 spaces.
+ * 2. When the selection is collapsed and the cursor is at the start of a paragraph, add 4 spaces.
+ * 3. When the selection is collapsed and the cursor is at the middle of a paragraph, add 4 spaces.
+ * 4. When the selection is not collapsed, replace the selected range with a single space.
+ * 5. When the selection is not collapsed, but all segments are selected, call setModelIndention function to indent the whole paragraph
+ The handleTabOnParagraph function will handle the shift + tab key in a indented paragraph in following scenarios:
+ * 1. When the selection is collapsed and the cursor is at the end of a paragraph, remove 4 spaces.
+ * 2. When the selection is collapsed and the cursor is at the start of a paragraph, call setModelIndention function to outdent the whole paragraph
+ * 3. When the selection is collapsed and the cursor is at the middle of a paragraph, remove 4 spaces.
+ * 4. When the selection is not collapsed, replace the selected range with a 4 space.
+ * 5. When the selection is not collapsed, but all segments are selected, call setModelIndention function to outdent the whole paragraph
+ */
+export declare function handleTabOnParagraph(model: ReadonlyContentModelDocument, paragraph: ReadonlyContentModelParagraph, rawEvent: KeyboardEvent, context?: FormatContentModelContext): boolean;

package/lib/edit/tabUtils/handleTabOnParagraph.js

@@ -1,95 +1,95 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleTabOnParagraph = void 0;
-var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
-var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
-var tabSpaces = '    ';
-var space = ' ';
-/**
- * @internal
- The handleTabOnParagraph function will handle the tab key in following scenarios:
- * 1. When the selection is collapsed and the cursor is at the end of a paragraph, add 4 spaces.
- * 2. When the selection is collapsed and the cursor is at the start of a paragraph, add 4 spaces.
- * 3. When the selection is collapsed and the cursor is at the middle of a paragraph, add 4 spaces.
- * 4. When the selection is not collapsed, replace the selected range with a single space.
- * 5. When the selection is not collapsed, but all segments are selected, call setModelIndention function to indent the whole paragraph
- The handleTabOnParagraph function will handle the shift + tab key in a indented paragraph in following scenarios:
- * 1. When the selection is collapsed and the cursor is at the end of a paragraph, remove 4 spaces.
- * 2. When the selection is collapsed and the cursor is at the start of a paragraph, call setModelIndention function to outdent the whole paragraph
- * 3. When the selection is collapsed and the cursor is at the middle of a paragraph, remove 4 spaces.
- * 4. When the selection is not collapsed, replace the selected range with a 4 space.
- * 5. When the selection is not collapsed, but all segments are selected, call setModelIndention function to outdent the whole paragraph
- */
-function handleTabOnParagraph(model, paragraph, rawEvent, context) {
-    var selectedSegments = paragraph.segments.filter(function (segment) { return segment.isSelected; });
-    var isCollapsed = selectedSegments.length === 1 && selectedSegments[0].segmentType === 'SelectionMarker';
-    var isAllSelected = paragraph.segments.every(function (segment) {
-        return segment.isSelected || (segment.segmentType == 'Text' && segment.text.trim().length == 0);
-    });
-    if (isAllSelected) {
-        var _a = paragraph.format, marginLeft = _a.marginLeft, marginRight = _a.marginRight, direction = _a.direction;
-        var isRtl = direction === 'rtl';
-        if (rawEvent.shiftKey &&
-            ((!isRtl && (!marginLeft || marginLeft == '0px')) ||
-                (isRtl && (!marginRight || marginRight == '0px')))) {
-            return false;
-        }
-        (0, roosterjs_content_model_api_1.setModelIndentation)(model, rawEvent.shiftKey ? 'outdent' : 'indent', undefined /*length*/, context);
-    }
-    else {
-        if (!isCollapsed) {
-            var firstSelectedSegmentIndex_1 = undefined;
-            var lastSelectedSegmentIndex_1 = undefined;
-            paragraph.segments.forEach(function (segment, index) {
-                if (segment.isSelected) {
-                    if (!firstSelectedSegmentIndex_1) {
-                        firstSelectedSegmentIndex_1 = index;
-                    }
-                    lastSelectedSegmentIndex_1 = index;
-                }
-            });
-            if (firstSelectedSegmentIndex_1 && lastSelectedSegmentIndex_1) {
-                var firstSelectedSegment = paragraph.segments[firstSelectedSegmentIndex_1];
-                var spaceText = (0, roosterjs_content_model_dom_1.createText)(rawEvent.shiftKey ? tabSpaces : space, firstSelectedSegment.format);
-                var marker = (0, roosterjs_content_model_dom_1.createSelectionMarker)(firstSelectedSegment.format);
-                (0, roosterjs_content_model_dom_1.mutateBlock)(paragraph).segments.splice(firstSelectedSegmentIndex_1, lastSelectedSegmentIndex_1 - firstSelectedSegmentIndex_1 + 1, spaceText, marker);
-            }
-            else {
-                return false;
-            }
-        }
-        else {
-            var markerIndex = paragraph.segments.findIndex(function (segment) { return segment.segmentType === 'SelectionMarker'; });
-            if (!rawEvent.shiftKey) {
-                var markerFormat = paragraph.segments[markerIndex].format;
-                var tabText = (0, roosterjs_content_model_dom_1.createText)(tabSpaces, markerFormat);
-                (0, roosterjs_content_model_dom_1.mutateBlock)(paragraph).segments.splice(markerIndex, 0, tabText);
-            }
-            else {
-                if (markerIndex <= 0) {
-                    return false;
-                }
-                var tabText = paragraph.segments[markerIndex - 1];
-                var tabSpacesLength = tabSpaces.length;
-                if (tabText.segmentType == 'Text') {
-                    var tabSpaceTextLength_1 = tabText.text.length - tabSpacesLength;
-                    if (tabText.text === tabSpaces) {
-                        (0, roosterjs_content_model_dom_1.mutateBlock)(paragraph).segments.splice(markerIndex - 1, 1);
-                    }
-                    else if (tabText.text.substring(tabSpaceTextLength_1) === tabSpaces) {
-                        (0, roosterjs_content_model_dom_1.mutateSegment)(paragraph, tabText, function (text) {
-                            text.text = text.text.substring(0, tabSpaceTextLength_1);
-                        });
-                    }
-                    else {
-                        return false;
-                    }
-                }
-            }
-        }
-    }
-    rawEvent.preventDefault();
-    return true;
-}
-exports.handleTabOnParagraph = handleTabOnParagraph;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleTabOnParagraph = void 0;
+var roosterjs_content_model_api_1 = require("roosterjs-content-model-api");
+var roosterjs_content_model_dom_1 = require("roosterjs-content-model-dom");
+var tabSpaces = '    ';
+var space = ' ';
+/**
+ * @internal
+ The handleTabOnParagraph function will handle the tab key in following scenarios:
+ * 1. When the selection is collapsed and the cursor is at the end of a paragraph, add 4 spaces.
+ * 2. When the selection is collapsed and the cursor is at the start of a paragraph, add 4 spaces.
+ * 3. When the selection is collapsed and the cursor is at the middle of a paragraph, add 4 spaces.
+ * 4. When the selection is not collapsed, replace the selected range with a single space.
+ * 5. When the selection is not collapsed, but all segments are selected, call setModelIndention function to indent the whole paragraph
+ The handleTabOnParagraph function will handle the shift + tab key in a indented paragraph in following scenarios:
+ * 1. When the selection is collapsed and the cursor is at the end of a paragraph, remove 4 spaces.
+ * 2. When the selection is collapsed and the cursor is at the start of a paragraph, call setModelIndention function to outdent the whole paragraph
+ * 3. When the selection is collapsed and the cursor is at the middle of a paragraph, remove 4 spaces.
+ * 4. When the selection is not collapsed, replace the selected range with a 4 space.
+ * 5. When the selection is not collapsed, but all segments are selected, call setModelIndention function to outdent the whole paragraph
+ */
+function handleTabOnParagraph(model, paragraph, rawEvent, context) {
+    var selectedSegments = paragraph.segments.filter(function (segment) { return segment.isSelected; });
+    var isCollapsed = selectedSegments.length === 1 && selectedSegments[0].segmentType === 'SelectionMarker';
+    var isAllSelected = paragraph.segments.every(function (segment) {
+        return segment.isSelected || (segment.segmentType == 'Text' && segment.text.trim().length == 0);
+    });
+    if (isAllSelected) {
+        var _a = paragraph.format, marginLeft = _a.marginLeft, marginRight = _a.marginRight, direction = _a.direction;
+        var isRtl = direction === 'rtl';
+        if (rawEvent.shiftKey &&
+            ((!isRtl && (!marginLeft || marginLeft == '0px')) ||
+                (isRtl && (!marginRight || marginRight == '0px')))) {
+            return false;
+        }
+        (0, roosterjs_content_model_api_1.setModelIndentation)(model, rawEvent.shiftKey ? 'outdent' : 'indent', undefined /*length*/, context);
+    }
+    else {
+        if (!isCollapsed) {
+            var firstSelectedSegmentIndex_1 = undefined;
+            var lastSelectedSegmentIndex_1 = undefined;
+            paragraph.segments.forEach(function (segment, index) {
+                if (segment.isSelected) {
+                    if (!firstSelectedSegmentIndex_1) {
+                        firstSelectedSegmentIndex_1 = index;
+                    }
+                    lastSelectedSegmentIndex_1 = index;
+                }
+            });
+            if (firstSelectedSegmentIndex_1 && lastSelectedSegmentIndex_1) {
+                var firstSelectedSegment = paragraph.segments[firstSelectedSegmentIndex_1];
+                var spaceText = (0, roosterjs_content_model_dom_1.createText)(rawEvent.shiftKey ? tabSpaces : space, firstSelectedSegment.format);
+                var marker = (0, roosterjs_content_model_dom_1.createSelectionMarker)(firstSelectedSegment.format);
+                (0, roosterjs_content_model_dom_1.mutateBlock)(paragraph).segments.splice(firstSelectedSegmentIndex_1, lastSelectedSegmentIndex_1 - firstSelectedSegmentIndex_1 + 1, spaceText, marker);
+            }
+            else {
+                return false;
+            }
+        }
+        else {
+            var markerIndex = paragraph.segments.findIndex(function (segment) { return segment.segmentType === 'SelectionMarker'; });
+            if (!rawEvent.shiftKey) {
+                var markerFormat = paragraph.segments[markerIndex].format;
+                var tabText = (0, roosterjs_content_model_dom_1.createText)(tabSpaces, markerFormat);
+                (0, roosterjs_content_model_dom_1.mutateBlock)(paragraph).segments.splice(markerIndex, 0, tabText);
+            }
+            else {
+                if (markerIndex <= 0) {
+                    return false;
+                }
+                var tabText = paragraph.segments[markerIndex - 1];
+                var tabSpacesLength = tabSpaces.length;
+                if (tabText.segmentType == 'Text') {
+                    var tabSpaceTextLength_1 = tabText.text.length - tabSpacesLength;
+                    if (tabText.text === tabSpaces) {
+                        (0, roosterjs_content_model_dom_1.mutateBlock)(paragraph).segments.splice(markerIndex - 1, 1);
+                    }
+                    else if (tabText.text.substring(tabSpaceTextLength_1) === tabSpaces) {
+                        (0, roosterjs_content_model_dom_1.mutateSegment)(paragraph, tabText, function (text) {
+                            text.text = text.text.substring(0, tabSpaceTextLength_1);
+                        });
+                    }
+                    else {
+                        return false;
+                    }
+                }
+            }
+        }
+    }
+    rawEvent.preventDefault();
+    return true;
+}
+exports.handleTabOnParagraph = handleTabOnParagraph;
 //# sourceMappingURL=handleTabOnParagraph.js.map

package/lib/edit/tabUtils/handleTabOnParagraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleTabOnParagraph.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/edit/tabUtils/handleTabOnParagraph.ts"],"names":[],"mappings":"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","sourcesContent":["import { setModelIndentation } from 'roosterjs-content-model-api';\r\nimport {\r\n    createSelectionMarker,\r\n    createText,\r\n    mutateBlock,\r\n    mutateSegment,\r\n} from 'roosterjs-content-model-dom';\r\nimport type {\r\n    FormatContentModelContext,\r\n    ReadonlyContentModelDocument,\r\n    ReadonlyContentModelParagraph,\r\n} from 'roosterjs-content-model-types';\r\n\r\nconst tabSpaces = '    ';\r\nconst space = ' ';\r\n\r\n/**\r\n * @internal\r\n The handleTabOnParagraph function will handle the tab key in following scenarios:\r\n * 1. When the selection is collapsed and the cursor is at the end of a paragraph, add 4 spaces.\r\n * 2. When the selection is collapsed and the cursor is at the start of a paragraph, add 4 spaces.\r\n * 3. When the selection is collapsed and the cursor is at the middle of a paragraph, add 4 spaces.\r\n * 4. When the selection is not collapsed, replace the selected range with a single space.\r\n * 5. When the selection is not collapsed, but all segments are selected, call setModelIndention function to indent the whole paragraph\r\n The handleTabOnParagraph function will handle the shift + tab key in a indented paragraph in following scenarios:\r\n * 1. When the selection is collapsed and the cursor is at the end of a paragraph, remove 4 spaces.\r\n * 2. When the selection is collapsed and the cursor is at the start of a paragraph, call setModelIndention function to outdent the whole paragraph\r\n * 3. When the selection is collapsed and the cursor is at the middle of a paragraph, remove 4 spaces.\r\n * 4. When the selection is not collapsed, replace the selected range with a 4 space.\r\n * 5. When the selection is not collapsed, but all segments are selected, call setModelIndention function to outdent the whole paragraph\r\n */\r\nexport function handleTabOnParagraph(\r\n    model: ReadonlyContentModelDocument,\r\n    paragraph: ReadonlyContentModelParagraph,\r\n    rawEvent: KeyboardEvent,\r\n    context?: FormatContentModelContext\r\n) {\r\n    const selectedSegments = paragraph.segments.filter(segment => segment.isSelected);\r\n    const isCollapsed =\r\n        selectedSegments.length === 1 && selectedSegments[0].segmentType === 'SelectionMarker';\r\n    const isAllSelected = paragraph.segments.every(\r\n        segment =>\r\n            segment.isSelected || (segment.segmentType == 'Text' && segment.text.trim().length == 0)\r\n    );\r\n    if (isAllSelected) {\r\n        const { marginLeft, marginRight, direction } = paragraph.format;\r\n        const isRtl = direction === 'rtl';\r\n        if (\r\n            rawEvent.shiftKey &&\r\n            ((!isRtl && (!marginLeft || marginLeft == '0px')) ||\r\n                (isRtl && (!marginRight || marginRight == '0px')))\r\n        ) {\r\n            return false;\r\n        }\r\n        setModelIndentation(\r\n            model,\r\n            rawEvent.shiftKey ? 'outdent' : 'indent',\r\n            undefined /*length*/,\r\n            context\r\n        );\r\n    } else {\r\n        if (!isCollapsed) {\r\n            let firstSelectedSegmentIndex: number | undefined = undefined;\r\n            let lastSelectedSegmentIndex: number | undefined = undefined;\r\n\r\n            paragraph.segments.forEach((segment, index) => {\r\n                if (segment.isSelected) {\r\n                    if (!firstSelectedSegmentIndex) {\r\n                        firstSelectedSegmentIndex = index;\r\n                    }\r\n                    lastSelectedSegmentIndex = index;\r\n                }\r\n            });\r\n            if (firstSelectedSegmentIndex && lastSelectedSegmentIndex) {\r\n                const firstSelectedSegment = paragraph.segments[firstSelectedSegmentIndex];\r\n                const spaceText = createText(\r\n                    rawEvent.shiftKey ? tabSpaces : space,\r\n                    firstSelectedSegment.format\r\n                );\r\n                const marker = createSelectionMarker(firstSelectedSegment.format);\r\n\r\n                mutateBlock(paragraph).segments.splice(\r\n                    firstSelectedSegmentIndex,\r\n                    lastSelectedSegmentIndex - firstSelectedSegmentIndex + 1,\r\n                    spaceText,\r\n                    marker\r\n                );\r\n            } else {\r\n                return false;\r\n            }\r\n        } else {\r\n            const markerIndex = paragraph.segments.findIndex(\r\n                segment => segment.segmentType === 'SelectionMarker'\r\n            );\r\n\r\n            if (!rawEvent.shiftKey) {\r\n                const markerFormat = paragraph.segments[markerIndex].format;\r\n                const tabText = createText(tabSpaces, markerFormat);\r\n\r\n                mutateBlock(paragraph).segments.splice(markerIndex, 0, tabText);\r\n            } else {\r\n                if (markerIndex <= 0) {\r\n                    return false;\r\n                }\r\n                const tabText = paragraph.segments[markerIndex - 1];\r\n                const tabSpacesLength = tabSpaces.length;\r\n\r\n                if (tabText.segmentType == 'Text') {\r\n                    const tabSpaceTextLength = tabText.text.length - tabSpacesLength;\r\n\r\n                    if (tabText.text === tabSpaces) {\r\n                        mutateBlock(paragraph).segments.splice(markerIndex - 1, 1);\r\n                    } else if (tabText.text.substring(tabSpaceTextLength) === tabSpaces) {\r\n                        mutateSegment(paragraph, tabText, text => {\r\n                            text.text = text.text.substring(0, tabSpaceTextLength);\r\n                        });\r\n                    } else {\r\n                        return false;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    rawEvent.preventDefault();\r\n    return true;\r\n}\r\n"]}
+{"version":3,"file":"handleTabOnParagraph.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/edit/tabUtils/handleTabOnParagraph.ts"],"names":[],"mappings":"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","sourcesContent":["import { setModelIndentation } from 'roosterjs-content-model-api';\nimport {\n    createSelectionMarker,\n    createText,\n    mutateBlock,\n    mutateSegment,\n} from 'roosterjs-content-model-dom';\nimport type {\n    FormatContentModelContext,\n    ReadonlyContentModelDocument,\n    ReadonlyContentModelParagraph,\n} from 'roosterjs-content-model-types';\n\nconst tabSpaces = '    ';\nconst space = ' ';\n\n/**\n * @internal\n The handleTabOnParagraph function will handle the tab key in following scenarios:\n * 1. When the selection is collapsed and the cursor is at the end of a paragraph, add 4 spaces.\n * 2. When the selection is collapsed and the cursor is at the start of a paragraph, add 4 spaces.\n * 3. When the selection is collapsed and the cursor is at the middle of a paragraph, add 4 spaces.\n * 4. When the selection is not collapsed, replace the selected range with a single space.\n * 5. When the selection is not collapsed, but all segments are selected, call setModelIndention function to indent the whole paragraph\n The handleTabOnParagraph function will handle the shift + tab key in a indented paragraph in following scenarios:\n * 1. When the selection is collapsed and the cursor is at the end of a paragraph, remove 4 spaces.\n * 2. When the selection is collapsed and the cursor is at the start of a paragraph, call setModelIndention function to outdent the whole paragraph\n * 3. When the selection is collapsed and the cursor is at the middle of a paragraph, remove 4 spaces.\n * 4. When the selection is not collapsed, replace the selected range with a 4 space.\n * 5. When the selection is not collapsed, but all segments are selected, call setModelIndention function to outdent the whole paragraph\n */\nexport function handleTabOnParagraph(\n    model: ReadonlyContentModelDocument,\n    paragraph: ReadonlyContentModelParagraph,\n    rawEvent: KeyboardEvent,\n    context?: FormatContentModelContext\n) {\n    const selectedSegments = paragraph.segments.filter(segment => segment.isSelected);\n    const isCollapsed =\n        selectedSegments.length === 1 && selectedSegments[0].segmentType === 'SelectionMarker';\n    const isAllSelected = paragraph.segments.every(\n        segment =>\n            segment.isSelected || (segment.segmentType == 'Text' && segment.text.trim().length == 0)\n    );\n    if (isAllSelected) {\n        const { marginLeft, marginRight, direction } = paragraph.format;\n        const isRtl = direction === 'rtl';\n        if (\n            rawEvent.shiftKey &&\n            ((!isRtl && (!marginLeft || marginLeft == '0px')) ||\n                (isRtl && (!marginRight || marginRight == '0px')))\n        ) {\n            return false;\n        }\n        setModelIndentation(\n            model,\n            rawEvent.shiftKey ? 'outdent' : 'indent',\n            undefined /*length*/,\n            context\n        );\n    } else {\n        if (!isCollapsed) {\n            let firstSelectedSegmentIndex: number | undefined = undefined;\n            let lastSelectedSegmentIndex: number | undefined = undefined;\n\n            paragraph.segments.forEach((segment, index) => {\n                if (segment.isSelected) {\n                    if (!firstSelectedSegmentIndex) {\n                        firstSelectedSegmentIndex = index;\n                    }\n                    lastSelectedSegmentIndex = index;\n                }\n            });\n            if (firstSelectedSegmentIndex && lastSelectedSegmentIndex) {\n                const firstSelectedSegment = paragraph.segments[firstSelectedSegmentIndex];\n                const spaceText = createText(\n                    rawEvent.shiftKey ? tabSpaces : space,\n                    firstSelectedSegment.format\n                );\n                const marker = createSelectionMarker(firstSelectedSegment.format);\n\n                mutateBlock(paragraph).segments.splice(\n                    firstSelectedSegmentIndex,\n                    lastSelectedSegmentIndex - firstSelectedSegmentIndex + 1,\n                    spaceText,\n                    marker\n                );\n            } else {\n                return false;\n            }\n        } else {\n            const markerIndex = paragraph.segments.findIndex(\n                segment => segment.segmentType === 'SelectionMarker'\n            );\n\n            if (!rawEvent.shiftKey) {\n                const markerFormat = paragraph.segments[markerIndex].format;\n                const tabText = createText(tabSpaces, markerFormat);\n\n                mutateBlock(paragraph).segments.splice(markerIndex, 0, tabText);\n            } else {\n                if (markerIndex <= 0) {\n                    return false;\n                }\n                const tabText = paragraph.segments[markerIndex - 1];\n                const tabSpacesLength = tabSpaces.length;\n\n                if (tabText.segmentType == 'Text') {\n                    const tabSpaceTextLength = tabText.text.length - tabSpacesLength;\n\n                    if (tabText.text === tabSpaces) {\n                        mutateBlock(paragraph).segments.splice(markerIndex - 1, 1);\n                    } else if (tabText.text.substring(tabSpaceTextLength) === tabSpaces) {\n                        mutateSegment(paragraph, tabText, text => {\n                            text.text = text.text.substring(0, tabSpaceTextLength);\n                        });\n                    } else {\n                        return false;\n                    }\n                }\n            }\n        }\n    }\n    rawEvent.preventDefault();\n    return true;\n}\n"]}

package/lib/edit/tabUtils/handleTabOnTable.d.ts

@@ -1,6 +1,6 @@
-import type { ReadonlyContentModelDocument } from 'roosterjs-content-model-types';
-/**
- * When the whole table is selected, indent or outdent the whole table with setModelIndentation.
- * @internal
- */
-export declare function handleTabOnTable(model: ReadonlyContentModelDocument, rawEvent: KeyboardEvent): boolean;
+import type { ReadonlyContentModelDocument } from 'roosterjs-content-model-types';
+/**
+ * When the whole table is selected, indent or outdent the whole table with setModelIndentation.
+ * @internal
+ */
+export declare function handleTabOnTable(model: ReadonlyContentModelDocument, rawEvent: KeyboardEvent): boolean;