roosterjs-content-model-dom 0.10.0

package/lib-amd/modelApi/creators/createParagraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createParagraph.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelApi/creators/createParagraph.ts"],"names":[],"mappings":";;;;IAOA;;;;;;OAMG;IACH,SAAgB,eAAe,CAC3B,UAAoB,EACpB,WAAqC,EACrC,aAAyC,EACzC,SAA0C;QAE1C,IAAM,MAAM,GAA0B;YAClC,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,WAAW,CAAC,CAAC,2BAAM,WAAW,EAAG,CAAC,CAAC,EAAE;SAChD,CAAC;QAEF,IAAI,aAAa,IAAI,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YACxD,MAAM,CAAC,aAAa,6BAAQ,aAAa,CAAE,CAAC;SAC/C;QAED,IAAI,UAAU,EAAE;YACZ,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC;SAC5B;QAED,IAAI,SAAS,EAAE;YACX,MAAM,CAAC,SAAS,GAAG;gBACf,OAAO,EAAE,SAAS,CAAC,OAAO;gBAC1B,MAAM,4BAAO,SAAS,CAAC,MAAM,CAAE;aAClC,CAAC;SACL;QAED,OAAO,MAAM,CAAC;IAClB,CAAC;IA5BD,0CA4BC","sourcesContent":["import type {\n    ContentModelBlockFormat,\n    ContentModelParagraph,\n    ContentModelParagraphDecorator,\n    ContentModelSegmentFormat,\n} from 'roosterjs-content-model-types';\n\n/**\n * Create a ContentModelParagraph model\n * @param isImplicit @optional Whether this is an implicit paragraph. An implicit paragraph is a paragraph that will not render with DOM element container\n * @param blockFormat @optional Format of this paragraph\n * @param segmentFormat @optional Segment format applied to this block\n * @param decorator @optional Decorator of this paragraph\n */\nexport function createParagraph(\n    isImplicit?: boolean,\n    blockFormat?: ContentModelBlockFormat,\n    segmentFormat?: ContentModelSegmentFormat,\n    decorator?: ContentModelParagraphDecorator\n): ContentModelParagraph {\n    const result: ContentModelParagraph = {\n        blockType: 'Paragraph',\n        segments: [],\n        format: blockFormat ? { ...blockFormat } : {},\n    };\n\n    if (segmentFormat && Object.keys(segmentFormat).length > 0) {\n        result.segmentFormat = { ...segmentFormat };\n    }\n\n    if (isImplicit) {\n        result.isImplicit = true;\n    }\n\n    if (decorator) {\n        result.decorator = {\n            tagName: decorator.tagName,\n            format: { ...decorator.format },\n        };\n    }\n\n    return result;\n}\n"]}

package/lib-amd/modelApi/creators/createParagraphDecorator.d.ts

@@ -0,0 +1,7 @@
+import { ContentModelParagraphDecorator, ContentModelSegmentFormat } from 'roosterjs-content-model-types';
+/**
+ * Create a ContentModelParagraphDecorator model
+ * @param tagName Tag name of this decorator
+ * @param format @optional The format of this model
+ */
+export declare function createParagraphDecorator(tagName: string, format?: ContentModelSegmentFormat): ContentModelParagraphDecorator;

package/lib-amd/modelApi/creators/createParagraphDecorator.js

@@ -0,0 +1,18 @@
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createParagraphDecorator = void 0;
+    /**
+     * Create a ContentModelParagraphDecorator model
+     * @param tagName Tag name of this decorator
+     * @param format @optional The format of this model
+     */
+    function createParagraphDecorator(tagName, format) {
+        return {
+            tagName: tagName.toLocaleLowerCase(),
+            format: (0, tslib_1.__assign)({}, (format || {})),
+        };
+    }
+    exports.createParagraphDecorator = createParagraphDecorator;
+});
+//# sourceMappingURL=createParagraphDecorator.js.map

package/lib-amd/modelApi/creators/createParagraphDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createParagraphDecorator.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelApi/creators/createParagraphDecorator.ts"],"names":[],"mappings":";;;;IAKA;;;;OAIG;IACH,SAAgB,wBAAwB,CACpC,OAAe,EACf,MAAkC;QAElC,OAAO;YACH,OAAO,EAAE,OAAO,CAAC,iBAAiB,EAAE;YACpC,MAAM,4BAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAE;SAChC,CAAC;IACN,CAAC;IARD,4DAQC","sourcesContent":["import {\n    ContentModelParagraphDecorator,\n    ContentModelSegmentFormat,\n} from 'roosterjs-content-model-types';\n\n/**\n * Create a ContentModelParagraphDecorator model\n * @param tagName Tag name of this decorator\n * @param format @optional The format of this model\n */\nexport function createParagraphDecorator(\n    tagName: string,\n    format?: ContentModelSegmentFormat\n): ContentModelParagraphDecorator {\n    return {\n        tagName: tagName.toLocaleLowerCase(),\n        format: { ...(format || {}) },\n    };\n}\n"]}

package/lib-amd/modelApi/creators/createSelectionMarker.d.ts

@@ -0,0 +1,6 @@
+import { ContentModelSegmentFormat, ContentModelSelectionMarker } from 'roosterjs-content-model-types';
+/**
+ * Create a ContentModelSelectionMarker model
+ * @param format @optional The format of this model
+ */
+export declare function createSelectionMarker(format?: ContentModelSegmentFormat): ContentModelSelectionMarker;

package/lib-amd/modelApi/creators/createSelectionMarker.js

@@ -0,0 +1,18 @@
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createSelectionMarker = void 0;
+    /**
+     * Create a ContentModelSelectionMarker model
+     * @param format @optional The format of this model
+     */
+    function createSelectionMarker(format) {
+        return {
+            segmentType: 'SelectionMarker',
+            isSelected: true,
+            format: format ? (0, tslib_1.__assign)({}, format) : {},
+        };
+    }
+    exports.createSelectionMarker = createSelectionMarker;
+});
+//# sourceMappingURL=createSelectionMarker.js.map

