roosterjs-content-model-dom 0.10.0

package/lib-mjs/domToModel/context/defaultProcessors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProcessors.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/context/defaultProcessors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D;;GAEG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAwB;IACpD,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,qBAAqB;IACxB,UAAU,EAAE,qBAAqB;IACjC,EAAE,EAAE,WAAW;IACf,IAAI,EAAE,aAAa;IACnB,GAAG,EAAE,qBAAqB;IAC1B,EAAE,EAAE,qBAAqB;IACzB,IAAI,EAAE,aAAa;IACnB,CAAC,EAAE,qBAAqB;IACxB,GAAG,EAAE,cAAc;IACnB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,aAAa;IACjB,CAAC,EAAE,UAAU;IACb,GAAG,EAAE,wBAAwB;IAC7B,CAAC,EAAE,qBAAqB;IACxB,IAAI,EAAE,qBAAqB;IAC3B,MAAM,EAAE,qBAAqB;IAC7B,MAAM,EAAE,qBAAqB;IAC7B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,KAAK,EAAE,cAAc;IACrB,CAAC,EAAE,qBAAqB;IACxB,EAAE,EAAE,aAAa;IAEjB,GAAG,EAAE,gBAAgB;IACrB,OAAO,EAAE,aAAa;IACtB,OAAO,EAAE,gBAAgB;IACzB,MAAM,EAAE,eAAe;IACvB,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,kBAAkB;CAChC,CAAC","sourcesContent":["import { brProcessor } from '../processors/brProcessor';\nimport { childProcessor } from '../processors/childProcessor';\nimport { codeProcessor } from '../processors/codeProcessor';\nimport { delimiterProcessor } from '../processors/delimiterProcessor';\nimport { elementProcessor } from '../processors/elementProcessor';\nimport { ElementProcessorMap } from 'roosterjs-content-model-types';\nimport { entityProcessor } from '../processors/entityProcessor';\nimport { fontProcessor } from '../processors/fontProcessor';\nimport { formatContainerProcessor } from '../processors/formatContainerProcessor';\nimport { generalProcessor } from '../processors/generalProcessor';\nimport { headingProcessor } from '../processors/headingProcessor';\nimport { hrProcessor } from '../processors/hrProcessor';\nimport { imageProcessor } from '../processors/imageProcessor';\nimport { knownElementProcessor } from '../processors/knownElementProcessor';\nimport { linkProcessor } from '../processors/linkProcessor';\nimport { listItemProcessor } from '../processors/listItemProcessor';\nimport { listProcessor } from '../processors/listProcessor';\nimport { pProcessor } from '../processors/pProcessor';\nimport { tableProcessor } from '../processors/tableProcessor';\nimport { textProcessor } from '../processors/textProcessor';\n\n/**\n * @internal\n */\nexport const defaultProcessorMap: ElementProcessorMap = {\n    a: linkProcessor,\n    b: knownElementProcessor,\n    blockquote: knownElementProcessor,\n    br: brProcessor,\n    code: codeProcessor,\n    div: knownElementProcessor,\n    em: knownElementProcessor,\n    font: fontProcessor,\n    i: knownElementProcessor,\n    img: imageProcessor,\n    h1: headingProcessor,\n    h2: headingProcessor,\n    h3: headingProcessor,\n    h4: headingProcessor,\n    h5: headingProcessor,\n    h6: headingProcessor,\n    hr: hrProcessor,\n    li: listItemProcessor,\n    ol: listProcessor,\n    p: pProcessor,\n    pre: formatContainerProcessor,\n    s: knownElementProcessor,\n    span: knownElementProcessor,\n    strike: knownElementProcessor,\n    strong: knownElementProcessor,\n    sub: knownElementProcessor,\n    sup: knownElementProcessor,\n    table: tableProcessor,\n    u: knownElementProcessor,\n    ul: listProcessor,\n\n    '*': generalProcessor,\n    '#text': textProcessor,\n    element: elementProcessor,\n    entity: entityProcessor,\n    child: childProcessor,\n    delimiter: delimiterProcessor,\n};\n"]}

package/lib-mjs/domToModel/domToContentModel.d.ts

@@ -0,0 +1,9 @@
+import { ContentModelDocument, DomToModelOption, EditorContext } from 'roosterjs-content-model-types';
+/**
+ * Create Content Model from DOM tree in this editor
+ * @param root Root element of DOM tree to create Content Model from
+ * @param editorContext Context of content model editor
+ * @param option The option to customize the behavior of DOM to Content Model conversion
+ * @returns A ContentModelDocument object that contains all the models created from the give root element
+ */
+export declare function domToContentModel(root: HTMLElement | DocumentFragment, editorContext?: EditorContext, option?: DomToModelOption): ContentModelDocument;

package/lib-mjs/domToModel/domToContentModel.js

@@ -0,0 +1,28 @@
+import { createContentModelDocument } from '../modelApi/creators/createContentModelDocument';
+import { createDomToModelContext } from './context/createDomToModelContext';
+import { isNodeOfType } from '../domUtils/isNodeOfType';
+import { normalizeContentModel } from '../modelApi/common/normalizeContentModel';
+import { parseFormat } from './utils/parseFormat';
+import { rootDirectionFormatHandler } from '../formatHandlers/root/rootDirectionFormatHandler';
+import { zoomScaleFormatHandler } from '../formatHandlers/root/zoomScaleFormatHandler';
+/**
+ * Create Content Model from DOM tree in this editor
+ * @param root Root element of DOM tree to create Content Model from
+ * @param editorContext Context of content model editor
+ * @param option The option to customize the behavior of DOM to Content Model conversion
+ * @returns A ContentModelDocument object that contains all the models created from the give root element
+ */
+export function domToContentModel(root, editorContext, option) {
+    var model = createContentModelDocument(editorContext === null || editorContext === void 0 ? void 0 : editorContext.defaultFormat);
+    var context = createDomToModelContext(editorContext, option);
+    if (isNodeOfType(root, 1 /* Element */)) {
+        // Need to calculate direction (ltr or rtl), use it as initial value
+        parseFormat(root, [rootDirectionFormatHandler.parse], context.blockFormat, context);
+        // Need to calculate zoom scale value from root element, use this value to calculate sizes for elements
+        parseFormat(root, [zoomScaleFormatHandler.parse], context.zoomScaleFormat, context);
+    }
+    context.elementProcessors.child(model, root, context);
+    normalizeContentModel(model);
+    return model;
+}
+//# sourceMappingURL=domToContentModel.js.map

