roosterjs-content-model-dom 0.10.0

package/lib-mjs/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-mjs/modelApi/creators/createTableCell.js

@@ -0,0 +1,22 @@
+import { __assign } from "tslib";
+/**
+ * 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 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 ? __assign({}, format) : {},
+        spanLeft: spanLeft,
+        spanAbove: spanAbove,
+        isHeader: !!isHeader,
+        dataset: {},
+    };
+}
+//# sourceMappingURL=createTableCell.js.map

package/lib-mjs/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":";AAEA;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAC3B,iBAAoC,EACpC,kBAAqC,EACrC,QAAkB,EAClB,MAAoC;IAEpC,IAAM,QAAQ,GACV,OAAO,iBAAiB,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC;IACxF,IAAM,SAAS,GACX,OAAO,kBAAkB,KAAK,QAAQ,CAAC,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAC3F,OAAO;QACH,cAAc,EAAE,WAAW;QAC3B,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,MAAM,CAAC,CAAC,cAAM,MAAM,EAAG,CAAC,CAAC,EAAE;QACnC,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,QAAQ,EAAE,CAAC,CAAC,QAAQ;QACpB,OAAO,EAAE,EAAE;KACd,CAAC;AACN,CAAC","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-mjs/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-mjs/modelApi/creators/createText.js

@@ -0,0 +1,14 @@
+import { __assign } from "tslib";
+/**
+ * Create a ContentModelText model
+ * @param text Text of this model
+ * @param format @optional The format of this model
+ */
+export function createText(text, format) {
+    return {
+        segmentType: 'Text',
+        text: text,
+        format: format ? __assign({}, format) : {},
+    };
+}
+//# sourceMappingURL=createText.js.map

package/lib-mjs/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":";AAEA;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,IAAY,EAAE,MAAkC;IACvE,OAAO;QACH,WAAW,EAAE,MAAM;QACnB,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,MAAM,CAAC,CAAC,cAAM,MAAM,EAAG,CAAC,CAAC,EAAE;KACtC,CAAC;AACN,CAAC","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-mjs/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-mjs/modelToDom/contentModelToDom.js