package/lib-amd/modelApi/creators/createSelectionMarker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSelectionMarker.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelApi/creators/createSelectionMarker.ts"],"names":[],"mappings":";;;;IAKA;;;OAGG;IACH,SAAgB,qBAAqB,CACjC,MAAkC;QAElC,OAAO;YACH,WAAW,EAAE,iBAAiB;YAC9B,UAAU,EAAE,IAAI;YAChB,MAAM,EAAE,MAAM,CAAC,CAAC,2BAAM,MAAM,EAAG,CAAC,CAAC,EAAE;SACtC,CAAC;IACN,CAAC;IARD,sDAQC","sourcesContent":["import {\n    ContentModelSegmentFormat,\n    ContentModelSelectionMarker,\n} from 'roosterjs-content-model-types';\n\n/**\n * Create a ContentModelSelectionMarker model\n * @param format @optional The format of this model\n */\nexport function createSelectionMarker(\n    format?: ContentModelSegmentFormat\n): ContentModelSelectionMarker {\n    return {\n        segmentType: 'SelectionMarker',\n        isSelected: true,\n        format: format ? { ...format } : {},\n    };\n}\n"]}

package/lib-amd/modelApi/creators/createTable.d.ts

@@ -0,0 +1,7 @@
+import { ContentModelTable, ContentModelTableFormat } from 'roosterjs-content-model-types';
+/**
+ * Create a ContentModelTable model
+ * @param rowCount Count of rows of this table
+ * @param format @optional The format of this model
+ */
+export declare function createTable(rowCount: number, format?: ContentModelTableFormat): ContentModelTable;

package/lib-amd/modelApi/creators/createTable.js

@@ -0,0 +1,29 @@
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createTable = void 0;
+    /**
+     * Create a ContentModelTable model
+     * @param rowCount Count of rows of this table
+     * @param format @optional The format of this model
+     */
+    function createTable(rowCount, format) {
+        var rows = [];
+        for (var i = 0; i < rowCount; i++) {
+            rows.push({
+                height: 0,
+                format: {},
+                cells: [],
+            });
+        }
+        return {
+            blockType: 'Table',
+            rows: rows,
+            format: (0, tslib_1.__assign)({}, (format || {})),
+            widths: [],
+            dataset: {},
+        };
+    }
+    exports.createTable = createTable;
+});
+//# sourceMappingURL=createTable.js.map

package/lib-amd/modelApi/creators/createTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTable.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelApi/creators/createTable.ts"],"names":[],"mappings":";;;;IAMA;;;;OAIG;IACH,SAAgB,WAAW,CAAC,QAAgB,EAAE,MAAgC;QAC1E,IAAM,IAAI,GAA2B,EAAE,CAAC;QAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC;gBACN,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE,EAAE;aACZ,CAAC,CAAC;SACN;QAED,OAAO;YACH,SAAS,EAAE,OAAO;YAClB,IAAI,MAAA;YACJ,MAAM,4BAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAE;YAC7B,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACd,CAAC;IACN,CAAC;IAlBD,kCAkBC","sourcesContent":["import {\n    ContentModelTable,\n    ContentModelTableFormat,\n    ContentModelTableRow,\n} from 'roosterjs-content-model-types';\n\n/**\n * Create a ContentModelTable model\n * @param rowCount Count of rows of this table\n * @param format @optional The format of this model\n */\nexport function createTable(rowCount: number, format?: ContentModelTableFormat): ContentModelTable {\n    const rows: ContentModelTableRow[] = [];\n\n    for (let i = 0; i < rowCount; i++) {\n        rows.push({\n            height: 0,\n            format: {},\n            cells: [],\n        });\n    }\n\n    return {\n        blockType: 'Table',\n        rows,\n        format: { ...(format || {}) },\n        widths: [],\n        dataset: {},\n    };\n}\n"]}

package/lib-amd/modelApi/creators/createTableCell.d.ts

@@ -0,0 +1,9 @@
+import { ContentModelTableCell, ContentModelTableCellFormat } from 'roosterjs-content-model-types';
+/**
+ * Create a ContentModelTableCell model
+ * @param spanLeftOrColSpan @optional Whether this is a table cell merged with its left cell, or colspan number @default false
+ * @param spanAboveOrRowSpan Whether this is a table cell merged with its upper cell, or rowSpan number @default false
+ * @param isHeader @optional Whether this is a header cell @default false
+ * @param format @optional The format of this model
+ */
+export declare function createTableCell(spanLeftOrColSpan?: boolean | number, spanAboveOrRowSpan?: boolean | number, isHeader?: boolean, format?: ContentModelTableCellFormat): ContentModelTableCell;

package/lib-amd/modelApi/creators/createTableCell.js

@@ -0,0 +1,27 @@
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createTableCell = void 0;
+    /**
+     * Create a ContentModelTableCell model
+     * @param spanLeftOrColSpan @optional Whether this is a table cell merged with its left cell, or colspan number @default false
+     * @param spanAboveOrRowSpan Whether this is a table cell merged with its upper cell, or rowSpan number @default false
+     * @param isHeader @optional Whether this is a header cell @default false
+     * @param format @optional The format of this model
+     */
+    function createTableCell(spanLeftOrColSpan, spanAboveOrRowSpan, isHeader, format) {
+        var spanLeft = typeof spanLeftOrColSpan === 'number' ? spanLeftOrColSpan > 1 : !!spanLeftOrColSpan;
+        var spanAbove = typeof spanAboveOrRowSpan === 'number' ? spanAboveOrRowSpan > 1 : !!spanAboveOrRowSpan;
+        return {
+            blockGroupType: 'TableCell',
+            blocks: [],
+            format: format ? (0, tslib_1.__assign)({}, format) : {},
+            spanLeft: spanLeft,
+            spanAbove: spanAbove,
+            isHeader: !!isHeader,
+            dataset: {},
+        };
+    }
+    exports.createTableCell = createTableCell;
+});
+//# sourceMappingURL=createTableCell.js.map

