roosterjs-editor-adapter 0.26.0

package/lib-mjs/editor/utils/insertNode.js

@@ -0,0 +1,143 @@
+import { createRange, getBlockElementAtNode, getFirstLastBlockElement, isBlockElement, isVoidHtmlElement, Position, safeInstanceOf, toArray, wrap, adjustInsertPosition, getRegionsFromRange, splitTextNode, splitParentNode, } from 'roosterjs-editor-dom';
+function getInitialRange(selection, option) {
+    // Selection start replaces based on the current selection.
+    // Range inserts based on a provided range.
+    // Both have the potential to use the current selection to restore cursor position
+    // So in both cases we need to store the selection state.
+    var range = (selection === null || selection === void 0 ? void 0 : selection.type) == 'range' ? selection.range : null;
+    var rangeToRestore = null;
+    if (option.position == 5 /* Range */) {
+        rangeToRestore = range;
+        range = option.range;
+    }
+    else if (range) {
+        rangeToRestore = range.cloneRange();
+    }
+    return { range: range, rangeToRestore: rangeToRestore };
+}
+/**
+ * @internal
+ * Insert a DOM node into editor content
+ */
+export function insertNode(contentDiv, selection, node, option) {
+    var _a, _b;
+    switch (option.position) {
+        case 0 /* Begin */:
+        case 1 /* End */: {
+            var isBegin = option.position == 0 /* Begin */;
+            var block = getFirstLastBlockElement(contentDiv, isBegin);
+            var insertedNode_1;
+            if (block) {
+                var refNode = isBegin ? block.getStartNode() : block.getEndNode();
+                if (option.insertOnNewLine ||
+                    refNode.nodeType == 3 /* Text */ ||
+                    isVoidHtmlElement(refNode)) {
+                    // For insert on new line, or refNode is text or void html element (HR, BR etc.)
+                    // which cannot have children, i.e. <div>hello<br>world</div>. 'hello', 'world' are the
+                    // first and last node. Insert before 'hello' or after 'world', but still inside DIV
+                    if (safeInstanceOf(node, 'DocumentFragment')) {
+                        // if the node to be inserted is DocumentFragment, use its childNodes as insertedNode
+                        // because insertBefore() returns an empty DocumentFragment
+                        insertedNode_1 = toArray(node.childNodes);
+                        (_a = refNode.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(node, isBegin ? refNode : refNode.nextSibling);
+                    }
+                    else {
+                        insertedNode_1 = (_b = refNode.parentNode) === null || _b === void 0 ? void 0 : _b.insertBefore(node, isBegin ? refNode : refNode.nextSibling);
+                    }
+                }
+                else {
+                    // if the refNode can have child, use appendChild (which is like to insert as first/last child)
+                    // i.e. <div>hello</div>, the content will be inserted before/after hello
+                    insertedNode_1 = refNode.insertBefore(node, isBegin ? refNode.firstChild : null);
+                }
+            }
+            else {
+                // No first block, this can happen when editor is empty. Use appendChild to insert the content in contentDiv
+                insertedNode_1 = contentDiv.appendChild(node);
+            }
+            // Final check to see if the inserted node is a block. If not block and the ask is to insert on new line,
+            // add a DIV wrapping
+            if (insertedNode_1 && option.insertOnNewLine) {
+                var nodes = Array.isArray(insertedNode_1) ? insertedNode_1 : [insertedNode_1];
+                if (!isBlockElement(nodes[0]) || !isBlockElement(nodes[nodes.length - 1])) {
+                    wrap(nodes);
+                }
+            }
+            break;
+        }
+        case 2 /* DomEnd */:
+            // Use appendChild to insert the node at the end of the content div.
+            var insertedNode = contentDiv.appendChild(node);
+            // Final check to see if the inserted node is a block. If not block and the ask is to insert on new line,
+            // add a DIV wrapping
+            if (insertedNode && option.insertOnNewLine && !isBlockElement(insertedNode)) {
+                wrap(insertedNode);
+            }
+            break;
+        case 5 /* Range */:
+        case 3 /* SelectionStart */:
+            var _c = getInitialRange(selection, option), range = _c.range, rangeToRestore = _c.rangeToRestore;
+            if (!range) {
+                break;
+            }
+            // if to replace the selection and the selection is not collapsed, remove the the content at selection first
+            if (option.replaceSelection && !range.collapsed) {
+                range.deleteContents();
+            }
+            var pos = Position.getStart(range);
+            var blockElement = void 0;
+            if (option.insertOnNewLine && option.insertToRegionRoot) {
+                pos = adjustInsertPositionRegionRoot(contentDiv, range, pos);
+            }
+            else if (option.insertOnNewLine &&
+                (blockElement = getBlockElementAtNode(contentDiv, pos.normalize().node))) {
+                pos = adjustInsertPositionNewLine(blockElement, contentDiv, pos);
+            }
+            else {
+                pos = adjustInsertPosition(contentDiv, node, pos, range);
+            }
+            var nodeForCursor = node.nodeType == 11 /* DocumentFragment */ ? node.lastChild : node;
+            range = createRange(pos);
+            range.insertNode(node);
+            if (option.updateCursor && nodeForCursor) {
+                rangeToRestore = createRange(new Position(nodeForCursor, -3 /* After */).normalize());
+            }
+            return rangeToRestore
+                ? {
+                    type: 'range',
+                    range: rangeToRestore,
+                    isReverted: false,
+                }
+                : undefined;
+    }
+}
+function adjustInsertPositionRegionRoot(contentDiv, range, position) {
+    var region = getRegionsFromRange(contentDiv, range, 0 /* Table */)[0];
+    var node = position.node;
+    if (region) {
+        if (node.nodeType == 3 /* Text */ && !position.isAtEnd) {
+            node = splitTextNode(node, position.offset, true /*returnFirstPart*/);
+        }
+        if (node != region.rootNode) {
+            while (node && node.parentNode != region.rootNode) {
+                splitParentNode(node, false /*splitBefore*/);
+                node = node.parentNode;
+            }
+        }
+        if (node) {
+            position = new Position(node, -3 /* After */);
+        }
+    }
+    return position;
+}
+function adjustInsertPositionNewLine(blockElement, contentDiv, pos) {
+    var tempPos = new Position(blockElement.getEndNode(), -3 /* After */);
+    if (safeInstanceOf(tempPos.node, 'HTMLTableRowElement')) {
+        var div = contentDiv.ownerDocument.createElement('div');
+        var range = createRange(pos);
+        range.insertNode(div);
+        tempPos = new Position(div, 0 /* Begin */);
+    }
+    return tempPos;
+}
+//# sourceMappingURL=insertNode.js.map

package/lib-mjs/editor/utils/insertNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insertNode.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-editor-adapter/lib/editor/utils/insertNode.ts"],"names":[],"mappings":"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","sourcesContent":["import { ContentPosition, NodeType, PositionType, RegionType } from 'roosterjs-editor-types';\r\nimport type { BlockElement, InsertOption, NodePosition } from 'roosterjs-editor-types';\r\nimport {\r\n    createRange,\r\n    getBlockElementAtNode,\r\n    getFirstLastBlockElement,\r\n    isBlockElement,\r\n    isVoidHtmlElement,\r\n    Position,\r\n    safeInstanceOf,\r\n    toArray,\r\n    wrap,\r\n    adjustInsertPosition,\r\n    getRegionsFromRange,\r\n    splitTextNode,\r\n    splitParentNode,\r\n} from 'roosterjs-editor-dom';\r\nimport type { DOMSelection } from 'roosterjs-content-model-types';\r\n\r\nfunction getInitialRange(\r\n    selection: DOMSelection | null,\r\n    option: InsertOption\r\n): { range: Range | null; rangeToRestore: Range | null } {\r\n    // Selection start replaces based on the current selection.\r\n    // Range inserts based on a provided range.\r\n    // Both have the potential to use the current selection to restore cursor position\r\n    // So in both cases we need to store the selection state.\r\n    let range = selection?.type == 'range' ? selection.range : null;\r\n    let rangeToRestore = null;\r\n\r\n    if (option.position == ContentPosition.Range) {\r\n        rangeToRestore = range;\r\n        range = option.range;\r\n    } else if (range) {\r\n        rangeToRestore = range.cloneRange();\r\n    }\r\n\r\n    return { range, rangeToRestore };\r\n}\r\n\r\n/**\r\n * @internal\r\n * Insert a DOM node into editor content\r\n */\r\nexport function insertNode(\r\n    contentDiv: HTMLDivElement,\r\n    selection: DOMSelection | null,\r\n    node: Node,\r\n    option: InsertOption\r\n): DOMSelection | undefined {\r\n    switch (option.position) {\r\n        case ContentPosition.Begin:\r\n        case ContentPosition.End: {\r\n            const isBegin = option.position == ContentPosition.Begin;\r\n            const block = getFirstLastBlockElement(contentDiv, isBegin);\r\n            let insertedNode: Node | Node[] | undefined;\r\n            if (block) {\r\n                const refNode = isBegin ? block.getStartNode() : block.getEndNode();\r\n                if (\r\n                    option.insertOnNewLine ||\r\n                    refNode.nodeType == NodeType.Text ||\r\n                    isVoidHtmlElement(refNode)\r\n                ) {\r\n                    // For insert on new line, or refNode is text or void html element (HR, BR etc.)\r\n                    // which cannot have children, i.e. <div>hello<br>world</div>. 'hello', 'world' are the\r\n                    // first and last node. Insert before 'hello' or after 'world', but still inside DIV\r\n                    if (safeInstanceOf(node, 'DocumentFragment')) {\r\n                        // if the node to be inserted is DocumentFragment, use its childNodes as insertedNode\r\n                        // because insertBefore() returns an empty DocumentFragment\r\n                        insertedNode = toArray(node.childNodes);\r\n                        refNode.parentNode?.insertBefore(\r\n                            node,\r\n                            isBegin ? refNode : refNode.nextSibling\r\n                        );\r\n                    } else {\r\n                        insertedNode = refNode.parentNode?.insertBefore(\r\n                            node,\r\n                            isBegin ? refNode : refNode.nextSibling\r\n                        );\r\n                    }\r\n                } else {\r\n                    // if the refNode can have child, use appendChild (which is like to insert as first/last child)\r\n                    // i.e. <div>hello</div>, the content will be inserted before/after hello\r\n                    insertedNode = refNode.insertBefore(node, isBegin ? refNode.firstChild : null);\r\n                }\r\n            } else {\r\n                // No first block, this can happen when editor is empty. Use appendChild to insert the content in contentDiv\r\n                insertedNode = contentDiv.appendChild(node);\r\n            }\r\n\r\n            // Final check to see if the inserted node is a block. If not block and the ask is to insert on new line,\r\n            // add a DIV wrapping\r\n            if (insertedNode && option.insertOnNewLine) {\r\n                const nodes = Array.isArray(insertedNode) ? insertedNode : [insertedNode];\r\n                if (!isBlockElement(nodes[0]) || !isBlockElement(nodes[nodes.length - 1])) {\r\n                    wrap(nodes);\r\n                }\r\n            }\r\n\r\n            break;\r\n        }\r\n        case ContentPosition.DomEnd:\r\n            // Use appendChild to insert the node at the end of the content div.\r\n            const insertedNode = contentDiv.appendChild(node);\r\n            // Final check to see if the inserted node is a block. If not block and the ask is to insert on new line,\r\n            // add a DIV wrapping\r\n            if (insertedNode && option.insertOnNewLine && !isBlockElement(insertedNode)) {\r\n                wrap(insertedNode);\r\n            }\r\n            break;\r\n        case ContentPosition.Range:\r\n        case ContentPosition.SelectionStart:\r\n            let { range, rangeToRestore } = getInitialRange(selection, option);\r\n            if (!range) {\r\n                break;\r\n            }\r\n\r\n            // if to replace the selection and the selection is not collapsed, remove the the content at selection first\r\n            if (option.replaceSelection && !range.collapsed) {\r\n                range.deleteContents();\r\n            }\r\n\r\n            let pos: NodePosition = Position.getStart(range);\r\n            let blockElement: BlockElement | null;\r\n\r\n            if (option.insertOnNewLine && option.insertToRegionRoot) {\r\n                pos = adjustInsertPositionRegionRoot(contentDiv, range, pos);\r\n            } else if (\r\n                option.insertOnNewLine &&\r\n                (blockElement = getBlockElementAtNode(contentDiv, pos.normalize().node))\r\n            ) {\r\n                pos = adjustInsertPositionNewLine(blockElement, contentDiv, pos);\r\n            } else {\r\n                pos = adjustInsertPosition(contentDiv, node, pos, range);\r\n            }\r\n\r\n            const nodeForCursor =\r\n                node.nodeType == NodeType.DocumentFragment ? node.lastChild : node;\r\n\r\n            range = createRange(pos);\r\n            range.insertNode(node);\r\n\r\n            if (option.updateCursor && nodeForCursor) {\r\n                rangeToRestore = createRange(\r\n                    new Position(nodeForCursor, PositionType.After).normalize()\r\n                );\r\n            }\r\n\r\n            return rangeToRestore\r\n                ? {\r\n                      type: 'range',\r\n                      range: rangeToRestore,\r\n                      isReverted: false,\r\n                  }\r\n                : undefined;\r\n    }\r\n}\r\n\r\nfunction adjustInsertPositionRegionRoot(\r\n    contentDiv: HTMLDivElement,\r\n    range: Range,\r\n    position: NodePosition\r\n) {\r\n    const region = getRegionsFromRange(contentDiv, range, RegionType.Table)[0];\r\n    let node: Node | null = position.node;\r\n\r\n    if (region) {\r\n        if (node.nodeType == NodeType.Text && !position.isAtEnd) {\r\n            node = splitTextNode(node as Text, position.offset, true /*returnFirstPart*/);\r\n        }\r\n\r\n        if (node != region.rootNode) {\r\n            while (node && node.parentNode != region.rootNode) {\r\n                splitParentNode(node, false /*splitBefore*/);\r\n                node = node.parentNode;\r\n            }\r\n        }\r\n\r\n        if (node) {\r\n            position = new Position(node, PositionType.After);\r\n        }\r\n    }\r\n\r\n    return position;\r\n}\r\n\r\nfunction adjustInsertPositionNewLine(\r\n    blockElement: BlockElement,\r\n    contentDiv: HTMLDivElement,\r\n    pos: Position\r\n) {\r\n    let tempPos = new Position(blockElement.getEndNode(), PositionType.After);\r\n    if (safeInstanceOf(tempPos.node, 'HTMLTableRowElement')) {\r\n        const div = contentDiv.ownerDocument.createElement('div');\r\n        const range = createRange(pos);\r\n        range.insertNode(div);\r\n        tempPos = new Position(div, PositionType.Begin);\r\n    }\r\n    return tempPos;\r\n}\r\n"]}

package/lib-mjs/editor/utils/selectionConverter.d.ts

@@ -0,0 +1,10 @@
+import type { DOMSelection } from 'roosterjs-content-model-types';
+import type { SelectionRangeEx } from 'roosterjs-editor-types';
+/**
+ * @internal
+ */
+export declare function convertRangeExToDomSelection(rangeEx: SelectionRangeEx | null): DOMSelection | null;
+/**
+ * @internal
+ */
+export declare function convertDomSelectionToRangeEx(selection: DOMSelection | null): SelectionRangeEx;

package/lib-mjs/editor/utils/selectionConverter.js

@@ -0,0 +1,74 @@
+import { createRange } from 'roosterjs-editor-dom';
+import { createTableRanges } from 'roosterjs-content-model-core';
+// In theory, all functions below are not necessary. We keep these functions here only for compatibility with old IEditor interface
+/**
+ * @internal
+ */
+export function convertRangeExToDomSelection(rangeEx) {
+    switch (rangeEx === null || rangeEx === void 0 ? void 0 : rangeEx.type) {
+        case 2 /* ImageSelection */:
+            return {
+                type: 'image',
+                image: rangeEx.image,
+            };
+        case 0 /* Normal */:
+            return rangeEx.ranges.length > 0
+                ? {
+                    type: 'range',
+                    range: rangeEx.ranges[0],
+                    isReverted: false,
+                }
+                : null;
+        case 1 /* TableSelection */:
+            return rangeEx.coordinates
+                ? {
+                    type: 'table',
+                    table: rangeEx.table,
+                    firstColumn: rangeEx.coordinates.firstCell.x,
+                    firstRow: rangeEx.coordinates.firstCell.y,
+                    lastColumn: rangeEx.coordinates.lastCell.x,
+                    lastRow: rangeEx.coordinates.lastCell.y,
+                }
+                : null;
+        default:
+            return null;
+    }
+}
+/**
+ * @internal
+ */
+export function convertDomSelectionToRangeEx(selection) {
+    switch (selection === null || selection === void 0 ? void 0 : selection.type) {
+        case 'image':
+            return {
+                type: 2 /* ImageSelection */,
+                image: selection.image,
+                areAllCollapsed: false,
+                ranges: [createRange(selection.image)],
+            };
+        case 'range':
+            return {
+                type: 0 /* Normal */,
+                ranges: [selection.range],
+                areAllCollapsed: selection.range.collapsed,
+            };
+        case 'table':
+            return {
+                type: 1 /* TableSelection */,
+                ranges: createTableRanges(selection),
+                areAllCollapsed: false,
+                table: selection.table,
+                coordinates: {
+                    firstCell: { x: selection.firstColumn, y: selection.firstRow },
+                    lastCell: { x: selection.lastColumn, y: selection.lastRow },
+                },
+            };
+        default:
+            return {
+                type: 0 /* Normal */,
+                ranges: [],
+                areAllCollapsed: true,
+            };
+    }
+}
+//# sourceMappingURL=selectionConverter.js.map

package/lib-mjs/editor/utils/selectionConverter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectionConverter.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-editor-adapter/lib/editor/utils/selectionConverter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAKjE,mIAAmI;AAEnI;;GAEG;AACH,MAAM,UAAU,4BAA4B,CACxC,OAAgC;IAEhC,QAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE;QACnB;YACI,OAAO;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,OAAO,CAAC,KAAK;aACvB,CAAC;QAEN;YACI,OAAO,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;gBAC5B,CAAC,CAAC;oBACI,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;oBACxB,UAAU,EAAE,KAAK;iBACpB;gBACH,CAAC,CAAC,IAAI,CAAC;QAEf;YACI,OAAO,OAAO,CAAC,WAAW;gBACtB,CAAC,CAAC;oBACI,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,OAAO,CAAC,KAAK;oBACpB,WAAW,EAAE,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;oBAC5C,QAAQ,EAAE,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;oBACzC,UAAU,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;oBAC1C,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C;gBACH,CAAC,CAAC,IAAI,CAAC;QAEf;YACI,OAAO,IAAI,CAAC;KACnB;AACL,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,4BAA4B,CAAC,SAA8B;IACvE,QAAQ,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EAAE;QACrB,KAAK,OAAO;YACR,OAAO;gBACH,IAAI,wBAAoC;gBACxC,KAAK,EAAE,SAAS,CAAC,KAAK;gBACtB,eAAe,EAAE,KAAK;gBACtB,MAAM,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;aACzC,CAAC;QAEN,KAAK,OAAO;YACR,OAAO;gBACH,IAAI,gBAA4B;gBAChC,MAAM,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;gBACzB,eAAe,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS;aAC7C,CAAC;QAEN,KAAK,OAAO;YACR,OAAO;gBACH,IAAI,wBAAoC;gBACxC,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAAC;gBACpC,eAAe,EAAE,KAAK;gBACtB,KAAK,EAAE,SAAS,CAAC,KAAK;gBACtB,WAAW,EAAE;oBACT,SAAS,EAAE,EAAE,CAAC,EAAE,SAAS,CAAC,WAAW,EAAE,CAAC,EAAE,SAAS,CAAC,QAAQ,EAAE;oBAC9D,QAAQ,EAAE,EAAE,CAAC,EAAE,SAAS,CAAC,UAAU,EAAE,CAAC,EAAE,SAAS,CAAC,OAAO,EAAE;iBAC9D;aACJ,CAAC;QAEN;YACI,OAAO;gBACH,IAAI,gBAA4B;gBAChC,MAAM,EAAE,EAAE;gBACV,eAAe,EAAE,IAAI;aACxB,CAAC;KACT;AACL,CAAC","sourcesContent":["import { createRange } from 'roosterjs-editor-dom';\r\nimport { createTableRanges } from 'roosterjs-content-model-core';\r\nimport { SelectionRangeTypes } from 'roosterjs-editor-types';\r\nimport type { DOMSelection } from 'roosterjs-content-model-types';\r\nimport type { SelectionRangeEx } from 'roosterjs-editor-types';\r\n\r\n// In theory, all functions below are not necessary. We keep these functions here only for compatibility with old IEditor interface\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function convertRangeExToDomSelection(\r\n    rangeEx: SelectionRangeEx | null\r\n): DOMSelection | null {\r\n    switch (rangeEx?.type) {\r\n        case SelectionRangeTypes.ImageSelection:\r\n            return {\r\n                type: 'image',\r\n                image: rangeEx.image,\r\n            };\r\n\r\n        case SelectionRangeTypes.Normal:\r\n            return rangeEx.ranges.length > 0\r\n                ? {\r\n                      type: 'range',\r\n                      range: rangeEx.ranges[0],\r\n                      isReverted: false,\r\n                  }\r\n                : null;\r\n\r\n        case SelectionRangeTypes.TableSelection:\r\n            return rangeEx.coordinates\r\n                ? {\r\n                      type: 'table',\r\n                      table: rangeEx.table,\r\n                      firstColumn: rangeEx.coordinates.firstCell.x,\r\n                      firstRow: rangeEx.coordinates.firstCell.y,\r\n                      lastColumn: rangeEx.coordinates.lastCell.x,\r\n                      lastRow: rangeEx.coordinates.lastCell.y,\r\n                  }\r\n                : null;\r\n\r\n        default:\r\n            return null;\r\n    }\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function convertDomSelectionToRangeEx(selection: DOMSelection | null): SelectionRangeEx {\r\n    switch (selection?.type) {\r\n        case 'image':\r\n            return {\r\n                type: SelectionRangeTypes.ImageSelection,\r\n                image: selection.image,\r\n                areAllCollapsed: false,\r\n                ranges: [createRange(selection.image)],\r\n            };\r\n\r\n        case 'range':\r\n            return {\r\n                type: SelectionRangeTypes.Normal,\r\n                ranges: [selection.range],\r\n                areAllCollapsed: selection.range.collapsed,\r\n            };\r\n\r\n        case 'table':\r\n            return {\r\n                type: SelectionRangeTypes.TableSelection,\r\n                ranges: createTableRanges(selection),\r\n                areAllCollapsed: false,\r\n                table: selection.table,\r\n                coordinates: {\r\n                    firstCell: { x: selection.firstColumn, y: selection.firstRow },\r\n                    lastCell: { x: selection.lastColumn, y: selection.lastRow },\r\n                },\r\n            };\r\n\r\n        default:\r\n            return {\r\n                type: SelectionRangeTypes.Normal,\r\n                ranges: [],\r\n                areAllCollapsed: true,\r\n            };\r\n    }\r\n}\r\n"]}

package/lib-mjs/index.d.ts

@@ -0,0 +1,3 @@
+export { EditorAdapterOptions } from './publicTypes/EditorAdapterOptions';
+export { BeforePasteAdapterEvent } from './publicTypes/BeforePasteAdapterEvent';
+export { EditorAdapter } from './editor/EditorAdapter';

package/lib-mjs/index.js

@@ -0,0 +1,2 @@
+export { EditorAdapter } from './editor/EditorAdapter';
+//# sourceMappingURL=index.js.map

package/lib-mjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/roosterjs-editor-adapter/lib/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { EditorAdapterOptions } from './publicTypes/EditorAdapterOptions';\r\nexport { BeforePasteAdapterEvent } from './publicTypes/BeforePasteAdapterEvent';\r\n\r\nexport { EditorAdapter } from './editor/EditorAdapter';\r\n"]}

package/lib-mjs/publicTypes/BeforePasteAdapterEvent.d.ts

@@ -0,0 +1,15 @@
+import type { BeforePasteEvent } from 'roosterjs-editor-types';
+import type { DomToModelOptionForSanitizing, MergePastedContentFunc } from 'roosterjs-content-model-types';
+/**
+ * A temporary event type to be compatible with both legacy plugin and EditorAdapter
+ */
+export interface BeforePasteAdapterEvent extends BeforePasteEvent {
+    /**
+     * domToModel Options to use when creating the content model from the paste fragment
+     */
+    readonly domToModelOption: DomToModelOptionForSanitizing;
+    /**
+     * customizedMerge Customized merge function to use when merging the paste fragment into the editor
+     */
+    customizedMerge?: MergePastedContentFunc;
+}

package/lib-mjs/publicTypes/BeforePasteAdapterEvent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BeforePasteAdapterEvent.js.map

package/lib-mjs/publicTypes/BeforePasteAdapterEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeforePasteAdapterEvent.js","sourceRoot":"","sources":["../../../../packages/roosterjs-editor-adapter/lib/publicTypes/BeforePasteAdapterEvent.ts"],"names":[],"mappings":"","sourcesContent":["import type { BeforePasteEvent } from 'roosterjs-editor-types';\r\nimport type {\r\n    DomToModelOptionForSanitizing,\r\n    MergePastedContentFunc,\r\n} from 'roosterjs-content-model-types';\r\n\r\n/**\r\n * A temporary event type to be compatible with both legacy plugin and EditorAdapter\r\n */\r\nexport interface BeforePasteAdapterEvent extends BeforePasteEvent {\r\n    /**\r\n     * domToModel Options to use when creating the content model from the paste fragment\r\n     */\r\n    readonly domToModelOption: DomToModelOptionForSanitizing;\r\n\r\n    /**\r\n     * customizedMerge Customized merge function to use when merging the paste fragment into the editor\r\n     */\r\n    customizedMerge?: MergePastedContentFunc;\r\n}\r\n"]}

package/lib-mjs/publicTypes/EditorAdapterOptions.d.ts

@@ -0,0 +1,20 @@
+import type { StandaloneEditorOptions } from 'roosterjs-content-model-types';
+import type { EditorPlugin, ExperimentalFeatures } from 'roosterjs-editor-types';
+/**
+ * Options for editor adapter
+ */
+export interface EditorAdapterOptions extends StandaloneEditorOptions {
+    /**
+     * Initial HTML content
+     * Default value is whatever already inside the editor content DIV
+     */
+    initialContent?: string;
+    /**
+     * Specify the enabled experimental features
+     */
+    experimentalFeatures?: ExperimentalFeatures[];
+    /**
+     * Legacy plugins using IEditor interface
+     */
+    legacyPlugins?: EditorPlugin[];
+}

package/lib-mjs/publicTypes/EditorAdapterOptions.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EditorAdapterOptions.js.map

package/lib-mjs/publicTypes/EditorAdapterOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorAdapterOptions.js","sourceRoot":"","sources":["../../../../packages/roosterjs-editor-adapter/lib/publicTypes/EditorAdapterOptions.ts"],"names":[],"mappings":"","sourcesContent":["import type { StandaloneEditorOptions } from 'roosterjs-content-model-types';\r\nimport type { EditorPlugin, ExperimentalFeatures } from 'roosterjs-editor-types';\r\n\r\n/**\r\n * Options for editor adapter\r\n */\r\nexport interface EditorAdapterOptions extends StandaloneEditorOptions {\r\n    /**\r\n     * Initial HTML content\r\n     * Default value is whatever already inside the editor content DIV\r\n     */\r\n    initialContent?: string;\r\n\r\n    /**\r\n     * Specify the enabled experimental features\r\n     */\r\n    experimentalFeatures?: ExperimentalFeatures[];\r\n\r\n    /**\r\n     * Legacy plugins using IEditor interface\r\n     */\r\n    legacyPlugins?: EditorPlugin[];\r\n}\r\n"]}

package/package.json

@@ -0,0 +1,21 @@
+{
+    "name": "roosterjs-editor-adapter",
+    "description": "An adapter on top of Content Model based editor to work with legacy roosterjs editor",
+    "dependencies": {
+        "tslib": "^2.3.1",
+        "roosterjs-editor-types": "^8.60.0",
+        "roosterjs-editor-dom": "^8.60.0",
+        "roosterjs-content-model-core": "^0.26.0",
+        "roosterjs-content-model-dom": "^0.26.0",
+        "roosterjs-content-model-types": "^0.26.0"
+    },
+    "version": "0.26.0",
+    "main": "./lib/index.js",
+    "typings": "./lib/index.d.ts",
+    "module": "./lib-mjs/index.js",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/Microsoft/roosterjs"
+    }
+}