@@ -0,0 +1,81 @@
+import { createModelToDomContext } from './context/createModelToDomContext';
+import { createRange, Position, toArray } from 'roosterjs-editor-dom';
+import { isNodeOfType } from '../domUtils/isNodeOfType';
+/**
+ * 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 function contentModelToDom(doc, root, model, editorContext, option) {
+    var modelToDomContext = createModelToDomContext(editorContext, option);
+    modelToDomContext.modelHandlers.blockGroupChildren(doc, root, model, modelToDomContext);
+    var range = extractSelectionRange(modelToDomContext);
+    root.normalize();
+    return range;
+}
+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: [createRange(imageSelection.image)],
+            areAllCollapsed: false,
+            image: imageSelection.image,
+        };
+    }
+    else if ((startPosition = start && calcPosition(start)) &&
+        (endPosition = end && calcPosition(end))) {
+        var range = createRange(startPosition, endPosition);
+        return {
+            type: 0 /* Normal */,
+            ranges: [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 Position(pos.block, 0);
+        }
+        else if (isNodeOfType(pos.segment, 3 /* Text */)) {
+            result = new Position(pos.segment, ((_a = pos.segment.nodeValue) === null || _a === void 0 ? void 0 : _a.length) || 0);
+        }
+        else {
+            result = new Position(pos.segment.parentNode, toArray(pos.segment.parentNode.childNodes).indexOf(pos.segment) + 1);
+        }
+    }
+    if (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-mjs/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":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAexD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,iBAAiB,CAC7B,GAAa,EACb,IAAU,EACV,KAA2B,EAC3B,aAA4B,EAC5B,MAAyB;IAEzB,IAAM,iBAAiB,GAAG,uBAAuB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAEzE,iBAAiB,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC;IAExF,IAAM,KAAK,GAAG,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IAEvD,IAAI,CAAC,SAAS,EAAE,CAAC;IAEjB,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,SAAS,qBAAqB,CAAC,OAA0B;IAEjD,IAAA,KAGA,OAAO,iBAHyB,EAAZ,KAAK,WAAA,EAAE,GAAG,SAAA,EAC9B,cAAc,GAEd,OAAO,eAFO,EACd,cAAc,GACd,OAAO,eADO,CACN;IAEZ,IAAI,aAAuC,CAAC;IAC5C,IAAI,WAAqC,CAAC;IAE1C,IAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,EAAE;QACvB,OAAO;YACH,IAAI,wBAAoC;YACxC,MAAM,EAAE,CAAC,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC3C,eAAe,EAAE,KAAK;YACtB,KAAK,EAAE,cAAc,CAAC,KAAK;SAC9B,CAAC;KACL;SAAM,IACH,CAAC,aAAa,GAAG,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;QAC9C,CAAC,WAAW,GAAG,GAAG,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC,EAC1C;QACE,IAAM,KAAK,GAAG,WAAW,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;QAEtD,OAAO;YACH,IAAI,gBAA4B;YAChC,MAAM,EAAE,CAAC,WAAW,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;YACjD,eAAe,EAAE,KAAK,CAAC,SAAS;SACnC,CAAC;KACL;SAAM,IAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,EAAE;QAC9B,OAAO;YACH,IAAI,wBAAoC;YACxC,MAAM,EAAE,EAAE;YACV,eAAe,EAAE,KAAK;YACtB,KAAK,EAAE,cAAc,CAAC,KAAK;YAC3B,WAAW,EAAE;gBACT,SAAS,EAAE,cAAc,CAAC,SAAS;gBACnC,QAAQ,EAAE,cAAc,CAAC,QAAQ;aACpC;SACJ,CAAC;KACL;SAAM;QACH,OAAO,IAAI,CAAC;KACf;AACL,CAAC;AAED,SAAS,YAAY,CAAC,GAAkC;;IACpD,IAAI,MAAgC,CAAC;IAErC,IAAI,GAAG,CAAC,KAAK,EAAE;QACX,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YACd,MAAM,GAAG,IAAI,QAAQ,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SACvC;aAAM,IAAI,YAAY,CAAC,GAAG,CAAC,OAAO,eAAgB,EAAE;YACjD,MAAM,GAAG,IAAI,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,CAAA,MAAA,GAAG,CAAC,OAAO,CAAC,SAAS,0CAAE,MAAM,KAAI,CAAC,CAAC,CAAC;SAC1E;aAAM;YACH,MAAM,GAAG,IAAI,QAAQ,CACjB,GAAG,CAAC,OAAO,CAAC,UAAW,EACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,UAAW,CAAC,UAA8B,CAAC,CAAC,OAAO,CACnE,GAAG,CAAC,OAAQ,CACf,GAAG,CAAC,CACR,CAAC;SACL;KACJ;IAED,IAAI,YAAY,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,4BAA4B,EAAE;QACvD,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,EAAE,CAAC;KAChC;IAED,OAAO,MAAM,CAAC;AAClB,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-mjs/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-mjs/modelToDom/context/createModelToDomContext.js

@@ -0,0 +1,22 @@
+import { __assign } from "tslib";
+import { defaultContentModelHandlers } from './defaultContentModelHandlers';
+import { defaultImplicitFormatMap } from '../../formatHandlers/utils/defaultStyles';
+import { defaultFormatAppliers, getFormatAppliers, } from '../../formatHandlers/defaultFormatHandlers';
+/**
+ * @internal
+ * @param editorContext
+ * @returns
+ */
+export function createModelToDomContext(editorContext, options) {
+    options = options || {};
+    return __assign(__assign({}, editorContext), { regularSelection: {
+            current: {
+                block: null,
+                segment: null,
+            },
+        }, listFormat: {
+            threadItemCounts: [],
+            nodeStack: [],
+        }, implicitFormat: {}, formatAppliers: getFormatAppliers(options.formatApplierOverride, options.additionalFormatAppliers), modelHandlers: __assign(__assign({}, defaultContentModelHandlers), (options.modelHandlerOverride || {})), defaultImplicitFormatMap: __assign(__assign({}, defaultImplicitFormatMap), (options.defaultImplicitFormatOverride || {})), defaultModelHandlers: defaultContentModelHandlers, defaultFormatAppliers: defaultFormatAppliers, onNodeCreated: options.onNodeCreated });
+}
+//# sourceMappingURL=createModelToDomContext.js.map

package/lib-mjs/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":";AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AAEpF,OAAO,EACH,qBAAqB,EACrB,iBAAiB,GACpB,MAAM,4CAA4C,CAAC;AAEpD;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CACnC,aAA6B,EAC7B,OAA0B;IAE1B,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;IAExB,6BACO,aAAa,KAEhB,gBAAgB,EAAE;YACd,OAAO,EAAE;gBACL,KAAK,EAAE,IAAI;gBACX,OAAO,EAAE,IAAI;aAChB;SACJ,EACD,UAAU,EAAE;YACR,gBAAgB,EAAE,EAAE;YACpB,SAAS,EAAE,EAAE;SAChB,EACD,cAAc,EAAE,EAAE,EAClB,cAAc,EAAE,iBAAiB,CAC7B,OAAO,CAAC,qBAAqB,EAC7B,OAAO,CAAC,wBAAwB,CACnC,EACD,aAAa,wBACN,2BAA2B,GAC3B,CAAC,OAAO,CAAC,oBAAoB,IAAI,EAAE,CAAC,GAE3C,wBAAwB,wBACjB,wBAAwB,GACxB,CAAC,OAAO,CAAC,6BAA6B,IAAI,EAAE,CAAC,GAGpD,oBAAoB,EAAE,2BAA2B,EACjD,qBAAqB,EAAE,qBAAqB,EAC5C,aAAa,EAAE,OAAO,CAAC,aAAa,IACtC;AACN,CAAC","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-mjs/modelToDom/context/defaultContentModelHandlers.d.ts

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

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

@@ -0,0 +1,36 @@
+import { handleBlock } from '../handlers/handleBlock';
+import { handleBlockGroupChildren } from '../handlers/handleBlockGroupChildren';
+import { handleBr } from '../handlers/handleBr';
+import { handleDivider } from '../handlers/handleDivider';
+import { handleEntity } from '../handlers/handleEntity';
+import { handleFormatContainer } from '../handlers/handleFormatContainer';
+import { handleGeneralModel } from '../handlers/handleGeneralModel';
+import { handleImage } from '../handlers/handleImage';
+import { handleList } from '../handlers/handleList';
+import { handleListItem } from '../handlers/handleListItem';
+import { handleParagraph } from '../handlers/handleParagraph';
+import { handleSegment } from '../handlers/handleSegment';
+import { handleSegmentDecorator } from '../handlers/handleSegmentDecorator';
+import { handleTable } from '../handlers/handleTable';
+import { handleText } from '../handlers/handleText';
+/**
+ * @internal
+ */
+export var defaultContentModelHandlers = {
+    block: handleBlock,
+    blockGroupChildren: handleBlockGroupChildren,
+    br: handleBr,
+    entity: handleEntity,
+    general: handleGeneralModel,
+    divider: handleDivider,
+    image: handleImage,
+    list: handleList,
+    listItem: handleListItem,
+    paragraph: handleParagraph,
+    formatContainer: handleFormatContainer,
+    segment: handleSegment,
+    segmentDecorator: handleSegmentDecorator,
+    table: handleTable,
+    text: handleText,
+};
+//# sourceMappingURL=defaultContentModelHandlers.js.map

package/lib-mjs/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":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD;;GAEG;AACH,MAAM,CAAC,IAAM,2BAA2B,GAA2B;IAC/D,KAAK,EAAE,WAAW;IAClB,kBAAkB,EAAE,wBAAwB;IAC5C,EAAE,EAAE,QAAQ;IACZ,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,cAAc;IACxB,SAAS,EAAE,eAAe;IAC1B,eAAe,EAAE,qBAAqB;IACtC,OAAO,EAAE,aAAa;IACtB,gBAAgB,EAAE,sBAAsB;IACxC,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,UAAU;CACnB,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-mjs/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-mjs/modelToDom/handlers/handleBlock.js

@@ -0,0 +1,35 @@
+/**
+ * @internal
+ */
+export 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;
+};
+//# sourceMappingURL=handleBlock.js.map

