roosterjs-content-model-dom 0.10.0

package/lib-mjs/modelToDom/handlers/handleImage.js

@@ -0,0 +1,37 @@
+import { applyFormat } from '../utils/applyFormat';
+import { handleSegmentCommon } from '../utils/handleSegmentCommon';
+import { parseValueWithUnit } from '../../formatHandlers/utils/parseValueWithUnit';
+/**
+ * @internal
+ */
+export var handleImage = function (doc, parent, imageModel, context) {
+    var img = doc.createElement('img');
+    var element = document.createElement('span');
+    parent.appendChild(element);
+    element.appendChild(img);
+    img.src = imageModel.src;
+    if (imageModel.alt) {
+        img.alt = imageModel.alt;
+    }
+    if (imageModel.title) {
+        img.title = imageModel.title;
+    }
+    applyFormat(img, context.formatAppliers.image, imageModel.format, context);
+    applyFormat(img, context.formatAppliers.dataset, imageModel.dataset, context);
+    var _a = imageModel.format, width = _a.width, height = _a.height;
+    var widthNum = width ? parseValueWithUnit(width) : 0;
+    var heightNum = height ? parseValueWithUnit(height) : 0;
+    if (widthNum > 0) {
+        img.width = widthNum;
+    }
+    if (heightNum > 0) {
+        img.height = heightNum;
+    }
+    if (imageModel.isSelectedAsImageSelection) {
+        context.imageSelection = {
+            image: img,
+        };
+    }
+    handleSegmentCommon(doc, img, element, imageModel, context);
+};
+//# sourceMappingURL=handleImage.js.map

