roosterjs-content-model-dom 0.10.0

package/lib/modelToDom/handlers/handleListItem.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleListItem = void 0;
+var applyFormat_1 = require("../utils/applyFormat");
+var setParagraphNotImplicit_1 = require("../../modelApi/block/setParagraphNotImplicit");
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+/**
+ * @internal
+ */
+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) {
+        (0, applyFormat_1.applyFormat)(li, context.formatAppliers.listItemElement, listItem.format, context);
+        (0, applyFormat_1.applyFormat)(li, context.formatAppliers.segment, listItem.formatHolder.format, context);
+        (0, applyFormat_1.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_1.setParagraphNotImplicit);
+        context.modelHandlers.blockGroupChildren(doc, li, listItem, context);
+        (0, roosterjs_editor_dom_1.unwrap)(li);
+    }
+    (_b = context.onNodeCreated) === null || _b === void 0 ? void 0 : _b.call(context, listItem, li);
+    return refNode;
+};
+exports.handleListItem = handleListItem;
+//# sourceMappingURL=handleListItem.js.map

package/lib/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,oDAAmD;AACnD,wFAAuF;AACvF,6DAA8C;AAO9C;;GAEG;AACI,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,IAAA,yBAAW,EAAC,EAAE,EAAE,OAAO,CAAC,cAAc,CAAC,eAAe,EAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAClF,IAAA,yBAAW,EAAC,EAAE,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACvF,IAAA,yBAAW,EAAC,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,iDAAuB,CAAC,CAAC;QAEjD,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAErE,IAAA,6BAAM,EAAC,EAAE,CAAC,CAAC;KACd;IAED,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,QAAQ,EAAE,EAAE,CAAC,CAAC;IAEtC,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC;AAtCW,QAAA,cAAc,kBAsCzB","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/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/modelToDom/handlers/handleParagraph.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleParagraph = void 0;
+var tslib_1 = require("tslib");
+var applyFormat_1 = require("../utils/applyFormat");
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+var optimize_1 = require("../optimizers/optimize");
+var reuseCachedElement_1 = require("../utils/reuseCachedElement");
+var stackFormat_1 = require("../utils/stackFormat");
+var DefaultParagraphTag = 'div';
+/**
+ * @internal
+ */
+var handleParagraph = function (doc, parent, paragraph, context, refNode) {
+    var _a, _b;
+    var container = paragraph.cachedElement;
+    if (container) {
+        refNode = (0, reuseCachedElement_1.reuseCachedElement)(parent, container, refNode);
+    }
+    else {
+        (0, stackFormat_1.stackFormat)(context, ((_a = paragraph.decorator) === null || _a === void 0 ? void 0 : _a.tagName) || null, function () {
+            var _a, _b;
+            var needParagraphWrapper = !paragraph.isImplicit ||
+                !!paragraph.decorator ||
+                ((0, roosterjs_editor_dom_1.getObjectKeys)(paragraph.format).length > 0 &&
+                    paragraph.segments.some(function (segment) { return segment.segmentType != 'SelectionMarker'; }));
+            var formatOnWrapper = needParagraphWrapper
+                ? (0, tslib_1.__assign)((0, tslib_1.__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, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, firstSegment), { segmentType: 'Text', text: '' }), context);
+                    }
+                    paragraph.segments.forEach(function (segment) {
+                        context.modelHandlers.segment(doc, parent, segment, context);
+                    });
+                }
+            };
+            if (needParagraphWrapper) {
+                (0, stackFormat_1.stackFormat)(context, formatOnWrapper, handleSegments);
+                (0, applyFormat_1.applyFormat)(container, context.formatAppliers.block, paragraph.format, context);
+                (0, applyFormat_1.applyFormat)(container, context.formatAppliers.container, paragraph.format, context);
+                (0, applyFormat_1.applyFormat)(container, context.formatAppliers.segmentOnBlock, formatOnWrapper, context);
+            }
+            else {
+                handleSegments();
+            }
+            (0, optimize_1.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 {
+                (0, roosterjs_editor_dom_1.unwrap)(container);
+            }
+        });
+    }
+    if (container) {
+        (_b = context.onNodeCreated) === null || _b === void 0 ? void 0 : _b.call(context, paragraph, container);
+    }
+    return refNode;
+};
+exports.handleParagraph = handleParagraph;
+//# sourceMappingURL=handleParagraph.js.map

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleSegment = void 0;
+var tslib_1 = require("tslib");
+/**
+ * @internal
+ */
+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 = (0, tslib_1.__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 = (0, tslib_1.__assign)({}, regularSelection.current);
+    }
+};
+exports.handleSegment = handleSegment;
+//# sourceMappingURL=handleSegment.js.map

