roosterjs-content-model-dom 0.10.0

package/lib-amd/modelToDom/handlers/handleTable.js

@@ -0,0 +1,102 @@
+define(["require", "exports", "../utils/applyFormat", "../../domUtils/metadata/updateMetadata", "../../modelApi/common/isEmpty", "roosterjs-editor-dom", "../utils/reuseCachedElement"], function (require, exports, applyFormat_1, updateMetadata_1, isEmpty_1, roosterjs_editor_dom_1, reuseCachedElement_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleTable = void 0;
+    /**
+     * @internal
+     */
+    var handleTable = function (doc, parent, table, context, refNode) {
+        var _a, _b, _c, _d, _e, _f;
+        if ((0, isEmpty_1.isBlockEmpty)(table)) {
+            // Empty table, do not create TABLE element and just return
+            return refNode;
+        }
+        var tableNode = table.cachedElement;
+        if (tableNode) {
+            refNode = (0, reuseCachedElement_1.reuseCachedElement)(parent, tableNode, refNode);
+            (0, roosterjs_editor_dom_1.moveChildNodes)(tableNode);
+        }
+        else {
+            tableNode = doc.createElement('table');
+            table.cachedElement = tableNode;
+            parent.insertBefore(tableNode, refNode);
+            (0, applyFormat_1.applyFormat)(tableNode, context.formatAppliers.block, table.format, context);
+            (0, applyFormat_1.applyFormat)(tableNode, context.formatAppliers.table, table.format, context);
+            (0, applyFormat_1.applyFormat)(tableNode, context.formatAppliers.tableBorder, table.format, context);
+            (0, applyFormat_1.applyFormat)(tableNode, context.formatAppliers.dataset, table.dataset, context);
+        }
+        (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, table, tableNode);
+        var tbody = doc.createElement('tbody');
+        tableNode.appendChild(tbody);
+        for (var row = 0; row < table.rows.length; row++) {
+            var tableRow = table.rows[row];
+            if (tableRow.cells.length == 0) {
+                // Skip empty row
+                continue;
+            }
+            var tr = tableRow.cachedElement || doc.createElement('tr');
+            tbody.appendChild(tr);
+            (0, roosterjs_editor_dom_1.moveChildNodes)(tr);
+            if (!tableRow.cachedElement) {
+                tableRow.cachedElement = tr;
+                (0, applyFormat_1.applyFormat)(tr, context.formatAppliers.tableRow, tableRow.format, context);
+            }
+            (_b = context.onNodeCreated) === null || _b === void 0 ? void 0 : _b.call(context, tableRow, tr);
+            for (var col = 0; col < tableRow.cells.length; col++) {
+                var cell = tableRow.cells[col];
+                if (cell.isSelected) {
+                    context.tableSelection = context.tableSelection || {
+                        table: tableNode,
+                        firstCell: { x: col, y: row },
+                        lastCell: { x: col, y: row },
+                    };
+                    if (context.tableSelection.table == tableNode) {
+                        var lastCell = context.tableSelection.lastCell;
+                        lastCell.x = Math.max(lastCell.x, col);
+                        lastCell.y = Math.max(lastCell.y, row);
+                    }
+                }
+                if (!cell.spanAbove && !cell.spanLeft) {
+                    var td = cell.cachedElement || doc.createElement(cell.isHeader ? 'th' : 'td');
+                    tr.appendChild(td);
+                    var rowSpan = 1;
+                    var colSpan = 1;
+                    var width = table.widths[col];
+                    var height = tableRow.height;
+                    for (; (_d = (_c = table.rows[row + rowSpan]) === null || _c === void 0 ? void 0 : _c.cells[col]) === null || _d === void 0 ? void 0 : _d.spanAbove; rowSpan++) {
+                        height += table.rows[row + rowSpan].height;
+                    }
+                    for (; (_e = tableRow.cells[col + colSpan]) === null || _e === void 0 ? void 0 : _e.spanLeft; colSpan++) {
+                        width += table.widths[col + colSpan];
+                    }
+                    if (rowSpan > 1) {
+                        td.rowSpan = rowSpan;
+                    }
+                    if (colSpan > 1) {
+                        td.colSpan = colSpan;
+                    }
+                    if (!cell.cachedElement || (cell.format.useBorderBox && (0, updateMetadata_1.hasMetadata)(table))) {
+                        if (width > 0 && !td.style.width) {
+                            td.style.width = width + 'px';
+                        }
+                        if (height > 0 && !td.style.height) {
+                            td.style.height = height + 'px';
+                        }
+                    }
+                    if (!cell.cachedElement) {
+                        cell.cachedElement = td;
+                        (0, applyFormat_1.applyFormat)(td, context.formatAppliers.block, cell.format, context);
+                        (0, applyFormat_1.applyFormat)(td, context.formatAppliers.tableCell, cell.format, context);
+                        (0, applyFormat_1.applyFormat)(td, context.formatAppliers.tableCellBorder, cell.format, context);
+                        (0, applyFormat_1.applyFormat)(td, context.formatAppliers.dataset, cell.dataset, context);
+                    }
+                    context.modelHandlers.blockGroupChildren(doc, td, cell, context);
+                    (_f = context.onNodeCreated) === null || _f === void 0 ? void 0 : _f.call(context, cell, td);
+                }
+            }
+        }
+        return refNode;
+    };
+    exports.handleTable = handleTable;
+});
+//# sourceMappingURL=handleTable.js.map