package/lib-mjs/modelToDom/handlers/handleImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleImage.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleImage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAOnF;;GAEG;AACH,MAAM,CAAC,IAAM,WAAW,GAA2C,UAC/D,GAAa,EACb,MAAY,EACZ,UAA6B,EAC7B,OAA0B;IAE1B,IAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrC,IAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAE/C,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5B,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEzB,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC;IAEzB,IAAI,UAAU,CAAC,GAAG,EAAE;QAChB,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC;KAC5B;IAED,IAAI,UAAU,CAAC,KAAK,EAAE;QAClB,GAAG,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;KAChC;IAED,WAAW,CAAC,GAAG,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3E,WAAW,CAAC,GAAG,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAExE,IAAA,KAAoB,UAAU,CAAC,MAAM,EAAnC,KAAK,WAAA,EAAE,MAAM,YAAsB,CAAC;IAC5C,IAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,IAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1D,IAAI,QAAQ,GAAG,CAAC,EAAE;QACd,GAAG,CAAC,KAAK,GAAG,QAAQ,CAAC;KACxB;IAED,IAAI,SAAS,GAAG,CAAC,EAAE;QACf,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC;KAC1B;IAED,IAAI,UAAU,CAAC,0BAA0B,EAAE;QACvC,OAAO,CAAC,cAAc,GAAG;YACrB,KAAK,EAAE,GAAG;SACb,CAAC;KACL;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;AAChE,CAAC,CAAC","sourcesContent":["import { applyFormat } from '../utils/applyFormat';\nimport { handleSegmentCommon } from '../utils/handleSegmentCommon';\nimport { parseValueWithUnit } from '../../formatHandlers/utils/parseValueWithUnit';\nimport {\n    ContentModelHandler,\n    ContentModelImage,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleImage: ContentModelHandler<ContentModelImage> = (\n    doc: Document,\n    parent: Node,\n    imageModel: ContentModelImage,\n    context: ModelToDomContext\n) => {\n    const img = doc.createElement('img');\n    const element = document.createElement('span');\n\n    parent.appendChild(element);\n    element.appendChild(img);\n\n    img.src = imageModel.src;\n\n    if (imageModel.alt) {\n        img.alt = imageModel.alt;\n    }\n\n    if (imageModel.title) {\n        img.title = imageModel.title;\n    }\n\n    applyFormat(img, context.formatAppliers.image, imageModel.format, context);\n    applyFormat(img, context.formatAppliers.dataset, imageModel.dataset, context);\n\n    const { width, height } = imageModel.format;\n    const widthNum = width ? parseValueWithUnit(width) : 0;\n    const heightNum = height ? parseValueWithUnit(height) : 0;\n\n    if (widthNum > 0) {\n        img.width = widthNum;\n    }\n\n    if (heightNum > 0) {\n        img.height = heightNum;\n    }\n\n    if (imageModel.isSelectedAsImageSelection) {\n        context.imageSelection = {\n            image: img,\n        };\n    }\n\n    handleSegmentCommon(doc, img, element, imageModel, context);\n};\n"]}

package/lib-mjs/modelToDom/handlers/handleList.d.ts

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

package/lib-mjs/modelToDom/handlers/handleList.js

@@ -0,0 +1,54 @@
+import { __assign } from "tslib";
+import { applyFormat } from '../utils/applyFormat';
+import { updateListMetadata } from '../../domUtils/metadata/updateListMetadata';
+/**
+ * @internal
+ */
+export var handleList = function (doc, parent, listItem, context, refNode) {
+    var _a;
+    var layer = 0;
+    var nodeStack = context.listFormat.nodeStack;
+    if (nodeStack.length == 0) {
+        nodeStack.push({
+            node: parent,
+        });
+    }
+    // Skip existing list levels that has same properties so we can reuse them
+    for (; layer < listItem.levels.length && layer + 1 < nodeStack.length; layer++) {
+        var stackLevel = nodeStack[layer + 1];
+        var itemLevel = listItem.levels[layer];
+        if (stackLevel.listType != itemLevel.listType ||
+            stackLevel.orderedStyleType != itemLevel.orderedStyleType ||
+            stackLevel.unorderedStyleType != itemLevel.unorderedStyleType ||
+            (itemLevel.listType == 'OL' && typeof itemLevel.startNumberOverride === 'number')) {
+            break;
+        }
+    }
+    // Cut off remained list levels that we can't reuse
+    nodeStack.splice(layer + 1);
+    // Create new list levels that are after reused ones
+    for (; layer < listItem.levels.length; layer++) {
+        var level = listItem.levels[layer];
+        var newList = doc.createElement(level.listType || 'UL');
+        var lastParent = nodeStack[nodeStack.length - 1].node;
+        lastParent.insertBefore(newList, layer == 0 ? refNode : null);
+        applyFormat(newList, context.formatAppliers.listLevel, level, context);
+        handleMetadata(level, newList, context);
+        nodeStack.push(__assign({ node: newList }, level));
+        (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, level, newList);
+    }
+    return refNode;
+};
+function handleMetadata(level, newList, context) {
+    var dataset = {};
+    updateListMetadata({ dataset: dataset }, function () {
+        return typeof level.orderedStyleType === 'number' || typeof level.unorderedStyleType === 'number'
+            ? {
+                orderedStyleType: level.orderedStyleType,
+                unorderedStyleType: level.unorderedStyleType,
+            }
+            : null;
+    });
+    applyFormat(newList, context.formatAppliers.dataset, dataset, context);
+}
+//# sourceMappingURL=handleList.js.map

package/lib-mjs/modelToDom/handlers/handleList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleList.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleList.ts"],"names":[],"mappings":"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","sourcesContent":["import { applyFormat } from '../utils/applyFormat';\nimport { updateListMetadata } from '../../domUtils/metadata/updateListMetadata';\nimport {\n    ContentModelBlockHandler,\n    ContentModelListItem,\n    ContentModelListItemLevelFormat,\n    DatasetFormat,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleList: ContentModelBlockHandler<ContentModelListItem> = (\n    doc: Document,\n    parent: Node,\n    listItem: ContentModelListItem,\n    context: ModelToDomContext,\n    refNode: Node | null\n) => {\n    let layer = 0;\n    const { nodeStack } = context.listFormat;\n\n    if (nodeStack.length == 0) {\n        nodeStack.push({\n            node: parent,\n        });\n    }\n\n    // Skip existing list levels that has same properties so we can reuse them\n    for (; layer < listItem.levels.length && layer + 1 < nodeStack.length; layer++) {\n        const stackLevel = nodeStack[layer + 1];\n        const itemLevel = listItem.levels[layer];\n\n        if (\n            stackLevel.listType != itemLevel.listType ||\n            stackLevel.orderedStyleType != itemLevel.orderedStyleType ||\n            stackLevel.unorderedStyleType != itemLevel.unorderedStyleType ||\n            (itemLevel.listType == 'OL' && typeof itemLevel.startNumberOverride === 'number')\n        ) {\n            break;\n        }\n    }\n\n    // Cut off remained list levels that we can't reuse\n    nodeStack.splice(layer + 1);\n\n    // Create new list levels that are after reused ones\n    for (; layer < listItem.levels.length; layer++) {\n        const level = listItem.levels[layer];\n        const newList = doc.createElement(level.listType || 'UL');\n        const lastParent = nodeStack[nodeStack.length - 1].node;\n\n        lastParent.insertBefore(newList, layer == 0 ? refNode : null);\n\n        applyFormat(newList, context.formatAppliers.listLevel, level, context);\n\n        handleMetadata(level, newList, context);\n\n        nodeStack.push({ node: newList, ...level });\n\n        context.onNodeCreated?.(level, newList);\n    }\n\n    return refNode;\n};\n\nfunction handleMetadata(\n    level: ContentModelListItemLevelFormat,\n    newList: HTMLElement,\n    context: ModelToDomContext\n) {\n    const dataset: DatasetFormat = {};\n\n    updateListMetadata({ dataset }, () =>\n        typeof level.orderedStyleType === 'number' || typeof level.unorderedStyleType === 'number'\n            ? {\n                  orderedStyleType: level.orderedStyleType,\n                  unorderedStyleType: level.unorderedStyleType,\n              }\n            : null\n    );\n    applyFormat(newList, context.formatAppliers.dataset, dataset, context);\n}\n"]}

package/lib-mjs/modelToDom/handlers/handleListItem.d.ts

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

package/lib-mjs/modelToDom/handlers/handleListItem.js

@@ -0,0 +1,33 @@
+import { applyFormat } from '../utils/applyFormat';
+import { setParagraphNotImplicit } from '../../modelApi/block/setParagraphNotImplicit';
+import { unwrap } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export var handleListItem = function (doc, parent, listItem, context, refNode) {
+    var _a, _b;
+    refNode = context.modelHandlers.list(doc, parent, listItem, context, refNode);
+    var nodeStack = context.listFormat.nodeStack;
+    var listParent = ((_a = nodeStack === null || nodeStack === void 0 ? void 0 : nodeStack[(nodeStack === null || nodeStack === void 0 ? void 0 : nodeStack.length) - 1]) === null || _a === void 0 ? void 0 : _a.node) || parent;
+    var li = doc.createElement('li');
+    var level = listItem.levels[listItem.levels.length - 1];
+    // It is possible listParent is the same with parent param.
+    // This happens when outdent a list item to cause it has no list level
+    listParent.insertBefore(li, (refNode === null || refNode === void 0 ? void 0 : refNode.parentNode) == listParent ? refNode : null);
+    if (level) {
+        applyFormat(li, context.formatAppliers.listItemElement, listItem.format, context);
+        applyFormat(li, context.formatAppliers.segment, listItem.formatHolder.format, context);
+        applyFormat(li, context.formatAppliers.listItem, level, context);
+        context.modelHandlers.blockGroupChildren(doc, li, listItem, context);
+    }
+    else {
+        // There is no level for this list item, that means it should be moved out of the list
+        // For each paragraph, make it not implicit so it will have a DIV around it, to avoid more paragraphs connected together
+        listItem.blocks.forEach(setParagraphNotImplicit);
+        context.modelHandlers.blockGroupChildren(doc, li, listItem, context);
+        unwrap(li);
+    }
+    (_b = context.onNodeCreated) === null || _b === void 0 ? void 0 : _b.call(context, listItem, li);
+    return refNode;
+};
+//# sourceMappingURL=handleListItem.js.map

package/lib-mjs/modelToDom/handlers/handleListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleListItem.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleListItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAO9C;;GAEG;AACH,MAAM,CAAC,IAAM,cAAc,GAAmD,UAC1E,GAAa,EACb,MAAY,EACZ,QAA8B,EAC9B,OAA0B,EAC1B,OAAoB;;IAEpB,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAEtE,IAAA,SAAS,GAAK,OAAO,CAAC,UAAU,UAAvB,CAAwB;IAEzC,IAAI,UAAU,GAAG,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,IAAG,CAAC,CAAC,0CAAE,IAAI,KAAI,MAAM,CAAC;IACpE,IAAM,EAAE,GAAG,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE1D,2DAA2D;IAC3D,sEAAsE;IACtE,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,KAAI,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEhF,IAAI,KAAK,EAAE;QACP,WAAW,CAAC,EAAE,EAAE,OAAO,CAAC,cAAc,CAAC,eAAe,EAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAClF,WAAW,CAAC,EAAE,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACvF,WAAW,CAAC,EAAE,EAAE,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAEjE,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;KACxE;SAAM;QACH,sFAAsF;QACtF,wHAAwH;QACxH,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;QAEjD,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAErE,MAAM,CAAC,EAAE,CAAC,CAAC;KACd;IAED,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,QAAQ,EAAE,EAAE,CAAC,CAAC;IAEtC,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC","sourcesContent":["import { applyFormat } from '../utils/applyFormat';\nimport { setParagraphNotImplicit } from '../../modelApi/block/setParagraphNotImplicit';\nimport { unwrap } from 'roosterjs-editor-dom';\nimport {\n    ContentModelBlockHandler,\n    ContentModelListItem,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleListItem: ContentModelBlockHandler<ContentModelListItem> = (\n    doc: Document,\n    parent: Node,\n    listItem: ContentModelListItem,\n    context: ModelToDomContext,\n    refNode: Node | null\n) => {\n    refNode = context.modelHandlers.list(doc, parent, listItem, context, refNode);\n\n    const { nodeStack } = context.listFormat;\n\n    let listParent = nodeStack?.[nodeStack?.length - 1]?.node || parent;\n    const li = doc.createElement('li');\n    const level = listItem.levels[listItem.levels.length - 1];\n\n    // It is possible listParent is the same with parent param.\n    // This happens when outdent a list item to cause it has no list level\n    listParent.insertBefore(li, refNode?.parentNode == listParent ? refNode : null);\n\n    if (level) {\n        applyFormat(li, context.formatAppliers.listItemElement, listItem.format, context);\n        applyFormat(li, context.formatAppliers.segment, listItem.formatHolder.format, context);\n        applyFormat(li, context.formatAppliers.listItem, level, context);\n\n        context.modelHandlers.blockGroupChildren(doc, li, listItem, context);\n    } else {\n        // There is no level for this list item, that means it should be moved out of the list\n        // For each paragraph, make it not implicit so it will have a DIV around it, to avoid more paragraphs connected together\n        listItem.blocks.forEach(setParagraphNotImplicit);\n\n        context.modelHandlers.blockGroupChildren(doc, li, listItem, context);\n\n        unwrap(li);\n    }\n\n    context.onNodeCreated?.(listItem, li);\n\n    return refNode;\n};\n"]}

package/lib-mjs/modelToDom/handlers/handleParagraph.d.ts

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

package/lib-mjs/modelToDom/handlers/handleParagraph.js

@@ -0,0 +1,77 @@
+import { __assign } from "tslib";
+import { applyFormat } from '../utils/applyFormat';
+import { getObjectKeys, unwrap } from 'roosterjs-editor-dom';
+import { optimize } from '../optimizers/optimize';
+import { reuseCachedElement } from '../utils/reuseCachedElement';
+import { stackFormat } from '../utils/stackFormat';
+var DefaultParagraphTag = 'div';
+/**
+ * @internal
+ */
+export var handleParagraph = function (doc, parent, paragraph, context, refNode) {
+    var _a, _b;
+    var container = paragraph.cachedElement;
+    if (container) {
+        refNode = reuseCachedElement(parent, container, refNode);
+    }
+    else {
+        stackFormat(context, ((_a = paragraph.decorator) === null || _a === void 0 ? void 0 : _a.tagName) || null, function () {
+            var _a, _b;
+            var needParagraphWrapper = !paragraph.isImplicit ||
+                !!paragraph.decorator ||
+                (getObjectKeys(paragraph.format).length > 0 &&
+                    paragraph.segments.some(function (segment) { return segment.segmentType != 'SelectionMarker'; }));
+            var formatOnWrapper = needParagraphWrapper
+                ? __assign(__assign({}, (((_a = paragraph.decorator) === null || _a === void 0 ? void 0 : _a.format) || {})), paragraph.segmentFormat) : {};
+            container = doc.createElement(((_b = paragraph.decorator) === null || _b === void 0 ? void 0 : _b.tagName) || DefaultParagraphTag);
+            parent.insertBefore(container, refNode);
+            context.regularSelection.current = {
+                block: needParagraphWrapper ? container : container.parentNode,
+                segment: null,
+            };
+            var handleSegments = function () {
+                var parent = container;
+                if (parent) {
+                    var firstSegment = paragraph.segments[0];
+                    if ((firstSegment === null || firstSegment === void 0 ? void 0 : firstSegment.segmentType) == 'SelectionMarker') {
+                        // Make sure there is a segment created before selection marker.
+                        // If selection marker is the first selected segment in a paragraph, create a dummy text node,
+                        // so after rewrite, the regularSelection object can have a valid segment object set to the text node.
+                        context.modelHandlers.text(doc, parent, __assign(__assign({}, firstSegment), { segmentType: 'Text', text: '' }), context);
+                    }
+                    paragraph.segments.forEach(function (segment) {
+                        context.modelHandlers.segment(doc, parent, segment, context);
+                    });
+                }
+            };
+            if (needParagraphWrapper) {
+                stackFormat(context, formatOnWrapper, handleSegments);
+                applyFormat(container, context.formatAppliers.block, paragraph.format, context);
+                applyFormat(container, context.formatAppliers.container, paragraph.format, context);
+                applyFormat(container, context.formatAppliers.segmentOnBlock, formatOnWrapper, context);
+            }
+            else {
+                handleSegments();
+            }
+            optimize(container);
+            // It is possible the next sibling node is changed during processing child segments
+            // e.g. When this paragraph is an implicit paragraph and it contains an inline entity segment
+            // The segment will be appended to container as child then the container will be removed
+            // since this paragraph it is implicit. In that case container.nextSibling will become original
+            // inline entity's next sibling. So reset refNode to its real next sibling (after change) here
+            // to make sure the value is correct.
+            refNode = container.nextSibling;
+            if (needParagraphWrapper) {
+                paragraph.cachedElement = container;
+            }
+            else {
+                unwrap(container);
+            }
+        });
+    }
+    if (container) {
+        (_b = context.onNodeCreated) === null || _b === void 0 ? void 0 : _b.call(context, paragraph, container);
+    }
+    return refNode;
+};
+//# sourceMappingURL=handleParagraph.js.map

package/lib-mjs/modelToDom/handlers/handleParagraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleParagraph.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleParagraph.ts"],"names":[],"mappings":"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","sourcesContent":["import { applyFormat } from '../utils/applyFormat';\nimport { getObjectKeys, unwrap } from 'roosterjs-editor-dom';\nimport { optimize } from '../optimizers/optimize';\nimport { reuseCachedElement } from '../utils/reuseCachedElement';\nimport { stackFormat } from '../utils/stackFormat';\nimport {\n    ContentModelBlockHandler,\n    ContentModelParagraph,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\nconst DefaultParagraphTag = 'div';\n\n/**\n * @internal\n */\nexport const handleParagraph: ContentModelBlockHandler<ContentModelParagraph> = (\n    doc: Document,\n    parent: Node,\n    paragraph: ContentModelParagraph,\n    context: ModelToDomContext,\n    refNode: Node | null\n) => {\n    let container = paragraph.cachedElement;\n\n    if (container) {\n        refNode = reuseCachedElement(parent, container, refNode);\n    } else {\n        stackFormat(context, paragraph.decorator?.tagName || null, () => {\n            const needParagraphWrapper =\n                !paragraph.isImplicit ||\n                !!paragraph.decorator ||\n                (getObjectKeys(paragraph.format).length > 0 &&\n                    paragraph.segments.some(segment => segment.segmentType != 'SelectionMarker'));\n            const formatOnWrapper = needParagraphWrapper\n                ? {\n                      ...(paragraph.decorator?.format || {}),\n                      ...paragraph.segmentFormat,\n                  }\n                : {};\n\n            container = doc.createElement(paragraph.decorator?.tagName || DefaultParagraphTag);\n\n            parent.insertBefore(container, refNode);\n\n            context.regularSelection.current = {\n                block: needParagraphWrapper ? container : container.parentNode,\n                segment: null,\n            };\n\n            const handleSegments = () => {\n                const parent = container;\n\n                if (parent) {\n                    const firstSegment = paragraph.segments[0];\n\n                    if (firstSegment?.segmentType == 'SelectionMarker') {\n                        // Make sure there is a segment created before selection marker.\n                        // If selection marker is the first selected segment in a paragraph, create a dummy text node,\n                        // so after rewrite, the regularSelection object can have a valid segment object set to the text node.\n                        context.modelHandlers.text(\n                            doc,\n                            parent,\n                            {\n                                ...firstSegment,\n                                segmentType: 'Text',\n                                text: '',\n                            },\n                            context\n                        );\n                    }\n\n                    paragraph.segments.forEach(segment => {\n                        context.modelHandlers.segment(doc, parent, segment, context);\n                    });\n                }\n            };\n\n            if (needParagraphWrapper) {\n                stackFormat(context, formatOnWrapper, handleSegments);\n\n                applyFormat(container, context.formatAppliers.block, paragraph.format, context);\n                applyFormat(container, context.formatAppliers.container, paragraph.format, context);\n                applyFormat(\n                    container,\n                    context.formatAppliers.segmentOnBlock,\n                    formatOnWrapper,\n                    context\n                );\n            } else {\n                handleSegments();\n            }\n\n            optimize(container);\n\n            // It is possible the next sibling node is changed during processing child segments\n            // e.g. When this paragraph is an implicit paragraph and it contains an inline entity segment\n            // The segment will be appended to container as child then the container will be removed\n            // since this paragraph it is implicit. In that case container.nextSibling will become original\n            // inline entity's next sibling. So reset refNode to its real next sibling (after change) here\n            // to make sure the value is correct.\n            refNode = container.nextSibling;\n\n            if (needParagraphWrapper) {\n                paragraph.cachedElement = container;\n            } else {\n                unwrap(container);\n            }\n        });\n    }\n\n    if (container) {\n        context.onNodeCreated?.(paragraph, container);\n    }\n\n    return refNode;\n};\n"]}

package/lib-mjs/modelToDom/handlers/handleSegment.d.ts

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

package/lib-mjs/modelToDom/handlers/handleSegment.js

@@ -0,0 +1,34 @@
+import { __assign } from "tslib";
+/**
+ * @internal
+ */
+export var handleSegment = function (doc, parent, segment, context) {
+    var regularSelection = context.regularSelection;
+    // If start position is not set yet, and current segment is in selection, set start position
+    if (segment.isSelected && !regularSelection.start) {
+        regularSelection.start = __assign({}, regularSelection.current);
+    }
+    switch (segment.segmentType) {
+        case 'Text':
+            context.modelHandlers.text(doc, parent, segment, context);
+            break;
+        case 'Br':
+            context.modelHandlers.br(doc, parent, segment, context);
+            break;
+        case 'Image':
+            context.modelHandlers.image(doc, parent, segment, context);
+            break;
+        case 'General':
+            context.modelHandlers.general(doc, parent, segment, context, null /*refNode*/);
+            break;
+        case 'Entity':
+            context.modelHandlers.entity(doc, parent, segment, context, null /*refNode*/);
+            break;
+    }
+    // If end position is not set, or it is not finalized, and current segment is still in selection, set end position
+    // If there is other selection, we will overwrite regularSelection.end when we process that segment
+    if (segment.isSelected && regularSelection.start) {
+        regularSelection.end = __assign({}, regularSelection.current);
+    }
+};
+//# sourceMappingURL=handleSegment.js.map

package/lib-mjs/modelToDom/handlers/handleSegment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleSegment.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleSegment.ts"],"names":[],"mappings":";AAMA;;GAEG;AACH,MAAM,CAAC,IAAM,aAAa,GAA6C,UACnE,GAAa,EACb,MAAY,EACZ,OAA4B,EAC5B,OAA0B;IAE1B,IAAM,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC;IAElD,4FAA4F;IAC5F,IAAI,OAAO,CAAC,UAAU,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE;QAC/C,gBAAgB,CAAC,KAAK,gBACf,gBAAgB,CAAC,OAAO,CAC9B,CAAC;KACL;IAED,QAAQ,OAAO,CAAC,WAAW,EAAE;QACzB,KAAK,MAAM;YACP,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YAC1D,MAAM;QAEV,KAAK,IAAI;YACL,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YACxD,MAAM;QAEV,KAAK,OAAO;YACR,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YAC3D,MAAM;QAEV,KAAK,SAAS;YACV,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YAC/E,MAAM;QAEV,KAAK,QAAQ;YACT,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YAC9E,MAAM;KACb;IAED,kHAAkH;IAClH,mGAAmG;IACnG,IAAI,OAAO,CAAC,UAAU,IAAI,gBAAgB,CAAC,KAAK,EAAE;QAC9C,gBAAgB,CAAC,GAAG,gBACb,gBAAgB,CAAC,OAAO,CAC9B,CAAC;KACL;AACL,CAAC,CAAC","sourcesContent":["import {\n    ContentModelHandler,\n    ContentModelSegment,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleSegment: ContentModelHandler<ContentModelSegment> = (\n    doc: Document,\n    parent: Node,\n    segment: ContentModelSegment,\n    context: ModelToDomContext\n) => {\n    const regularSelection = context.regularSelection;\n\n    // If start position is not set yet, and current segment is in selection, set start position\n    if (segment.isSelected && !regularSelection.start) {\n        regularSelection.start = {\n            ...regularSelection.current,\n        };\n    }\n\n    switch (segment.segmentType) {\n        case 'Text':\n            context.modelHandlers.text(doc, parent, segment, context);\n            break;\n\n        case 'Br':\n            context.modelHandlers.br(doc, parent, segment, context);\n            break;\n\n        case 'Image':\n            context.modelHandlers.image(doc, parent, segment, context);\n            break;\n\n        case 'General':\n            context.modelHandlers.general(doc, parent, segment, context, null /*refNode*/);\n            break;\n\n        case 'Entity':\n            context.modelHandlers.entity(doc, parent, segment, context, null /*refNode*/);\n            break;\n    }\n\n    // If end position is not set, or it is not finalized, and current segment is still in selection, set end position\n    // If there is other selection, we will overwrite regularSelection.end when we process that segment\n    if (segment.isSelected && regularSelection.start) {\n        regularSelection.end = {\n            ...regularSelection.current,\n        };\n    }\n};\n"]}

package/lib-mjs/modelToDom/handlers/handleSegmentDecorator.d.ts

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

package/lib-mjs/modelToDom/handlers/handleSegmentDecorator.js

@@ -0,0 +1,31 @@
+import { applyFormat } from '../utils/applyFormat';
+import { moveChildNodes } from 'roosterjs-editor-dom';
+import { stackFormat } from '../utils/stackFormat';
+/**
+ * @internal
+ */
+export var handleSegmentDecorator = function (doc, parent, segment, context) {
+    var code = segment.code, link = segment.link;
+    if (link) {
+        stackFormat(context, 'a', function () {
+            var _a;
+            var a = document.createElement('a');
+            moveChildNodes(a, parent);
+            parent.appendChild(a);
+            applyFormat(a, context.formatAppliers.link, link.format, context);
+            applyFormat(a, context.formatAppliers.dataset, link.dataset, context);
+            (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, link, a);
+        });
+    }
+    if (code) {
+        stackFormat(context, 'code', function () {
+            var _a;
+            var codeNode = document.createElement('code');
+            moveChildNodes(codeNode, parent);
+            parent.appendChild(codeNode);
+            applyFormat(codeNode, context.formatAppliers.code, code.format, context);
+            (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, code, codeNode);
+        });
+    }
+};
+//# sourceMappingURL=handleSegmentDecorator.js.map

package/lib-mjs/modelToDom/handlers/handleSegmentDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleSegmentDecorator.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleSegmentDecorator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,IAAM,sBAAsB,GAA6C,UAC5E,GAAG,EACH,MAAM,EACN,OAAO,EACP,OAAO;IAEC,IAAA,IAAI,GAAW,OAAO,KAAlB,EAAE,IAAI,GAAK,OAAO,KAAZ,CAAa;IAE/B,IAAI,IAAI,EAAE;QACN,WAAW,CAAC,OAAO,EAAE,GAAG,EAAE;;YACtB,IAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAEtC,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;YAC1B,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAEtB,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAClE,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAEtE,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,IAAI,EAAE,CAAC,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;KACN;IAED,IAAI,IAAI,EAAE;QACN,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE;;YACzB,IAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAEhD,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YACjC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAE7B,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAEzE,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;KACN;AACL,CAAC,CAAC","sourcesContent":["import { applyFormat } from '../utils/applyFormat';\nimport { ContentModelHandler, ContentModelSegment } from 'roosterjs-content-model-types';\nimport { moveChildNodes } from 'roosterjs-editor-dom';\nimport { stackFormat } from '../utils/stackFormat';\n\n/**\n * @internal\n */\nexport const handleSegmentDecorator: ContentModelHandler<ContentModelSegment> = (\n    doc,\n    parent,\n    segment,\n    context\n) => {\n    const { code, link } = segment;\n\n    if (link) {\n        stackFormat(context, 'a', () => {\n            const a = document.createElement('a');\n\n            moveChildNodes(a, parent);\n            parent.appendChild(a);\n\n            applyFormat(a, context.formatAppliers.link, link.format, context);\n            applyFormat(a, context.formatAppliers.dataset, link.dataset, context);\n\n            context.onNodeCreated?.(link, a);\n        });\n    }\n\n    if (code) {\n        stackFormat(context, 'code', () => {\n            const codeNode = document.createElement('code');\n\n            moveChildNodes(codeNode, parent);\n            parent.appendChild(codeNode);\n\n            applyFormat(codeNode, context.formatAppliers.code, code.format, context);\n\n            context.onNodeCreated?.(code, codeNode);\n        });\n    }\n};\n"]}

package/lib-mjs/modelToDom/handlers/handleTable.d.ts

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

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

@@ -0,0 +1,101 @@
+import { applyFormat } from '../utils/applyFormat';
+import { hasMetadata } from '../../domUtils/metadata/updateMetadata';
+import { isBlockEmpty } from '../../modelApi/common/isEmpty';
+import { moveChildNodes } from 'roosterjs-editor-dom';
+import { reuseCachedElement } from '../utils/reuseCachedElement';
+/**
+ * @internal
+ */
+export var handleTable = function (doc, parent, table, context, refNode) {
+    var _a, _b, _c, _d, _e, _f;
+    if (isBlockEmpty(table)) {
+        // Empty table, do not create TABLE element and just return
+        return refNode;
+    }
+    var tableNode = table.cachedElement;
+    if (tableNode) {
+        refNode = reuseCachedElement(parent, tableNode, refNode);
+        moveChildNodes(tableNode);
+    }
+    else {
+        tableNode = doc.createElement('table');
+        table.cachedElement = tableNode;
+        parent.insertBefore(tableNode, refNode);
+        applyFormat(tableNode, context.formatAppliers.block, table.format, context);
+        applyFormat(tableNode, context.formatAppliers.table, table.format, context);
+        applyFormat(tableNode, context.formatAppliers.tableBorder, table.format, context);
+        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);
+        moveChildNodes(tr);
+        if (!tableRow.cachedElement) {
+            tableRow.cachedElement = tr;
+            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 && 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;
+                    applyFormat(td, context.formatAppliers.block, cell.format, context);
+                    applyFormat(td, context.formatAppliers.tableCell, cell.format, context);
+                    applyFormat(td, context.formatAppliers.tableCellBorder, cell.format, context);
+                    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;
+};
+//# sourceMappingURL=handleTable.js.map

package/lib-mjs/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-mjs/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-mjs/modelToDom/handlers/handleText.js

@@ -0,0 +1,12 @@
+import { handleSegmentCommon } from '../utils/handleSegmentCommon';
+/**
+ * @internal
+ */
+export var handleText = function (doc, parent, segment, context) {
+    var txt = doc.createTextNode(segment.text);
+    var element = doc.createElement('span');
+    parent.appendChild(element);
+    element.appendChild(txt);
+    handleSegmentCommon(doc, txt, element, segment, context);
+};
+//# sourceMappingURL=handleText.js.map

package/lib-mjs/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":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAOnE;;GAEG;AACH,MAAM,CAAC,IAAM,UAAU,GAA0C,UAC7D,GAAa,EACb,MAAY,EACZ,OAAyB,EACzB,OAA0B;IAE1B,IAAM,GAAG,GAAG,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,IAAM,OAAO,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAE1C,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5B,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEzB,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAC7D,CAAC,CAAC","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-mjs/modelToDom/optimizers/mergeNode.d.ts

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

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

@@ -0,0 +1,38 @@
+import { isNodeOfType } from '../../domUtils/isNodeOfType';
+var OptimizeTags = ['SPAN', 'B', 'EM', 'I', 'U', 'SUB', 'SUP', 'STRIKE', 'S', 'A', 'CODE'];
+/**
+ * @internal
+ */
+export function mergeNode(root) {
+    for (var child = root.firstChild; child;) {
+        var next = child.nextSibling;
+        if (next &&
+            isNodeOfType(child, 1 /* Element */) &&
+            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;
+        }
+    }
+}
+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-mjs/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":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,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;AAE7F;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,IAAU;IAChC,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAI;QACvC,IAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC;QAE/B,IACI,IAAI;YACJ,YAAY,CAAC,KAAK,kBAAmB;YACrC,YAAY,CAAC,IAAI,kBAAmB;YACpC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO;YAC7B,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;YACxC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,EAChC;YACE,OAAO,IAAI,CAAC,UAAU,EAAE;gBACpB,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;aACtC;YAED,IAAI,CAAC,UAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SACtC;aAAM;YACH,KAAK,GAAG,IAAI,CAAC;SAChB;KACJ;AACL,CAAC;AAED,SAAS,iBAAiB,CAAC,QAAqB,EAAE,QAAqB;IACnE,IAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC;IAClC,IAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC;IAElC,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE;QAC9B,OAAO,KAAK,CAAC;KAChB;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACnC,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;YACpE,OAAO,KAAK,CAAC;SAChB;KACJ;IAED,OAAO,IAAI,CAAC;AAChB,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-mjs/modelToDom/optimizers/optimize.d.ts

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

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

@@ -0,0 +1,21 @@
+import { isNodeOfType } from '../../domUtils/isNodeOfType';
+import { mergeNode } from './mergeNode';
+import { removeUnnecessarySpan } from './removeUnnecessarySpan';
+/**
+ * @internal
+ */
+export function optimize(root) {
+    /**
+     * Do no do any optimization to entity
+     */
+    if (isNodeOfType(root, 1 /* Element */) &&
+        root.classList.contains("_Entity" /* ENTITY_INFO_NAME */)) {
+        return;
+    }
+    removeUnnecessarySpan(root);
+    mergeNode(root);
+    for (var child = root.firstChild; child; child = child.nextSibling) {
+        optimize(child);
+    }
+}
+//# sourceMappingURL=optimize.js.map

package/lib-mjs/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":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,IAAU;IAC/B;;OAEG;IACH,IACI,YAAY,CAAC,IAAI,kBAAmB;QACpC,IAAI,CAAC,SAAS,CAAC,QAAQ,kCAAgC,EACzD;QACE,OAAO;KACV;IAED,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC5B,SAAS,CAAC,IAAI,CAAC,CAAC;IAEhB,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE;QAChE,QAAQ,CAAC,KAAK,CAAC,CAAC;KACnB;AACL,CAAC","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"]}