package/lib-mjs/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":"AAMA;;GAEG;AACH,MAAM,CAAC,IAAM,WAAW,GAAgD,UACpE,GAAa,EACb,MAAY,EACZ,KAAwB,EACxB,OAA0B,EAC1B,OAAoB;IAEpB,IAAM,QAAQ,GAAG,OAAO,CAAC,aAAa,CAAC;IAEvC,QAAQ,KAAK,CAAC,SAAS,EAAE;QACrB,KAAK,OAAO;YACR,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YAC/D,MAAM;QACV,KAAK,WAAW;YACZ,OAAO,GAAG,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YACnE,MAAM;QACV,KAAK,QAAQ;YACT,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YAChE,MAAM;QACV,KAAK,SAAS;YACV,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YACjE,MAAM;QACV,KAAK,YAAY;YACb,QAAQ,KAAK,CAAC,cAAc,EAAE;gBAC1B,KAAK,SAAS;oBACV,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;oBACjE,MAAM;gBAEV,KAAK,iBAAiB;oBAClB,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;oBACzE,MAAM;gBAEV,KAAK,UAAU;oBACX,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;oBAClE,MAAM;aACb;YAED,MAAM;KACb;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC","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-mjs/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-mjs/modelToDom/handlers/handleBlockGroupChildren.js