package/lib-amd/modelApi/creators/createTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTableCell.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelApi/creators/createTableCell.ts"],"names":[],"mappings":";;;;IAEA;;;;;;OAMG;IACH,SAAgB,eAAe,CAC3B,iBAAoC,EACpC,kBAAqC,EACrC,QAAkB,EAClB,MAAoC;QAEpC,IAAM,QAAQ,GACV,OAAO,iBAAiB,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC;QACxF,IAAM,SAAS,GACX,OAAO,kBAAkB,KAAK,QAAQ,CAAC,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC;QAC3F,OAAO;YACH,cAAc,EAAE,WAAW;YAC3B,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,MAAM,CAAC,CAAC,2BAAM,MAAM,EAAG,CAAC,CAAC,EAAE;YACnC,QAAQ,UAAA;YACR,SAAS,WAAA;YACT,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,OAAO,EAAE,EAAE;SACd,CAAC;IACN,CAAC;IAnBD,0CAmBC","sourcesContent":["import { ContentModelTableCell, ContentModelTableCellFormat } from 'roosterjs-content-model-types';\n\n/**\n * Create a ContentModelTableCell model\n * @param spanLeftOrColSpan @optional Whether this is a table cell merged with its left cell, or colspan number @default false\n * @param spanAboveOrRowSpan Whether this is a table cell merged with its upper cell, or rowSpan number @default false\n * @param isHeader @optional Whether this is a header cell @default false\n * @param format @optional The format of this model\n */\nexport function createTableCell(\n    spanLeftOrColSpan?: boolean | number,\n    spanAboveOrRowSpan?: boolean | number,\n    isHeader?: boolean,\n    format?: ContentModelTableCellFormat\n): ContentModelTableCell {\n    const spanLeft =\n        typeof spanLeftOrColSpan === 'number' ? spanLeftOrColSpan > 1 : !!spanLeftOrColSpan;\n    const spanAbove =\n        typeof spanAboveOrRowSpan === 'number' ? spanAboveOrRowSpan > 1 : !!spanAboveOrRowSpan;\n    return {\n        blockGroupType: 'TableCell',\n        blocks: [],\n        format: format ? { ...format } : {},\n        spanLeft,\n        spanAbove,\n        isHeader: !!isHeader,\n        dataset: {},\n    };\n}\n"]}

package/lib-amd/modelApi/creators/createText.d.ts

@@ -0,0 +1,7 @@
+import { ContentModelSegmentFormat, ContentModelText } from 'roosterjs-content-model-types';
+/**
+ * Create a ContentModelText model
+ * @param text Text of this model
+ * @param format @optional The format of this model
+ */
+export declare function createText(text: string, format?: ContentModelSegmentFormat): ContentModelText;

package/lib-amd/modelApi/creators/createText.js

@@ -0,0 +1,19 @@
+define(["require", "exports", "tslib"], function (require, exports, tslib_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createText = void 0;
+    /**
+     * Create a ContentModelText model
+     * @param text Text of this model
+     * @param format @optional The format of this model
+     */
+    function createText(text, format) {
+        return {
+            segmentType: 'Text',
+            text: text,
+            format: format ? (0, tslib_1.__assign)({}, format) : {},
+        };
+    }
+    exports.createText = createText;
+});
+//# sourceMappingURL=createText.js.map

package/lib-amd/modelApi/creators/createText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createText.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelApi/creators/createText.ts"],"names":[],"mappings":";;;;IAEA;;;;OAIG;IACH,SAAgB,UAAU,CAAC,IAAY,EAAE,MAAkC;QACvE,OAAO;YACH,WAAW,EAAE,MAAM;YACnB,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM,CAAC,CAAC,2BAAM,MAAM,EAAG,CAAC,CAAC,EAAE;SACtC,CAAC;IACN,CAAC;IAND,gCAMC","sourcesContent":["import { ContentModelSegmentFormat, ContentModelText } from 'roosterjs-content-model-types';\n\n/**\n * Create a ContentModelText model\n * @param text Text of this model\n * @param format @optional The format of this model\n */\nexport function createText(text: string, format?: ContentModelSegmentFormat): ContentModelText {\n    return {\n        segmentType: 'Text',\n        text: text,\n        format: format ? { ...format } : {},\n    };\n}\n"]}

package/lib-amd/modelToDom/contentModelToDom.d.ts

@@ -0,0 +1,17 @@
+import { ContentModelDocument, EditorContext, ModelToDomOption } from 'roosterjs-content-model-types';
+import { SelectionRangeEx } from 'roosterjs-editor-types';
+/**
+ * Create DOM tree fragment from Content Model document
+ * @param doc Document object of the target DOM tree
+ * @param root Target node that will become the container of new DOM tree.
+ * When a DOM node with existing node is passed, it will be merged with content model so that unchanged blocks
+ * won't be touched.
+ * @param model The content model document to generate DOM tree from
+ * @param editorContext Content for Content Model editor
+ * @param option Additional options to customize the behavior of Content Model to DOM conversion
+ * @returns A tuple of the following 3 objects:
+ * 1. Document Fragment that contains the DOM tree generated from the given model
+ * 2. A SelectionRangeEx object that contains selection info from the model if any, or null
+ * 3. An array entity DOM wrapper and its placeholder node pair for reusable root level entities.
+ */
+export declare function contentModelToDom(doc: Document, root: Node, model: ContentModelDocument, editorContext: EditorContext, option?: ModelToDomOption): SelectionRangeEx | null;

package/lib-amd/modelToDom/contentModelToDom.js

@@ -0,0 +1,84 @@
+define(["require", "exports", "./context/createModelToDomContext", "roosterjs-editor-dom", "../domUtils/isNodeOfType"], function (require, exports, createModelToDomContext_1, roosterjs_editor_dom_1, isNodeOfType_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.contentModelToDom = void 0;
+    /**
+     * Create DOM tree fragment from Content Model document
+     * @param doc Document object of the target DOM tree
+     * @param root Target node that will become the container of new DOM tree.
+     * When a DOM node with existing node is passed, it will be merged with content model so that unchanged blocks
+     * won't be touched.
+     * @param model The content model document to generate DOM tree from
+     * @param editorContext Content for Content Model editor
+     * @param option Additional options to customize the behavior of Content Model to DOM conversion
+     * @returns A tuple of the following 3 objects:
+     * 1. Document Fragment that contains the DOM tree generated from the given model
+     * 2. A SelectionRangeEx object that contains selection info from the model if any, or null
+     * 3. An array entity DOM wrapper and its placeholder node pair for reusable root level entities.
+     */
+    function contentModelToDom(doc, root, model, editorContext, option) {
+        var modelToDomContext = (0, createModelToDomContext_1.createModelToDomContext)(editorContext, option);
+        modelToDomContext.modelHandlers.blockGroupChildren(doc, root, model, modelToDomContext);
+        var range = extractSelectionRange(modelToDomContext);
+        root.normalize();
+        return range;
+    }
+    exports.contentModelToDom = contentModelToDom;
+    function extractSelectionRange(context) {
+        var _a = context.regularSelection, start = _a.start, end = _a.end, tableSelection = context.tableSelection, imageSelection = context.imageSelection;
+        var startPosition;
+        var endPosition;
+        if (imageSelection === null || imageSelection === void 0 ? void 0 : imageSelection.image) {
+            return {
+                type: 2 /* ImageSelection */,
+                ranges: [(0, roosterjs_editor_dom_1.createRange)(imageSelection.image)],
+                areAllCollapsed: false,
+                image: imageSelection.image,
+            };
+        }
+        else if ((startPosition = start && calcPosition(start)) &&
+            (endPosition = end && calcPosition(end))) {
+            var range = (0, roosterjs_editor_dom_1.createRange)(startPosition, endPosition);
+            return {
+                type: 0 /* Normal */,
+                ranges: [(0, roosterjs_editor_dom_1.createRange)(startPosition, endPosition)],
+                areAllCollapsed: range.collapsed,
+            };
+        }
+        else if (tableSelection === null || tableSelection === void 0 ? void 0 : tableSelection.table) {
+            return {
+                type: 1 /* TableSelection */,
+                ranges: [],
+                areAllCollapsed: false,
+                table: tableSelection.table,
+                coordinates: {
+                    firstCell: tableSelection.firstCell,
+                    lastCell: tableSelection.lastCell,
+                },
+            };
+        }
+        else {
+            return null;
+        }
+    }
+    function calcPosition(pos) {
+        var _a;
+        var result;
+        if (pos.block) {
+            if (!pos.segment) {
+                result = new roosterjs_editor_dom_1.Position(pos.block, 0);
+            }
+            else if ((0, isNodeOfType_1.isNodeOfType)(pos.segment, 3 /* Text */)) {
+                result = new roosterjs_editor_dom_1.Position(pos.segment, ((_a = pos.segment.nodeValue) === null || _a === void 0 ? void 0 : _a.length) || 0);
+            }
+            else {
+                result = new roosterjs_editor_dom_1.Position(pos.segment.parentNode, (0, roosterjs_editor_dom_1.toArray)(pos.segment.parentNode.childNodes).indexOf(pos.segment) + 1);
+            }
+        }
+        if ((0, isNodeOfType_1.isNodeOfType)(result === null || result === void 0 ? void 0 : result.node, 11 /* DocumentFragment */)) {
+            result = result === null || result === void 0 ? void 0 : result.normalize();
+        }
+        return result;
+    }
+});
+//# sourceMappingURL=contentModelToDom.js.map

