roosterjs-content-model-dom 0.10.0

package/lib-amd/domToModel/processors/listItemProcessor.js

@@ -0,0 +1,38 @@
+define(["require", "exports", "../../modelApi/creators/createListItem", "../utils/parseFormat", "../utils/stackFormat"], function (require, exports, createListItem_1, parseFormat_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.listItemProcessor = void 0;
+    /**
+     * @internal
+     */
+    var listItemProcessor = function (group, element, context) {
+        var _a;
+        var listFormat = context.listFormat;
+        if (listFormat.listParent && listFormat.levels.length > 0) {
+            (0, stackFormat_1.stackFormat)(context, {
+                segment: 'shallowCloneForBlock',
+            }, function () {
+                (0, parseFormat_1.parseFormat)(element, context.formatParsers.segmentOnBlock, context.segmentFormat, context);
+                var listItem = (0, createListItem_1.createListItem)(listFormat.levels, context.segmentFormat);
+                (0, parseFormat_1.parseFormat)(element, context.formatParsers.listItemElement, listItem.format, context);
+                listFormat.listParent.blocks.push(listItem);
+                (0, parseFormat_1.parseFormat)(element, context.formatParsers.listItem, listItem.levels[listItem.levels.length - 1], context);
+                context.elementProcessors.child(listItem, element, context);
+                var firstChild = listItem.blocks[0];
+                if (listItem.blocks.length == 1 &&
+                    firstChild.blockType == 'Paragraph' &&
+                    firstChild.isImplicit) {
+                    Object.assign(listItem.format, firstChild.format);
+                    firstChild.format = {};
+                }
+            });
+        }
+        else {
+            var currentBlocks = (_a = listFormat.listParent) === null || _a === void 0 ? void 0 : _a.blocks;
+            var lastItem = currentBlocks === null || currentBlocks === void 0 ? void 0 : currentBlocks[(currentBlocks === null || currentBlocks === void 0 ? void 0 : currentBlocks.length) - 1];
+            context.elementProcessors['*']((lastItem === null || lastItem === void 0 ? void 0 : lastItem.blockType) == 'BlockGroup' ? lastItem : group, element, context);
+        }
+    };
+    exports.listItemProcessor = listItemProcessor;
+});
+//# sourceMappingURL=listItemProcessor.js.map

package/lib-amd/domToModel/processors/listItemProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listItemProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/listItemProcessor.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,iBAAiB,GAAoC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;;QAC9E,IAAA,UAAU,GAAK,OAAO,WAAZ,CAAa;QAE/B,IAAI,UAAU,CAAC,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YACvD,IAAA,yBAAW,EACP,OAAO,EACP;gBACI,OAAO,EAAE,sBAAsB;aAClC,EACD;gBACI,IAAA,yBAAW,EACP,OAAO,EACP,OAAO,CAAC,aAAa,CAAC,cAAc,EACpC,OAAO,CAAC,aAAa,EACrB,OAAO,CACV,CAAC;gBAEF,IAAM,QAAQ,GAAG,IAAA,+BAAc,EAAC,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;gBAC1E,IAAA,yBAAW,EACP,OAAO,EACP,OAAO,CAAC,aAAa,CAAC,eAAe,EACrC,QAAQ,CAAC,MAAM,EACf,OAAO,CACV,CAAC;gBAEF,UAAU,CAAC,UAAW,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAE7C,IAAA,yBAAW,EACP,OAAO,EACP,OAAO,CAAC,aAAa,CAAC,QAAQ,EAC9B,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAC3C,OAAO,CACV,CAAC;gBAEF,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;gBAE5D,IAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAEtC,IACI,QAAQ,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC;oBAC3B,UAAU,CAAC,SAAS,IAAI,WAAW;oBACnC,UAAU,CAAC,UAAU,EACvB;oBACE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;oBAClD,UAAU,CAAC,MAAM,GAAG,EAAE,CAAC;iBAC1B;YACL,CAAC,CACJ,CAAC;SACL;aAAM;YACH,IAAM,aAAa,GAAG,MAAA,UAAU,CAAC,UAAU,0CAAE,MAAM,CAAC;YACpD,IAAM,QAAQ,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,CAAC,CAAC,CAAC;YAE5D,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAC1B,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,KAAI,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACtD,OAAO,EACP,OAAO,CACV,CAAC;SACL;IACL,CAAC,CAAC;IA1DW,QAAA,iBAAiB,qBA0D5B","sourcesContent":["import { createListItem } from '../../modelApi/creators/createListItem';\nimport { ElementProcessor } from 'roosterjs-content-model-types';\nimport { parseFormat } from '../utils/parseFormat';\nimport { stackFormat } from '../utils/stackFormat';\n\n/**\n * @internal\n */\nexport const listItemProcessor: ElementProcessor<HTMLLIElement> = (group, element, context) => {\n    const { listFormat } = context;\n\n    if (listFormat.listParent && listFormat.levels.length > 0) {\n        stackFormat(\n            context,\n            {\n                segment: 'shallowCloneForBlock',\n            },\n            () => {\n                parseFormat(\n                    element,\n                    context.formatParsers.segmentOnBlock,\n                    context.segmentFormat,\n                    context\n                );\n\n                const listItem = createListItem(listFormat.levels, context.segmentFormat);\n                parseFormat(\n                    element,\n                    context.formatParsers.listItemElement,\n                    listItem.format,\n                    context\n                );\n\n                listFormat.listParent!.blocks.push(listItem);\n\n                parseFormat(\n                    element,\n                    context.formatParsers.listItem,\n                    listItem.levels[listItem.levels.length - 1],\n                    context\n                );\n\n                context.elementProcessors.child(listItem, element, context);\n\n                const firstChild = listItem.blocks[0];\n\n                if (\n                    listItem.blocks.length == 1 &&\n                    firstChild.blockType == 'Paragraph' &&\n                    firstChild.isImplicit\n                ) {\n                    Object.assign(listItem.format, firstChild.format);\n                    firstChild.format = {};\n                }\n            }\n        );\n    } else {\n        const currentBlocks = listFormat.listParent?.blocks;\n        const lastItem = currentBlocks?.[currentBlocks?.length - 1];\n\n        context.elementProcessors['*'](\n            lastItem?.blockType == 'BlockGroup' ? lastItem : group,\n            element,\n            context\n        );\n    }\n};\n"]}

package/lib-amd/domToModel/processors/listProcessor.d.ts

@@ -0,0 +1,5 @@
+import { ElementProcessor } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const listProcessor: ElementProcessor<HTMLOListElement | HTMLUListElement>;

package/lib-amd/domToModel/processors/listProcessor.js

