roosterjs-content-model-dom 0.10.0

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

@@ -0,0 +1,38 @@
+define(["require", "exports", "tslib", "../utils/applyFormat", "../utils/reuseCachedElement", "roosterjs-editor-dom"], function (require, exports, tslib_1, applyFormat_1, reuseCachedElement_1, roosterjs_editor_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleEntity = void 0;
+    /**
+     * @internal
+     */
+    var handleEntity = function (doc, parent, entityModel, context, refNode) {
+        var _a;
+        var wrapper = entityModel.wrapper, id = entityModel.id, type = entityModel.type, isReadonly = entityModel.isReadonly, format = entityModel.format;
+        var entity = id && type
+            ? {
+                wrapper: wrapper,
+                id: id,
+                type: type,
+                isReadonly: !!isReadonly,
+            }
+            : null;
+        var isInlineEntity = !(0, roosterjs_editor_dom_1.isBlockElement)(wrapper);
+        if (entity) {
+            // Commit the entity attributes in case there is any change
+            (0, roosterjs_editor_dom_1.commitEntity)(wrapper, entity.type, entity.isReadonly, entity.id);
+        }
+        refNode = (0, reuseCachedElement_1.reuseCachedElement)(parent, wrapper, refNode);
+        if (isInlineEntity && (0, roosterjs_editor_dom_1.getObjectKeys)(format).length > 0) {
+            var span = (0, roosterjs_editor_dom_1.wrap)(wrapper, 'span');
+            (0, applyFormat_1.applyFormat)(span, context.formatAppliers.segment, format, context);
+        }
+        if (context.addDelimiterForEntity && isInlineEntity && isReadonly) {
+            var _b = (0, tslib_1.__read)((0, roosterjs_editor_dom_1.addDelimiters)(wrapper), 1), after = _b[0];
+            context.regularSelection.current.segment = after;
+        }
+        (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, entityModel, wrapper);
+        return refNode;
+    };
+    exports.handleEntity = handleEntity;
+});
+//# sourceMappingURL=handleEntity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"handleEntity.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleEntity.ts"],"names":[],"mappings":";;;;IAgBA;;OAEG;IACI,IAAM,YAAY,GAAiD,UACtE,GAAa,EACb,MAAY,EACZ,WAA+B,EAC/B,OAA0B,EAC1B,OAAoB;;QAEZ,IAAA,OAAO,GAAmC,WAAW,QAA9C,EAAE,EAAE,GAA+B,WAAW,GAA1C,EAAE,IAAI,GAAyB,WAAW,KAApC,EAAE,UAAU,GAAa,WAAW,WAAxB,EAAE,MAAM,GAAK,WAAW,OAAhB,CAAiB;QAC9D,IAAM,MAAM,GACR,EAAE,IAAI,IAAI;YACN,CAAC,CAAC;gBACI,OAAO,SAAA;gBACP,EAAE,IAAA;gBACF,IAAI,MAAA;gBACJ,UAAU,EAAE,CAAC,CAAC,UAAU;aAC3B;YACH,CAAC,CAAC,IAAI,CAAC;QACf,IAAM,cAAc,GAAG,CAAC,IAAA,qCAAc,EAAC,OAAO,CAAC,CAAC;QAEhD,IAAI,MAAM,EAAE;YACR,2DAA2D;YAC3D,IAAA,mCAAY,EAAC,OAAO,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;SACpE;QAED,OAAO,GAAG,IAAA,uCAAkB,EAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAEvD,IAAI,cAAc,IAAI,IAAA,oCAAa,EAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YACpD,IAAM,IAAI,GAAG,IAAA,2BAAI,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YAEnC,IAAA,yBAAW,EAAC,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;SACtE;QAED,IAAI,OAAO,CAAC,qBAAqB,IAAI,cAAc,IAAI,UAAU,EAAE;YACzD,IAAA,KAAA,oBAAU,IAAA,oCAAa,EAAC,OAAO,CAAC,IAAA,EAA/B,KAAK,QAA0B,CAAC;YAEvC,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;SACpD;QAED,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,WAAW,EAAE,OAAO,CAAC,CAAC;QAE9C,OAAO,OAAO,CAAC;IACnB,CAAC,CAAC;IAzCW,QAAA,YAAY,gBAyCvB","sourcesContent":["import { applyFormat } from '../utils/applyFormat';\nimport { Entity } from 'roosterjs-editor-types';\nimport { reuseCachedElement } from '../utils/reuseCachedElement';\nimport {\n    ContentModelBlockHandler,\n    ContentModelEntity,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\nimport {\n    addDelimiters,\n    commitEntity,\n    getObjectKeys,\n    isBlockElement,\n    wrap,\n} from 'roosterjs-editor-dom';\n\n/**\n * @internal\n */\nexport const handleEntity: ContentModelBlockHandler<ContentModelEntity> = (\n    doc: Document,\n    parent: Node,\n    entityModel: ContentModelEntity,\n    context: ModelToDomContext,\n    refNode: Node | null\n) => {\n    const { wrapper, id, type, isReadonly, format } = entityModel;\n    const entity: Entity | null =\n        id && type\n            ? {\n                  wrapper,\n                  id,\n                  type,\n                  isReadonly: !!isReadonly,\n              }\n            : null;\n    const isInlineEntity = !isBlockElement(wrapper);\n\n    if (entity) {\n        // Commit the entity attributes in case there is any change\n        commitEntity(wrapper, entity.type, entity.isReadonly, entity.id);\n    }\n\n    refNode = reuseCachedElement(parent, wrapper, refNode);\n\n    if (isInlineEntity && getObjectKeys(format).length > 0) {\n        const span = wrap(wrapper, 'span');\n\n        applyFormat(span, context.formatAppliers.segment, format, context);\n    }\n\n    if (context.addDelimiterForEntity && isInlineEntity && isReadonly) {\n        const [after] = addDelimiters(wrapper);\n\n        context.regularSelection.current.segment = after;\n    }\n\n    context.onNodeCreated?.(entityModel, wrapper);\n\n    return refNode;\n};\n"]}

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

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

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