package/lib-amd/modelToDom/contentModelToDom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentModelToDom.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/contentModelToDom.ts"],"names":[],"mappings":";;;;IAiBA;;;;;;;;;;;;;OAaG;IACH,SAAgB,iBAAiB,CAC7B,GAAa,EACb,IAAU,EACV,KAA2B,EAC3B,aAA4B,EAC5B,MAAyB;QAEzB,IAAM,iBAAiB,GAAG,IAAA,iDAAuB,EAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAEzE,iBAAiB,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC;QAExF,IAAM,KAAK,GAAG,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;QAEvD,IAAI,CAAC,SAAS,EAAE,CAAC;QAEjB,OAAO,KAAK,CAAC;IACjB,CAAC;IAhBD,8CAgBC;IAED,SAAS,qBAAqB,CAAC,OAA0B;QAEjD,IAAA,KAGA,OAAO,iBAHyB,EAAZ,KAAK,WAAA,EAAE,GAAG,SAAA,EAC9B,cAAc,GAEd,OAAO,eAFO,EACd,cAAc,GACd,OAAO,eADO,CACN;QAEZ,IAAI,aAAuC,CAAC;QAC5C,IAAI,WAAqC,CAAC;QAE1C,IAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,EAAE;YACvB,OAAO;gBACH,IAAI,wBAAoC;gBACxC,MAAM,EAAE,CAAC,IAAA,kCAAW,EAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBAC3C,eAAe,EAAE,KAAK;gBACtB,KAAK,EAAE,cAAc,CAAC,KAAK;aAC9B,CAAC;SACL;aAAM,IACH,CAAC,aAAa,GAAG,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;YAC9C,CAAC,WAAW,GAAG,GAAG,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC,EAC1C;YACE,IAAM,KAAK,GAAG,IAAA,kCAAW,EAAC,aAAa,EAAE,WAAW,CAAC,CAAC;YAEtD,OAAO;gBACH,IAAI,gBAA4B;gBAChC,MAAM,EAAE,CAAC,IAAA,kCAAW,EAAC,aAAa,EAAE,WAAW,CAAC,CAAC;gBACjD,eAAe,EAAE,KAAK,CAAC,SAAS;aACnC,CAAC;SACL;aAAM,IAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,EAAE;YAC9B,OAAO;gBACH,IAAI,wBAAoC;gBACxC,MAAM,EAAE,EAAE;gBACV,eAAe,EAAE,KAAK;gBACtB,KAAK,EAAE,cAAc,CAAC,KAAK;gBAC3B,WAAW,EAAE;oBACT,SAAS,EAAE,cAAc,CAAC,SAAS;oBACnC,QAAQ,EAAE,cAAc,CAAC,QAAQ;iBACpC;aACJ,CAAC;SACL;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IAED,SAAS,YAAY,CAAC,GAAkC;;QACpD,IAAI,MAAgC,CAAC;QAErC,IAAI,GAAG,CAAC,KAAK,EAAE;YACX,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;gBACd,MAAM,GAAG,IAAI,+BAAQ,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;aACvC;iBAAM,IAAI,IAAA,2BAAY,EAAC,GAAG,CAAC,OAAO,eAAgB,EAAE;gBACjD,MAAM,GAAG,IAAI,+BAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,CAAA,MAAA,GAAG,CAAC,OAAO,CAAC,SAAS,0CAAE,MAAM,KAAI,CAAC,CAAC,CAAC;aAC1E;iBAAM;gBACH,MAAM,GAAG,IAAI,+BAAQ,CACjB,GAAG,CAAC,OAAO,CAAC,UAAW,EACvB,IAAA,8BAAO,EAAC,GAAG,CAAC,OAAO,CAAC,UAAW,CAAC,UAA8B,CAAC,CAAC,OAAO,CACnE,GAAG,CAAC,OAAQ,CACf,GAAG,CAAC,CACR,CAAC;aACL;SACJ;QAED,IAAI,IAAA,2BAAY,EAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,4BAA4B,EAAE;YACvD,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,EAAE,CAAC;SAChC;QAED,OAAO,MAAM,CAAC;IAClB,CAAC","sourcesContent":["import { createModelToDomContext } from './context/createModelToDomContext';\nimport { createRange, Position, toArray } from 'roosterjs-editor-dom';\nimport { isNodeOfType } from '../domUtils/isNodeOfType';\nimport {\n    ContentModelDocument,\n    EditorContext,\n    ModelToDomBlockAndSegmentNode,\n    ModelToDomContext,\n    ModelToDomOption,\n} from 'roosterjs-content-model-types';\nimport {\n    NodePosition,\n    NodeType,\n    SelectionRangeEx,\n    SelectionRangeTypes,\n} from 'roosterjs-editor-types';\n\n/**\n * Create DOM tree fragment from Content Model document\n * @param doc Document object of the target DOM tree\n * @param root Target node that will become the container of new DOM tree.\n * When a DOM node with existing node is passed, it will be merged with content model so that unchanged blocks\n * won't be touched.\n * @param model The content model document to generate DOM tree from\n * @param editorContext Content for Content Model editor\n * @param option Additional options to customize the behavior of Content Model to DOM conversion\n * @returns A tuple of the following 3 objects:\n * 1. Document Fragment that contains the DOM tree generated from the given model\n * 2. A SelectionRangeEx object that contains selection info from the model if any, or null\n * 3. An array entity DOM wrapper and its placeholder node pair for reusable root level entities.\n */\nexport function contentModelToDom(\n    doc: Document,\n    root: Node,\n    model: ContentModelDocument,\n    editorContext: EditorContext,\n    option?: ModelToDomOption\n): SelectionRangeEx | null {\n    const modelToDomContext = createModelToDomContext(editorContext, option);\n\n    modelToDomContext.modelHandlers.blockGroupChildren(doc, root, model, modelToDomContext);\n\n    const range = extractSelectionRange(modelToDomContext);\n\n    root.normalize();\n\n    return range;\n}\n\nfunction extractSelectionRange(context: ModelToDomContext): SelectionRangeEx | null {\n    const {\n        regularSelection: { start, end },\n        tableSelection,\n        imageSelection,\n    } = context;\n\n    let startPosition: NodePosition | undefined;\n    let endPosition: NodePosition | undefined;\n\n    if (imageSelection?.image) {\n        return {\n            type: SelectionRangeTypes.ImageSelection,\n            ranges: [createRange(imageSelection.image)],\n            areAllCollapsed: false,\n            image: imageSelection.image,\n        };\n    } else if (\n        (startPosition = start && calcPosition(start)) &&\n        (endPosition = end && calcPosition(end))\n    ) {\n        const range = createRange(startPosition, endPosition);\n\n        return {\n            type: SelectionRangeTypes.Normal,\n            ranges: [createRange(startPosition, endPosition)],\n            areAllCollapsed: range.collapsed,\n        };\n    } else if (tableSelection?.table) {\n        return {\n            type: SelectionRangeTypes.TableSelection,\n            ranges: [],\n            areAllCollapsed: false,\n            table: tableSelection.table,\n            coordinates: {\n                firstCell: tableSelection.firstCell,\n                lastCell: tableSelection.lastCell,\n            },\n        };\n    } else {\n        return null;\n    }\n}\n\nfunction calcPosition(pos: ModelToDomBlockAndSegmentNode): NodePosition | undefined {\n    let result: NodePosition | undefined;\n\n    if (pos.block) {\n        if (!pos.segment) {\n            result = new Position(pos.block, 0);\n        } else if (isNodeOfType(pos.segment, NodeType.Text)) {\n            result = new Position(pos.segment, pos.segment.nodeValue?.length || 0);\n        } else {\n            result = new Position(\n                pos.segment.parentNode!,\n                toArray(pos.segment.parentNode!.childNodes as NodeListOf<Node>).indexOf(\n                    pos.segment!\n                ) + 1\n            );\n        }\n    }\n\n    if (isNodeOfType(result?.node, NodeType.DocumentFragment)) {\n        result = result?.normalize();\n    }\n\n    return result;\n}\n"]}