@@ -0,0 +1,40 @@
+define(["require", "exports", "tslib", "../utils/parseFormat", "../utils/stackFormat", "../../domUtils/metadata/updateListMetadata"], function (require, exports, tslib_1, parseFormat_1, stackFormat_1, updateListMetadata_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.listProcessor = void 0;
+    /**
+     * @internal
+     */
+    var listProcessor = function (group, element, context) {
+        (0, stackFormat_1.stackFormat)(context, {
+            segment: 'shallowCloneForBlock',
+            paragraph: 'shallowCloneForGroup',
+        }, function () {
+            var level = (0, tslib_1.__assign)({}, context.blockFormat);
+            var listFormat = context.listFormat;
+            processMetadata(element, context, level);
+            (0, parseFormat_1.parseFormat)(element, context.formatParsers.listLevel, level, context);
+            (0, parseFormat_1.parseFormat)(element, context.formatParsers.segment, context.segmentFormat, context);
+            var originalListParent = listFormat.listParent;
+            listFormat.listParent = listFormat.listParent || group;
+            listFormat.levels.push(level);
+            try {
+                context.elementProcessors.child(group, element, context);
+            }
+            finally {
+                listFormat.levels.pop();
+                listFormat.listParent = originalListParent;
+            }
+        });
+    };
+    exports.listProcessor = listProcessor;
+    function processMetadata(element, context, level) {
+        var dataset = {};
+        (0, parseFormat_1.parseFormat)(element, context.formatParsers.dataset, dataset, context);
+        (0, updateListMetadata_1.updateListMetadata)({ dataset: dataset }, function (metadata) {
+            Object.assign(level, metadata || {});
+            return null;
+        });
+    }
+});
+//# sourceMappingURL=listProcessor.js.map