package/lib-mjs/domToModel/domToContentModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domToContentModel.js","sourceRoot":"","sources":["../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/domToContentModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iDAAiD,CAAC;AAC7F,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,0BAA0B,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAOvF;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAC7B,IAAoC,EACpC,aAA6B,EAC7B,MAAyB;IAEzB,IAAM,KAAK,GAAG,0BAA0B,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,CAAC,CAAC;IACvE,IAAM,OAAO,GAAG,uBAAuB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAE/D,IAAI,YAAY,CAAC,IAAI,kBAAmB,EAAE;QACtC,oEAAoE;QACpE,WAAW,CAAC,IAAI,EAAE,CAAC,0BAA0B,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAEpF,uGAAuG;QACvG,WAAW,CAAC,IAAI,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;KACvF;IAED,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;IAEtD,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,KAAK,CAAC;AACjB,CAAC","sourcesContent":["import { createContentModelDocument } from '../modelApi/creators/createContentModelDocument';\nimport { createDomToModelContext } from './context/createDomToModelContext';\nimport { isNodeOfType } from '../domUtils/isNodeOfType';\nimport { NodeType } from 'roosterjs-editor-types';\nimport { normalizeContentModel } from '../modelApi/common/normalizeContentModel';\nimport { parseFormat } from './utils/parseFormat';\nimport { rootDirectionFormatHandler } from '../formatHandlers/root/rootDirectionFormatHandler';\nimport { zoomScaleFormatHandler } from '../formatHandlers/root/zoomScaleFormatHandler';\nimport {\n    ContentModelDocument,\n    DomToModelOption,\n    EditorContext,\n} from 'roosterjs-content-model-types';\n\n/**\n * Create Content Model from DOM tree in this editor\n * @param root Root element of DOM tree to create Content Model from\n * @param editorContext Context of content model editor\n * @param option The option to customize the behavior of DOM to Content Model conversion\n * @returns A ContentModelDocument object that contains all the models created from the give root element\n */\nexport function domToContentModel(\n    root: HTMLElement | DocumentFragment,\n    editorContext?: EditorContext,\n    option?: DomToModelOption\n): ContentModelDocument {\n    const model = createContentModelDocument(editorContext?.defaultFormat);\n    const context = createDomToModelContext(editorContext, option);\n\n    if (isNodeOfType(root, NodeType.Element)) {\n        // Need to calculate direction (ltr or rtl), use it as initial value\n        parseFormat(root, [rootDirectionFormatHandler.parse], context.blockFormat, context);\n\n        // Need to calculate zoom scale value from root element, use this value to calculate sizes for elements\n        parseFormat(root, [zoomScaleFormatHandler.parse], context.zoomScaleFormat, context);\n    }\n\n    context.elementProcessors.child(model, root, context);\n\n    normalizeContentModel(model);\n\n    return model;\n}\n"]}

package/lib-mjs/domToModel/processors/blockProcessor.d.ts

@@ -0,0 +1,5 @@
+import { ContentModelBlockGroup, ContentModelSegmentFormat, DomToModelContext } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare function blockProcessor(group: ContentModelBlockGroup, element: HTMLElement, context: DomToModelContext, segmentFormat?: ContentModelSegmentFormat): void;

package/lib-mjs/domToModel/processors/blockProcessor.js

@@ -0,0 +1,27 @@
+import { __assign } from "tslib";
+import { addBlock } from '../../modelApi/common/addBlock';
+import { ContextStyles } from './formatContainerProcessor';
+import { createParagraph } from '../../modelApi/creators/createParagraph';
+import { parseFormat } from '../utils/parseFormat';
+var SegmentDecoratorTags = ['A', 'CODE'];
+/**
+ * @internal
+ */
+export function blockProcessor(group, element, context, segmentFormat) {
+    var decorator = context.blockDecorator.tagName ? context.blockDecorator : undefined;
+    var isSegmentDecorator = SegmentDecoratorTags.indexOf(element.tagName) >= 0;
+    parseFormat(element, context.formatParsers.block, context.blockFormat, context);
+    var blockFormat = __assign({}, context.blockFormat);
+    parseFormat(element, context.formatParsers.container, blockFormat, context);
+    ContextStyles.forEach(function (style) {
+        if (blockFormat[style]) {
+            context.blockFormat[style] = blockFormat[style];
+        }
+    });
+    if (!isSegmentDecorator) {
+        var paragraph = createParagraph(false /*isImplicit*/, blockFormat, segmentFormat, decorator);
+        addBlock(group, paragraph);
+    }
+    context.elementProcessors.child(group, element, context);
+}
+//# sourceMappingURL=blockProcessor.js.map

package/lib-mjs/domToModel/processors/blockProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/blockProcessor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAOnD,IAAM,oBAAoB,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;AAE3C;;GAEG;AACH,MAAM,UAAU,cAAc,CAC1B,KAA6B,EAC7B,OAAoB,EACpB,OAA0B,EAC1B,aAAyC;IAEzC,IAAM,SAAS,GAAG,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;IACtF,IAAM,kBAAkB,GAAG,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9E,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAEhF,IAAM,WAAW,gBAAQ,OAAO,CAAC,WAAW,CAAE,CAAC;IAE/C,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;IAE5E,aAAa,CAAC,OAAO,CAAC,UAAA,KAAK;QACvB,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE;YACpB,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;SACnD;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kBAAkB,EAAE;QACrB,IAAM,SAAS,GAAG,eAAe,CAC7B,KAAK,CAAC,cAAc,EACpB,WAAW,EACX,aAAa,EACb,SAAS,CACZ,CAAC;QAEF,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;KAC9B;IAED,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAC7D,CAAC","sourcesContent":["import { addBlock } from '../../modelApi/common/addBlock';\nimport { ContextStyles } from './formatContainerProcessor';\nimport { createParagraph } from '../../modelApi/creators/createParagraph';\nimport { parseFormat } from '../utils/parseFormat';\nimport {\n    ContentModelBlockGroup,\n    ContentModelSegmentFormat,\n    DomToModelContext,\n} from 'roosterjs-content-model-types';\n\nconst SegmentDecoratorTags = ['A', 'CODE'];\n\n/**\n * @internal\n */\nexport function blockProcessor(\n    group: ContentModelBlockGroup,\n    element: HTMLElement,\n    context: DomToModelContext,\n    segmentFormat?: ContentModelSegmentFormat\n) {\n    const decorator = context.blockDecorator.tagName ? context.blockDecorator : undefined;\n    const isSegmentDecorator = SegmentDecoratorTags.indexOf(element.tagName) >= 0;\n\n    parseFormat(element, context.formatParsers.block, context.blockFormat, context);\n\n    const blockFormat = { ...context.blockFormat };\n\n    parseFormat(element, context.formatParsers.container, blockFormat, context);\n\n    ContextStyles.forEach(style => {\n        if (blockFormat[style]) {\n            context.blockFormat[style] = blockFormat[style];\n        }\n    });\n\n    if (!isSegmentDecorator) {\n        const paragraph = createParagraph(\n            false /*isImplicit*/,\n            blockFormat,\n            segmentFormat,\n            decorator\n        );\n\n        addBlock(group, paragraph);\n    }\n\n    context.elementProcessors.child(group, element, context);\n}\n"]}

package/lib-mjs/domToModel/processors/brProcessor.d.ts

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

package/lib-mjs/domToModel/processors/brProcessor.js

@@ -0,0 +1,13 @@
+import { addSegment } from '../../modelApi/common/addSegment';
+import { createBr } from '../../modelApi/creators/createBr';
+/**
+ * @internal
+ */
+export var brProcessor = function (group, element, context) {
+    var br = createBr(context.segmentFormat);
+    if (context.isInSelection) {
+        br.isSelected = true;
+    }
+    addSegment(group, br, context.blockFormat);
+};
+//# sourceMappingURL=brProcessor.js.map

package/lib-mjs/domToModel/processors/brProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/brProcessor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAG5D;;GAEG;AACH,MAAM,CAAC,IAAM,WAAW,GAAoC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;IAChF,IAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAE3C,IAAI,OAAO,CAAC,aAAa,EAAE;QACvB,EAAE,CAAC,UAAU,GAAG,IAAI,CAAC;KACxB;IAED,UAAU,CAAC,KAAK,EAAE,EAAE,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;AAC/C,CAAC,CAAC","sourcesContent":["import { addSegment } from '../../modelApi/common/addSegment';\nimport { createBr } from '../../modelApi/creators/createBr';\nimport { ElementProcessor } from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const brProcessor: ElementProcessor<HTMLBRElement> = (group, element, context) => {\n    const br = createBr(context.segmentFormat);\n\n    if (context.isInSelection) {\n        br.isSelected = true;\n    }\n\n    addSegment(group, br, context.blockFormat);\n};\n"]}

package/lib-mjs/domToModel/processors/childProcessor.d.ts

@@ -0,0 +1,25 @@
+import { ContentModelBlockGroup, DomToModelContext, ElementProcessor } from 'roosterjs-content-model-types';
+/**
+ * Content Model Element Processor for child elements
+ * @param group The parent block group
+ * @param parent Parent DOM node to process
+ * @param context DOM to Content Model context
+ */
+export declare const childProcessor: ElementProcessor<ParentNode>;
+/**
+ * Helper function for processing child node
+ * @param group The parent block group
+ * @param parent Parent DOM node to process
+ * @param context DOM to Content Model context
+ *
+ */
+export declare function processChildNode(group: ContentModelBlockGroup, child: Node, context: DomToModelContext): void;
+/**
+ * Helper function to handle regular (range based) selection when process child node
+ * @param index Index of current child node in its parent
+ * @param context DOM to Content Model context
+ * @param group The parent block group
+ * @param nodeStartOffset Start offset of current regular selection
+ * @param nodeEndOffset  End offset of current regular selection
+ */
+export declare function handleRegularSelection(index: number, context: DomToModelContext, group: ContentModelBlockGroup, nodeStartOffset: number, nodeEndOffset: number): void;

package/lib-mjs/domToModel/processors/childProcessor.js

@@ -0,0 +1,56 @@
+import { __read } from "tslib";
+import { addSelectionMarker } from '../utils/addSelectionMarker';
+import { getRegularSelectionOffsets } from '../utils/getRegularSelectionOffsets';
+import { isNodeOfType } from '../../domUtils/isNodeOfType';
+/**
+ * Content Model Element Processor for child elements
+ * @param group The parent block group
+ * @param parent Parent DOM node to process
+ * @param context DOM to Content Model context
+ */
+export var childProcessor = function (group, parent, context) {
+    var _a = __read(getRegularSelectionOffsets(context, parent), 2), nodeStartOffset = _a[0], nodeEndOffset = _a[1];
+    var index = 0;
+    for (var child = parent.firstChild; child; child = child.nextSibling) {
+        handleRegularSelection(index, context, group, nodeStartOffset, nodeEndOffset);
+        processChildNode(group, child, context);
+        index++;
+    }
+    handleRegularSelection(index, context, group, nodeStartOffset, nodeEndOffset);
+};
+/**
+ * Helper function for processing child node
+ * @param group The parent block group
+ * @param parent Parent DOM node to process
+ * @param context DOM to Content Model context
+ *
+ */
+export function processChildNode(group, child, context) {
+    if (isNodeOfType(child, 1 /* Element */) && child.style.display != 'none') {
+        context.elementProcessors.element(group, child, context);
+    }
+    else if (isNodeOfType(child, 3 /* Text */)) {
+        context.elementProcessors['#text'](group, child, context);
+    }
+}
+/**
+ * Helper function to handle regular (range based) selection when process child node
+ * @param index Index of current child node in its parent
+ * @param context DOM to Content Model context
+ * @param group The parent block group
+ * @param nodeStartOffset Start offset of current regular selection
+ * @param nodeEndOffset  End offset of current regular selection
+ */
+export function handleRegularSelection(index, context, group, nodeStartOffset, nodeEndOffset) {
+    if (index == nodeStartOffset) {
+        context.isInSelection = true;
+        addSelectionMarker(group, context);
+    }
+    if (index == nodeEndOffset) {
+        if (!context.regularSelection.isSelectionCollapsed) {
+            addSelectionMarker(group, context);
+        }
+        context.isInSelection = false;
+    }
+}
+//# sourceMappingURL=childProcessor.js.map

package/lib-mjs/domToModel/processors/childProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"childProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/childProcessor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAQ3D;;;;;GAKG;AACH,MAAM,CAAC,IAAM,cAAc,GAAiC,UACxD,KAA6B,EAC7B,MAAkB,EAClB,OAA0B;IAEpB,IAAA,KAAA,OAAmC,0BAA0B,CAAC,OAAO,EAAE,MAAM,CAAC,IAAA,EAA7E,eAAe,QAAA,EAAE,aAAa,QAA+C,CAAC;IACrF,IAAI,KAAK,GAAG,CAAC,CAAC;IAEd,KAAK,IAAI,KAAK,GAAG,MAAM,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE;QAClE,sBAAsB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC;QAE9E,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAExC,KAAK,EAAE,CAAC;KACX;IAED,sBAAsB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC;AAClF,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAC5B,KAA6B,EAC7B,KAAW,EACX,OAA0B;IAE1B,IAAI,YAAY,CAAC,KAAK,kBAAmB,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,MAAM,EAAE;QACxE,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;KAC5D;SAAM,IAAI,YAAY,CAAC,KAAK,eAAgB,EAAE;QAC3C,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;KAC7D;AACL,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,sBAAsB,CAClC,KAAa,EACb,OAA0B,EAC1B,KAA6B,EAC7B,eAAuB,EACvB,aAAqB;IAErB,IAAI,KAAK,IAAI,eAAe,EAAE;QAC1B,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC;QAE7B,kBAAkB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;KACtC;IAED,IAAI,KAAK,IAAI,aAAa,EAAE;QACxB,IAAI,CAAC,OAAO,CAAC,gBAAiB,CAAC,oBAAoB,EAAE;YACjD,kBAAkB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SACtC;QACD,OAAO,CAAC,aAAa,GAAG,KAAK,CAAC;KACjC;AACL,CAAC","sourcesContent":["import { addSelectionMarker } from '../utils/addSelectionMarker';\nimport { getRegularSelectionOffsets } from '../utils/getRegularSelectionOffsets';\nimport { isNodeOfType } from '../../domUtils/isNodeOfType';\nimport { NodeType } from 'roosterjs-editor-types';\nimport {\n    ContentModelBlockGroup,\n    DomToModelContext,\n    ElementProcessor,\n} from 'roosterjs-content-model-types';\n\n/**\n * Content Model Element Processor for child elements\n * @param group The parent block group\n * @param parent Parent DOM node to process\n * @param context DOM to Content Model context\n */\nexport const childProcessor: ElementProcessor<ParentNode> = (\n    group: ContentModelBlockGroup,\n    parent: ParentNode,\n    context: DomToModelContext\n) => {\n    const [nodeStartOffset, nodeEndOffset] = getRegularSelectionOffsets(context, parent);\n    let index = 0;\n\n    for (let child = parent.firstChild; child; child = child.nextSibling) {\n        handleRegularSelection(index, context, group, nodeStartOffset, nodeEndOffset);\n\n        processChildNode(group, child, context);\n\n        index++;\n    }\n\n    handleRegularSelection(index, context, group, nodeStartOffset, nodeEndOffset);\n};\n\n/**\n * Helper function for processing child node\n * @param group The parent block group\n * @param parent Parent DOM node to process\n * @param context DOM to Content Model context\n *\n */\nexport function processChildNode(\n    group: ContentModelBlockGroup,\n    child: Node,\n    context: DomToModelContext\n) {\n    if (isNodeOfType(child, NodeType.Element) && child.style.display != 'none') {\n        context.elementProcessors.element(group, child, context);\n    } else if (isNodeOfType(child, NodeType.Text)) {\n        context.elementProcessors['#text'](group, child, context);\n    }\n}\n\n/**\n * Helper function to handle regular (range based) selection when process child node\n * @param index Index of current child node in its parent\n * @param context DOM to Content Model context\n * @param group The parent block group\n * @param nodeStartOffset Start offset of current regular selection\n * @param nodeEndOffset  End offset of current regular selection\n */\nexport function handleRegularSelection(\n    index: number,\n    context: DomToModelContext,\n    group: ContentModelBlockGroup,\n    nodeStartOffset: number,\n    nodeEndOffset: number\n) {\n    if (index == nodeStartOffset) {\n        context.isInSelection = true;\n\n        addSelectionMarker(group, context);\n    }\n\n    if (index == nodeEndOffset) {\n        if (!context.regularSelection!.isSelectionCollapsed) {\n            addSelectionMarker(group, context);\n        }\n        context.isInSelection = false;\n    }\n}\n"]}

package/lib-mjs/domToModel/processors/codeProcessor.d.ts

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

package/lib-mjs/domToModel/processors/codeProcessor.js

@@ -0,0 +1,13 @@
+import { knownElementProcessor } from './knownElementProcessor';
+import { parseFormat } from '../utils/parseFormat';
+import { stackFormat } from '../utils/stackFormat';
+/**
+ * @internal
+ */
+export var codeProcessor = function (group, element, context) {
+    stackFormat(context, { code: 'codeDefault' }, function () {
+        parseFormat(element, context.formatParsers.code, context.code.format, context);
+        knownElementProcessor(group, element, context);
+    });
+};
+//# sourceMappingURL=codeProcessor.js.map

package/lib-mjs/domToModel/processors/codeProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/codeProcessor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,IAAM,aAAa,GAAkC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;IAChF,WAAW,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE;QAC1C,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAE/E,qBAAqB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC","sourcesContent":["import { ElementProcessor } from 'roosterjs-content-model-types';\nimport { knownElementProcessor } from './knownElementProcessor';\nimport { parseFormat } from '../utils/parseFormat';\nimport { stackFormat } from '../utils/stackFormat';\n\n/**\n * @internal\n */\nexport const codeProcessor: ElementProcessor<HTMLElement> = (group, element, context) => {\n    stackFormat(context, { code: 'codeDefault' }, () => {\n        parseFormat(element, context.formatParsers.code, context.code.format, context);\n\n        knownElementProcessor(group, element, context);\n    });\n};\n"]}

package/lib-mjs/domToModel/processors/delimiterProcessor.d.ts

@@ -0,0 +1,8 @@
+import { ElementProcessor } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * @param group
+ * @param element
+ * @param context
+ */
+export declare const delimiterProcessor: ElementProcessor<HTMLSpanElement>;

package/lib-mjs/domToModel/processors/delimiterProcessor.js

@@ -0,0 +1,19 @@
+import { __read } from "tslib";
+import { getRegularSelectionOffsets } from '../utils/getRegularSelectionOffsets';
+import { handleRegularSelection } from './childProcessor';
+/**
+ * @internal
+ * @param group
+ * @param element
+ * @param context
+ */
+export var delimiterProcessor = function (group, element, context) {
+    var index = 0;
+    var _a = __read(getRegularSelectionOffsets(context, element), 2), nodeStartOffset = _a[0], nodeEndOffset = _a[1];
+    for (var child = element.firstChild; child; child = child.nextSibling) {
+        handleRegularSelection(index, context, group, nodeStartOffset, nodeEndOffset);
+        index++;
+    }
+    handleRegularSelection(index, context, group, nodeStartOffset, nodeEndOffset);
+};
+//# sourceMappingURL=delimiterProcessor.js.map

package/lib-mjs/domToModel/processors/delimiterProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delimiterProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/delimiterProcessor.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,CAAC,IAAM,kBAAkB,GAAsC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;IACzF,IAAI,KAAK,GAAG,CAAC,CAAC;IACR,IAAA,KAAA,OAAmC,0BAA0B,CAAC,OAAO,EAAE,OAAO,CAAC,IAAA,EAA9E,eAAe,QAAA,EAAE,aAAa,QAAgD,CAAC;IAEtF,KAAK,IAAI,KAAK,GAAG,OAAO,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE;QACnE,sBAAsB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC;QAC9E,KAAK,EAAE,CAAC;KACX;IAED,sBAAsB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC;AAClF,CAAC,CAAC","sourcesContent":["import { ElementProcessor } from 'roosterjs-content-model-types';\nimport { getRegularSelectionOffsets } from '../utils/getRegularSelectionOffsets';\nimport { handleRegularSelection } from './childProcessor';\n\n/**\n * @internal\n * @param group\n * @param element\n * @param context\n */\nexport const delimiterProcessor: ElementProcessor<HTMLSpanElement> = (group, element, context) => {\n    let index = 0;\n    const [nodeStartOffset, nodeEndOffset] = getRegularSelectionOffsets(context, element);\n\n    for (let child = element.firstChild; child; child = child.nextSibling) {\n        handleRegularSelection(index, context, group, nodeStartOffset, nodeEndOffset);\n        index++;\n    }\n\n    handleRegularSelection(index, context, group, nodeStartOffset, nodeEndOffset);\n};\n"]}

package/lib-mjs/domToModel/processors/elementProcessor.d.ts

@@ -0,0 +1,8 @@
+import { ElementProcessor } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ * @param group
+ * @param element
+ * @param context
+ */
+export declare const elementProcessor: ElementProcessor<HTMLElement>;

package/lib-mjs/domToModel/processors/elementProcessor.js

@@ -0,0 +1,26 @@
+import { getDelimiterFromElement, getEntityFromElement } from 'roosterjs-editor-dom';
+/**
+ * @internal
+ * @param group
+ * @param element
+ * @param context
+ */
+export var elementProcessor = function (group, element, context) {
+    var tagName = element.tagName.toLowerCase();
+    var processor = (tryGetProcessorForEntity(element, context) ||
+        tryGetProcessorForDelimiter(element, context) ||
+        context.elementProcessors[tagName] ||
+        (tagName.indexOf(':') >= 0 && context.elementProcessors.child) ||
+        context.elementProcessors['*']);
+    processor(group, element, context);
+};
+function tryGetProcessorForEntity(element, context) {
+    return (element.className && getEntityFromElement(element)) ||
+        element.contentEditable == 'false' // For readonly element, treat as an entity
+        ? context.elementProcessors.entity
+        : null;
+}
+function tryGetProcessorForDelimiter(element, context) {
+    return getDelimiterFromElement(element) ? context.elementProcessors.delimiter : null;
+}
+//# sourceMappingURL=elementProcessor.js.map

package/lib-mjs/domToModel/processors/elementProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/elementProcessor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAOrF;;;;;GAKG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAkC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;IACnF,IAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAA+B,CAAC;IAC3E,IAAM,SAAS,GAAG,CAAC,wBAAwB,CAAC,OAAO,EAAE,OAAO,CAAC;QACzD,2BAA2B,CAAC,OAAO,EAAE,OAAO,CAAC;QAC7C,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC;QAClC,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC;QAC9D,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAA2B,CAAC;IAC9D,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,SAAS,wBAAwB,CAAC,OAAoB,EAAE,OAA0B;IAC9E,OAAO,CAAC,OAAO,CAAC,SAAS,IAAI,oBAAoB,CAAC,OAAO,CAAC,CAAC;QACvD,OAAO,CAAC,eAAe,IAAI,OAAO,CAAC,2CAA2C;QAC9E,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,MAAM;QAClC,CAAC,CAAC,IAAI,CAAC;AACf,CAAC;AAED,SAAS,2BAA2B,CAAC,OAAa,EAAE,OAA0B;IAC1E,OAAO,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;AACzF,CAAC","sourcesContent":["import { getDelimiterFromElement, getEntityFromElement } from 'roosterjs-editor-dom';\nimport {\n    DomToModelContext,\n    ElementProcessor,\n    ElementProcessorMap,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n * @param group\n * @param element\n * @param context\n */\nexport const elementProcessor: ElementProcessor<HTMLElement> = (group, element, context) => {\n    const tagName = element.tagName.toLowerCase() as keyof ElementProcessorMap;\n    const processor = (tryGetProcessorForEntity(element, context) ||\n        tryGetProcessorForDelimiter(element, context) ||\n        context.elementProcessors[tagName] ||\n        (tagName.indexOf(':') >= 0 && context.elementProcessors.child) ||\n        context.elementProcessors['*']) as ElementProcessor<Node>;\n    processor(group, element, context);\n};\n\nfunction tryGetProcessorForEntity(element: HTMLElement, context: DomToModelContext) {\n    return (element.className && getEntityFromElement(element)) ||\n        element.contentEditable == 'false' // For readonly element, treat as an entity\n        ? context.elementProcessors.entity\n        : null;\n}\n\nfunction tryGetProcessorForDelimiter(element: Node, context: DomToModelContext) {\n    return getDelimiterFromElement(element) ? context.elementProcessors.delimiter : null;\n}\n"]}

package/lib-mjs/domToModel/processors/entityProcessor.d.ts

@@ -0,0 +1,8 @@
+import { ElementProcessor } from 'roosterjs-content-model-types';
+/**
+ * Content Model Element Processor for entity
+ * @param group The parent block group
+ * @param parent Parent DOM node to process
+ * @param context DOM to Content Model context
+ */
+export declare const entityProcessor: ElementProcessor<HTMLElement>;

package/lib-mjs/domToModel/processors/entityProcessor.js

@@ -0,0 +1,39 @@
+import { addBlock } from '../../modelApi/common/addBlock';
+import { addSegment } from '../../modelApi/common/addSegment';
+import { createEntity } from '../../modelApi/creators/createEntity';
+import { getEntityFromElement } from 'roosterjs-editor-dom';
+import { isBlockElement } from '../utils/isBlockElement';
+import { stackFormat } from '../utils/stackFormat';
+/**
+ * Content Model Element Processor for entity
+ * @param group The parent block group
+ * @param parent Parent DOM node to process
+ * @param context DOM to Content Model context
+ */
+export var entityProcessor = function (group, element, context) {
+    var entity = getEntityFromElement(element);
+    // In Content Model we also treat read only element as an entity since we cannot edit it
+    var _a = entity || { isReadonly: true }, id = _a.id, type = _a.type, isReadonly = _a.isReadonly;
+    var isBlockEntity = isBlockElement(element, context);
+    stackFormat(context, { segment: isBlockEntity ? 'empty' : undefined, paragraph: 'empty' }, function () {
+        var wrapperToUse = context.allowCacheElement
+            ? element
+            : element.cloneNode(true /* deep */);
+        if (!context.allowCacheElement) {
+            wrapperToUse.style.backgroundColor = element.style.backgroundColor || 'inherit';
+            wrapperToUse.style.color = element.style.color || 'inherit';
+        }
+        var entityModel = createEntity(wrapperToUse, isReadonly, context.segmentFormat, id, type);
+        // TODO: Need to handle selection for editable entity
+        if (context.isInSelection) {
+            entityModel.isSelected = true;
+        }
+        if (isBlockEntity) {
+            addBlock(group, entityModel);
+        }
+        else {
+            addSegment(group, entityModel);
+        }
+    });
+};
+//# sourceMappingURL=entityProcessor.js.map

package/lib-mjs/domToModel/processors/entityProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entityProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/entityProcessor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,IAAM,eAAe,GAAkC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;IAClF,IAAM,MAAM,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAE7C,wFAAwF;IAClF,IAAA,KAA2B,MAAM,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAvD,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAmC,CAAC;IAChE,IAAM,aAAa,GAAG,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEvD,WAAW,CACP,OAAO,EACP,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,EACpE;QACI,IAAM,YAAY,GAAG,OAAO,CAAC,iBAAiB;YAC1C,CAAC,CAAC,OAAO;YACT,CAAC,CAAE,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAiB,CAAC;QAE1D,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE;YAC5B,YAAY,CAAC,KAAK,CAAC,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,eAAe,IAAI,SAAS,CAAC;YAChF,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC;SAC/D;QAED,IAAM,WAAW,GAAG,YAAY,CAC5B,YAAY,EACZ,UAAU,EACV,OAAO,CAAC,aAAa,EACrB,EAAE,EACF,IAAI,CACP,CAAC;QAEF,qDAAqD;QACrD,IAAI,OAAO,CAAC,aAAa,EAAE;YACvB,WAAW,CAAC,UAAU,GAAG,IAAI,CAAC;SACjC;QAED,IAAI,aAAa,EAAE;YACf,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;SAChC;aAAM;YACH,UAAU,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;SAClC;IACL,CAAC,CACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { addBlock } from '../../modelApi/common/addBlock';\nimport { addSegment } from '../../modelApi/common/addSegment';\nimport { createEntity } from '../../modelApi/creators/createEntity';\nimport { ElementProcessor } from 'roosterjs-content-model-types';\nimport { getEntityFromElement } from 'roosterjs-editor-dom';\nimport { isBlockElement } from '../utils/isBlockElement';\nimport { stackFormat } from '../utils/stackFormat';\n\n/**\n * Content Model Element Processor for entity\n * @param group The parent block group\n * @param parent Parent DOM node to process\n * @param context DOM to Content Model context\n */\nexport const entityProcessor: ElementProcessor<HTMLElement> = (group, element, context) => {\n    const entity = getEntityFromElement(element);\n\n    // In Content Model we also treat read only element as an entity since we cannot edit it\n    const { id, type, isReadonly } = entity || { isReadonly: true };\n    const isBlockEntity = isBlockElement(element, context);\n\n    stackFormat(\n        context,\n        { segment: isBlockEntity ? 'empty' : undefined, paragraph: 'empty' },\n        () => {\n            const wrapperToUse = context.allowCacheElement\n                ? element\n                : (element.cloneNode(true /* deep */) as HTMLElement);\n\n            if (!context.allowCacheElement) {\n                wrapperToUse.style.backgroundColor = element.style.backgroundColor || 'inherit';\n                wrapperToUse.style.color = element.style.color || 'inherit';\n            }\n\n            const entityModel = createEntity(\n                wrapperToUse,\n                isReadonly,\n                context.segmentFormat,\n                id,\n                type\n            );\n\n            // TODO: Need to handle selection for editable entity\n            if (context.isInSelection) {\n                entityModel.isSelected = true;\n            }\n\n            if (isBlockEntity) {\n                addBlock(group, entityModel);\n            } else {\n                addSegment(group, entityModel);\n            }\n        }\n    );\n};\n"]}

package/lib-mjs/domToModel/processors/fontProcessor.d.ts

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

package/lib-mjs/domToModel/processors/fontProcessor.js

@@ -0,0 +1,44 @@
+import { isBlockElement } from '../utils/isBlockElement';
+import { parseFormat } from '../utils/parseFormat';
+import { stackFormat } from '../utils/stackFormat';
+var FontSizes = ['10px', '13px', '16px', '18px', '24px', '32px', '48px'];
+function getFontSize(size) {
+    var intSize = parseInt(size || '');
+    if (Number.isNaN(intSize)) {
+        return undefined;
+    }
+    else if (intSize < 1) {
+        return FontSizes[0];
+    }
+    else if (intSize > FontSizes.length) {
+        return FontSizes[FontSizes.length - 1];
+    }
+    else {
+        return FontSizes[intSize - 1];
+    }
+}
+/**
+ * @internal
+ */
+export var fontProcessor = function (group, element, context) {
+    stackFormat(context, {
+        segment: isBlockElement(element, context) ? 'shallowCloneForBlock' : 'shallowClone',
+    }, function () {
+        var fontFamily = element.getAttribute('face');
+        var fontSize = getFontSize(element.getAttribute('size'));
+        var textColor = element.getAttribute('color');
+        var format = context.segmentFormat;
+        if (fontFamily) {
+            format.fontFamily = fontFamily;
+        }
+        if (fontSize) {
+            format.fontSize = fontSize;
+        }
+        if (textColor) {
+            format.textColor = textColor;
+        }
+        parseFormat(element, context.formatParsers.segment, context.segmentFormat, context);
+        context.elementProcessors.child(group, element, context);
+    });
+};
+//# sourceMappingURL=fontProcessor.js.map

package/lib-mjs/domToModel/processors/fontProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/fontProcessor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,IAAM,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE3E,SAAS,WAAW,CAAC,IAAmB;IACpC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAErC,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACvB,OAAO,SAAS,CAAC;KACpB;SAAM,IAAI,OAAO,GAAG,CAAC,EAAE;QACpB,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC;KACvB;SAAM,IAAI,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE;QACnC,OAAO,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;KAC1C;SAAM;QACH,OAAO,SAAS,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;KACjC;AACL,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,IAAM,aAAa,GAAsC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;IACpF,WAAW,CACP,OAAO,EACP;QACI,OAAO,EAAE,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,cAAc;KACtF,EACD;QACI,IAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAChD,IAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;QAC3D,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAChD,IAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;QAErC,IAAI,UAAU,EAAE;YACZ,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;SAClC;QAED,IAAI,QAAQ,EAAE;YACV,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC9B;QAED,IAAI,SAAS,EAAE;YACX,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;SAChC;QAED,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;QAEpF,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC7D,CAAC,CACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { ElementProcessor } from 'roosterjs-content-model-types';\nimport { isBlockElement } from '../utils/isBlockElement';\nimport { parseFormat } from '../utils/parseFormat';\nimport { stackFormat } from '../utils/stackFormat';\n\nconst FontSizes = ['10px', '13px', '16px', '18px', '24px', '32px', '48px'];\n\nfunction getFontSize(size: string | null) {\n    const intSize = parseInt(size || '');\n\n    if (Number.isNaN(intSize)) {\n        return undefined;\n    } else if (intSize < 1) {\n        return FontSizes[0];\n    } else if (intSize > FontSizes.length) {\n        return FontSizes[FontSizes.length - 1];\n    } else {\n        return FontSizes[intSize - 1];\n    }\n}\n\n/**\n * @internal\n */\nexport const fontProcessor: ElementProcessor<HTMLFontElement> = (group, element, context) => {\n    stackFormat(\n        context,\n        {\n            segment: isBlockElement(element, context) ? 'shallowCloneForBlock' : 'shallowClone',\n        },\n        () => {\n            const fontFamily = element.getAttribute('face');\n            const fontSize = getFontSize(element.getAttribute('size'));\n            const textColor = element.getAttribute('color');\n            const format = context.segmentFormat;\n\n            if (fontFamily) {\n                format.fontFamily = fontFamily;\n            }\n\n            if (fontSize) {\n                format.fontSize = fontSize;\n            }\n\n            if (textColor) {\n                format.textColor = textColor;\n            }\n\n            parseFormat(element, context.formatParsers.segment, context.segmentFormat, context);\n\n            context.elementProcessors.child(group, element, context);\n        }\n    );\n};\n"]}

package/lib-mjs/domToModel/processors/formatContainerProcessor.d.ts

@@ -0,0 +1,9 @@
+import { ElementProcessor, MarginFormat, PaddingFormat } from 'roosterjs-content-model-types';
+/**
+ * @internal
+ */
+export declare const ContextStyles: (keyof (MarginFormat & PaddingFormat))[];
+/**
+ * @internal
+ */
+export declare const formatContainerProcessor: ElementProcessor<HTMLElement>;

package/lib-mjs/domToModel/processors/formatContainerProcessor.js

@@ -0,0 +1,67 @@
+import { __assign } from "tslib";
+import { addBlock } from '../../modelApi/common/addBlock';
+import { createFormatContainer } from '../../modelApi/creators/createFormatContainer';
+import { createParagraph } from '../../modelApi/creators/createParagraph';
+import { getDefaultStyle } from '../utils/getDefaultStyle';
+import { parseFormat } from '../utils/parseFormat';
+import { setParagraphNotImplicit } from '../../modelApi/block/setParagraphNotImplicit';
+import { stackFormat } from '../utils/stackFormat';
+/**
+ * @internal
+ */
+export var ContextStyles = [
+    'marginLeft',
+    'marginRight',
+    'paddingLeft',
+    'paddingRight',
+];
+/**
+ * @internal
+ */
+export var formatContainerProcessor = function (group, element, context) {
+    stackFormat(context, { segment: 'shallowCloneForBlock', paragraph: 'shallowClone' }, function () {
+        parseFormat(element, context.formatParsers.block, context.blockFormat, context);
+        parseFormat(element, context.formatParsers.segmentOnBlock, context.segmentFormat, context);
+        var format = __assign({}, context.blockFormat);
+        parseFormat(element, context.formatParsers.container, format, context);
+        var tagName = getDefaultStyle(element, context).display == 'block'
+            ? element.tagName.toLowerCase()
+            : 'div';
+        var formatContainer = createFormatContainer(tagName, format);
+        // It is possible to inherit margin left/right styles from parent DIV or other containers,
+        // since we are going into a deeper level of format container now,
+        // the container will render these styles so no need to keep them in context format
+        ContextStyles.forEach(function (style) {
+            delete context.blockFormat[style];
+        });
+        context.elementProcessors.child(formatContainer, element, context);
+        if (element.style.fontSize && parseInt(element.style.fontSize) == 0) {
+            formatContainer.zeroFontSize = true;
+        }
+        if (shouldFallbackToParagraph(formatContainer)) {
+            // For DIV container that only has one paragraph child, container style can be merged into paragraph
+            // and no need to have this container
+            var paragraph = formatContainer.blocks[0];
+            if (formatContainer.zeroFontSize) {
+                paragraph.segmentFormat = Object.assign({}, paragraph.segmentFormat, {
+                    fontSize: '0',
+                });
+            }
+            Object.assign(paragraph.format, formatContainer.format);
+            setParagraphNotImplicit(paragraph);
+            addBlock(group, paragraph);
+        }
+        else {
+            addBlock(group, formatContainer);
+        }
+    });
+    addBlock(group, createParagraph(true /*isImplicit*/, context.blockFormat));
+};
+function shouldFallbackToParagraph(formatContainer) {
+    var firstChild = formatContainer.blocks[0];
+    return (formatContainer.tagName == 'div' &&
+        formatContainer.blocks.length == 1 &&
+        firstChild.blockType == 'Paragraph' &&
+        firstChild.isImplicit);
+}
+//# sourceMappingURL=formatContainerProcessor.js.map

package/lib-mjs/domToModel/processors/formatContainerProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatContainerProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/formatContainerProcessor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAUnD;;GAEG;AACH,MAAM,CAAC,IAAM,aAAa,GAA6C;IACnE,YAAY;IACZ,aAAa;IACb,aAAa;IACb,cAAc;CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,IAAM,wBAAwB,GAAkC,UACnE,KAAK,EACL,OAAO,EACP,OAAO;IAEP,WAAW,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE;QACjF,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAChF,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,cAAc,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;QAE3F,IAAM,MAAM,gBACL,OAAO,CAAC,WAAW,CACzB,CAAC;QAEF,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;QAEvE,IAAM,OAAO,GACT,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,OAAO,IAAI,OAAO;YAChD,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE;YAC/B,CAAC,CAAC,KAAK,CAAC;QAChB,IAAM,eAAe,GAAG,qBAAqB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAE/D,0FAA0F;QAC1F,kEAAkE;QAClE,mFAAmF;QACnF,aAAa,CAAC,OAAO,CAAC,UAAA,KAAK;YACvB,OAAO,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,eAAe,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAEnE,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YACjE,eAAe,CAAC,YAAY,GAAG,IAAI,CAAC;SACvC;QAED,IAAI,yBAAyB,CAAC,eAAe,CAAC,EAAE;YAC5C,oGAAoG;YACpG,qCAAqC;YACrC,IAAM,SAAS,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAA0B,CAAC;YAErE,IAAI,eAAe,CAAC,YAAY,EAAE;gBAC9B,SAAS,CAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,SAAS,CAAC,aAAa,EAAE;oBACjE,QAAQ,EAAE,GAAG;iBAChB,CAAC,CAAC;aACN;YAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;YACxD,uBAAuB,CAAC,SAAS,CAAC,CAAC;YACnC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;SAC9B;aAAM;YACH,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;SACpC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;AAC/E,CAAC,CAAC;AAEF,SAAS,yBAAyB,CAAC,eAA4C;IAC3E,IAAM,UAAU,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAE7C,OAAO,CACH,eAAe,CAAC,OAAO,IAAI,KAAK;QAChC,eAAe,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC;QAClC,UAAU,CAAC,SAAS,IAAI,WAAW;QACnC,UAAU,CAAC,UAAU,CACxB,CAAC;AACN,CAAC","sourcesContent":["import { addBlock } from '../../modelApi/common/addBlock';\nimport { createFormatContainer } from '../../modelApi/creators/createFormatContainer';\nimport { createParagraph } from '../../modelApi/creators/createParagraph';\nimport { getDefaultStyle } from '../utils/getDefaultStyle';\nimport { parseFormat } from '../utils/parseFormat';\nimport { setParagraphNotImplicit } from '../../modelApi/block/setParagraphNotImplicit';\nimport { stackFormat } from '../utils/stackFormat';\nimport {\n    ContentModelFormatContainer,\n    ContentModelFormatContainerFormat,\n    ContentModelParagraph,\n    ElementProcessor,\n    MarginFormat,\n    PaddingFormat,\n} from 'roosterjs-content-model-types';\n\n/**\n * @internal\n */\nexport const ContextStyles: (keyof (MarginFormat & PaddingFormat))[] = [\n    'marginLeft',\n    'marginRight',\n    'paddingLeft',\n    'paddingRight',\n];\n\n/**\n * @internal\n */\nexport const formatContainerProcessor: ElementProcessor<HTMLElement> = (\n    group,\n    element,\n    context\n) => {\n    stackFormat(context, { segment: 'shallowCloneForBlock', paragraph: 'shallowClone' }, () => {\n        parseFormat(element, context.formatParsers.block, context.blockFormat, context);\n        parseFormat(element, context.formatParsers.segmentOnBlock, context.segmentFormat, context);\n\n        const format: ContentModelFormatContainerFormat = {\n            ...context.blockFormat,\n        };\n\n        parseFormat(element, context.formatParsers.container, format, context);\n\n        const tagName =\n            getDefaultStyle(element, context).display == 'block'\n                ? element.tagName.toLowerCase()\n                : 'div';\n        const formatContainer = createFormatContainer(tagName, format);\n\n        // It is possible to inherit margin left/right styles from parent DIV or other containers,\n        // since we are going into a deeper level of format container now,\n        // the container will render these styles so no need to keep them in context format\n        ContextStyles.forEach(style => {\n            delete context.blockFormat[style];\n        });\n\n        context.elementProcessors.child(formatContainer, element, context);\n\n        if (element.style.fontSize && parseInt(element.style.fontSize) == 0) {\n            formatContainer.zeroFontSize = true;\n        }\n\n        if (shouldFallbackToParagraph(formatContainer)) {\n            // For DIV container that only has one paragraph child, container style can be merged into paragraph\n            // and no need to have this container\n            const paragraph = formatContainer.blocks[0] as ContentModelParagraph;\n\n            if (formatContainer.zeroFontSize) {\n                paragraph.segmentFormat = Object.assign({}, paragraph.segmentFormat, {\n                    fontSize: '0',\n                });\n            }\n\n            Object.assign(paragraph.format, formatContainer.format);\n            setParagraphNotImplicit(paragraph);\n            addBlock(group, paragraph);\n        } else {\n            addBlock(group, formatContainer);\n        }\n    });\n\n    addBlock(group, createParagraph(true /*isImplicit*/, context.blockFormat));\n};\n\nfunction shouldFallbackToParagraph(formatContainer: ContentModelFormatContainer) {\n    const firstChild = formatContainer.blocks[0];\n\n    return (\n        formatContainer.tagName == 'div' &&\n        formatContainer.blocks.length == 1 &&\n        firstChild.blockType == 'Paragraph' &&\n        firstChild.isImplicit\n    );\n}\n"]}

package/lib-mjs/domToModel/processors/generalProcessor.d.ts

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

package/lib-mjs/domToModel/processors/generalProcessor.js

@@ -0,0 +1,46 @@
+import { addBlock } from '../../modelApi/common/addBlock';
+import { addDecorators } from '../../modelApi/common/addDecorators';
+import { addSegment } from '../../modelApi/common/addSegment';
+import { createGeneralBlock } from '../../modelApi/creators/createGeneralBlock';
+import { createGeneralSegment } from '../../modelApi/creators/createGeneralSegment';
+import { isBlockElement } from '../utils/isBlockElement';
+import { stackFormat } from '../utils/stackFormat';
+var generalBlockProcessor = function (group, element, context) {
+    var block = createGeneralBlock(element);
+    var isSelectedBefore = context.isInSelection;
+    stackFormat(context, {
+        segment: 'empty',
+        paragraph: 'empty',
+        link: 'empty',
+    }, function () {
+        addBlock(group, block);
+        context.elementProcessors.child(block, element, context);
+    });
+    if (isSelectedBefore && context.isInSelection) {
+        block.isSelected = true;
+    }
+};
+var generalSegmentProcessor = function (group, element, context) {
+    var segment = createGeneralSegment(element, context.segmentFormat);
+    var isSelectedBefore = context.isInSelection;
+    addDecorators(segment, context);
+    addSegment(group, segment);
+    stackFormat(context, {
+        segment: 'empty' /*clearFormat, General segment will include all properties and styles when generate back to HTML, so no need to carry over existing segment format*/,
+    }, function () {
+        context.elementProcessors.child(segment, element, context);
+    });
+    if (isSelectedBefore && context.isInSelection) {
+        segment.isSelected = true;
+    }
+};
+/**
+ * @internal
+ */
+export var generalProcessor = function (group, element, context) {
+    var processor = isBlockElement(element, context)
+        ? generalBlockProcessor
+        : generalSegmentProcessor;
+    processor(group, element, context);
+};
+//# sourceMappingURL=generalProcessor.js.map

package/lib-mjs/domToModel/processors/generalProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generalProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/generalProcessor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAEpF,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,IAAM,qBAAqB,GAAkC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;IACjF,IAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC1C,IAAM,gBAAgB,GAAG,OAAO,CAAC,aAAa,CAAC;IAE/C,WAAW,CACP,OAAO,EACP;QACI,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,OAAO;QAClB,IAAI,EAAE,OAAO;KAChB,EACD;QACI,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAEvB,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC7D,CAAC,CACJ,CAAC;IAEF,IAAI,gBAAgB,IAAI,OAAO,CAAC,aAAa,EAAE;QAC3C,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;KAC3B;AACL,CAAC,CAAC;AAEF,IAAM,uBAAuB,GAAkC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;IACnF,IAAM,OAAO,GAAG,oBAAoB,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACrE,IAAM,gBAAgB,GAAG,OAAO,CAAC,aAAa,CAAC;IAE/C,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAChC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAE3B,WAAW,CACP,OAAO,EACP;QACI,OAAO,EACH,OAAO,CAAC,oJAAoJ;KACnK,EACD;QACI,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC/D,CAAC,CACJ,CAAC;IAEF,IAAI,gBAAgB,IAAI,OAAO,CAAC,aAAa,EAAE;QAC3C,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC;KAC7B;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAkC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;IACnF,IAAM,SAAS,GAAG,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC;QAC9C,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,uBAAuB,CAAC;IAE9B,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AACvC,CAAC,CAAC","sourcesContent":["import { addBlock } from '../../modelApi/common/addBlock';\nimport { addDecorators } from '../../modelApi/common/addDecorators';\nimport { addSegment } from '../../modelApi/common/addSegment';\nimport { createGeneralBlock } from '../../modelApi/creators/createGeneralBlock';\nimport { createGeneralSegment } from '../../modelApi/creators/createGeneralSegment';\nimport { ElementProcessor } from 'roosterjs-content-model-types';\nimport { isBlockElement } from '../utils/isBlockElement';\nimport { stackFormat } from '../utils/stackFormat';\n\nconst generalBlockProcessor: ElementProcessor<HTMLElement> = (group, element, context) => {\n    const block = createGeneralBlock(element);\n    const isSelectedBefore = context.isInSelection;\n\n    stackFormat(\n        context,\n        {\n            segment: 'empty',\n            paragraph: 'empty',\n            link: 'empty',\n        },\n        () => {\n            addBlock(group, block);\n\n            context.elementProcessors.child(block, element, context);\n        }\n    );\n\n    if (isSelectedBefore && context.isInSelection) {\n        block.isSelected = true;\n    }\n};\n\nconst generalSegmentProcessor: ElementProcessor<HTMLElement> = (group, element, context) => {\n    const segment = createGeneralSegment(element, context.segmentFormat);\n    const isSelectedBefore = context.isInSelection;\n\n    addDecorators(segment, context);\n    addSegment(group, segment);\n\n    stackFormat(\n        context,\n        {\n            segment:\n                'empty' /*clearFormat, General segment will include all properties and styles when generate back to HTML, so no need to carry over existing segment format*/,\n        },\n        () => {\n            context.elementProcessors.child(segment, element, context);\n        }\n    );\n\n    if (isSelectedBefore && context.isInSelection) {\n        segment.isSelected = true;\n    }\n};\n\n/**\n * @internal\n */\nexport const generalProcessor: ElementProcessor<HTMLElement> = (group, element, context) => {\n    const processor = isBlockElement(element, context)\n        ? generalBlockProcessor\n        : generalSegmentProcessor;\n\n    processor(group, element, context);\n};\n"]}