@@ -0,0 +1,41 @@
+define(["require", "exports", "../utils/applyFormat", "../../modelApi/common/isEmpty", "../utils/reuseCachedElement", "../utils/stackFormat"], function (require, exports, applyFormat_1, isEmpty_1, reuseCachedElement_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleFormatContainer = void 0;
+    /**
+     * @internal
+     */
+    var handleFormatContainer = function (doc, parent, container, context, refNode) {
+        var _a;
+        var element = container.cachedElement;
+        if (element) {
+            refNode = (0, reuseCachedElement_1.reuseCachedElement)(parent, element, refNode);
+            context.modelHandlers.blockGroupChildren(doc, element, container, context);
+        }
+        else if (!(0, isEmpty_1.isBlockGroupEmpty)(container)) {
+            var containerNode_1 = doc.createElement(container.tagName);
+            container.cachedElement = containerNode_1;
+            parent.insertBefore(containerNode_1, refNode);
+            (0, stackFormat_1.stackFormat)(context, container.tagName, function () {
+                (0, applyFormat_1.applyFormat)(containerNode_1, context.formatAppliers.container, container.format, context);
+                (0, applyFormat_1.applyFormat)(containerNode_1, context.formatAppliers.segmentOnBlock, container.format, context);
+                (0, applyFormat_1.applyFormat)(containerNode_1, context.formatAppliers.container, container.format, context);
+            });
+            if (container.tagName == 'pre') {
+                (0, stackFormat_1.stackFormat)(context, "pre *" /* childOfPre */, function () {
+                    context.modelHandlers.blockGroupChildren(doc, containerNode_1, container, context);
+                });
+            }
+            else {
+                context.modelHandlers.blockGroupChildren(doc, containerNode_1, container, context);
+            }
+            element = containerNode_1;
+        }
+        if (element) {
+            (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, container, element);
+        }
+        return refNode;
+    };
+    exports.handleFormatContainer = handleFormatContainer;
+});
+//# sourceMappingURL=handleFormatContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"handleFormatContainer.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleFormatContainer.ts"],"names":[],"mappings":";;;;IAWA;;OAEG;IACI,IAAM,qBAAqB,GAA0D,UACxF,GAAa,EACb,MAAY,EACZ,SAAsC,EACtC,OAA0B,EAC1B,OAAoB;;QAEpB,IAAI,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC;QAEtC,IAAI,OAAO,EAAE;YACT,OAAO,GAAG,IAAA,uCAAkB,EAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YAEvD,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;SAC9E;aAAM,IAAI,CAAC,IAAA,2BAAiB,EAAC,SAAS,CAAC,EAAE;YACtC,IAAM,eAAa,GAAG,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAE3D,SAAS,CAAC,aAAa,GAAG,eAAa,CAAC;YACxC,MAAM,CAAC,YAAY,CAAC,eAAa,EAAE,OAAO,CAAC,CAAC;YAE5C,IAAA,yBAAW,EAAC,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE;gBACpC,IAAA,yBAAW,EAAC,eAAa,EAAE,OAAO,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;gBACxF,IAAA,yBAAW,EACP,eAAa,EACb,OAAO,CAAC,cAAc,CAAC,cAAc,EACrC,SAAS,CAAC,MAAM,EAChB,OAAO,CACV,CAAC;gBAEF,IAAA,yBAAW,EAAC,eAAa,EAAE,OAAO,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAC5F,CAAC,CAAC,CAAC;YAEH,IAAI,SAAS,CAAC,OAAO,IAAI,KAAK,EAAE;gBAC5B,IAAA,yBAAW,EAAC,OAAO,4BAA6B;oBAC5C,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,eAAa,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;gBACrF,CAAC,CAAC,CAAC;aACN;iBAAM;gBACH,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,eAAa,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;aACpF;YAED,OAAO,GAAG,eAAa,CAAC;SAC3B;QAED,IAAI,OAAO,EAAE;YACT,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,SAAS,EAAE,OAAO,CAAC,CAAC;SAC/C;QAED,OAAO,OAAO,CAAC;IACnB,CAAC,CAAC;IA/CW,QAAA,qBAAqB,yBA+ChC","sourcesContent":["import { applyFormat } from '../utils/applyFormat';\nimport { isBlockGroupEmpty } from '../../modelApi/common/isEmpty';\nimport { PseudoTagNames } from '../../formatHandlers/utils/defaultStyles';\nimport { reuseCachedElement } from '../utils/reuseCachedElement';\nimport { stackFormat } from '../utils/stackFormat';\nimport {\n    ContentModelBlockHandler,\n    ContentModelFormatContainer,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleFormatContainer: ContentModelBlockHandler<ContentModelFormatContainer> = (\n    doc: Document,\n    parent: Node,\n    container: ContentModelFormatContainer,\n    context: ModelToDomContext,\n    refNode: Node | null\n) => {\n    let element = container.cachedElement;\n\n    if (element) {\n        refNode = reuseCachedElement(parent, element, refNode);\n\n        context.modelHandlers.blockGroupChildren(doc, element, container, context);\n    } else if (!isBlockGroupEmpty(container)) {\n        const containerNode = doc.createElement(container.tagName);\n\n        container.cachedElement = containerNode;\n        parent.insertBefore(containerNode, refNode);\n\n        stackFormat(context, container.tagName, () => {\n            applyFormat(containerNode, context.formatAppliers.container, container.format, context);\n            applyFormat(\n                containerNode,\n                context.formatAppliers.segmentOnBlock,\n                container.format,\n                context\n            );\n\n            applyFormat(containerNode, context.formatAppliers.container, container.format, context);\n        });\n\n        if (container.tagName == 'pre') {\n            stackFormat(context, PseudoTagNames.childOfPre, () => {\n                context.modelHandlers.blockGroupChildren(doc, containerNode, container, context);\n            });\n        } else {\n            context.modelHandlers.blockGroupChildren(doc, containerNode, container, context);\n        }\n\n        element = containerNode;\n    }\n\n    if (element) {\n        context.onNodeCreated?.(container, element);\n    }\n\n    return refNode;\n};\n"]}

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

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

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