package/lib-amd/domToModel/processors/listProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/listProcessor.ts"],"names":[],"mappings":";;;;IAUA;;OAEG;IACI,IAAM,aAAa,GAA0D,UAChF,KAAK,EACL,OAAO,EACP,OAAO;QAEP,IAAA,yBAAW,EACP,OAAO,EACP;YACI,OAAO,EAAE,sBAAsB;YAC/B,SAAS,EAAE,sBAAsB;SACpC,EACD;YACI,IAAM,KAAK,6BAAyC,OAAO,CAAC,WAAW,CAAE,CAAC;YAClE,IAAA,UAAU,GAAK,OAAO,WAAZ,CAAa;YAE/B,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;YACzC,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;YACtE,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;YAEpF,IAAM,kBAAkB,GAAG,UAAU,CAAC,UAAU,CAAC;YAEjD,UAAU,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,IAAI,KAAK,CAAC;YACvD,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAE9B,IAAI;gBACA,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;aAC5D;oBAAS;gBACN,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;gBACxB,UAAU,CAAC,UAAU,GAAG,kBAAkB,CAAC;aAC9C;QACL,CAAC,CACJ,CAAC;IACN,CAAC,CAAC;IAhCW,QAAA,aAAa,iBAgCxB;IAEF,SAAS,eAAe,CACpB,OAA4C,EAC5C,OAA0B,EAC1B,KAAsC;QAEtC,IAAM,OAAO,GAAkB,EAAE,CAAC;QAClC,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QACtE,IAAA,uCAAkB,EAAC,EAAE,OAAO,SAAA,EAAE,EAAE,UAAA,QAAQ;YACpC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC;YACrC,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC,CAAC;IACP,CAAC","sourcesContent":["import { parseFormat } from '../utils/parseFormat';\nimport { stackFormat } from '../utils/stackFormat';\nimport { updateListMetadata } from '../../domUtils/metadata/updateListMetadata';\nimport {\n    ContentModelListItemLevelFormat,\n    DatasetFormat,\n    DomToModelContext,\n    ElementProcessor,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const listProcessor: ElementProcessor<HTMLOListElement | HTMLUListElement> = (\n    group,\n    element,\n    context\n) => {\n    stackFormat(\n        context,\n        {\n            segment: 'shallowCloneForBlock',\n            paragraph: 'shallowCloneForGroup',\n        },\n        () => {\n            const level: ContentModelListItemLevelFormat = { ...context.blockFormat };\n            const { listFormat } = context;\n\n            processMetadata(element, context, level);\n            parseFormat(element, context.formatParsers.listLevel, level, context);\n            parseFormat(element, context.formatParsers.segment, context.segmentFormat, context);\n\n            const originalListParent = listFormat.listParent;\n\n            listFormat.listParent = listFormat.listParent || group;\n            listFormat.levels.push(level);\n\n            try {\n                context.elementProcessors.child(group, element, context);\n            } finally {\n                listFormat.levels.pop();\n                listFormat.listParent = originalListParent;\n            }\n        }\n    );\n};\n\nfunction processMetadata(\n    element: HTMLOListElement | HTMLUListElement,\n    context: DomToModelContext,\n    level: ContentModelListItemLevelFormat\n) {\n    const dataset: DatasetFormat = {};\n    parseFormat(element, context.formatParsers.dataset, dataset, context);\n    updateListMetadata({ dataset }, metadata => {\n        Object.assign(level, metadata || {});\n        return null;\n    });\n}\n"]}

package/lib-amd/domToModel/processors/pProcessor.d.ts

@@ -0,0 +1,5 @@
+import { ElementProcessor } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const pProcessor: ElementProcessor<HTMLElement>;

package/lib-amd/domToModel/processors/pProcessor.js

@@ -0,0 +1,20 @@
+define(["require", "exports", "../../modelApi/common/addBlock", "./blockProcessor", "../../modelApi/creators/createParagraph", "../../modelApi/creators/createParagraphDecorator", "../utils/parseFormat", "../utils/stackFormat"], function (require, exports, addBlock_1, blockProcessor_1, createParagraph_1, createParagraphDecorator_1, parseFormat_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.pProcessor = void 0;
+    /**
+     * @internal
+     */
+    var pProcessor = function (group, element, context) {
+        (0, stackFormat_1.stackFormat)(context, { blockDecorator: 'empty', segment: 'shallowCloneForBlock', paragraph: 'shallowClone' }, function () {
+            context.blockDecorator = (0, createParagraphDecorator_1.createParagraphDecorator)(element.tagName);
+            var segmentFormat = {};
+            (0, parseFormat_1.parseFormat)(element, context.formatParsers.segmentOnBlock, segmentFormat, context);
+            Object.assign(context.segmentFormat, segmentFormat);
+            (0, blockProcessor_1.blockProcessor)(group, element, context, segmentFormat);
+        });
+        (0, addBlock_1.addBlock)(group, (0, createParagraph_1.createParagraph)(true /*isImplicit*/, context.blockFormat));
+    };
+    exports.pProcessor = pProcessor;
+});
+//# sourceMappingURL=pProcessor.js.map

package/lib-amd/domToModel/processors/pProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/pProcessor.ts"],"names":[],"mappings":";;;;IAQA;;OAEG;IACI,IAAM,UAAU,GAAkC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;QAC7E,IAAA,yBAAW,EACP,OAAO,EACP,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,cAAc,EAAE,EACvF;YACI,OAAO,CAAC,cAAc,GAAG,IAAA,mDAAwB,EAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAEnE,IAAM,aAAa,GAA8B,EAAE,CAAC;YAEpD,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,cAAc,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;YACnF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;YAEpD,IAAA,+BAAc,EAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;QAC3D,CAAC,CACJ,CAAC;QAEF,IAAA,mBAAQ,EAAC,KAAK,EAAE,IAAA,iCAAe,EAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IAC/E,CAAC,CAAC;IAjBW,QAAA,UAAU,cAiBrB","sourcesContent":["import { addBlock } from '../../modelApi/common/addBlock';\nimport { blockProcessor } from './blockProcessor';\nimport { ContentModelSegmentFormat, ElementProcessor } from 'roosterjs-content-model-types';\nimport { createParagraph } from '../../modelApi/creators/createParagraph';\nimport { createParagraphDecorator } from '../../modelApi/creators/createParagraphDecorator';\nimport { parseFormat } from '../utils/parseFormat';\nimport { stackFormat } from '../utils/stackFormat';\n\n/**\n * @internal\n */\nexport const pProcessor: ElementProcessor<HTMLElement> = (group, element, context) => {\n    stackFormat(\n        context,\n        { blockDecorator: 'empty', segment: 'shallowCloneForBlock', paragraph: 'shallowClone' },\n        () => {\n            context.blockDecorator = createParagraphDecorator(element.tagName);\n\n            const segmentFormat: ContentModelSegmentFormat = {};\n\n            parseFormat(element, context.formatParsers.segmentOnBlock, segmentFormat, context);\n            Object.assign(context.segmentFormat, segmentFormat);\n\n            blockProcessor(group, element, context, segmentFormat);\n        }\n    );\n\n    addBlock(group, createParagraph(true /*isImplicit*/, context.blockFormat));\n};\n"]}

package/lib-amd/domToModel/processors/tableProcessor.d.ts

@@ -0,0 +1,19 @@
+import { ElementProcessor } from 'roosterjs-content-model-types';
+/**
+ * Content Model Element Processor for table
+ *
+ * For Table with merged/splitted cells, HTML uses colSpan and rowSpan attributes to specify how it should be rendered.
+ * To make it easier to edit a table, we will use a different way to describe table.
+ *
+ * 1. For a m * n table (m rows, n columns), we always create a m * n array for the cells.
+ * 2. For a regular table cell, it is mapped to one item of this array
+ * 3. For a merged/splitted table cell, it will has colSpan/rowSpan value. We also created TableCell model for those spanned
+ * cells, and use "spanLeft" and "spanAbove" to mark its state
+ * 4. When edit table, we always edit on this mapped m * n array because it always has an item for each cell
+ * 5. When write back to DOM, we create TD/TH elements for those non-spanned cells, and mark its colSpan/rowSpan value according
+ * its neighbour cell's spanLeft/spanAbove attribute
+ * @param group The parent block group
+ * @param parent Parent DOM node to process
+ * @param context DOM to Content Model context
+ */
+export declare const tableProcessor: ElementProcessor<HTMLTableElement>;

package/lib-amd/domToModel/processors/tableProcessor.js

@@ -0,0 +1,159 @@
+define(["require", "exports", "tslib", "../../modelApi/common/addBlock", "../../modelApi/creators/createTable", "../../modelApi/creators/createTableCell", "../utils/getBoundingClientRect", "../utils/parseFormat", "../utils/stackFormat"], function (require, exports, tslib_1, addBlock_1, createTable_1, createTableCell_1, getBoundingClientRect_1, parseFormat_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.tableProcessor = void 0;
+    /**
+     * Content Model Element Processor for table
+     *
+     * For Table with merged/splitted cells, HTML uses colSpan and rowSpan attributes to specify how it should be rendered.
+     * To make it easier to edit a table, we will use a different way to describe table.
+     *
+     * 1. For a m * n table (m rows, n columns), we always create a m * n array for the cells.
+     * 2. For a regular table cell, it is mapped to one item of this array
+     * 3. For a merged/splitted table cell, it will has colSpan/rowSpan value. We also created TableCell model for those spanned
+     * cells, and use "spanLeft" and "spanAbove" to mark its state
+     * 4. When edit table, we always edit on this mapped m * n array because it always has an item for each cell
+     * 5. When write back to DOM, we create TD/TH elements for those non-spanned cells, and mark its colSpan/rowSpan value according
+     * its neighbour cell's spanLeft/spanAbove attribute
+     * @param group The parent block group
+     * @param parent Parent DOM node to process
+     * @param context DOM to Content Model context
+     */
+    var tableProcessor = function (group, tableElement, context) {
+        (0, stackFormat_1.stackFormat)(context, { segment: 'shallowCloneForBlock', paragraph: 'shallowCloneForGroup' }, function () {
+            (0, parseFormat_1.parseFormat)(tableElement, context.formatParsers.block, context.blockFormat, context);
+            var table = (0, createTable_1.createTable)(tableElement.rows.length, context.blockFormat);
+            var _a = context.tableSelection || {}, selectedTable = _a.table, firstCell = _a.firstCell, lastCell = _a.lastCell;
+            var hasTableSelection = selectedTable == tableElement && !!firstCell && !!lastCell;
+            if (context.allowCacheElement) {
+                table.cachedElement = tableElement;
+            }
+            (0, parseFormat_1.parseFormat)(tableElement, context.formatParsers.table, table.format, context);
+            (0, parseFormat_1.parseFormat)(tableElement, context.formatParsers.tableBorder, table.format, context);
+            (0, parseFormat_1.parseFormat)(tableElement, context.formatParsers.segmentOnBlock, context.segmentFormat, context);
+            (0, parseFormat_1.parseFormat)(tableElement, context.formatParsers.dataset, table.dataset, context);
+            (0, addBlock_1.addBlock)(group, table);
+            var columnPositions = [0];
+            var rowPositions = [0];
+            var zoomScale = context.zoomScaleFormat.zoomScale || 1;
+            var _loop_1 = function (row) {
+                var tr = tableElement.rows[row];
+                var tableRow = table.rows[row];
+                if (context.allowCacheElement) {
+                    tableRow.cachedElement = tr;
+                }
+                (0, parseFormat_1.parseFormat)(tr, context.formatParsers.tableRow, tableRow.format, context);
+                (0, stackFormat_1.stackFormat)(context, { paragraph: 'shallowClone', segment: 'shallowClone' }, function () {
+                    var parent = tr.parentElement;
+                    var parentTag = parent === null || parent === void 0 ? void 0 : parent.tagName;
+                    if (parent &&
+                        (parentTag == 'TBODY' || parentTag == 'THEAD' || parentTag == 'TFOOT')) {
+                        // If there is TBODY around TR, retrieve format from TBODY first, in case some format are declared there
+                        (0, parseFormat_1.parseFormat)(parent, context.formatParsers.block, context.blockFormat, context);
+                        (0, parseFormat_1.parseFormat)(parent, context.formatParsers.segmentOnBlock, context.segmentFormat, context);
+                    }
+                    (0, parseFormat_1.parseFormat)(tr, context.formatParsers.block, context.blockFormat, context);
+                    (0, parseFormat_1.parseFormat)(tr, context.formatParsers.segmentOnBlock, context.segmentFormat, context);
+                    var _loop_2 = function (sourceCol, targetCol) {
+                        for (; tableRow.cells[targetCol]; targetCol++) { }
+                        var td = tr.cells[sourceCol];
+                        var hasSelectionBeforeCell = context.isInSelection;
+                        var colEnd = targetCol + td.colSpan;
+                        var rowEnd = row + td.rowSpan;
+                        var needCalcWidth = columnPositions[colEnd] === undefined;
+                        var needCalcHeight = rowPositions[rowEnd] === undefined;
+                        if (needCalcWidth || needCalcHeight) {
+                            var rect = (0, getBoundingClientRect_1.getBoundingClientRect)(td);
+                            if (rect.width > 0 || rect.height > 0) {
+                                if (needCalcWidth) {
+                                    columnPositions[colEnd] =
+                                        columnPositions[targetCol] + rect.width / zoomScale;
+                                }
+                                if (needCalcHeight) {
+                                    rowPositions[rowEnd] =
+                                        rowPositions[row] + rect.height / zoomScale;
+                                }
+                            }
+                        }
+                        (0, stackFormat_1.stackFormat)(context, { paragraph: 'shallowClone', segment: 'shallowClone' }, function () {
+                            (0, parseFormat_1.parseFormat)(td, context.formatParsers.block, context.blockFormat, context);
+                            (0, parseFormat_1.parseFormat)(td, context.formatParsers.segmentOnTableCell, context.segmentFormat, context);
+                            var cellFormat = (0, tslib_1.__assign)({}, context.blockFormat);
+                            var dataset = {};
+                            (0, parseFormat_1.parseFormat)(td, context.formatParsers.tableCell, cellFormat, context);
+                            (0, parseFormat_1.parseFormat)(td, context.formatParsers.tableBorder, cellFormat, context);
+                            (0, parseFormat_1.parseFormat)(td, context.formatParsers.dataset, dataset, context);
+                            for (var colSpan = 1; colSpan <= td.colSpan; colSpan++, targetCol++) {
+                                for (var rowSpan = 1; rowSpan <= td.rowSpan; rowSpan++) {
+                                    var hasTd = colSpan == 1 && rowSpan == 1;
+                                    var cell = (0, createTableCell_1.createTableCell)(colSpan > 1, rowSpan > 1, td.tagName == 'TH', cellFormat);
+                                    cell.dataset = (0, tslib_1.__assign)({}, dataset);
+                                    var spannedRow = table.rows[row + rowSpan - 1];
+                                    if (spannedRow) {
+                                        spannedRow.cells[targetCol] = cell;
+                                    }
+                                    if (hasTd) {
+                                        if (context.allowCacheElement) {
+                                            cell.cachedElement = td;
+                                        }
+                                        var _a = context.listFormat, listParent = _a.listParent, levels = _a.levels;
+                                        context.listFormat.listParent = undefined;
+                                        context.listFormat.levels = [];
+                                        try {
+                                            context.elementProcessors.child(cell, td, context);
+                                        }
+                                        finally {
+                                            context.listFormat.listParent = listParent;
+                                            context.listFormat.levels = levels;
+                                        }
+                                    }
+                                    var hasSelectionAfterCell = context.isInSelection;
+                                    if ((hasSelectionBeforeCell && hasSelectionAfterCell) ||
+                                        (hasTableSelection &&
+                                            row >= firstCell.y &&
+                                            row <= lastCell.y &&
+                                            targetCol >= firstCell.x &&
+                                            targetCol <= lastCell.x)) {
+                                        cell.isSelected = true;
+                                    }
+                                }
+                            }
+                        });
+                        out_targetCol_1 = targetCol;
+                    };
+                    var out_targetCol_1;
+                    for (var sourceCol = 0, targetCol = 0; sourceCol < tr.cells.length; sourceCol++) {
+                        _loop_2(sourceCol, targetCol);
+                        targetCol = out_targetCol_1;
+                    }
+                });
+            };
+            for (var row = 0; row < tableElement.rows.length; row++) {
+                _loop_1(row);
+            }
+            table.widths = calcSizes(columnPositions);
+            var heights = calcSizes(rowPositions);
+            table.rows.forEach(function (row, i) {
+                if (heights[i] > 0) {
+                    row.height = heights[i];
+                }
+            });
+        });
+    };
+    exports.tableProcessor = tableProcessor;
+    function calcSizes(positions) {
+        var result = [];
+        var lastPos = positions[positions.length - 1];
+        for (var i = positions.length - 2; i >= 0; i--) {
+            if (positions[i] === undefined) {
+                result[i] = 0;
+            }
+            else {
+                result[i] = lastPos - positions[i];
+                lastPos = positions[i];
+            }
+        }
+        return result;
+    }
+});
+//# sourceMappingURL=tableProcessor.js.map

package/lib-amd/domToModel/processors/tableProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/tableProcessor.ts"],"names":[],"mappings":"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","sourcesContent":["import { addBlock } from '../../modelApi/common/addBlock';\nimport { createTable } from '../../modelApi/creators/createTable';\nimport { createTableCell } from '../../modelApi/creators/createTableCell';\nimport { getBoundingClientRect } from '../utils/getBoundingClientRect';\nimport { parseFormat } from '../utils/parseFormat';\nimport { stackFormat } from '../utils/stackFormat';\nimport {\n    ContentModelTableCellFormat,\n    DatasetFormat,\n    ElementProcessor,\n} from 'roosterjs-content-model-types';\n\n/**\n * Content Model Element Processor for table\n *\n * For Table with merged/splitted cells, HTML uses colSpan and rowSpan attributes to specify how it should be rendered.\n * To make it easier to edit a table, we will use a different way to describe table.\n *\n * 1. For a m * n table (m rows, n columns), we always create a m * n array for the cells.\n * 2. For a regular table cell, it is mapped to one item of this array\n * 3. For a merged/splitted table cell, it will has colSpan/rowSpan value. We also created TableCell model for those spanned\n * cells, and use \"spanLeft\" and \"spanAbove\" to mark its state\n * 4. When edit table, we always edit on this mapped m * n array because it always has an item for each cell\n * 5. When write back to DOM, we create TD/TH elements for those non-spanned cells, and mark its colSpan/rowSpan value according\n * its neighbour cell's spanLeft/spanAbove attribute\n * @param group The parent block group\n * @param parent Parent DOM node to process\n * @param context DOM to Content Model context\n */\nexport const tableProcessor: ElementProcessor<HTMLTableElement> = (\n    group,\n    tableElement,\n    context\n) => {\n    stackFormat(\n        context,\n        { segment: 'shallowCloneForBlock', paragraph: 'shallowCloneForGroup' },\n        () => {\n            parseFormat(tableElement, context.formatParsers.block, context.blockFormat, context);\n\n            const table = createTable(tableElement.rows.length, context.blockFormat);\n            const { table: selectedTable, firstCell, lastCell } = context.tableSelection || {};\n            const hasTableSelection = selectedTable == tableElement && !!firstCell && !!lastCell;\n\n            if (context.allowCacheElement) {\n                table.cachedElement = tableElement;\n            }\n\n            parseFormat(tableElement, context.formatParsers.table, table.format, context);\n            parseFormat(tableElement, context.formatParsers.tableBorder, table.format, context);\n            parseFormat(\n                tableElement,\n                context.formatParsers.segmentOnBlock,\n                context.segmentFormat,\n                context\n            );\n            parseFormat(tableElement, context.formatParsers.dataset, table.dataset, context);\n            addBlock(group, table);\n\n            const columnPositions: number[] = [0];\n            const rowPositions: number[] = [0];\n            const zoomScale = context.zoomScaleFormat.zoomScale || 1;\n\n            for (let row = 0; row < tableElement.rows.length; row++) {\n                const tr = tableElement.rows[row];\n                const tableRow = table.rows[row];\n\n                if (context.allowCacheElement) {\n                    tableRow.cachedElement = tr;\n                }\n\n                parseFormat(tr, context.formatParsers.tableRow, tableRow.format, context);\n\n                stackFormat(context, { paragraph: 'shallowClone', segment: 'shallowClone' }, () => {\n                    const parent = tr.parentElement;\n                    const parentTag = parent?.tagName;\n\n                    if (\n                        parent &&\n                        (parentTag == 'TBODY' || parentTag == 'THEAD' || parentTag == 'TFOOT')\n                    ) {\n                        // If there is TBODY around TR, retrieve format from TBODY first, in case some format are declared there\n                        parseFormat(\n                            parent,\n                            context.formatParsers.block,\n                            context.blockFormat,\n                            context\n                        );\n                        parseFormat(\n                            parent,\n                            context.formatParsers.segmentOnBlock,\n                            context.segmentFormat,\n                            context\n                        );\n                    }\n\n                    parseFormat(tr, context.formatParsers.block, context.blockFormat, context);\n                    parseFormat(\n                        tr,\n                        context.formatParsers.segmentOnBlock,\n                        context.segmentFormat,\n                        context\n                    );\n\n                    for (\n                        let sourceCol = 0, targetCol = 0;\n                        sourceCol < tr.cells.length;\n                        sourceCol++\n                    ) {\n                        for (; tableRow.cells[targetCol]; targetCol++) {}\n\n                        const td = tr.cells[sourceCol];\n                        const hasSelectionBeforeCell = context.isInSelection;\n                        const colEnd = targetCol + td.colSpan;\n                        const rowEnd = row + td.rowSpan;\n                        const needCalcWidth = columnPositions[colEnd] === undefined;\n                        const needCalcHeight = rowPositions[rowEnd] === undefined;\n\n                        if (needCalcWidth || needCalcHeight) {\n                            const rect = getBoundingClientRect(td);\n\n                            if (rect.width > 0 || rect.height > 0) {\n                                if (needCalcWidth) {\n                                    columnPositions[colEnd] =\n                                        columnPositions[targetCol] + rect.width / zoomScale;\n                                }\n\n                                if (needCalcHeight) {\n                                    rowPositions[rowEnd] =\n                                        rowPositions[row] + rect.height / zoomScale;\n                                }\n                            }\n                        }\n\n                        stackFormat(\n                            context,\n                            { paragraph: 'shallowClone', segment: 'shallowClone' },\n                            () => {\n                                parseFormat(\n                                    td,\n                                    context.formatParsers.block,\n                                    context.blockFormat,\n                                    context\n                                );\n                                parseFormat(\n                                    td,\n                                    context.formatParsers.segmentOnTableCell,\n                                    context.segmentFormat,\n                                    context\n                                );\n\n                                const cellFormat: ContentModelTableCellFormat = {\n                                    ...context.blockFormat,\n                                };\n                                const dataset: DatasetFormat = {};\n\n                                parseFormat(\n                                    td,\n                                    context.formatParsers.tableCell,\n                                    cellFormat,\n                                    context\n                                );\n                                parseFormat(\n                                    td,\n                                    context.formatParsers.tableBorder,\n                                    cellFormat,\n                                    context\n                                );\n                                parseFormat(td, context.formatParsers.dataset, dataset, context);\n\n                                for (\n                                    let colSpan = 1;\n                                    colSpan <= td.colSpan;\n                                    colSpan++, targetCol++\n                                ) {\n                                    for (let rowSpan = 1; rowSpan <= td.rowSpan; rowSpan++) {\n                                        const hasTd = colSpan == 1 && rowSpan == 1;\n                                        const cell = createTableCell(\n                                            colSpan > 1,\n                                            rowSpan > 1,\n                                            td.tagName == 'TH',\n                                            cellFormat\n                                        );\n\n                                        cell.dataset = { ...dataset };\n\n                                        const spannedRow = table.rows[row + rowSpan - 1];\n\n                                        if (spannedRow) {\n                                            spannedRow.cells[targetCol] = cell;\n                                        }\n\n                                        if (hasTd) {\n                                            if (context.allowCacheElement) {\n                                                cell.cachedElement = td;\n                                            }\n\n                                            const { listParent, levels } = context.listFormat;\n\n                                            context.listFormat.listParent = undefined;\n                                            context.listFormat.levels = [];\n\n                                            try {\n                                                context.elementProcessors.child(cell, td, context);\n                                            } finally {\n                                                context.listFormat.listParent = listParent;\n                                                context.listFormat.levels = levels;\n                                            }\n                                        }\n\n                                        const hasSelectionAfterCell = context.isInSelection;\n\n                                        if (\n                                            (hasSelectionBeforeCell && hasSelectionAfterCell) ||\n                                            (hasTableSelection &&\n                                                row >= firstCell.y &&\n                                                row <= lastCell.y &&\n                                                targetCol >= firstCell.x &&\n                                                targetCol <= lastCell.x)\n                                        ) {\n                                            cell.isSelected = true;\n                                        }\n                                    }\n                                }\n                            }\n                        );\n                    }\n                });\n            }\n\n            table.widths = calcSizes(columnPositions);\n\n            const heights = calcSizes(rowPositions);\n\n            table.rows.forEach((row, i) => {\n                if (heights[i] > 0) {\n                    row.height = heights[i];\n                }\n            });\n        }\n    );\n};\n\nfunction calcSizes(positions: number[]): number[] {\n    let result: number[] = [];\n    let lastPos = positions[positions.length - 1];\n\n    for (let i = positions.length - 2; i >= 0; i--) {\n        if (positions[i] === undefined) {\n            result[i] = 0;\n        } else {\n            result[i] = lastPos - positions[i];\n            lastPos = positions[i];\n        }\n    }\n\n    return result;\n}\n"]}

package/lib-amd/domToModel/processors/textProcessor.d.ts

@@ -0,0 +1,5 @@
+import { ElementProcessor } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const textProcessor: ElementProcessor<Text>;

package/lib-amd/domToModel/processors/textProcessor.js

@@ -0,0 +1,56 @@
+define(["require", "exports", "tslib", "../../modelApi/common/addDecorators", "../../modelApi/common/addSegment", "../utils/addSelectionMarker", "../utils/areSameFormats", "../../modelApi/creators/createText", "../utils/getRegularSelectionOffsets", "../../domUtils/stringUtil"], function (require, exports, tslib_1, addDecorators_1, addSegment_1, addSelectionMarker_1, areSameFormats_1, createText_1, getRegularSelectionOffsets_1, stringUtil_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.textProcessor = void 0;
+    /**
+     * @internal
+     */
+    var textProcessor = function (group, textNode, context) {
+        var txt = textNode.nodeValue || '';
+        var _a = (0, tslib_1.__read)((0, getRegularSelectionOffsets_1.getRegularSelectionOffsets)(context, textNode), 2), txtStartOffset = _a[0], txtEndOffset = _a[1];
+        if (txtStartOffset >= 0) {
+            addTextSegment(group, txt.substring(0, txtStartOffset), context);
+            context.isInSelection = true;
+            (0, addSelectionMarker_1.addSelectionMarker)(group, context);
+            txt = txt.substring(txtStartOffset);
+            txtEndOffset -= txtStartOffset;
+        }
+        if (txtEndOffset >= 0) {
+            addTextSegment(group, txt.substring(0, txtEndOffset), context);
+            if (!context.regularSelection.isSelectionCollapsed) {
+                (0, addSelectionMarker_1.addSelectionMarker)(group, context);
+            }
+            context.isInSelection = false;
+            txt = txt.substring(txtEndOffset);
+        }
+        addTextSegment(group, txt, context);
+    };
+    exports.textProcessor = textProcessor;
+    // When we see these values of white-space style, need to preserve spaces and line-breaks and let browser handle it for us.
+    var WhiteSpaceValuesNeedToHandle = ['pre', 'pre-wrap', 'pre-line', 'break-spaces'];
+    function addTextSegment(group, text, context) {
+        if (text) {
+            var lastBlock = group.blocks[group.blocks.length - 1];
+            var paragraph = (lastBlock === null || lastBlock === void 0 ? void 0 : lastBlock.blockType) == 'Paragraph' ? lastBlock : null;
+            var lastSegment = paragraph === null || paragraph === void 0 ? void 0 : paragraph.segments[paragraph.segments.length - 1];
+            if ((lastSegment === null || lastSegment === void 0 ? void 0 : lastSegment.segmentType) == 'Text' &&
+                !!lastSegment.isSelected == !!context.isInSelection &&
+                (0, areSameFormats_1.areSameFormats)(lastSegment.format, context.segmentFormat) &&
+                (0, areSameFormats_1.areSameFormats)(lastSegment.link || {}, context.link.format || {}) &&
+                (0, areSameFormats_1.areSameFormats)(lastSegment.code || {}, context.code.format || {})) {
+                lastSegment.text += text;
+            }
+            else if (!(0, stringUtil_1.hasSpacesOnly)(text) ||
+                (paragraph === null || paragraph === void 0 ? void 0 : paragraph.segments.length) > 0 ||
+                WhiteSpaceValuesNeedToHandle.indexOf((paragraph === null || paragraph === void 0 ? void 0 : paragraph.format.whiteSpace) || '') >= 0) {
+                var textModel = (0, createText_1.createText)(text, context.segmentFormat);
+                if (context.isInSelection) {
+                    textModel.isSelected = true;
+                }
+                (0, addDecorators_1.addDecorators)(textModel, context);
+                (0, addSegment_1.addSegment)(group, textModel, context.blockFormat);
+            }
+        }
+    }
+});
+//# sourceMappingURL=textProcessor.js.map

package/lib-amd/domToModel/processors/textProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/textProcessor.ts"],"names":[],"mappings":";;;;IAaA;;OAEG;IACI,IAAM,aAAa,GAA2B,UACjD,KAA6B,EAC7B,QAAc,EACd,OAA0B;QAE1B,IAAI,GAAG,GAAG,QAAQ,CAAC,SAAS,IAAI,EAAE,CAAC;QAC/B,IAAA,KAAA,oBAAiC,IAAA,uDAA0B,EAAC,OAAO,EAAE,QAAQ,CAAC,IAAA,EAA7E,cAAc,QAAA,EAAE,YAAY,QAAiD,CAAC;QAEnF,IAAI,cAAc,IAAI,CAAC,EAAE;YACrB,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;YACjE,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC;YAE7B,IAAA,uCAAkB,EAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAEnC,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;YACpC,YAAY,IAAI,cAAc,CAAC;SAClC;QAED,IAAI,YAAY,IAAI,CAAC,EAAE;YACnB,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;YAE/D,IAAI,CAAC,OAAO,CAAC,gBAAiB,CAAC,oBAAoB,EAAE;gBACjD,IAAA,uCAAkB,EAAC,KAAK,EAAE,OAAO,CAAC,CAAC;aACtC;YAED,OAAO,CAAC,aAAa,GAAG,KAAK,CAAC;YAC9B,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;SACrC;QAED,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC,CAAC;IA9BW,QAAA,aAAa,iBA8BxB;IAEF,2HAA2H;IAC3H,IAAM,4BAA4B,GAAG,CAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC;IAErF,SAAS,cAAc,CAAC,KAA6B,EAAE,IAAY,EAAE,OAA0B;QAC3F,IAAI,IAAI,EAAE;YACN,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACxD,IAAM,SAAS,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,KAAI,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;YACzE,IAAM,WAAW,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAEvE,IACI,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,KAAI,MAAM;gBAClC,CAAC,CAAC,WAAW,CAAC,UAAU,IAAI,CAAC,CAAC,OAAO,CAAC,aAAa;gBACnD,IAAA,+BAAc,EAAC,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC;gBACzD,IAAA,+BAAc,EAAC,WAAW,CAAC,IAAI,IAAI,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;gBACjE,IAAA,+BAAc,EAAC,WAAW,CAAC,IAAI,IAAI,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,EACnE;gBACE,WAAW,CAAC,IAAI,IAAI,IAAI,CAAC;aAC5B;iBAAM,IACH,CAAC,IAAA,0BAAa,EAAC,IAAI,CAAC;gBACpB,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAC,MAAO,IAAG,CAAC;gBAC/B,4BAA4B,CAAC,OAAO,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAC,UAAU,KAAI,EAAE,CAAC,IAAI,CAAC,EAC/E;gBACE,IAAM,SAAS,GAAG,IAAA,uBAAU,EAAC,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;gBAE1D,IAAI,OAAO,CAAC,aAAa,EAAE;oBACvB,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC;iBAC/B;gBAED,IAAA,6BAAa,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC;gBAElC,IAAA,uBAAU,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;aACrD;SACJ;IACL,CAAC","sourcesContent":["import { addDecorators } from '../../modelApi/common/addDecorators';\nimport { addSegment } from '../../modelApi/common/addSegment';\nimport { addSelectionMarker } from '../utils/addSelectionMarker';\nimport { areSameFormats } from '../utils/areSameFormats';\nimport {\n    ContentModelBlockGroup,\n    DomToModelContext,\n    ElementProcessor,\n} from 'roosterjs-content-model-types';\nimport { createText } from '../../modelApi/creators/createText';\nimport { getRegularSelectionOffsets } from '../utils/getRegularSelectionOffsets';\nimport { hasSpacesOnly } from '../../domUtils/stringUtil';\n\n/**\n * @internal\n */\nexport const textProcessor: ElementProcessor<Text> = (\n    group: ContentModelBlockGroup,\n    textNode: Text,\n    context: DomToModelContext\n) => {\n    let txt = textNode.nodeValue || '';\n    let [txtStartOffset, txtEndOffset] = getRegularSelectionOffsets(context, textNode);\n\n    if (txtStartOffset >= 0) {\n        addTextSegment(group, txt.substring(0, txtStartOffset), context);\n        context.isInSelection = true;\n\n        addSelectionMarker(group, context);\n\n        txt = txt.substring(txtStartOffset);\n        txtEndOffset -= txtStartOffset;\n    }\n\n    if (txtEndOffset >= 0) {\n        addTextSegment(group, txt.substring(0, txtEndOffset), context);\n\n        if (!context.regularSelection!.isSelectionCollapsed) {\n            addSelectionMarker(group, context);\n        }\n\n        context.isInSelection = false;\n        txt = txt.substring(txtEndOffset);\n    }\n\n    addTextSegment(group, txt, context);\n};\n\n// When we see these values of white-space style, need to preserve spaces and line-breaks and let browser handle it for us.\nconst WhiteSpaceValuesNeedToHandle = ['pre', 'pre-wrap', 'pre-line', 'break-spaces'];\n\nfunction addTextSegment(group: ContentModelBlockGroup, text: string, context: DomToModelContext) {\n    if (text) {\n        const lastBlock = group.blocks[group.blocks.length - 1];\n        const paragraph = lastBlock?.blockType == 'Paragraph' ? lastBlock : null;\n        const lastSegment = paragraph?.segments[paragraph.segments.length - 1];\n\n        if (\n            lastSegment?.segmentType == 'Text' &&\n            !!lastSegment.isSelected == !!context.isInSelection &&\n            areSameFormats(lastSegment.format, context.segmentFormat) &&\n            areSameFormats(lastSegment.link || {}, context.link.format || {}) &&\n            areSameFormats(lastSegment.code || {}, context.code.format || {})\n        ) {\n            lastSegment.text += text;\n        } else if (\n            !hasSpacesOnly(text) ||\n            paragraph?.segments.length! > 0 ||\n            WhiteSpaceValuesNeedToHandle.indexOf(paragraph?.format.whiteSpace || '') >= 0\n        ) {\n            const textModel = createText(text, context.segmentFormat);\n\n            if (context.isInSelection) {\n                textModel.isSelected = true;\n            }\n\n            addDecorators(textModel, context);\n\n            addSegment(group, textModel, context.blockFormat);\n        }\n    }\n}\n"]}

package/lib-amd/domToModel/utils/addSelectionMarker.d.ts

@@ -0,0 +1,5 @@
+import { ContentModelBlockGroup, DomToModelContext } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function addSelectionMarker(group: ContentModelBlockGroup, context: DomToModelContext): void;

package/lib-amd/domToModel/utils/addSelectionMarker.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "../../modelApi/common/addDecorators", "../../modelApi/common/addSegment", "../../modelApi/creators/createSelectionMarker"], function (require, exports, addDecorators_1, addSegment_1, createSelectionMarker_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.addSelectionMarker = void 0;
+    /**
+     * @internal
+     */
+    function addSelectionMarker(group, context) {
+        var marker = (0, createSelectionMarker_1.createSelectionMarker)(context.segmentFormat);
+        (0, addDecorators_1.addDecorators)(marker, context);
+        (0, addSegment_1.addSegment)(group, marker, context.blockFormat);
+    }
+    exports.addSelectionMarker = addSelectionMarker;
+});
+//# sourceMappingURL=addSelectionMarker.js.map

package/lib-amd/domToModel/utils/addSelectionMarker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addSelectionMarker.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/utils/addSelectionMarker.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACH,SAAgB,kBAAkB,CAAC,KAA6B,EAAE,OAA0B;QACxF,IAAM,MAAM,GAAG,IAAA,6CAAqB,EAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAE5D,IAAA,6BAAa,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAE/B,IAAA,uBAAU,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACnD,CAAC;IAND,gDAMC","sourcesContent":["import { addDecorators } from '../../modelApi/common/addDecorators';\nimport { addSegment } from '../../modelApi/common/addSegment';\nimport { ContentModelBlockGroup, DomToModelContext } from 'roosterjs-content-model-types';\nimport { createSelectionMarker } from '../../modelApi/creators/createSelectionMarker';\n\n/**\n * @internal\n */\nexport function addSelectionMarker(group: ContentModelBlockGroup, context: DomToModelContext) {\n    const marker = createSelectionMarker(context.segmentFormat);\n\n    addDecorators(marker, context);\n\n    addSegment(group, marker, context.blockFormat);\n}\n"]}

package/lib-amd/domToModel/utils/areSameFormats.d.ts

@@ -0,0 +1,7 @@
+import { ContentModelFormatBase } from 'roosterjs-content-model-types';
+/**
+ * Check if the two given formats object are equal. This is a check to value but not to reference
+ * @param f1 The first format object to check
+ * @param f2 The second format object to check
+ */
+export declare function areSameFormats<T extends ContentModelFormatBase>(f1: T, f2: T): boolean;

package/lib-amd/domToModel/utils/areSameFormats.js

@@ -0,0 +1,22 @@
+define(["require", "exports", "roosterjs-editor-dom"], function (require, exports, roosterjs_editor_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.areSameFormats = void 0;
+    /**
+     * Check if the two given formats object are equal. This is a check to value but not to reference
+     * @param f1 The first format object to check
+     * @param f2 The second format object to check
+     */
+    function areSameFormats(f1, f2) {
+        if (f1 == f2) {
+            return true;
+        }
+        else {
+            var keys1 = (0, roosterjs_editor_dom_1.getObjectKeys)(f1);
+            var keys2 = (0, roosterjs_editor_dom_1.getObjectKeys)(f2);
+            return keys1.length == keys2.length && keys1.every(function (key) { return f1[key] == f2[key]; });
+        }
+    }
+    exports.areSameFormats = areSameFormats;
+});
+//# sourceMappingURL=areSameFormats.js.map

package/lib-amd/domToModel/utils/areSameFormats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"areSameFormats.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/utils/areSameFormats.ts"],"names":[],"mappings":";;;;IAGA;;;;OAIG;IACH,SAAgB,cAAc,CAAmC,EAAK,EAAE,EAAK;QACzE,IAAI,EAAE,IAAI,EAAE,EAAE;YACV,OAAO,IAAI,CAAC;SACf;aAAM;YACH,IAAM,KAAK,GAAG,IAAA,oCAAa,EAAC,EAAE,CAAC,CAAC;YAChC,IAAM,KAAK,GAAG,IAAA,oCAAa,EAAC,EAAE,CAAC,CAAC;YAEhC,OAAO,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAlB,CAAkB,CAAC,CAAC;SACjF;IACL,CAAC;IATD,wCASC","sourcesContent":["import { ContentModelFormatBase } from 'roosterjs-content-model-types';\nimport { getObjectKeys } from 'roosterjs-editor-dom';\n\n/**\n * Check if the two given formats object are equal. This is a check to value but not to reference\n * @param f1 The first format object to check\n * @param f2 The second format object to check\n */\nexport function areSameFormats<T extends ContentModelFormatBase>(f1: T, f2: T) {\n    if (f1 == f2) {\n        return true;\n    } else {\n        const keys1 = getObjectKeys(f1);\n        const keys2 = getObjectKeys(f2);\n\n        return keys1.length == keys2.length && keys1.every(key => f1[key] == f2[key]);\n    }\n}\n"]}

package/lib-amd/domToModel/utils/getBoundingClientRect.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @internal
+ */
+export declare function getBoundingClientRect(element: Element): DOMRect;

package/lib-amd/domToModel/utils/getBoundingClientRect.js

@@ -0,0 +1,13 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getBoundingClientRect = void 0;
+    /**
+     * @internal
+     */
+    function getBoundingClientRect(element) {
+        return element.getBoundingClientRect();
+    }
+    exports.getBoundingClientRect = getBoundingClientRect;
+});
+//# sourceMappingURL=getBoundingClientRect.js.map

package/lib-amd/domToModel/utils/getBoundingClientRect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getBoundingClientRect.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/utils/getBoundingClientRect.ts"],"names":[],"mappings":";;;;IAAA;;OAEG;IACH,SAAgB,qBAAqB,CAAC,OAAgB;QAClD,OAAO,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAC3C,CAAC;IAFD,sDAEC","sourcesContent":["/**\n * @internal\n */\nexport function getBoundingClientRect(element: Element): DOMRect {\n    return element.getBoundingClientRect();\n}\n"]}

package/lib-amd/domToModel/utils/getDefaultStyle.d.ts

@@ -0,0 +1,9 @@
+import { DomToModelContext } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Get default CSS style of given element
+ * @param element The element to get default style from
+ * @param context The context of DOM to Content Model conversion
+ * @returns A valid CSS style object
+ */
+export declare function getDefaultStyle(element: HTMLElement, context: DomToModelContext): Partial<CSSStyleDeclaration>;

package/lib-amd/domToModel/utils/getDefaultStyle.js

@@ -0,0 +1,18 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getDefaultStyle = void 0;
+    /**
+     * @internal
+     * Get default CSS style of given element
+     * @param element The element to get default style from
+     * @param context The context of DOM to Content Model conversion
+     * @returns A valid CSS style object
+     */
+    function getDefaultStyle(element, context) {
+        var tag = element.tagName.toLowerCase();
+        return context.defaultStyles[tag] || {};
+    }
+    exports.getDefaultStyle = getDefaultStyle;
+});
+//# sourceMappingURL=getDefaultStyle.js.map