package/lib-amd/modelToDom/context/createModelToDomContext.d.ts

@@ -0,0 +1,7 @@
+import { EditorContext, ModelToDomContext, ModelToDomOption } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * @param editorContext
+ * @returns
+ */
+export declare function createModelToDomContext(editorContext?: EditorContext, options?: ModelToDomOption): ModelToDomContext;

package/lib-amd/modelToDom/context/createModelToDomContext.js

@@ -0,0 +1,24 @@
+define(["require", "exports", "tslib", "./defaultContentModelHandlers", "../../formatHandlers/utils/defaultStyles", "../../formatHandlers/defaultFormatHandlers"], function (require, exports, tslib_1, defaultContentModelHandlers_1, defaultStyles_1, defaultFormatHandlers_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createModelToDomContext = void 0;
+    /**
+     * @internal
+     * @param editorContext
+     * @returns
+     */
+    function createModelToDomContext(editorContext, options) {
+        options = options || {};
+        return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, editorContext), { regularSelection: {
+                current: {
+                    block: null,
+                    segment: null,
+                },
+            }, listFormat: {
+                threadItemCounts: [],
+                nodeStack: [],
+            }, implicitFormat: {}, formatAppliers: (0, defaultFormatHandlers_1.getFormatAppliers)(options.formatApplierOverride, options.additionalFormatAppliers), modelHandlers: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, defaultContentModelHandlers_1.defaultContentModelHandlers), (options.modelHandlerOverride || {})), defaultImplicitFormatMap: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, defaultStyles_1.defaultImplicitFormatMap), (options.defaultImplicitFormatOverride || {})), defaultModelHandlers: defaultContentModelHandlers_1.defaultContentModelHandlers, defaultFormatAppliers: defaultFormatHandlers_1.defaultFormatAppliers, onNodeCreated: options.onNodeCreated });
+    }
+    exports.createModelToDomContext = createModelToDomContext;
+});
+//# sourceMappingURL=createModelToDomContext.js.map