@@ -0,0 +1,31 @@
+define(["require", "exports", "../utils/handleSegmentCommon", "../../modelApi/common/isGeneralSegment", "../../domUtils/isNodeOfType", "../utils/reuseCachedElement", "roosterjs-editor-dom"], function (require, exports, handleSegmentCommon_1, isGeneralSegment_1, isNodeOfType_1, reuseCachedElement_1, roosterjs_editor_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleGeneralModel = void 0;
+    /**
+     * @internal
+     */
+    var handleGeneralModel = function (doc, parent, group, context, refNode) {
+        var _a;
+        var node = group.element;
+        if (refNode && node.parentNode == parent) {
+            refNode = (0, reuseCachedElement_1.reuseCachedElement)(parent, node, refNode);
+        }
+        else {
+            node = node.cloneNode();
+            group.element = node;
+            parent.insertBefore(node, refNode);
+        }
+        if ((0, isGeneralSegment_1.isGeneralSegment)(group) && (0, isNodeOfType_1.isNodeOfType)(node, 1 /* Element */)) {
+            var element = (0, roosterjs_editor_dom_1.wrap)(node, 'span');
+            (0, handleSegmentCommon_1.handleSegmentCommon)(doc, node, element, group, context);
+        }
+        else {
+            (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, group, node);
+        }
+        context.modelHandlers.blockGroupChildren(doc, node, group, context);
+        return refNode;
+    };
+    exports.handleGeneralModel = handleGeneralModel;
+});
+//# sourceMappingURL=handleGeneralModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"handleGeneralModel.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleGeneralModel.ts"],"names":[],"mappings":";;;;IAYA;;OAEG;IACI,IAAM,kBAAkB,GAAuD,UAClF,GAAa,EACb,MAAY,EACZ,KAA+B,EAC/B,OAA0B,EAC1B,OAAoB;;QAEpB,IAAI,IAAI,GAAS,KAAK,CAAC,OAAO,CAAC;QAE/B,IAAI,OAAO,IAAI,IAAI,CAAC,UAAU,IAAI,MAAM,EAAE;YACtC,OAAO,GAAG,IAAA,uCAAkB,EAAC,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;SACvD;aAAM;YACH,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YACxB,KAAK,CAAC,OAAO,GAAG,IAAmB,CAAC;YAEpC,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;SACtC;QAED,IAAI,IAAA,mCAAgB,EAAC,KAAK,CAAC,IAAI,IAAA,2BAAY,EAAC,IAAI,kBAAmB,EAAE;YACjE,IAAM,OAAO,GAAG,IAAA,2BAAI,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAEnC,IAAA,yCAAmB,EAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;SAC3D;aAAM;YACH,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,KAAK,EAAE,IAAI,CAAC,CAAC;SACxC;QAED,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAEpE,OAAO,OAAO,CAAC;IACnB,CAAC,CAAC;IA7BW,QAAA,kBAAkB,sBA6B7B","sourcesContent":["import { handleSegmentCommon } from '../utils/handleSegmentCommon';\nimport { isGeneralSegment } from '../../modelApi/common/isGeneralSegment';\nimport { isNodeOfType } from '../../domUtils/isNodeOfType';\nimport { NodeType } from 'roosterjs-editor-types';\nimport { reuseCachedElement } from '../utils/reuseCachedElement';\nimport { wrap } from 'roosterjs-editor-dom';\nimport {\n    ContentModelBlockHandler,\n    ContentModelGeneralBlock,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleGeneralModel: ContentModelBlockHandler<ContentModelGeneralBlock> = (\n    doc: Document,\n    parent: Node,\n    group: ContentModelGeneralBlock,\n    context: ModelToDomContext,\n    refNode: Node | null\n) => {\n    let node: Node = group.element;\n\n    if (refNode && node.parentNode == parent) {\n        refNode = reuseCachedElement(parent, node, refNode);\n    } else {\n        node = node.cloneNode();\n        group.element = node as HTMLElement;\n\n        parent.insertBefore(node, refNode);\n    }\n\n    if (isGeneralSegment(group) && isNodeOfType(node, NodeType.Element)) {\n        const element = wrap(node, 'span');\n\n        handleSegmentCommon(doc, node, element, group, context);\n    } else {\n        context.onNodeCreated?.(group, node);\n    }\n\n    context.modelHandlers.blockGroupChildren(doc, node, group, context);\n\n    return refNode;\n};\n"]}

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

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

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