package/lib-amd/domToModel/utils/getDefaultStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDefaultStyle.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/utils/getDefaultStyle.ts"],"names":[],"mappings":";;;;IAEA;;;;;;OAMG;IACH,SAAgB,eAAe,CAC3B,OAAoB,EACpB,OAA0B;QAE1B,IAAI,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAA2B,CAAC;QAEjE,OAAO,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;IAC5C,CAAC;IAPD,0CAOC","sourcesContent":["import { DefaultStyleMap, DomToModelContext } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Get default CSS style of given element\n * @param element The element to get default style from\n * @param context The context of DOM to Content Model conversion\n * @returns A valid CSS style object\n */\nexport function getDefaultStyle(\n    element: HTMLElement,\n    context: DomToModelContext\n): Partial<CSSStyleDeclaration> {\n    let tag = element.tagName.toLowerCase() as keyof DefaultStyleMap;\n\n    return context.defaultStyles[tag] || {};\n}\n"]}

package/lib-amd/domToModel/utils/getRegularSelectionOffsets.d.ts

@@ -0,0 +1,9 @@
+import { DomToModelContext } from 'roosterjs-content-model-types';
+/**
+ * Get offset numbers of a regular (range based) selection.
+ * If the selection start/end position is not in the given node, it will return -1 for the related value
+ * @param context DOM to Content Model context used for retrieve the selection
+ * @param currentContainer The container node to check
+ * @returns a tuple of start and end offsets. -1 means selection is not directly under the given node
+ */
+export declare function getRegularSelectionOffsets(context: DomToModelContext, currentContainer: Node): [number, number];

package/lib-amd/domToModel/utils/getRegularSelectionOffsets.js

@@ -0,0 +1,24 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getRegularSelectionOffsets = void 0;
+    /**
+     * Get offset numbers of a regular (range based) selection.
+     * If the selection start/end position is not in the given node, it will return -1 for the related value
+     * @param context DOM to Content Model context used for retrieve the selection
+     * @param currentContainer The container node to check
+     * @returns a tuple of start and end offsets. -1 means selection is not directly under the given node
+     */
+    function getRegularSelectionOffsets(context, currentContainer) {
+        var _a, _b;
+        var startOffset = ((_a = context.regularSelection) === null || _a === void 0 ? void 0 : _a.startContainer) == currentContainer
+            ? context.regularSelection.startOffset
+            : -1;
+        var endOffset = ((_b = context.regularSelection) === null || _b === void 0 ? void 0 : _b.endContainer) == currentContainer
+            ? context.regularSelection.endOffset
+            : -1;
+        return [startOffset, endOffset];
+    }
+    exports.getRegularSelectionOffsets = getRegularSelectionOffsets;
+});
+//# sourceMappingURL=getRegularSelectionOffsets.js.map