package/lib-amd/modelToDom/context/createModelToDomContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createModelToDomContext.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/context/createModelToDomContext.ts"],"names":[],"mappings":";;;;IAQA;;;;OAIG;IACH,SAAgB,uBAAuB,CACnC,aAA6B,EAC7B,OAA0B;QAE1B,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;QAExB,uDACO,aAAa,KAEhB,gBAAgB,EAAE;gBACd,OAAO,EAAE;oBACL,KAAK,EAAE,IAAI;oBACX,OAAO,EAAE,IAAI;iBAChB;aACJ,EACD,UAAU,EAAE;gBACR,gBAAgB,EAAE,EAAE;gBACpB,SAAS,EAAE,EAAE;aAChB,EACD,cAAc,EAAE,EAAE,EAClB,cAAc,EAAE,IAAA,yCAAiB,EAC7B,OAAO,CAAC,qBAAqB,EAC7B,OAAO,CAAC,wBAAwB,CACnC,EACD,aAAa,kDACN,yDAA2B,GAC3B,CAAC,OAAO,CAAC,oBAAoB,IAAI,EAAE,CAAC,GAE3C,wBAAwB,kDACjB,wCAAwB,GACxB,CAAC,OAAO,CAAC,6BAA6B,IAAI,EAAE,CAAC,GAGpD,oBAAoB,EAAE,yDAA2B,EACjD,qBAAqB,EAAE,6CAAqB,EAC5C,aAAa,EAAE,OAAO,CAAC,aAAa,IACtC;IACN,CAAC;IArCD,0DAqCC","sourcesContent":["import { defaultContentModelHandlers } from './defaultContentModelHandlers';\nimport { defaultImplicitFormatMap } from '../../formatHandlers/utils/defaultStyles';\nimport { EditorContext, ModelToDomContext, ModelToDomOption } from 'roosterjs-content-model-types';\nimport {\n    defaultFormatAppliers,\n    getFormatAppliers,\n} from '../../formatHandlers/defaultFormatHandlers';\n\n/**\n * @internal\n * @param editorContext\n * @returns\n */\nexport function createModelToDomContext(\n    editorContext?: EditorContext,\n    options?: ModelToDomOption\n): ModelToDomContext {\n    options = options || {};\n\n    return {\n        ...editorContext,\n\n        regularSelection: {\n            current: {\n                block: null,\n                segment: null,\n            },\n        },\n        listFormat: {\n            threadItemCounts: [],\n            nodeStack: [],\n        },\n        implicitFormat: {},\n        formatAppliers: getFormatAppliers(\n            options.formatApplierOverride,\n            options.additionalFormatAppliers\n        ),\n        modelHandlers: {\n            ...defaultContentModelHandlers,\n            ...(options.modelHandlerOverride || {}),\n        },\n        defaultImplicitFormatMap: {\n            ...defaultImplicitFormatMap,\n            ...(options.defaultImplicitFormatOverride || {}),\n        },\n\n        defaultModelHandlers: defaultContentModelHandlers,\n        defaultFormatAppliers: defaultFormatAppliers,\n        onNodeCreated: options.onNodeCreated,\n    };\n}\n"]}

package/lib-amd/modelToDom/context/defaultContentModelHandlers.d.ts

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

package/lib-amd/modelToDom/context/defaultContentModelHandlers.js

@@ -0,0 +1,26 @@
+define(["require", "exports", "../handlers/handleBlock", "../handlers/handleBlockGroupChildren", "../handlers/handleBr", "../handlers/handleDivider", "../handlers/handleEntity", "../handlers/handleFormatContainer", "../handlers/handleGeneralModel", "../handlers/handleImage", "../handlers/handleList", "../handlers/handleListItem", "../handlers/handleParagraph", "../handlers/handleSegment", "../handlers/handleSegmentDecorator", "../handlers/handleTable", "../handlers/handleText"], function (require, exports, handleBlock_1, handleBlockGroupChildren_1, handleBr_1, handleDivider_1, handleEntity_1, handleFormatContainer_1, handleGeneralModel_1, handleImage_1, handleList_1, handleListItem_1, handleParagraph_1, handleSegment_1, handleSegmentDecorator_1, handleTable_1, handleText_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.defaultContentModelHandlers = void 0;
+    /**
+     * @internal
+     */
+    exports.defaultContentModelHandlers = {
+        block: handleBlock_1.handleBlock,
+        blockGroupChildren: handleBlockGroupChildren_1.handleBlockGroupChildren,
+        br: handleBr_1.handleBr,
+        entity: handleEntity_1.handleEntity,
+        general: handleGeneralModel_1.handleGeneralModel,
+        divider: handleDivider_1.handleDivider,
+        image: handleImage_1.handleImage,
+        list: handleList_1.handleList,
+        listItem: handleListItem_1.handleListItem,
+        paragraph: handleParagraph_1.handleParagraph,
+        formatContainer: handleFormatContainer_1.handleFormatContainer,
+        segment: handleSegment_1.handleSegment,
+        segmentDecorator: handleSegmentDecorator_1.handleSegmentDecorator,
+        table: handleTable_1.handleTable,
+        text: handleText_1.handleText,
+    };
+});
+//# sourceMappingURL=defaultContentModelHandlers.js.map

package/lib-amd/modelToDom/context/defaultContentModelHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultContentModelHandlers.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/context/defaultContentModelHandlers.ts"],"names":[],"mappings":";;;;IAiBA;;OAEG;IACU,QAAA,2BAA2B,GAA2B;QAC/D,KAAK,EAAE,yBAAW;QAClB,kBAAkB,EAAE,mDAAwB;QAC5C,EAAE,EAAE,mBAAQ;QACZ,MAAM,EAAE,2BAAY;QACpB,OAAO,EAAE,uCAAkB;QAC3B,OAAO,EAAE,6BAAa;QACtB,KAAK,EAAE,yBAAW;QAClB,IAAI,EAAE,uBAAU;QAChB,QAAQ,EAAE,+BAAc;QACxB,SAAS,EAAE,iCAAe;QAC1B,eAAe,EAAE,6CAAqB;QACtC,OAAO,EAAE,6BAAa;QACtB,gBAAgB,EAAE,+CAAsB;QACxC,KAAK,EAAE,yBAAW;QAClB,IAAI,EAAE,uBAAU;KACnB,CAAC","sourcesContent":["import { ContentModelHandlerMap } from 'roosterjs-content-model-types';\nimport { handleBlock } from '../handlers/handleBlock';\nimport { handleBlockGroupChildren } from '../handlers/handleBlockGroupChildren';\nimport { handleBr } from '../handlers/handleBr';\nimport { handleDivider } from '../handlers/handleDivider';\nimport { handleEntity } from '../handlers/handleEntity';\nimport { handleFormatContainer } from '../handlers/handleFormatContainer';\nimport { handleGeneralModel } from '../handlers/handleGeneralModel';\nimport { handleImage } from '../handlers/handleImage';\nimport { handleList } from '../handlers/handleList';\nimport { handleListItem } from '../handlers/handleListItem';\nimport { handleParagraph } from '../handlers/handleParagraph';\nimport { handleSegment } from '../handlers/handleSegment';\nimport { handleSegmentDecorator } from '../handlers/handleSegmentDecorator';\nimport { handleTable } from '../handlers/handleTable';\nimport { handleText } from '../handlers/handleText';\n\n/**\n * @internal\n */\nexport const defaultContentModelHandlers: ContentModelHandlerMap = {\n    block: handleBlock,\n    blockGroupChildren: handleBlockGroupChildren,\n    br: handleBr,\n    entity: handleEntity,\n    general: handleGeneralModel,\n    divider: handleDivider,\n    image: handleImage,\n    list: handleList,\n    listItem: handleListItem,\n    paragraph: handleParagraph,\n    formatContainer: handleFormatContainer,\n    segment: handleSegment,\n    segmentDecorator: handleSegmentDecorator,\n    table: handleTable,\n    text: handleText,\n};\n"]}

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

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

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