@@ -0,0 +1,40 @@
+define(["require", "exports", "../utils/applyFormat", "../utils/handleSegmentCommon", "../../formatHandlers/utils/parseValueWithUnit"], function (require, exports, applyFormat_1, handleSegmentCommon_1, parseValueWithUnit_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleImage = void 0;
+    /**
+     * @internal
+     */
+    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;
+        }
+        (0, applyFormat_1.applyFormat)(img, context.formatAppliers.image, imageModel.format, context);
+        (0, applyFormat_1.applyFormat)(img, context.formatAppliers.dataset, imageModel.dataset, context);
+        var _a = imageModel.format, width = _a.width, height = _a.height;
+        var widthNum = width ? (0, parseValueWithUnit_1.parseValueWithUnit)(width) : 0;
+        var heightNum = height ? (0, parseValueWithUnit_1.parseValueWithUnit)(height) : 0;
+        if (widthNum > 0) {
+            img.width = widthNum;
+        }
+        if (heightNum > 0) {
+            img.height = heightNum;
+        }
+        if (imageModel.isSelectedAsImageSelection) {
+            context.imageSelection = {
+                image: img,
+            };
+        }
+        (0, handleSegmentCommon_1.handleSegmentCommon)(doc, img, element, imageModel, context);
+    };
+    exports.handleImage = handleImage;
+});
+//# sourceMappingURL=handleImage.js.map