@@ -0,0 +1,33 @@
+/**
+ * @internal
+ */
+export 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;
+    }
+};
+//# sourceMappingURL=handleBlockGroupChildren.js.map

package/lib-mjs/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":"AAMA;;GAEG;AACH,MAAM,CAAC,IAAM,wBAAwB,GAAgD,UACjF,GAAa,EACb,MAAY,EACZ,KAA6B,EAC7B,OAA0B;;IAElB,IAAA,UAAU,GAAK,OAAO,WAAZ,CAAa;IAC/B,IAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC;IACvC,IAAI,OAAO,GAAgB,MAAM,CAAC,UAAU,CAAC;IAE7C,IAAI;QACA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,UAAC,UAAU,EAAE,KAAK;YACnC,2CAA2C;YAC3C,wEAAwE;YACxE,sFAAsF;YACtF,+FAA+F;YAC/F,IACI,KAAK,IAAI,CAAC;gBACV,UAAU,CAAC,SAAS,IAAI,YAAY;gBACpC,UAAU,CAAC,cAAc,IAAI,UAAU,EACzC;gBACE,UAAU,CAAC,SAAS,GAAG,EAAE,CAAC;aAC7B;YAED,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QACrF,CAAC,CAAC,CAAC;QAEH,uEAAuE;QACvE,OAAO,OAAO,EAAE;YACZ,IAAM,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC;YAEjC,MAAA,OAAO,CAAC,UAAU,0CAAE,WAAW,CAAC,OAAO,CAAC,CAAC;YACzC,OAAO,GAAG,IAAI,CAAC;SAClB;KACJ;YAAS;QACN,UAAU,CAAC,SAAS,GAAG,SAAS,CAAC;KACpC;AACL,CAAC,CAAC","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-mjs/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-mjs/modelToDom/handlers/handleBr.js

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

package/lib-mjs/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":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAOnE;;GAEG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAwC,UACzD,GAAa,EACb,MAAY,EACZ,OAAuB,EACvB,OAA0B;IAE1B,IAAM,EAAE,GAAG,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,OAAO,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC1C,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACxB,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAE5B,mBAAmB,CAAC,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAC5D,CAAC,CAAC","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-mjs/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-mjs/modelToDom/handlers/handleDivider.js