@@ -0,0 +1,41 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleBlock = void 0;
+    /**
+     * @internal
+     */
+    var handleBlock = function (doc, parent, block, context, refNode) {
+        var handlers = context.modelHandlers;
+        switch (block.blockType) {
+            case 'Table':
+                refNode = handlers.table(doc, parent, block, context, refNode);
+                break;
+            case 'Paragraph':
+                refNode = handlers.paragraph(doc, parent, block, context, refNode);
+                break;
+            case 'Entity':
+                refNode = handlers.entity(doc, parent, block, context, refNode);
+                break;
+            case 'Divider':
+                refNode = handlers.divider(doc, parent, block, context, refNode);
+                break;
+            case 'BlockGroup':
+                switch (block.blockGroupType) {
+                    case 'General':
+                        refNode = handlers.general(doc, parent, block, context, refNode);
+                        break;
+                    case 'FormatContainer':
+                        refNode = handlers.formatContainer(doc, parent, block, context, refNode);
+                        break;
+                    case 'ListItem':
+                        refNode = handlers.listItem(doc, parent, block, context, refNode);
+                        break;
+                }
+                break;
+        }
+        return refNode;
+    };
+    exports.handleBlock = handleBlock;
+});
+//# sourceMappingURL=handleBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"handleBlock.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleBlock.ts"],"names":[],"mappings":";;;;IAMA;;OAEG;IACI,IAAM,WAAW,GAAgD,UACpE,GAAa,EACb,MAAY,EACZ,KAAwB,EACxB,OAA0B,EAC1B,OAAoB;QAEpB,IAAM,QAAQ,GAAG,OAAO,CAAC,aAAa,CAAC;QAEvC,QAAQ,KAAK,CAAC,SAAS,EAAE;YACrB,KAAK,OAAO;gBACR,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;gBAC/D,MAAM;YACV,KAAK,WAAW;gBACZ,OAAO,GAAG,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;gBACnE,MAAM;YACV,KAAK,QAAQ;gBACT,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;gBAChE,MAAM;YACV,KAAK,SAAS;gBACV,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;gBACjE,MAAM;YACV,KAAK,YAAY;gBACb,QAAQ,KAAK,CAAC,cAAc,EAAE;oBAC1B,KAAK,SAAS;wBACV,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;wBACjE,MAAM;oBAEV,KAAK,iBAAiB;wBAClB,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;wBACzE,MAAM;oBAEV,KAAK,UAAU;wBACX,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;wBAClE,MAAM;iBACb;gBAED,MAAM;SACb;QAED,OAAO,OAAO,CAAC;IACnB,CAAC,CAAC;IAzCW,QAAA,WAAW,eAyCtB","sourcesContent":["import {\n    ContentModelBlock,\n    ContentModelBlockHandler,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleBlock: ContentModelBlockHandler<ContentModelBlock> = (\n    doc: Document,\n    parent: Node,\n    block: ContentModelBlock,\n    context: ModelToDomContext,\n    refNode: Node | null\n) => {\n    const handlers = context.modelHandlers;\n\n    switch (block.blockType) {\n        case 'Table':\n            refNode = handlers.table(doc, parent, block, context, refNode);\n            break;\n        case 'Paragraph':\n            refNode = handlers.paragraph(doc, parent, block, context, refNode);\n            break;\n        case 'Entity':\n            refNode = handlers.entity(doc, parent, block, context, refNode);\n            break;\n        case 'Divider':\n            refNode = handlers.divider(doc, parent, block, context, refNode);\n            break;\n        case 'BlockGroup':\n            switch (block.blockGroupType) {\n                case 'General':\n                    refNode = handlers.general(doc, parent, block, context, refNode);\n                    break;\n\n                case 'FormatContainer':\n                    refNode = handlers.formatContainer(doc, parent, block, context, refNode);\n                    break;\n\n                case 'ListItem':\n                    refNode = handlers.listItem(doc, parent, block, context, refNode);\n                    break;\n            }\n\n            break;\n    }\n\n    return refNode;\n};\n"]}

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

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

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