package/lib-amd/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":";;;;IASA;;OAEG;IACI,IAAM,WAAW,GAA2C,UAC/D,GAAa,EACb,MAAY,EACZ,UAA6B,EAC7B,OAA0B;QAE1B,IAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,IAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAE/C,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC5B,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAEzB,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC;QAEzB,IAAI,UAAU,CAAC,GAAG,EAAE;YAChB,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC;SAC5B;QAED,IAAI,UAAU,CAAC,KAAK,EAAE;YAClB,GAAG,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;SAChC;QAED,IAAA,yBAAW,EAAC,GAAG,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC3E,IAAA,yBAAW,EAAC,GAAG,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAExE,IAAA,KAAoB,UAAU,CAAC,MAAM,EAAnC,KAAK,WAAA,EAAE,MAAM,YAAsB,CAAC;QAC5C,IAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,IAAA,uCAAkB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvD,IAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,IAAA,uCAAkB,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAE1D,IAAI,QAAQ,GAAG,CAAC,EAAE;YACd,GAAG,CAAC,KAAK,GAAG,QAAQ,CAAC;SACxB;QAED,IAAI,SAAS,GAAG,CAAC,EAAE;YACf,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC;SAC1B;QAED,IAAI,UAAU,CAAC,0BAA0B,EAAE;YACvC,OAAO,CAAC,cAAc,GAAG;gBACrB,KAAK,EAAE,GAAG;aACb,CAAC;SACL;QAED,IAAA,yCAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC,CAAC;IA5CW,QAAA,WAAW,eA4CtB","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-amd/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-amd/modelToDom/handlers/handleList.js

@@ -0,0 +1,57 @@
+define(["require", "exports", "tslib", "../utils/applyFormat", "../../domUtils/metadata/updateListMetadata"], function (require, exports, tslib_1, applyFormat_1, updateListMetadata_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleList = void 0;
+    /**
+     * @internal
+     */
+    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);
+            (0, applyFormat_1.applyFormat)(newList, context.formatAppliers.listLevel, level, context);
+            handleMetadata(level, newList, context);
+            nodeStack.push((0, tslib_1.__assign)({ node: newList }, level));
+            (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, level, newList);
+        }
+        return refNode;
+    };
+    exports.handleList = handleList;
+    function handleMetadata(level, newList, context) {
+        var dataset = {};
+        (0, updateListMetadata_1.updateListMetadata)({ dataset: dataset }, function () {
+            return typeof level.orderedStyleType === 'number' || typeof level.unorderedStyleType === 'number'
+                ? {
+                    orderedStyleType: level.orderedStyleType,
+                    unorderedStyleType: level.unorderedStyleType,
+                }
+                : null;
+        });
+        (0, applyFormat_1.applyFormat)(newList, context.formatAppliers.dataset, dataset, context);
+    }
+});
+//# sourceMappingURL=handleList.js.map