package/lib-amd/modelToDom/handlers/handleTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleTable.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleTable.ts"],"names":[],"mappings":"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","sourcesContent":["import { applyFormat } from '../utils/applyFormat';\nimport { hasMetadata } from '../../domUtils/metadata/updateMetadata';\nimport { isBlockEmpty } from '../../modelApi/common/isEmpty';\nimport { moveChildNodes } from 'roosterjs-editor-dom';\nimport { reuseCachedElement } from '../utils/reuseCachedElement';\nimport {\n    ContentModelBlockHandler,\n    ContentModelTable,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleTable: ContentModelBlockHandler<ContentModelTable> = (\n    doc: Document,\n    parent: Node,\n    table: ContentModelTable,\n    context: ModelToDomContext,\n    refNode: Node | null\n) => {\n    if (isBlockEmpty(table)) {\n        // Empty table, do not create TABLE element and just return\n        return refNode;\n    }\n\n    let tableNode = table.cachedElement;\n\n    if (tableNode) {\n        refNode = reuseCachedElement(parent, tableNode, refNode);\n\n        moveChildNodes(tableNode);\n    } else {\n        tableNode = doc.createElement('table');\n\n        table.cachedElement = tableNode;\n        parent.insertBefore(tableNode, refNode);\n\n        applyFormat(tableNode, context.formatAppliers.block, table.format, context);\n        applyFormat(tableNode, context.formatAppliers.table, table.format, context);\n        applyFormat(tableNode, context.formatAppliers.tableBorder, table.format, context);\n        applyFormat(tableNode, context.formatAppliers.dataset, table.dataset, context);\n    }\n\n    context.onNodeCreated?.(table, tableNode);\n\n    const tbody = doc.createElement('tbody');\n    tableNode.appendChild(tbody);\n\n    for (let row = 0; row < table.rows.length; row++) {\n        const tableRow = table.rows[row];\n\n        if (tableRow.cells.length == 0) {\n            // Skip empty row\n            continue;\n        }\n\n        const tr = tableRow.cachedElement || doc.createElement('tr');\n        tbody.appendChild(tr);\n        moveChildNodes(tr);\n\n        if (!tableRow.cachedElement) {\n            tableRow.cachedElement = tr;\n            applyFormat(tr, context.formatAppliers.tableRow, tableRow.format, context);\n        }\n\n        context.onNodeCreated?.(tableRow, tr);\n\n        for (let col = 0; col < tableRow.cells.length; col++) {\n            const cell = tableRow.cells[col];\n\n            if (cell.isSelected) {\n                context.tableSelection = context.tableSelection || {\n                    table: tableNode,\n                    firstCell: { x: col, y: row },\n                    lastCell: { x: col, y: row },\n                };\n\n                if (context.tableSelection.table == tableNode) {\n                    const lastCell = context.tableSelection.lastCell;\n\n                    lastCell.x = Math.max(lastCell.x, col);\n                    lastCell.y = Math.max(lastCell.y, row);\n                }\n            }\n\n            if (!cell.spanAbove && !cell.spanLeft) {\n                let td = cell.cachedElement || doc.createElement(cell.isHeader ? 'th' : 'td');\n\n                tr.appendChild(td);\n\n                let rowSpan = 1;\n                let colSpan = 1;\n                let width = table.widths[col];\n                let height = tableRow.height;\n\n                for (; table.rows[row + rowSpan]?.cells[col]?.spanAbove; rowSpan++) {\n                    height += table.rows[row + rowSpan].height;\n                }\n                for (; tableRow.cells[col + colSpan]?.spanLeft; colSpan++) {\n                    width += table.widths[col + colSpan];\n                }\n\n                if (rowSpan > 1) {\n                    td.rowSpan = rowSpan;\n                }\n\n                if (colSpan > 1) {\n                    td.colSpan = colSpan;\n                }\n\n                if (!cell.cachedElement || (cell.format.useBorderBox && hasMetadata(table))) {\n                    if (width > 0 && !td.style.width) {\n                        td.style.width = width + 'px';\n                    }\n\n                    if (height > 0 && !td.style.height) {\n                        td.style.height = height + 'px';\n                    }\n                }\n\n                if (!cell.cachedElement) {\n                    cell.cachedElement = td;\n                    applyFormat(td, context.formatAppliers.block, cell.format, context);\n                    applyFormat(td, context.formatAppliers.tableCell, cell.format, context);\n                    applyFormat(td, context.formatAppliers.tableCellBorder, cell.format, context);\n                    applyFormat(td, context.formatAppliers.dataset, cell.dataset, context);\n                }\n\n                context.modelHandlers.blockGroupChildren(doc, td, cell, context);\n\n                context.onNodeCreated?.(cell, td);\n            }\n        }\n    }\n\n    return refNode;\n};\n"]}

package/lib-amd/modelToDom/handlers/handleText.d.ts

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

package/lib-amd/modelToDom/handlers/handleText.js

@@ -0,0 +1,17 @@
+define(["require", "exports", "../utils/handleSegmentCommon"], function (require, exports, handleSegmentCommon_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleText = void 0;
+    /**
+     * @internal
+     */
+    var handleText = function (doc, parent, segment, context) {
+        var txt = doc.createTextNode(segment.text);
+        var element = doc.createElement('span');
+        parent.appendChild(element);
+        element.appendChild(txt);
+        (0, handleSegmentCommon_1.handleSegmentCommon)(doc, txt, element, segment, context);
+    };
+    exports.handleText = handleText;
+});
+//# sourceMappingURL=handleText.js.map

package/lib-amd/modelToDom/handlers/handleText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleText.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleText.ts"],"names":[],"mappings":";;;;IAOA;;OAEG;IACI,IAAM,UAAU,GAA0C,UAC7D,GAAa,EACb,MAAY,EACZ,OAAyB,EACzB,OAA0B;QAE1B,IAAM,GAAG,GAAG,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAM,OAAO,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAE1C,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC5B,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAEzB,IAAA,yCAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC7D,CAAC,CAAC;IAbW,QAAA,UAAU,cAarB","sourcesContent":["import { handleSegmentCommon } from '../utils/handleSegmentCommon';\nimport {\n    ContentModelHandler,\n    ContentModelText,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleText: ContentModelHandler<ContentModelText> = (\n    doc: Document,\n    parent: Node,\n    segment: ContentModelText,\n    context: ModelToDomContext\n) => {\n    const txt = doc.createTextNode(segment.text);\n    const element = doc.createElement('span');\n\n    parent.appendChild(element);\n    element.appendChild(txt);\n\n    handleSegmentCommon(doc, txt, element, segment, context);\n};\n"]}

package/lib-amd/modelToDom/optimizers/mergeNode.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @internal
+ */
+export declare function mergeNode(root: Node): void;

package/lib-amd/modelToDom/optimizers/mergeNode.js

@@ -0,0 +1,43 @@
+define(["require", "exports", "../../domUtils/isNodeOfType"], function (require, exports, isNodeOfType_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.mergeNode = void 0;
+    var OptimizeTags = ['SPAN', 'B', 'EM', 'I', 'U', 'SUB', 'SUP', 'STRIKE', 'S', 'A', 'CODE'];
+    /**
+     * @internal
+     */
+    function mergeNode(root) {
+        for (var child = root.firstChild; child;) {
+            var next = child.nextSibling;
+            if (next &&
+                (0, isNodeOfType_1.isNodeOfType)(child, 1 /* Element */) &&
+                (0, isNodeOfType_1.isNodeOfType)(next, 1 /* Element */) &&
+                child.tagName == next.tagName &&
+                OptimizeTags.indexOf(child.tagName) >= 0 &&
+                hasSameAttributes(child, next)) {
+                while (next.firstChild) {
+                    child.appendChild(next.firstChild);
+                }
+                next.parentNode.removeChild(next);
+            }
+            else {
+                child = next;
+            }
+        }
+    }
+    exports.mergeNode = mergeNode;
+    function hasSameAttributes(element1, element2) {
+        var attr1 = element1.attributes;
+        var attr2 = element2.attributes;
+        if (attr1.length != attr2.length) {
+            return false;
+        }
+        for (var i = 0; i < attr1.length; i++) {
+            if (attr1[i].name != attr2[i].name || attr1[i].value != attr2[i].value) {
+                return false;
+            }
+        }
+        return true;
+    }
+});
+//# sourceMappingURL=mergeNode.js.map

package/lib-amd/modelToDom/optimizers/mergeNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeNode.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/optimizers/mergeNode.ts"],"names":[],"mappings":";;;;IAGA,IAAM,YAAY,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;IAE7F;;OAEG;IACH,SAAgB,SAAS,CAAC,IAAU;QAChC,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAI;YACvC,IAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC;YAE/B,IACI,IAAI;gBACJ,IAAA,2BAAY,EAAC,KAAK,kBAAmB;gBACrC,IAAA,2BAAY,EAAC,IAAI,kBAAmB;gBACpC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO;gBAC7B,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBACxC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,EAChC;gBACE,OAAO,IAAI,CAAC,UAAU,EAAE;oBACpB,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;iBACtC;gBAED,IAAI,CAAC,UAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;aACtC;iBAAM;gBACH,KAAK,GAAG,IAAI,CAAC;aAChB;SACJ;IACL,CAAC;IArBD,8BAqBC;IAED,SAAS,iBAAiB,CAAC,QAAqB,EAAE,QAAqB;QACnE,IAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC;QAClC,IAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC;QAElC,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE;YAC9B,OAAO,KAAK,CAAC;SAChB;QAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACnC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;gBACpE,OAAO,KAAK,CAAC;aAChB;SACJ;QAED,OAAO,IAAI,CAAC;IAChB,CAAC","sourcesContent":["import { isNodeOfType } from '../../domUtils/isNodeOfType';\nimport { NodeType } from 'roosterjs-editor-types';\n\nconst OptimizeTags = ['SPAN', 'B', 'EM', 'I', 'U', 'SUB', 'SUP', 'STRIKE', 'S', 'A', 'CODE'];\n\n/**\n * @internal\n */\nexport function mergeNode(root: Node) {\n    for (let child = root.firstChild; child; ) {\n        const next = child.nextSibling;\n\n        if (\n            next &&\n            isNodeOfType(child, NodeType.Element) &&\n            isNodeOfType(next, NodeType.Element) &&\n            child.tagName == next.tagName &&\n            OptimizeTags.indexOf(child.tagName) >= 0 &&\n            hasSameAttributes(child, next)\n        ) {\n            while (next.firstChild) {\n                child.appendChild(next.firstChild);\n            }\n\n            next.parentNode!.removeChild(next);\n        } else {\n            child = next;\n        }\n    }\n}\n\nfunction hasSameAttributes(element1: HTMLElement, element2: HTMLElement) {\n    const attr1 = element1.attributes;\n    const attr2 = element2.attributes;\n\n    if (attr1.length != attr2.length) {\n        return false;\n    }\n\n    for (let i = 0; i < attr1.length; i++) {\n        if (attr1[i].name != attr2[i].name || attr1[i].value != attr2[i].value) {\n            return false;\n        }\n    }\n\n    return true;\n}\n"]}

package/lib-amd/modelToDom/optimizers/optimize.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @internal
+ */
+export declare function optimize(root: Node): void;

package/lib-amd/modelToDom/optimizers/optimize.js

@@ -0,0 +1,24 @@
+define(["require", "exports", "../../domUtils/isNodeOfType", "./mergeNode", "./removeUnnecessarySpan"], function (require, exports, isNodeOfType_1, mergeNode_1, removeUnnecessarySpan_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.optimize = void 0;
+    /**
+     * @internal
+     */
+    function optimize(root) {
+        /**
+         * Do no do any optimization to entity
+         */
+        if ((0, isNodeOfType_1.isNodeOfType)(root, 1 /* Element */) &&
+            root.classList.contains("_Entity" /* ENTITY_INFO_NAME */)) {
+            return;
+        }
+        (0, removeUnnecessarySpan_1.removeUnnecessarySpan)(root);
+        (0, mergeNode_1.mergeNode)(root);
+        for (var child = root.firstChild; child; child = child.nextSibling) {
+            optimize(child);
+        }
+    }
+    exports.optimize = optimize;
+});
+//# sourceMappingURL=optimize.js.map

package/lib-amd/modelToDom/optimizers/optimize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optimize.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/optimizers/optimize.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACH,SAAgB,QAAQ,CAAC,IAAU;QAC/B;;WAEG;QACH,IACI,IAAA,2BAAY,EAAC,IAAI,kBAAmB;YACpC,IAAI,CAAC,SAAS,CAAC,QAAQ,kCAAgC,EACzD;YACE,OAAO;SACV;QAED,IAAA,6CAAqB,EAAC,IAAI,CAAC,CAAC;QAC5B,IAAA,qBAAS,EAAC,IAAI,CAAC,CAAC;QAEhB,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE;YAChE,QAAQ,CAAC,KAAK,CAAC,CAAC;SACnB;IACL,CAAC;IAjBD,4BAiBC","sourcesContent":["import { EntityClasses, NodeType } from 'roosterjs-editor-types';\nimport { isNodeOfType } from '../../domUtils/isNodeOfType';\nimport { mergeNode } from './mergeNode';\nimport { removeUnnecessarySpan } from './removeUnnecessarySpan';\n\n/**\n * @internal\n */\nexport function optimize(root: Node) {\n    /**\n     * Do no do any optimization to entity\n     */\n    if (\n        isNodeOfType(root, NodeType.Element) &&\n        root.classList.contains(EntityClasses.ENTITY_INFO_NAME)\n    ) {\n        return;\n    }\n\n    removeUnnecessarySpan(root);\n    mergeNode(root);\n\n    for (let child = root.firstChild; child; child = child.nextSibling) {\n        optimize(child);\n    }\n}\n"]}

package/lib-amd/modelToDom/optimizers/removeUnnecessarySpan.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @internal
+ */
+export declare function removeUnnecessarySpan(root: Node): void;

package/lib-amd/modelToDom/optimizers/removeUnnecessarySpan.js

@@ -0,0 +1,30 @@
+define(["require", "exports", "../../domUtils/isNodeOfType"], function (require, exports, isNodeOfType_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.removeUnnecessarySpan = void 0;
+    /**
+     * @internal
+     */
+    function removeUnnecessarySpan(root) {
+        for (var child = root.firstChild; child;) {
+            if ((0, isNodeOfType_1.isNodeOfType)(child, 1 /* Element */) &&
+                child.tagName == 'SPAN' &&
+                child.attributes.length == 0) {
+                var node = child;
+                var refNode = child.nextSibling;
+                child = child.nextSibling;
+                while (node.lastChild) {
+                    var newNode = node.lastChild;
+                    root.insertBefore(newNode, refNode);
+                    refNode = newNode;
+                }
+                root.removeChild(node);
+            }
+            else {
+                child = child.nextSibling;
+            }
+        }
+    }
+    exports.removeUnnecessarySpan = removeUnnecessarySpan;
+});
+//# sourceMappingURL=removeUnnecessarySpan.js.map

package/lib-amd/modelToDom/optimizers/removeUnnecessarySpan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeUnnecessarySpan.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/optimizers/removeUnnecessarySpan.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACH,SAAgB,qBAAqB,CAAC,IAAU;QAC5C,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAI;YACvC,IACI,IAAA,2BAAY,EAAC,KAAK,kBAAmB;gBACrC,KAAK,CAAC,OAAO,IAAI,MAAM;gBACvB,KAAK,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,EAC9B;gBACE,IAAM,IAAI,GAAG,KAAK,CAAC;gBACnB,IAAI,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;gBAChC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC;gBAE1B,OAAO,IAAI,CAAC,SAAS,EAAE;oBACnB,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;oBAC/B,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;oBACpC,OAAO,GAAG,OAAO,CAAC;iBACrB;gBAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;aAC1B;iBAAM;gBACH,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC;aAC7B;SACJ;IACL,CAAC;IAtBD,sDAsBC","sourcesContent":["import { isNodeOfType } from '../../domUtils/isNodeOfType';\nimport { NodeType } from 'roosterjs-editor-types';\n\n/**\n * @internal\n */\nexport function removeUnnecessarySpan(root: Node) {\n    for (let child = root.firstChild; child; ) {\n        if (\n            isNodeOfType(child, NodeType.Element) &&\n            child.tagName == 'SPAN' &&\n            child.attributes.length == 0\n        ) {\n            const node = child;\n            let refNode = child.nextSibling;\n            child = child.nextSibling;\n\n            while (node.lastChild) {\n                const newNode = node.lastChild;\n                root.insertBefore(newNode, refNode);\n                refNode = newNode;\n            }\n\n            root.removeChild(node);\n        } else {\n            child = child.nextSibling;\n        }\n    }\n}\n"]}

package/lib-amd/modelToDom/utils/applyFormat.d.ts

@@ -0,0 +1,10 @@
+import { ContentModelFormatBase, FormatApplier, ModelToDomContext } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * Apply formats to the given HTML element using specified appliers
+ * @param element The element to apply formats to
+ * @param appliers The appliers we are using to apply formats
+ * @param format The format object we get format info from
+ * @param context Content Model to DOM context
+ */
+export declare function applyFormat<T extends ContentModelFormatBase>(element: HTMLElement, appliers: (FormatApplier<T> | null)[], format: T, context: ModelToDomContext): void;

package/lib-amd/modelToDom/utils/applyFormat.js

@@ -0,0 +1,20 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.applyFormat = void 0;
+    /**
+     * @internal
+     * Apply formats to the given HTML element using specified appliers
+     * @param element The element to apply formats to
+     * @param appliers The appliers we are using to apply formats
+     * @param format The format object we get format info from
+     * @param context Content Model to DOM context
+     */
+    function applyFormat(element, appliers, format, context) {
+        appliers.forEach(function (applier) {
+            applier === null || applier === void 0 ? void 0 : applier(format, element, context);
+        });
+    }
+    exports.applyFormat = applyFormat;
+});
+//# sourceMappingURL=applyFormat.js.map

package/lib-amd/modelToDom/utils/applyFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyFormat.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/utils/applyFormat.ts"],"names":[],"mappings":";;;;IAMA;;;;;;;OAOG;IACH,SAAgB,WAAW,CACvB,OAAoB,EACpB,QAAqC,EACrC,MAAS,EACT,OAA0B;QAE1B,QAAQ,CAAC,OAAO,CAAC,UAAA,OAAO;YACpB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACP,CAAC;IATD,kCASC","sourcesContent":["import {\n    ContentModelFormatBase,\n    FormatApplier,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * Apply formats to the given HTML element using specified appliers\n * @param element The element to apply formats to\n * @param appliers The appliers we are using to apply formats\n * @param format The format object we get format info from\n * @param context Content Model to DOM context\n */\nexport function applyFormat<T extends ContentModelFormatBase>(\n    element: HTMLElement,\n    appliers: (FormatApplier<T> | null)[],\n    format: T,\n    context: ModelToDomContext\n) {\n    appliers.forEach(applier => {\n        applier?.(format, element, context);\n    });\n}\n"]}

package/lib-amd/modelToDom/utils/handleSegmentCommon.d.ts

@@ -0,0 +1,5 @@
+import { ContentModelSegment, ModelToDomContext } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function handleSegmentCommon(doc: Document, segmentNode: Node, containerNode: HTMLElement, segment: ContentModelSegment, context: ModelToDomContext): void;

package/lib-amd/modelToDom/utils/handleSegmentCommon.js

@@ -0,0 +1,20 @@
+define(["require", "exports", "./applyFormat"], function (require, exports, applyFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleSegmentCommon = void 0;
+    /**
+     * @internal
+     */
+    function handleSegmentCommon(doc, segmentNode, containerNode, segment, context) {
+        var _a;
+        if (!segmentNode.firstChild) {
+            context.regularSelection.current.segment = segmentNode;
+        }
+        (0, applyFormat_1.applyFormat)(containerNode, context.formatAppliers.styleBasedSegment, segment.format, context);
+        context.modelHandlers.segmentDecorator(doc, containerNode, segment, context);
+        (0, applyFormat_1.applyFormat)(containerNode, context.formatAppliers.elementBasedSegment, segment.format, context);
+        (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, segment, segmentNode);
+    }
+    exports.handleSegmentCommon = handleSegmentCommon;
+});
+//# sourceMappingURL=handleSegmentCommon.js.map

package/lib-amd/modelToDom/utils/handleSegmentCommon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleSegmentCommon.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/utils/handleSegmentCommon.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACH,SAAgB,mBAAmB,CAC/B,GAAa,EACb,WAAiB,EACjB,aAA0B,EAC1B,OAA4B,EAC5B,OAA0B;;QAE1B,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE;YACzB,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,GAAG,WAAW,CAAC;SAC1D;QAED,IAAA,yBAAW,EAAC,aAAa,EAAE,OAAO,CAAC,cAAc,CAAC,iBAAiB,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAE9F,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAE7E,IAAA,yBAAW,EAAC,aAAa,EAAE,OAAO,CAAC,cAAc,CAAC,mBAAmB,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAEhG,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,OAAO,EAAE,WAAW,CAAC,CAAC;IAClD,CAAC;IAlBD,kDAkBC","sourcesContent":["import { applyFormat } from './applyFormat';\nimport { ContentModelSegment, ModelToDomContext } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function handleSegmentCommon(\n    doc: Document,\n    segmentNode: Node,\n    containerNode: HTMLElement,\n    segment: ContentModelSegment,\n    context: ModelToDomContext\n) {\n    if (!segmentNode.firstChild) {\n        context.regularSelection.current.segment = segmentNode;\n    }\n\n    applyFormat(containerNode, context.formatAppliers.styleBasedSegment, segment.format, context);\n\n    context.modelHandlers.segmentDecorator(doc, containerNode, segment, context);\n\n    applyFormat(containerNode, context.formatAppliers.elementBasedSegment, segment.format, context);\n\n    context.onNodeCreated?.(segment, segmentNode);\n}\n"]}

package/lib-amd/modelToDom/utils/reuseCachedElement.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @internal
+ */
+export declare function reuseCachedElement(parent: Node, element: Node, refNode: Node | null): Node | null;
+/**
+ * @internal
+ */
+export declare function removeNode(node: Node): Node | null;

package/lib-amd/modelToDom/utils/reuseCachedElement.js

@@ -0,0 +1,46 @@
+define(["require", "exports", "roosterjs-editor-dom", "../../domUtils/isNodeOfType"], function (require, exports, roosterjs_editor_dom_1, isNodeOfType_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.removeNode = exports.reuseCachedElement = void 0;
+    /**
+     * @internal
+     */
+    function reuseCachedElement(parent, element, refNode) {
+        var _a;
+        if (element.parentNode == parent) {
+            // Remove nodes before the one we are hitting since they don't appear in Content Model at this position.
+            // But we don't want to touch entity since it would better to keep entity at its place unless it is removed
+            // In that case we will remove it after we have handled all other nodes
+            while (refNode && refNode != element && !isEntity(refNode)) {
+                var next = refNode.nextSibling;
+                (_a = refNode.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(refNode);
+                refNode = next;
+            }
+            if (refNode && refNode == element) {
+                refNode = refNode.nextSibling;
+            }
+            else {
+                parent.insertBefore(element, refNode);
+            }
+        }
+        else {
+            parent.insertBefore(element, refNode);
+        }
+        return refNode;
+    }
+    exports.reuseCachedElement = reuseCachedElement;
+    /**
+     * @internal
+     */
+    function removeNode(node) {
+        var _a;
+        var next = node.nextSibling;
+        (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(node);
+        return next;
+    }
+    exports.removeNode = removeNode;
+    function isEntity(node) {
+        return (0, isNodeOfType_1.isNodeOfType)(node, 1 /* Element */) && !!(0, roosterjs_editor_dom_1.getEntityFromElement)(node);
+    }
+});
+//# sourceMappingURL=reuseCachedElement.js.map

package/lib-amd/modelToDom/utils/reuseCachedElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reuseCachedElement.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/utils/reuseCachedElement.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACH,SAAgB,kBAAkB,CAAC,MAAY,EAAE,OAAa,EAAE,OAAoB;;QAChF,IAAI,OAAO,CAAC,UAAU,IAAI,MAAM,EAAE;YAC9B,wGAAwG;YACxG,2GAA2G;YAC3G,uEAAuE;YACvE,OAAO,OAAO,IAAI,OAAO,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;gBACxD,IAAM,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC;gBAEjC,MAAA,OAAO,CAAC,UAAU,0CAAE,WAAW,CAAC,OAAO,CAAC,CAAC;gBACzC,OAAO,GAAG,IAAI,CAAC;aAClB;YAED,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO,EAAE;gBAC/B,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC;aACjC;iBAAM;gBACH,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;aACzC;SACJ;aAAM;YACH,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;SACzC;QAED,OAAO,OAAO,CAAC;IACnB,CAAC;IAtBD,gDAsBC;IAED;;OAEG;IACH,SAAgB,UAAU,CAAC,IAAU;;QACjC,IAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC;QAC9B,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAEnC,OAAO,IAAI,CAAC;IAChB,CAAC;IALD,gCAKC;IAED,SAAS,QAAQ,CAAC,IAAU;QACxB,OAAO,IAAA,2BAAY,EAAC,IAAI,kBAAmB,IAAI,CAAC,CAAC,IAAA,2CAAoB,EAAC,IAAI,CAAC,CAAC;IAChF,CAAC","sourcesContent":["import { getEntityFromElement } from 'roosterjs-editor-dom';\nimport { isNodeOfType } from '../../domUtils/isNodeOfType';\nimport { NodeType } from 'roosterjs-editor-types';\n\n/**\n * @internal\n */\nexport function reuseCachedElement(parent: Node, element: Node, refNode: Node | null): Node | null {\n    if (element.parentNode == parent) {\n        // Remove nodes before the one we are hitting since they don't appear in Content Model at this position.\n        // But we don't want to touch entity since it would better to keep entity at its place unless it is removed\n        // In that case we will remove it after we have handled all other nodes\n        while (refNode && refNode != element && !isEntity(refNode)) {\n            const next = refNode.nextSibling;\n\n            refNode.parentNode?.removeChild(refNode);\n            refNode = next;\n        }\n\n        if (refNode && refNode == element) {\n            refNode = refNode.nextSibling;\n        } else {\n            parent.insertBefore(element, refNode);\n        }\n    } else {\n        parent.insertBefore(element, refNode);\n    }\n\n    return refNode;\n}\n\n/**\n * @internal\n */\nexport function removeNode(node: Node): Node | null {\n    const next = node.nextSibling;\n    node.parentNode?.removeChild(node);\n\n    return next;\n}\n\nfunction isEntity(node: Node) {\n    return isNodeOfType(node, NodeType.Element) && !!getEntityFromElement(node);\n}\n"]}

package/lib-amd/modelToDom/utils/stackFormat.d.ts

@@ -0,0 +1,5 @@
+import { ContentModelBlockFormat, ContentModelSegmentFormat, ModelToDomContext } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function stackFormat(context: ModelToDomContext, tagNameOrFormat: string | (ContentModelSegmentFormat & ContentModelBlockFormat) | null, callback: () => void): void;

package/lib-amd/modelToDom/utils/stackFormat.js

@@ -0,0 +1,28 @@
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.stackFormat = void 0;
+    /**
+     * @internal
+     */
+    function stackFormat(context, tagNameOrFormat, callback) {
+        var newFormat = typeof tagNameOrFormat === 'string'
+            ? context.defaultImplicitFormatMap[tagNameOrFormat]
+            : tagNameOrFormat;
+        if (newFormat) {
+            var implicitFormat = context.implicitFormat;
+            try {
+                context.implicitFormat = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, implicitFormat), newFormat);
+                callback();
+            }
+            finally {
+                context.implicitFormat = implicitFormat;
+            }
+        }
+        else {
+            callback();
+        }
+    }
+    exports.stackFormat = stackFormat;
+});
+//# sourceMappingURL=stackFormat.js.map

package/lib-amd/modelToDom/utils/stackFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stackFormat.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/utils/stackFormat.ts"],"names":[],"mappings":";;;;IAMA;;OAEG;IACH,SAAgB,WAAW,CACvB,OAA0B,EAC1B,eAAsF,EACtF,QAAoB;QAEpB,IAAM,SAAS,GACX,OAAO,eAAe,KAAK,QAAQ;YAC/B,CAAC,CAAC,OAAO,CAAC,wBAAwB,CAAC,eAAe,CAAC;YACnD,CAAC,CAAC,eAAe,CAAC;QAE1B,IAAI,SAAS,EAAE;YACX,IAAM,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;YAE9C,IAAI;gBACA,OAAO,CAAC,cAAc,mDACf,cAAc,GACd,SAAS,CACf,CAAC;gBAEF,QAAQ,EAAE,CAAC;aACd;oBAAS;gBACN,OAAO,CAAC,cAAc,GAAG,cAAc,CAAC;aAC3C;SACJ;aAAM;YACH,QAAQ,EAAE,CAAC;SACd;IACL,CAAC;IA1BD,kCA0BC","sourcesContent":["import {\n    ContentModelBlockFormat,\n    ContentModelSegmentFormat,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport function stackFormat(\n    context: ModelToDomContext,\n    tagNameOrFormat: string | (ContentModelSegmentFormat & ContentModelBlockFormat) | null,\n    callback: () => void\n) {\n    const newFormat =\n        typeof tagNameOrFormat === 'string'\n            ? context.defaultImplicitFormatMap[tagNameOrFormat]\n            : tagNameOrFormat;\n\n    if (newFormat) {\n        const implicitFormat = context.implicitFormat;\n\n        try {\n            context.implicitFormat = {\n                ...implicitFormat,\n                ...newFormat,\n            };\n\n            callback();\n        } finally {\n            context.implicitFormat = implicitFormat;\n        }\n    } else {\n        callback();\n    }\n}\n"]}

package/lib-mjs/domToModel/context/createDomToModelContext.d.ts

@@ -0,0 +1,7 @@
+import { DomToModelContext, DomToModelOption, EditorContext } from 'roosterjs-content-model-types';
+/**
+ * Create context object form DOM to Content Model conversion
+ * @param editorContext Context of editor
+ * @param options Options for this context
+ */
+export declare function createDomToModelContext(editorContext?: EditorContext, options?: DomToModelOption): DomToModelContext;

package/lib-mjs/domToModel/context/createDomToModelContext.js

@@ -0,0 +1,61 @@
+import { __assign } from "tslib";
+import { defaultFormatParsers, getFormatParsers } from '../../formatHandlers/defaultFormatHandlers';
+import { defaultProcessorMap } from './defaultProcessors';
+import { defaultStyleMap } from '../../formatHandlers/utils/defaultStyles';
+/**
+ * Create context object form DOM to Content Model conversion
+ * @param editorContext Context of editor
+ * @param options Options for this context
+ */
+export function createDomToModelContext(editorContext, options) {
+    var context = __assign(__assign({}, editorContext), { blockFormat: {}, segmentFormat: {}, zoomScaleFormat: {}, isInSelection: false, listFormat: {
+            levels: [],
+            threadItemCounts: [],
+        }, link: {
+            format: {},
+            dataset: {},
+        }, code: {
+            format: {},
+        }, blockDecorator: {
+            format: {},
+            tagName: '',
+        }, elementProcessors: __assign(__assign({}, defaultProcessorMap), ((options === null || options === void 0 ? void 0 : options.processorOverride) || {})), defaultStyles: __assign(__assign({}, defaultStyleMap), ((options === null || options === void 0 ? void 0 : options.defaultStyleOverride) || {})), formatParsers: getFormatParsers(options === null || options === void 0 ? void 0 : options.formatParserOverride, options === null || options === void 0 ? void 0 : options.additionalFormatParsers), defaultElementProcessors: defaultProcessorMap, defaultFormatParsers: defaultFormatParsers, allowCacheElement: !(options === null || options === void 0 ? void 0 : options.disableCacheElement) });
+    var range = options === null || options === void 0 ? void 0 : options.selectionRange;
+    var selectionRoot;
+    switch (range === null || range === void 0 ? void 0 : range.type) {
+        case 0 /* Normal */:
+            var regularRange = range.ranges[0];
+            if (regularRange) {
+                selectionRoot = regularRange.commonAncestorContainer;
+                context.regularSelection = {
+                    startContainer: regularRange.startContainer,
+                    startOffset: regularRange.startOffset,
+                    endContainer: regularRange.endContainer,
+                    endOffset: regularRange.endOffset,
+                    isSelectionCollapsed: regularRange.collapsed,
+                };
+            }
+            break;
+        case 1 /* TableSelection */:
+            if (range.coordinates && range.table) {
+                selectionRoot = range.table;
+                context.tableSelection = {
+                    table: range.table,
+                    firstCell: __assign({}, range.coordinates.firstCell),
+                    lastCell: __assign({}, range.coordinates.lastCell),
+                };
+            }
+            break;
+        case 2 /* ImageSelection */:
+            selectionRoot = range.image;
+            context.imageSelection = {
+                image: range.image,
+            };
+            break;
+    }
+    if (selectionRoot) {
+        context.selectionRootNode = selectionRoot;
+    }
+    return context;
+}
+//# sourceMappingURL=createDomToModelContext.js.map

package/lib-mjs/domToModel/context/createDomToModelContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDomToModelContext.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/context/createDomToModelContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACpG,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAI3E;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CACnC,aAA6B,EAC7B,OAA0B;IAE1B,IAAM,OAAO,yBACN,aAAa,KAEhB,WAAW,EAAE,EAAE,EACf,aAAa,EAAE,EAAE,EACjB,eAAe,EAAE,EAAE,EACnB,aAAa,EAAE,KAAK,EAEpB,UAAU,EAAE;YACR,MAAM,EAAE,EAAE;YACV,gBAAgB,EAAE,EAAE;SACvB,EACD,IAAI,EAAE;YACF,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACd,EACD,IAAI,EAAE;YACF,MAAM,EAAE,EAAE;SACb,EACD,cAAc,EAAE;YACZ,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACd,EAED,iBAAiB,wBACV,mBAAmB,GACnB,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,KAAI,EAAE,CAAC,GAGzC,aAAa,wBACN,eAAe,GACf,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,oBAAoB,KAAI,EAAE,CAAC,GAG5C,aAAa,EAAE,gBAAgB,CAC3B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,oBAAoB,EAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,uBAAuB,CACnC,EAED,wBAAwB,EAAE,mBAAmB,EAC7C,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAA,GACnD,CAAC;IAEF,IAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,CAAC;IACtC,IAAI,aAA+B,CAAC;IAEpC,QAAQ,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE;QACjB;YACI,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI,YAAY,EAAE;gBACd,aAAa,GAAG,YAAY,CAAC,uBAAuB,CAAC;gBACrD,OAAO,CAAC,gBAAgB,GAAG;oBACvB,cAAc,EAAE,YAAY,CAAC,cAAc;oBAC3C,WAAW,EAAE,YAAY,CAAC,WAAW;oBACrC,YAAY,EAAE,YAAY,CAAC,YAAY;oBACvC,SAAS,EAAE,YAAY,CAAC,SAAS;oBACjC,oBAAoB,EAAE,YAAY,CAAC,SAAS;iBAC/C,CAAC;aACL;YACD,MAAM;QAEV;YACI,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,EAAE;gBAClC,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC;gBAC5B,OAAO,CAAC,cAAc,GAAG;oBACrB,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,SAAS,eAAO,KAAK,CAAC,WAAW,CAAC,SAAS,CAAE;oBAC7C,QAAQ,eAAO,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAE;iBAC9C,CAAC;aACL;YAED,MAAM;QAEV;YACI,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC;YAC5B,OAAO,CAAC,cAAc,GAAG;gBACrB,KAAK,EAAE,KAAK,CAAC,KAAK;aACrB,CAAC;YACF,MAAM;KACb;IAED,IAAI,aAAa,EAAE;QACf,OAAO,CAAC,iBAAiB,GAAG,aAAa,CAAC;KAC7C;IAED,OAAO,OAAO,CAAC;AACnB,CAAC","sourcesContent":["import { defaultFormatParsers, getFormatParsers } from '../../formatHandlers/defaultFormatHandlers';\nimport { defaultProcessorMap } from './defaultProcessors';\nimport { defaultStyleMap } from '../../formatHandlers/utils/defaultStyles';\nimport { DomToModelContext, DomToModelOption, EditorContext } from 'roosterjs-content-model-types';\nimport { SelectionRangeTypes } from 'roosterjs-editor-types';\n\n/**\n * Create context object form DOM to Content Model conversion\n * @param editorContext Context of editor\n * @param options Options for this context\n */\nexport function createDomToModelContext(\n    editorContext?: EditorContext,\n    options?: DomToModelOption\n): DomToModelContext {\n    const context: DomToModelContext = {\n        ...editorContext,\n\n        blockFormat: {},\n        segmentFormat: {},\n        zoomScaleFormat: {},\n        isInSelection: false,\n\n        listFormat: {\n            levels: [],\n            threadItemCounts: [],\n        },\n        link: {\n            format: {},\n            dataset: {},\n        },\n        code: {\n            format: {},\n        },\n        blockDecorator: {\n            format: {},\n            tagName: '',\n        },\n\n        elementProcessors: {\n            ...defaultProcessorMap,\n            ...(options?.processorOverride || {}),\n        },\n\n        defaultStyles: {\n            ...defaultStyleMap,\n            ...(options?.defaultStyleOverride || {}),\n        },\n\n        formatParsers: getFormatParsers(\n            options?.formatParserOverride,\n            options?.additionalFormatParsers\n        ),\n\n        defaultElementProcessors: defaultProcessorMap,\n        defaultFormatParsers: defaultFormatParsers,\n        allowCacheElement: !options?.disableCacheElement,\n    };\n\n    const range = options?.selectionRange;\n    let selectionRoot: Node | undefined;\n\n    switch (range?.type) {\n        case SelectionRangeTypes.Normal:\n            const regularRange = range.ranges[0];\n            if (regularRange) {\n                selectionRoot = regularRange.commonAncestorContainer;\n                context.regularSelection = {\n                    startContainer: regularRange.startContainer,\n                    startOffset: regularRange.startOffset,\n                    endContainer: regularRange.endContainer,\n                    endOffset: regularRange.endOffset,\n                    isSelectionCollapsed: regularRange.collapsed,\n                };\n            }\n            break;\n\n        case SelectionRangeTypes.TableSelection:\n            if (range.coordinates && range.table) {\n                selectionRoot = range.table;\n                context.tableSelection = {\n                    table: range.table,\n                    firstCell: { ...range.coordinates.firstCell },\n                    lastCell: { ...range.coordinates.lastCell },\n                };\n            }\n\n            break;\n\n        case SelectionRangeTypes.ImageSelection:\n            selectionRoot = range.image;\n            context.imageSelection = {\n                image: range.image,\n            };\n            break;\n    }\n\n    if (selectionRoot) {\n        context.selectionRootNode = selectionRoot;\n    }\n\n    return context;\n}\n"]}

package/lib-mjs/domToModel/context/defaultProcessors.d.ts

@@ -0,0 +1,5 @@
+import { ElementProcessorMap } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const defaultProcessorMap: ElementProcessorMap;

package/lib-mjs/domToModel/context/defaultProcessors.js

@@ -0,0 +1,61 @@
+import { brProcessor } from '../processors/brProcessor';
+import { childProcessor } from '../processors/childProcessor';
+import { codeProcessor } from '../processors/codeProcessor';
+import { delimiterProcessor } from '../processors/delimiterProcessor';
+import { elementProcessor } from '../processors/elementProcessor';
+import { entityProcessor } from '../processors/entityProcessor';
+import { fontProcessor } from '../processors/fontProcessor';
+import { formatContainerProcessor } from '../processors/formatContainerProcessor';
+import { generalProcessor } from '../processors/generalProcessor';
+import { headingProcessor } from '../processors/headingProcessor';
+import { hrProcessor } from '../processors/hrProcessor';
+import { imageProcessor } from '../processors/imageProcessor';
+import { knownElementProcessor } from '../processors/knownElementProcessor';
+import { linkProcessor } from '../processors/linkProcessor';
+import { listItemProcessor } from '../processors/listItemProcessor';
+import { listProcessor } from '../processors/listProcessor';
+import { pProcessor } from '../processors/pProcessor';
+import { tableProcessor } from '../processors/tableProcessor';
+import { textProcessor } from '../processors/textProcessor';
+/**
+ * @internal
+ */
+export var defaultProcessorMap = {
+    a: linkProcessor,
+    b: knownElementProcessor,
+    blockquote: knownElementProcessor,
+    br: brProcessor,
+    code: codeProcessor,
+    div: knownElementProcessor,
+    em: knownElementProcessor,
+    font: fontProcessor,
+    i: knownElementProcessor,
+    img: imageProcessor,
+    h1: headingProcessor,
+    h2: headingProcessor,
+    h3: headingProcessor,
+    h4: headingProcessor,
+    h5: headingProcessor,
+    h6: headingProcessor,
+    hr: hrProcessor,
+    li: listItemProcessor,
+    ol: listProcessor,
+    p: pProcessor,
+    pre: formatContainerProcessor,
+    s: knownElementProcessor,
+    span: knownElementProcessor,
+    strike: knownElementProcessor,
+    strong: knownElementProcessor,
+    sub: knownElementProcessor,
+    sup: knownElementProcessor,
+    table: tableProcessor,
+    u: knownElementProcessor,
+    ul: listProcessor,
+    '*': generalProcessor,
+    '#text': textProcessor,
+    element: elementProcessor,
+    entity: entityProcessor,
+    child: childProcessor,
+    delimiter: delimiterProcessor,
+};
+//# sourceMappingURL=defaultProcessors.js.map