roosterjs-content-model-dom 0.10.0

package/lib/modelToDom/context/createModelToDomContext.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createModelToDomContext = void 0;
+var tslib_1 = require("tslib");
+var defaultContentModelHandlers_1 = require("./defaultContentModelHandlers");
+var defaultStyles_1 = require("../../formatHandlers/utils/defaultStyles");
+var defaultFormatHandlers_1 = require("../../formatHandlers/defaultFormatHandlers");
+/**
+ * @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/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,6EAA4E;AAC5E,0EAAoF;AAEpF,oFAGoD;AAEpD;;;;GAIG;AACH,SAAgB,uBAAuB,CACnC,aAA6B,EAC7B,OAA0B;IAE1B,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;IAExB,uDACO,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,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;AACN,CAAC;AArCD,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/modelToDom/context/defaultContentModelHandlers.d.ts

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

package/lib/modelToDom/context/defaultContentModelHandlers.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultContentModelHandlers = void 0;
+var handleBlock_1 = require("../handlers/handleBlock");
+var handleBlockGroupChildren_1 = require("../handlers/handleBlockGroupChildren");
+var handleBr_1 = require("../handlers/handleBr");
+var handleDivider_1 = require("../handlers/handleDivider");
+var handleEntity_1 = require("../handlers/handleEntity");
+var handleFormatContainer_1 = require("../handlers/handleFormatContainer");
+var handleGeneralModel_1 = require("../handlers/handleGeneralModel");
+var handleImage_1 = require("../handlers/handleImage");
+var handleList_1 = require("../handlers/handleList");
+var handleListItem_1 = require("../handlers/handleListItem");
+var handleParagraph_1 = require("../handlers/handleParagraph");
+var handleSegment_1 = require("../handlers/handleSegment");
+var handleSegmentDecorator_1 = require("../handlers/handleSegmentDecorator");
+var handleTable_1 = require("../handlers/handleTable");
+var handleText_1 = require("../handlers/handleText");
+/**
+ * @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/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,uDAAsD;AACtD,iFAAgF;AAChF,iDAAgD;AAChD,2DAA0D;AAC1D,yDAAwD;AACxD,2EAA0E;AAC1E,qEAAoE;AACpE,uDAAsD;AACtD,qDAAoD;AACpD,6DAA4D;AAC5D,+DAA8D;AAC9D,2DAA0D;AAC1D,6EAA4E;AAC5E,uDAAsD;AACtD,qDAAoD;AAEpD;;GAEG;AACU,QAAA,2BAA2B,GAA2B;IAC/D,KAAK,EAAE,yBAAW;IAClB,kBAAkB,EAAE,mDAAwB;IAC5C,EAAE,EAAE,mBAAQ;IACZ,MAAM,EAAE,2BAAY;IACpB,OAAO,EAAE,uCAAkB;IAC3B,OAAO,EAAE,6BAAa;IACtB,KAAK,EAAE,yBAAW;IAClB,IAAI,EAAE,uBAAU;IAChB,QAAQ,EAAE,+BAAc;IACxB,SAAS,EAAE,iCAAe;IAC1B,eAAe,EAAE,6CAAqB;IACtC,OAAO,EAAE,6BAAa;IACtB,gBAAgB,EAAE,+CAAsB;IACxC,KAAK,EAAE,yBAAW;IAClB,IAAI,EAAE,uBAAU;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/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/modelToDom/handlers/handleBlock.js

@@ -0,0 +1,39 @@
+"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/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;AACI,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;AAzCW,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/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/modelToDom/handlers/handleBlockGroupChildren.js

@@ -0,0 +1,37 @@
+"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/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;AACI,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;AArCW,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/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/modelToDom/handlers/handleBr.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleBr = void 0;
+var handleSegmentCommon_1 = require("../utils/handleSegmentCommon");
+/**
+ * @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/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,oEAAmE;AAOnE;;GAEG;AACI,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,IAAA,yCAAmB,EAAC,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAC5D,CAAC,CAAC;AAZW,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/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/modelToDom/handlers/handleDivider.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleDivider = void 0;
+var applyFormat_1 = require("../utils/applyFormat");
+var reuseCachedElement_1 = require("../utils/reuseCachedElement");
+/**
+ * @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/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,oDAAmD;AACnD,kEAAiE;AAOjE;;GAEG;AACI,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,IAAA,uCAAkB,EAAC,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,IAAA,yBAAW,EAAC,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;AA3BW,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/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/modelToDom/handlers/handleEntity.js

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

package/lib/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,oDAAmD;AAEnD,kEAAiE;AAMjE,6DAM8B;AAE9B;;GAEG;AACI,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,IAAA,qCAAc,EAAC,OAAO,CAAC,CAAC;IAEhD,IAAI,MAAM,EAAE;QACR,2DAA2D;QAC3D,IAAA,mCAAY,EAAC,OAAO,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;KACpE;IAED,OAAO,GAAG,IAAA,uCAAkB,EAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAEvD,IAAI,cAAc,IAAI,IAAA,oCAAa,EAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;QACpD,IAAM,IAAI,GAAG,IAAA,2BAAI,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAEnC,IAAA,yBAAW,EAAC,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,oBAAU,IAAA,oCAAa,EAAC,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;AAzCW,QAAA,YAAY,gBAyCvB","sourcesContent":["import { applyFormat } from '../utils/applyFormat';\nimport { Entity } from 'roosterjs-editor-types';\nimport { reuseCachedElement } from '../utils/reuseCachedElement';\nimport {\n    ContentModelBlockHandler,\n    ContentModelEntity,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\nimport {\n    addDelimiters,\n    commitEntity,\n    getObjectKeys,\n    isBlockElement,\n    wrap,\n} from 'roosterjs-editor-dom';\n\n/**\n * @internal\n */\nexport const handleEntity: ContentModelBlockHandler<ContentModelEntity> = (\n    doc: Document,\n    parent: Node,\n    entityModel: ContentModelEntity,\n    context: ModelToDomContext,\n    refNode: Node | null\n) => {\n    const { wrapper, id, type, isReadonly, format } = entityModel;\n    const entity: Entity | null =\n        id && type\n            ? {\n                  wrapper,\n                  id,\n                  type,\n                  isReadonly: !!isReadonly,\n              }\n            : null;\n    const isInlineEntity = !isBlockElement(wrapper);\n\n    if (entity) {\n        // Commit the entity attributes in case there is any change\n        commitEntity(wrapper, entity.type, entity.isReadonly, entity.id);\n    }\n\n    refNode = reuseCachedElement(parent, wrapper, refNode);\n\n    if (isInlineEntity && getObjectKeys(format).length > 0) {\n        const span = wrap(wrapper, 'span');\n\n        applyFormat(span, context.formatAppliers.segment, format, context);\n    }\n\n    if (context.addDelimiterForEntity && isInlineEntity && isReadonly) {\n        const [after] = addDelimiters(wrapper);\n\n        context.regularSelection.current.segment = after;\n    }\n\n    context.onNodeCreated?.(entityModel, wrapper);\n\n    return refNode;\n};\n"]}

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

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

package/lib/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,oDAAmD;AACnD,yDAAkE;AAElE,kEAAiE;AACjE,oDAAmD;AAOnD;;GAEG;AACI,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,IAAA,uCAAkB,EAAC,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,IAAA,2BAAiB,EAAC,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,IAAA,yBAAW,EAAC,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE;YACpC,IAAA,yBAAW,EAAC,eAAa,EAAE,OAAO,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACxF,IAAA,yBAAW,EACP,eAAa,EACb,OAAO,CAAC,cAAc,CAAC,cAAc,EACrC,SAAS,CAAC,MAAM,EAChB,OAAO,CACV,CAAC;YAEF,IAAA,yBAAW,EAAC,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,IAAA,yBAAW,EAAC,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;AA/CW,QAAA,qBAAqB,yBA+ChC","sourcesContent":["import { applyFormat } from '../utils/applyFormat';\nimport { isBlockGroupEmpty } from '../../modelApi/common/isEmpty';\nimport { PseudoTagNames } from '../../formatHandlers/utils/defaultStyles';\nimport { reuseCachedElement } from '../utils/reuseCachedElement';\nimport { stackFormat } from '../utils/stackFormat';\nimport {\n    ContentModelBlockHandler,\n    ContentModelFormatContainer,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleFormatContainer: ContentModelBlockHandler<ContentModelFormatContainer> = (\n    doc: Document,\n    parent: Node,\n    container: ContentModelFormatContainer,\n    context: ModelToDomContext,\n    refNode: Node | null\n) => {\n    let element = container.cachedElement;\n\n    if (element) {\n        refNode = reuseCachedElement(parent, element, refNode);\n\n        context.modelHandlers.blockGroupChildren(doc, element, container, context);\n    } else if (!isBlockGroupEmpty(container)) {\n        const containerNode = doc.createElement(container.tagName);\n\n        container.cachedElement = containerNode;\n        parent.insertBefore(containerNode, refNode);\n\n        stackFormat(context, container.tagName, () => {\n            applyFormat(containerNode, context.formatAppliers.container, container.format, context);\n            applyFormat(\n                containerNode,\n                context.formatAppliers.segmentOnBlock,\n                container.format,\n                context\n            );\n\n            applyFormat(containerNode, context.formatAppliers.container, container.format, context);\n        });\n\n        if (container.tagName == 'pre') {\n            stackFormat(context, PseudoTagNames.childOfPre, () => {\n                context.modelHandlers.blockGroupChildren(doc, containerNode, container, context);\n            });\n        } else {\n            context.modelHandlers.blockGroupChildren(doc, containerNode, container, context);\n        }\n\n        element = containerNode;\n    }\n\n    if (element) {\n        context.onNodeCreated?.(container, element);\n    }\n\n    return refNode;\n};\n"]}

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

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

package/lib/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,oEAAmE;AACnE,2EAA0E;AAC1E,4DAA2D;AAE3D,kEAAiE;AACjE,6DAA4C;AAO5C;;GAEG;AACI,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,IAAA,uCAAkB,EAAC,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,IAAA,mCAAgB,EAAC,KAAK,CAAC,IAAI,IAAA,2BAAY,EAAC,IAAI,kBAAmB,EAAE;QACjE,IAAM,OAAO,GAAG,IAAA,2BAAI,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAEnC,IAAA,yCAAmB,EAAC,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;AA7BW,QAAA,kBAAkB,sBA6B7B","sourcesContent":["import { handleSegmentCommon } from '../utils/handleSegmentCommon';\nimport { isGeneralSegment } from '../../modelApi/common/isGeneralSegment';\nimport { isNodeOfType } from '../../domUtils/isNodeOfType';\nimport { NodeType } from 'roosterjs-editor-types';\nimport { reuseCachedElement } from '../utils/reuseCachedElement';\nimport { wrap } from 'roosterjs-editor-dom';\nimport {\n    ContentModelBlockHandler,\n    ContentModelGeneralBlock,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleGeneralModel: ContentModelBlockHandler<ContentModelGeneralBlock> = (\n    doc: Document,\n    parent: Node,\n    group: ContentModelGeneralBlock,\n    context: ModelToDomContext,\n    refNode: Node | null\n) => {\n    let node: Node = group.element;\n\n    if (refNode && node.parentNode == parent) {\n        refNode = reuseCachedElement(parent, node, refNode);\n    } else {\n        node = node.cloneNode();\n        group.element = node as HTMLElement;\n\n        parent.insertBefore(node, refNode);\n    }\n\n    if (isGeneralSegment(group) && isNodeOfType(node, NodeType.Element)) {\n        const element = wrap(node, 'span');\n\n        handleSegmentCommon(doc, node, element, group, context);\n    } else {\n        context.onNodeCreated?.(group, node);\n    }\n\n    context.modelHandlers.blockGroupChildren(doc, node, group, context);\n\n    return refNode;\n};\n"]}

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

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

package/lib/modelToDom/handlers/handleImage.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleImage = void 0;
+var applyFormat_1 = require("../utils/applyFormat");
+var handleSegmentCommon_1 = require("../utils/handleSegmentCommon");
+var parseValueWithUnit_1 = require("../../formatHandlers/utils/parseValueWithUnit");
+/**
+ * @internal
+ */
+var handleImage = function (doc, parent, imageModel, context) {
+    var img = doc.createElement('img');
+    var element = document.createElement('span');
+    parent.appendChild(element);
+    element.appendChild(img);
+    img.src = imageModel.src;
+    if (imageModel.alt) {
+        img.alt = imageModel.alt;
+    }
+    if (imageModel.title) {
+        img.title = imageModel.title;
+    }
+    (0, applyFormat_1.applyFormat)(img, context.formatAppliers.image, imageModel.format, context);
+    (0, applyFormat_1.applyFormat)(img, context.formatAppliers.dataset, imageModel.dataset, context);
+    var _a = imageModel.format, width = _a.width, height = _a.height;
+    var widthNum = width ? (0, parseValueWithUnit_1.parseValueWithUnit)(width) : 0;
+    var heightNum = height ? (0, parseValueWithUnit_1.parseValueWithUnit)(height) : 0;
+    if (widthNum > 0) {
+        img.width = widthNum;
+    }
+    if (heightNum > 0) {
+        img.height = heightNum;
+    }
+    if (imageModel.isSelectedAsImageSelection) {
+        context.imageSelection = {
+            image: img,
+        };
+    }
+    (0, handleSegmentCommon_1.handleSegmentCommon)(doc, img, element, imageModel, context);
+};
+exports.handleImage = handleImage;
+//# sourceMappingURL=handleImage.js.map

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

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

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

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

package/lib/modelToDom/handlers/handleList.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"handleList.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/modelToDom/handlers/handleList.ts"],"names":[],"mappings":";;;;AAAA,oDAAmD;AACnD,iFAAgF;AAShF;;GAEG;AACI,IAAM,UAAU,GAAmD,UACtE,GAAa,EACb,MAAY,EACZ,QAA8B,EAC9B,OAA0B,EAC1B,OAAoB;;IAEpB,IAAI,KAAK,GAAG,CAAC,CAAC;IACN,IAAA,SAAS,GAAK,OAAO,CAAC,UAAU,UAAvB,CAAwB;IAEzC,IAAI,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE;QACvB,SAAS,CAAC,IAAI,CAAC;YACX,IAAI,EAAE,MAAM;SACf,CAAC,CAAC;KACN;IAED,0EAA0E;IAC1E,OAAO,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,IAAI,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAC5E,IAAM,UAAU,GAAG,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACxC,IAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEzC,IACI,UAAU,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ;YACzC,UAAU,CAAC,gBAAgB,IAAI,SAAS,CAAC,gBAAgB;YACzD,UAAU,CAAC,kBAAkB,IAAI,SAAS,CAAC,kBAAkB;YAC7D,CAAC,SAAS,CAAC,QAAQ,IAAI,IAAI,IAAI,OAAO,SAAS,CAAC,mBAAmB,KAAK,QAAQ,CAAC,EACnF;YACE,MAAM;SACT;KACJ;IAED,mDAAmD;IACnD,SAAS,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAE5B,oDAAoD;IACpD,OAAO,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAC5C,IAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACrC,IAAM,OAAO,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;QAC1D,IAAM,UAAU,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;QAExD,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAE9D,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAEvE,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAExC,SAAS,CAAC,IAAI,yBAAG,IAAI,EAAE,OAAO,IAAK,KAAK,EAAG,CAAC;QAE5C,MAAA,OAAO,CAAC,aAAa,+CAArB,OAAO,EAAiB,KAAK,EAAE,OAAO,CAAC,CAAC;KAC3C;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC;AApDW,QAAA,UAAU,cAoDrB;AAEF,SAAS,cAAc,CACnB,KAAsC,EACtC,OAAoB,EACpB,OAA0B;IAE1B,IAAM,OAAO,GAAkB,EAAE,CAAC;IAElC,IAAA,uCAAkB,EAAC,EAAE,OAAO,SAAA,EAAE,EAAE;QAC5B,OAAA,OAAO,KAAK,CAAC,gBAAgB,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC,kBAAkB,KAAK,QAAQ;YACtF,CAAC,CAAC;gBACI,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;gBACxC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;aAC/C;YACH,CAAC,CAAC,IAAI;IALV,CAKU,CACb,CAAC;IACF,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAC3E,CAAC","sourcesContent":["import { applyFormat } from '../utils/applyFormat';\nimport { updateListMetadata } from '../../domUtils/metadata/updateListMetadata';\nimport {\n    ContentModelBlockHandler,\n    ContentModelListItem,\n    ContentModelListItemLevelFormat,\n    DatasetFormat,\n    ModelToDomContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const handleList: ContentModelBlockHandler<ContentModelListItem> = (\n    doc: Document,\n    parent: Node,\n    listItem: ContentModelListItem,\n    context: ModelToDomContext,\n    refNode: Node | null\n) => {\n    let layer = 0;\n    const { nodeStack } = context.listFormat;\n\n    if (nodeStack.length == 0) {\n        nodeStack.push({\n            node: parent,\n        });\n    }\n\n    // Skip existing list levels that has same properties so we can reuse them\n    for (; layer < listItem.levels.length && layer + 1 < nodeStack.length; layer++) {\n        const stackLevel = nodeStack[layer + 1];\n        const itemLevel = listItem.levels[layer];\n\n        if (\n            stackLevel.listType != itemLevel.listType ||\n            stackLevel.orderedStyleType != itemLevel.orderedStyleType ||\n            stackLevel.unorderedStyleType != itemLevel.unorderedStyleType ||\n            (itemLevel.listType == 'OL' && typeof itemLevel.startNumberOverride === 'number')\n        ) {\n            break;\n        }\n    }\n\n    // Cut off remained list levels that we can't reuse\n    nodeStack.splice(layer + 1);\n\n    // Create new list levels that are after reused ones\n    for (; layer < listItem.levels.length; layer++) {\n        const level = listItem.levels[layer];\n        const newList = doc.createElement(level.listType || 'UL');\n        const lastParent = nodeStack[nodeStack.length - 1].node;\n\n        lastParent.insertBefore(newList, layer == 0 ? refNode : null);\n\n        applyFormat(newList, context.formatAppliers.listLevel, level, context);\n\n        handleMetadata(level, newList, context);\n\n        nodeStack.push({ node: newList, ...level });\n\n        context.onNodeCreated?.(level, newList);\n    }\n\n    return refNode;\n};\n\nfunction handleMetadata(\n    level: ContentModelListItemLevelFormat,\n    newList: HTMLElement,\n    context: ModelToDomContext\n) {\n    const dataset: DatasetFormat = {};\n\n    updateListMetadata({ dataset }, () =>\n        typeof level.orderedStyleType === 'number' || typeof level.unorderedStyleType === 'number'\n            ? {\n                  orderedStyleType: level.orderedStyleType,\n                  unorderedStyleType: level.unorderedStyleType,\n              }\n            : null\n    );\n    applyFormat(newList, context.formatAppliers.dataset, dataset, context);\n}\n"]}

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

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