@@ -0,0 +1,24 @@
+import { applyFormat } from '../utils/applyFormat';
+import { reuseCachedElement } from '../utils/reuseCachedElement';
+/**
+ * @internal
+ */
+export var handleDivider = function (doc, parent, divider, context, refNode) {
+    var _a;
+    var element = divider.cachedElement;
+    if (element) {
+        refNode = reuseCachedElement(parent, element, refNode);
+    }
+    else {
+        element = doc.createElement(divider.tagName);
+        divider.cachedElement = element;
+        parent.insertBefore(element, refNode);
+        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;
+};
+//# sourceMappingURL=handleDivider.js.map

package/lib-mjs/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":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAOjE;;GAEG;AACH,MAAM,CAAC,IAAM,aAAa,GAAkD,UACxE,GAAa,EACb,MAAY,EACZ,OAA4B,EAC5B,OAA0B,EAC1B,OAAoB;;IAEpB,IAAI,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC;IAEpC,IAAI,OAAO,EAAE;QACT,OAAO,GAAG,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;KAC1D;SAAM;QACH,OAAO,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE7C,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC;QAChC,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAEtC,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAE9E,IAAI,OAAO,CAAC,IAAI,EAAE;YACd,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;SAC9C;KACJ;IAED,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,OAAO,EAAE,OAAO,CAAC,CAAC;IAE1C,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC","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-mjs/modelToDom/handlers/handleEntity.d.ts

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

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

@@ -0,0 +1,36 @@
+import { __read } from "tslib";
+import { applyFormat } from '../utils/applyFormat';
+import { reuseCachedElement } from '../utils/reuseCachedElement';
+import { addDelimiters, commitEntity, getObjectKeys, isBlockElement, wrap, } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export 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 = !isBlockElement(wrapper);
+    if (entity) {
+        // Commit the entity attributes in case there is any change
+        commitEntity(wrapper, entity.type, entity.isReadonly, entity.id);
+    }
+    refNode = reuseCachedElement(parent, wrapper, refNode);
+    if (isInlineEntity && getObjectKeys(format).length > 0) {
+        var span = wrap(wrapper, 'span');
+        applyFormat(span, context.formatAppliers.segment, format, context);
+    }
+    if (context.addDelimiterForEntity && isInlineEntity && isReadonly) {
+        var _b = __read(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;
+};
+//# sourceMappingURL=handleEntity.js.map

package/lib-mjs/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":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAMjE,OAAO,EACH,aAAa,EACb,YAAY,EACZ,aAAa,EACb,cAAc,EACd,IAAI,GACP,MAAM,sBAAsB,CAAC;AAE9B;;GAEG;AACH,MAAM,CAAC,IAAM,YAAY,GAAiD,UACtE,GAAa,EACb,MAAY,EACZ,WAA+B,EAC/B,OAA0B,EAC1B,OAAoB;;IAEZ,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;IAC9D,IAAM,MAAM,GACR,EAAE,IAAI,IAAI;QACN,CAAC,CAAC;YACI,OAAO,SAAA;YACP,EAAE,IAAA;YACF,IAAI,MAAA;YACJ,UAAU,EAAE,CAAC,CAAC,UAAU;SAC3B;QACH,CAAC,CAAC,IAAI,CAAC;IACf,IAAM,cAAc,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAEhD,IAAI,MAAM,EAAE;QACR,2DAA2D;QAC3D,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;KACpE;IAED,OAAO,GAAG,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAEvD,IAAI,cAAc,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;QACpD,IAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAEnC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;KACtE;IAED,IAAI,OAAO,CAAC,qBAAqB,IAAI,cAAc,IAAI,UAAU,EAAE;QACzD,IAAA,KAAA,OAAU,aAAa,CAAC,OAAO,CAAC,IAAA,EAA/B,KAAK,QAA0B,CAAC;QAEvC,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;KACpD;IAED,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,WAAW,EAAE,OAAO,CAAC,CAAC;IAE9C,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC","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-mjs/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-mjs/modelToDom/handlers/handleFormatContainer.js

@@ -0,0 +1,39 @@
+import { applyFormat } from '../utils/applyFormat';
+import { isBlockGroupEmpty } from '../../modelApi/common/isEmpty';
+import { reuseCachedElement } from '../utils/reuseCachedElement';
+import { stackFormat } from '../utils/stackFormat';
+/**
+ * @internal
+ */
+export var handleFormatContainer = function (doc, parent, container, context, refNode) {
+    var _a;
+    var element = container.cachedElement;
+    if (element) {
+        refNode = reuseCachedElement(parent, element, refNode);
+        context.modelHandlers.blockGroupChildren(doc, element, container, context);
+    }
+    else if (!isBlockGroupEmpty(container)) {
+        var containerNode_1 = doc.createElement(container.tagName);
+        container.cachedElement = containerNode_1;
+        parent.insertBefore(containerNode_1, refNode);
+        stackFormat(context, container.tagName, function () {
+            applyFormat(containerNode_1, context.formatAppliers.container, container.format, context);
+            applyFormat(containerNode_1, context.formatAppliers.segmentOnBlock, container.format, context);
+            applyFormat(containerNode_1, context.formatAppliers.container, container.format, context);
+        });
+        if (container.tagName == 'pre') {
+            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;
+};
+//# sourceMappingURL=handleFormatContainer.js.map

package/lib-mjs/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":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAOnD;;GAEG;AACH,MAAM,CAAC,IAAM,qBAAqB,GAA0D,UACxF,GAAa,EACb,MAAY,EACZ,SAAsC,EACtC,OAA0B,EAC1B,OAAoB;;IAEpB,IAAI,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC;IAEtC,IAAI,OAAO,EAAE;QACT,OAAO,GAAG,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAEvD,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;KAC9E;SAAM,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE;QACtC,IAAM,eAAa,GAAG,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAE3D,SAAS,CAAC,aAAa,GAAG,eAAa,CAAC;QACxC,MAAM,CAAC,YAAY,CAAC,eAAa,EAAE,OAAO,CAAC,CAAC;QAE5C,WAAW,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE;YACpC,WAAW,CAAC,eAAa,EAAE,OAAO,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACxF,WAAW,CACP,eAAa,EACb,OAAO,CAAC,cAAc,CAAC,cAAc,EACrC,SAAS,CAAC,MAAM,EAChB,OAAO,CACV,CAAC;YAEF,WAAW,CAAC,eAAa,EAAE,OAAO,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC5F,CAAC,CAAC,CAAC;QAEH,IAAI,SAAS,CAAC,OAAO,IAAI,KAAK,EAAE;YAC5B,WAAW,CAAC,OAAO,4BAA6B;gBAC5C,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,eAAa,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;YACrF,CAAC,CAAC,CAAC;SACN;aAAM;YACH,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,eAAa,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;SACpF;QAED,OAAO,GAAG,eAAa,CAAC;KAC3B;IAED,IAAI,OAAO,EAAE;QACT,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,SAAS,EAAE,OAAO,CAAC,CAAC;KAC/C;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC","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-mjs/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-mjs/modelToDom/handlers/handleGeneralModel.js

@@ -0,0 +1,30 @@
+import { handleSegmentCommon } from '../utils/handleSegmentCommon';
+import { isGeneralSegment } from '../../modelApi/common/isGeneralSegment';
+import { isNodeOfType } from '../../domUtils/isNodeOfType';
+import { reuseCachedElement } from '../utils/reuseCachedElement';
+import { wrap } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ */
+export var handleGeneralModel = function (doc, parent, group, context, refNode) {
+    var _a;
+    var node = group.element;
+    if (refNode && node.parentNode == parent) {
+        refNode = reuseCachedElement(parent, node, refNode);
+    }
+    else {
+        node = node.cloneNode();
+        group.element = node;
+        parent.insertBefore(node, refNode);
+    }
+    if (isGeneralSegment(group) && isNodeOfType(node, 1 /* Element */)) {
+        var element = wrap(node, 'span');
+        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;
+};
+//# sourceMappingURL=handleGeneralModel.js.map

package/lib-mjs/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":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAO5C;;GAEG;AACH,MAAM,CAAC,IAAM,kBAAkB,GAAuD,UAClF,GAAa,EACb,MAAY,EACZ,KAA+B,EAC/B,OAA0B,EAC1B,OAAoB;;IAEpB,IAAI,IAAI,GAAS,KAAK,CAAC,OAAO,CAAC;IAE/B,IAAI,OAAO,IAAI,IAAI,CAAC,UAAU,IAAI,MAAM,EAAE;QACtC,OAAO,GAAG,kBAAkB,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;KACvD;SAAM;QACH,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QACxB,KAAK,CAAC,OAAO,GAAG,IAAmB,CAAC;QAEpC,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;KACtC;IAED,IAAI,gBAAgB,CAAC,KAAK,CAAC,IAAI,YAAY,CAAC,IAAI,kBAAmB,EAAE;QACjE,IAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAEnC,mBAAmB,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;KAC3D;SAAM;QACH,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,KAAK,EAAE,IAAI,CAAC,CAAC;KACxC;IAED,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAEpE,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC","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-mjs/modelToDom/handlers/handleImage.d.ts

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