package/lib-amd/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":";;;;IAUA;;OAEG;IACI,IAAM,UAAU,GAAmD,UACtE,GAAa,EACb,MAAY,EACZ,QAA8B,EAC9B,OAA0B,EAC1B,OAAoB;;QAEpB,IAAI,KAAK,GAAG,CAAC,CAAC;QACN,IAAA,SAAS,GAAK,OAAO,CAAC,UAAU,UAAvB,CAAwB;QAEzC,IAAI,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE;YACvB,SAAS,CAAC,IAAI,CAAC;gBACX,IAAI,EAAE,MAAM;aACf,CAAC,CAAC;SACN;QAED,0EAA0E;QAC1E,OAAO,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,IAAI,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC5E,IAAM,UAAU,GAAG,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YACxC,IAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAEzC,IACI,UAAU,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ;gBACzC,UAAU,CAAC,gBAAgB,IAAI,SAAS,CAAC,gBAAgB;gBACzD,UAAU,CAAC,kBAAkB,IAAI,SAAS,CAAC,kBAAkB;gBAC7D,CAAC,SAAS,CAAC,QAAQ,IAAI,IAAI,IAAI,OAAO,SAAS,CAAC,mBAAmB,KAAK,QAAQ,CAAC,EACnF;gBACE,MAAM;aACT;SACJ;QAED,mDAAmD;QACnD,SAAS,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAE5B,oDAAoD;QACpD,OAAO,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC5C,IAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACrC,IAAM,OAAO,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;YAC1D,IAAM,UAAU,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;YAExD,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAE9D,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;YAEvE,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YAExC,SAAS,CAAC,IAAI,yBAAG,IAAI,EAAE,OAAO,IAAK,KAAK,EAAG,CAAC;YAE5C,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,KAAK,EAAE,OAAO,CAAC,CAAC;SAC3C;QAED,OAAO,OAAO,CAAC;IACnB,CAAC,CAAC;IApDW,QAAA,UAAU,cAoDrB;IAEF,SAAS,cAAc,CACnB,KAAsC,EACtC,OAAoB,EACpB,OAA0B;QAE1B,IAAM,OAAO,GAAkB,EAAE,CAAC;QAElC,IAAA,uCAAkB,EAAC,EAAE,OAAO,SAAA,EAAE,EAAE;YAC5B,OAAA,OAAO,KAAK,CAAC,gBAAgB,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC,kBAAkB,KAAK,QAAQ;gBACtF,CAAC,CAAC;oBACI,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;oBACxC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;iBAC/C;gBACH,CAAC,CAAC,IAAI;QALV,CAKU,CACb,CAAC;QACF,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC3E,CAAC","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-amd/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-amd/modelToDom/handlers/handleListItem.js