package/lib/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;AACI,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,6BACf,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,6BACb,gBAAgB,CAAC,OAAO,CAC9B,CAAC;KACL;AACL,CAAC,CAAC;AA5CW,QAAA,aAAa,iBA4CxB","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/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/modelToDom/handlers/handleSegmentDecorator.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleSegmentDecorator = void 0;
+var applyFormat_1 = require("../utils/applyFormat");
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+var stackFormat_1 = require("../utils/stackFormat");
+/**
+ * @internal
+ */
+var handleSegmentDecorator = function (doc, parent, segment, context) {
+    var code = segment.code, link = segment.link;
+    if (link) {
+        (0, stackFormat_1.stackFormat)(context, 'a', function () {
+            var _a;
+            var a = document.createElement('a');
+            (0, roosterjs_editor_dom_1.moveChildNodes)(a, parent);
+            parent.appendChild(a);
+            (0, applyFormat_1.applyFormat)(a, context.formatAppliers.link, link.format, context);
+            (0, applyFormat_1.applyFormat)(a, context.formatAppliers.dataset, link.dataset, context);
+            (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, link, a);
+        });
+    }
+    if (code) {
+        (0, stackFormat_1.stackFormat)(context, 'code', function () {
+            var _a;
+            var codeNode = document.createElement('code');
+            (0, roosterjs_editor_dom_1.moveChildNodes)(codeNode, parent);
+            parent.appendChild(codeNode);
+            (0, applyFormat_1.applyFormat)(codeNode, context.formatAppliers.code, code.format, context);
+            (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, code, codeNode);
+        });
+    }
+};
+exports.handleSegmentDecorator = handleSegmentDecorator;
+//# sourceMappingURL=handleSegmentDecorator.js.map

package/lib/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,oDAAmD;AAEnD,6DAAsD;AACtD,oDAAmD;AAEnD;;GAEG;AACI,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,IAAA,yBAAW,EAAC,OAAO,EAAE,GAAG,EAAE;;YACtB,IAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAEtC,IAAA,qCAAc,EAAC,CAAC,EAAE,MAAM,CAAC,CAAC;YAC1B,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAEtB,IAAA,yBAAW,EAAC,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAClE,IAAA,yBAAW,EAAC,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,IAAA,yBAAW,EAAC,OAAO,EAAE,MAAM,EAAE;;YACzB,IAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAEhD,IAAA,qCAAc,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YACjC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAE7B,IAAA,yBAAW,EAAC,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;AAlCW,QAAA,sBAAsB,0BAkCjC","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/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/modelToDom/handlers/handleTable.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleTable = void 0;
+var applyFormat_1 = require("../utils/applyFormat");
+var updateMetadata_1 = require("../../domUtils/metadata/updateMetadata");
+var isEmpty_1 = require("../../modelApi/common/isEmpty");
+var roosterjs_editor_dom_1 = require("roosterjs-editor-dom");
+var reuseCachedElement_1 = require("../utils/reuseCachedElement");
+/**
+ * @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/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/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/modelToDom/handlers/handleText.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleText = void 0;
+var handleSegmentCommon_1 = require("../utils/handleSegmentCommon");
+/**
+ * @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/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,oEAAmE;AAOnE;;GAEG;AACI,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,IAAA,yCAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAC7D,CAAC,CAAC;AAbW,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/modelToDom/optimizers/mergeNode.d.ts

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

package/lib/modelToDom/optimizers/mergeNode.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeNode = void 0;
+var isNodeOfType_1 = require("../../domUtils/isNodeOfType");
+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/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,4DAA2D;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,SAAgB,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,IAAA,2BAAY,EAAC,KAAK,kBAAmB;YACrC,IAAA,2BAAY,EAAC,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;AArBD,8BAqBC;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/modelToDom/optimizers/optimize.d.ts

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

package/lib/modelToDom/optimizers/optimize.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.optimize = void 0;
+var isNodeOfType_1 = require("../../domUtils/isNodeOfType");
+var mergeNode_1 = require("./mergeNode");
+var removeUnnecessarySpan_1 = require("./removeUnnecessarySpan");
+/**
+ * @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/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,4DAA2D;AAC3D,yCAAwC;AACxC,iEAAgE;AAEhE;;GAEG;AACH,SAAgB,QAAQ,CAAC,IAAU;IAC/B;;OAEG;IACH,IACI,IAAA,2BAAY,EAAC,IAAI,kBAAmB;QACpC,IAAI,CAAC,SAAS,CAAC,QAAQ,kCAAgC,EACzD;QACE,OAAO;KACV;IAED,IAAA,6CAAqB,EAAC,IAAI,CAAC,CAAC;IAC5B,IAAA,qBAAS,EAAC,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;AAjBD,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/modelToDom/optimizers/removeUnnecessarySpan.d.ts

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

package/lib/modelToDom/optimizers/removeUnnecessarySpan.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeUnnecessarySpan = void 0;
+var isNodeOfType_1 = require("../../domUtils/isNodeOfType");
+/**
+ * @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/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":";;;AAAA,4DAA2D;AAG3D;;GAEG;AACH,SAAgB,qBAAqB,CAAC,IAAU;IAC5C,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAI;QACvC,IACI,IAAA,2BAAY,EAAC,KAAK,kBAAmB;YACrC,KAAK,CAAC,OAAO,IAAI,MAAM;YACvB,KAAK,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,EAC9B;YACE,IAAM,IAAI,GAAG,KAAK,CAAC;YACnB,IAAI,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;YAChC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC;YAE1B,OAAO,IAAI,CAAC,SAAS,EAAE;gBACnB,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;gBAC/B,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;gBACpC,OAAO,GAAG,OAAO,CAAC;aACrB;YAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAC1B;aAAM;YACH,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC;SAC7B;KACJ;AACL,CAAC;AAtBD,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/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/modelToDom/utils/applyFormat.js

@@ -0,0 +1,18 @@
+"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/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":";;;AAMA;;;;;;;GAOG;AACH,SAAgB,WAAW,CACvB,OAAoB,EACpB,QAAqC,EACrC,MAAS,EACT,OAA0B;IAE1B,QAAQ,CAAC,OAAO,CAAC,UAAA,OAAO;QACpB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;AACP,CAAC;AATD,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/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;