@@ -0,0 +1,39 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleBlockGroupChildren = void 0;
+    /**
+     * @internal
+     */
+    var handleBlockGroupChildren = function (doc, parent, group, context) {
+        var _a;
+        var listFormat = context.listFormat;
+        var nodeStack = listFormat.nodeStack;
+        var refNode = parent.firstChild;
+        try {
+            group.blocks.forEach(function (childBlock, index) {
+                // When process list, we need a node stack.
+                // When there are two continuous lists, they should share the same stack
+                // so that list items with same type/threadId can be merged into the same list element
+                // In other cases, clear the stack so that two separate lists won't share the same list element
+                if (index == 0 ||
+                    childBlock.blockType != 'BlockGroup' ||
+                    childBlock.blockGroupType != 'ListItem') {
+                    listFormat.nodeStack = [];
+                }
+                refNode = context.modelHandlers.block(doc, parent, childBlock, context, refNode);
+            });
+            // Remove all rest node if any since they don't appear in content model
+            while (refNode) {
+                var next = refNode.nextSibling;
+                (_a = refNode.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(refNode);
+                refNode = next;
+            }
+        }
+        finally {
+            listFormat.nodeStack = nodeStack;
+        }
+    };
+    exports.handleBlockGroupChildren = handleBlockGroupChildren;
+});
+//# sourceMappingURL=handleBlockGroupChildren.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"handleBlockGroupChildren.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleBlockGroupChildren.ts"],"names":[],"mappings":";;;;IAMA;;OAEG;IACI,IAAM,wBAAwB,GAAgD,UACjF,GAAa,EACb,MAAY,EACZ,KAA6B,EAC7B,OAA0B;;QAElB,IAAA,UAAU,GAAK,OAAO,WAAZ,CAAa;QAC/B,IAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC;QACvC,IAAI,OAAO,GAAgB,MAAM,CAAC,UAAU,CAAC;QAE7C,IAAI;YACA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,UAAC,UAAU,EAAE,KAAK;gBACnC,2CAA2C;gBAC3C,wEAAwE;gBACxE,sFAAsF;gBACtF,+FAA+F;gBAC/F,IACI,KAAK,IAAI,CAAC;oBACV,UAAU,CAAC,SAAS,IAAI,YAAY;oBACpC,UAAU,CAAC,cAAc,IAAI,UAAU,EACzC;oBACE,UAAU,CAAC,SAAS,GAAG,EAAE,CAAC;iBAC7B;gBAED,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YACrF,CAAC,CAAC,CAAC;YAEH,uEAAuE;YACvE,OAAO,OAAO,EAAE;gBACZ,IAAM,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC;gBAEjC,MAAA,OAAO,CAAC,UAAU,0CAAE,WAAW,CAAC,OAAO,CAAC,CAAC;gBACzC,OAAO,GAAG,IAAI,CAAC;aAClB;SACJ;gBAAS;YACN,UAAU,CAAC,SAAS,GAAG,SAAS,CAAC;SACpC;IACL,CAAC,CAAC;IArCW,QAAA,wBAAwB,4BAqCnC","sourcesContent":["import {\n    ContentModelBlockGroup,\n    ContentModelHandler,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleBlockGroupChildren: ContentModelHandler<ContentModelBlockGroup> = (\n    doc: Document,\n    parent: Node,\n    group: ContentModelBlockGroup,\n    context: ModelToDomContext\n) => {\n    const { listFormat } = context;\n    const nodeStack = listFormat.nodeStack;\n    let refNode: Node | null = parent.firstChild;\n\n    try {\n        group.blocks.forEach((childBlock, index) => {\n            // When process list, we need a node stack.\n            // When there are two continuous lists, they should share the same stack\n            // so that list items with same type/threadId can be merged into the same list element\n            // In other cases, clear the stack so that two separate lists won't share the same list element\n            if (\n                index == 0 ||\n                childBlock.blockType != 'BlockGroup' ||\n                childBlock.blockGroupType != 'ListItem'\n            ) {\n                listFormat.nodeStack = [];\n            }\n\n            refNode = context.modelHandlers.block(doc, parent, childBlock, context, refNode);\n        });\n\n        // Remove all rest node if any since they don't appear in content model\n        while (refNode) {\n            const next = refNode.nextSibling;\n\n            refNode.parentNode?.removeChild(refNode);\n            refNode = next;\n        }\n    } finally {\n        listFormat.nodeStack = nodeStack;\n    }\n};\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"handleBr.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleBr.ts"],"names":[],"mappings":";;;;IAOA;;OAEG;IACI,IAAM,QAAQ,GAAwC,UACzD,GAAa,EACb,MAAY,EACZ,OAAuB,EACvB,OAA0B;QAE1B,IAAM,EAAE,GAAG,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACnC,IAAM,OAAO,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC1C,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACxB,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAE5B,IAAA,yCAAmB,EAAC,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC5D,CAAC,CAAC;IAZW,QAAA,QAAQ,YAYnB","sourcesContent":["import { handleSegmentCommon } from '../utils/handleSegmentCommon';\nimport {\n    ContentModelBr,\n    ContentModelHandler,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleBr: ContentModelHandler<ContentModelBr> = (\n    doc: Document,\n    parent: Node,\n    segment: ContentModelBr,\n    context: ModelToDomContext\n) => {\n    const br = doc.createElement('br');\n    const element = doc.createElement('span');\n    element.appendChild(br);\n    parent.appendChild(element);\n\n    handleSegmentCommon(doc, br, element, segment, context);\n};\n"]}

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

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

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

@@ -0,0 +1,28 @@
+define(["require", "exports", "../utils/applyFormat", "../utils/reuseCachedElement"], function (require, exports, applyFormat_1, reuseCachedElement_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.handleDivider = void 0;
+    /**
+     * @internal
+     */
+    var handleDivider = function (doc, parent, divider, context, refNode) {
+        var _a;
+        var element = divider.cachedElement;
+        if (element) {
+            refNode = (0, reuseCachedElement_1.reuseCachedElement)(parent, element, refNode);
+        }
+        else {
+            element = doc.createElement(divider.tagName);
+            divider.cachedElement = element;
+            parent.insertBefore(element, refNode);
+            (0, applyFormat_1.applyFormat)(element, context.formatAppliers.divider, divider.format, context);
+            if (divider.size) {
+                element.setAttribute('size', divider.size);
+            }
+        }
+        (_a = context.onNodeCreated) === null || _a === void 0 ? void 0 : _a.call(context, divider, element);
+        return refNode;
+    };
+    exports.handleDivider = handleDivider;
+});
+//# sourceMappingURL=handleDivider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"handleDivider.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleDivider.ts"],"names":[],"mappings":";;;;IAQA;;OAEG;IACI,IAAM,aAAa,GAAkD,UACxE,GAAa,EACb,MAAY,EACZ,OAA4B,EAC5B,OAA0B,EAC1B,OAAoB;;QAEpB,IAAI,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC;QAEpC,IAAI,OAAO,EAAE;YACT,OAAO,GAAG,IAAA,uCAAkB,EAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;SAC1D;aAAM;YACH,OAAO,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAE7C,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC;YAChC,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAEtC,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAE9E,IAAI,OAAO,CAAC,IAAI,EAAE;gBACd,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;aAC9C;SACJ;QAED,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,OAAO,EAAE,OAAO,CAAC,CAAC;QAE1C,OAAO,OAAO,CAAC;IACnB,CAAC,CAAC;IA3BW,QAAA,aAAa,iBA2BxB","sourcesContent":["import { applyFormat } from '../utils/applyFormat';\nimport { reuseCachedElement } from '../utils/reuseCachedElement';\nimport {\n    ContentModelBlockHandler,\n    ContentModelDivider,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleDivider: ContentModelBlockHandler<ContentModelDivider> = (\n    doc: Document,\n    parent: Node,\n    divider: ContentModelDivider,\n    context: ModelToDomContext,\n    refNode: Node | null\n) => {\n    let element = divider.cachedElement;\n\n    if (element) {\n        refNode = reuseCachedElement(parent, element, refNode);\n    } else {\n        element = doc.createElement(divider.tagName);\n\n        divider.cachedElement = element;\n        parent.insertBefore(element, refNode);\n\n        applyFormat(element, context.formatAppliers.divider, divider.format, context);\n\n        if (divider.size) {\n            element.setAttribute('size', divider.size);\n        }\n    }\n\n    context.onNodeCreated?.(divider, element);\n\n    return refNode;\n};\n"]}

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

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