@@ -0,0 +1,36 @@
+define(["require", "exports", "../utils/applyFormat", "../../modelApi/block/setParagraphNotImplicit", "roosterjs-editor-dom"], function (require, exports, applyFormat_1, setParagraphNotImplicit_1, roosterjs_editor_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleListItem = void 0;
+    /**
+     * @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-amd/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":";;;;IASA;;OAEG;IACI,IAAM,cAAc,GAAmD,UAC1E,GAAa,EACb,MAAY,EACZ,QAA8B,EAC9B,OAA0B,EAC1B,OAAoB;;QAEpB,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAEtE,IAAA,SAAS,GAAK,OAAO,CAAC,UAAU,UAAvB,CAAwB;QAEzC,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;QACpE,IAAM,EAAE,GAAG,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACnC,IAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAE1D,2DAA2D;QAC3D,sEAAsE;QACtE,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;QAEhF,IAAI,KAAK,EAAE;YACP,IAAA,yBAAW,EAAC,EAAE,EAAE,OAAO,CAAC,cAAc,CAAC,eAAe,EAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAClF,IAAA,yBAAW,EAAC,EAAE,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACvF,IAAA,yBAAW,EAAC,EAAE,EAAE,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;YAEjE,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;SACxE;aAAM;YACH,sFAAsF;YACtF,wHAAwH;YACxH,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,iDAAuB,CAAC,CAAC;YAEjD,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;YAErE,IAAA,6BAAM,EAAC,EAAE,CAAC,CAAC;SACd;QAED,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,QAAQ,EAAE,EAAE,CAAC,CAAC;QAEtC,OAAO,OAAO,CAAC;IACnB,CAAC,CAAC;IAtCW,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-amd/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-amd/modelToDom/handlers/handleParagraph.js

@@ -0,0 +1,77 @@
+define(["require", "exports", "tslib", "../utils/applyFormat", "roosterjs-editor-dom", "../optimizers/optimize", "../utils/reuseCachedElement", "../utils/stackFormat"], function (require, exports, tslib_1, applyFormat_1, roosterjs_editor_dom_1, optimize_1, reuseCachedElement_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleParagraph = void 0;
+    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-amd/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-amd/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-amd/modelToDom/handlers/handleSegment.js

@@ -0,0 +1,39 @@
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleSegment = void 0;
+    /**
+     * @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-amd/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":";;;;IAMA;;OAEG;IACI,IAAM,aAAa,GAA6C,UACnE,GAAa,EACb,MAAY,EACZ,OAA4B,EAC5B,OAA0B;QAE1B,IAAM,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC;QAElD,4FAA4F;QAC5F,IAAI,OAAO,CAAC,UAAU,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE;YAC/C,gBAAgB,CAAC,KAAK,6BACf,gBAAgB,CAAC,OAAO,CAC9B,CAAC;SACL;QAED,QAAQ,OAAO,CAAC,WAAW,EAAE;YACzB,KAAK,MAAM;gBACP,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;gBAC1D,MAAM;YAEV,KAAK,IAAI;gBACL,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;gBACxD,MAAM;YAEV,KAAK,OAAO;gBACR,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;gBAC3D,MAAM;YAEV,KAAK,SAAS;gBACV,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;gBAC/E,MAAM;YAEV,KAAK,QAAQ;gBACT,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;gBAC9E,MAAM;SACb;QAED,kHAAkH;QAClH,mGAAmG;QACnG,IAAI,OAAO,CAAC,UAAU,IAAI,gBAAgB,CAAC,KAAK,EAAE;YAC9C,gBAAgB,CAAC,GAAG,6BACb,gBAAgB,CAAC,OAAO,CAC9B,CAAC;SACL;IACL,CAAC,CAAC;IA5CW,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-amd/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-amd/modelToDom/handlers/handleSegmentDecorator.js

@@ -0,0 +1,34 @@
+define(["require", "exports", "../utils/applyFormat", "roosterjs-editor-dom", "../utils/stackFormat"], function (require, exports, applyFormat_1, roosterjs_editor_dom_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleSegmentDecorator = void 0;
+    /**
+     * @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-amd/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":";;;;IAKA;;OAEG;IACI,IAAM,sBAAsB,GAA6C,UAC5E,GAAG,EACH,MAAM,EACN,OAAO,EACP,OAAO;QAEC,IAAA,IAAI,GAAW,OAAO,KAAlB,EAAE,IAAI,GAAK,OAAO,KAAZ,CAAa;QAE/B,IAAI,IAAI,EAAE;YACN,IAAA,yBAAW,EAAC,OAAO,EAAE,GAAG,EAAE;;gBACtB,IAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;gBAEtC,IAAA,qCAAc,EAAC,CAAC,EAAE,MAAM,CAAC,CAAC;gBAC1B,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAEtB,IAAA,yBAAW,EAAC,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;gBAClE,IAAA,yBAAW,EAAC,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;gBAEtE,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,IAAI,EAAE,CAAC,CAAC,CAAC;YACrC,CAAC,CAAC,CAAC;SACN;QAED,IAAI,IAAI,EAAE;YACN,IAAA,yBAAW,EAAC,OAAO,EAAE,MAAM,EAAE;;gBACzB,IAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;gBAEhD,IAAA,qCAAc,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;gBACjC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;gBAE7B,IAAA,yBAAW,EAAC,QAAQ,EAAE,OAAO,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;gBAEzE,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,IAAI,EAAE,QAAQ,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;SACN;IACL,CAAC,CAAC;IAlCW,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-amd/modelToDom/handlers/handleTable.d.ts

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