roosterjs-content-model-dom 0.10.0

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

@@ -0,0 +1,31 @@
+define(["require", "exports", "roosterjs-editor-dom"], function (require, exports, roosterjs_editor_dom_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.elementProcessor = void 0;
+    /**
+     * @internal
+     * @param group
+     * @param element
+     * @param context
+     */
+    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);
+    };
+    exports.elementProcessor = elementProcessor;
+    function tryGetProcessorForEntity(element, context) {
+        return (element.className && (0, roosterjs_editor_dom_1.getEntityFromElement)(element)) ||
+            element.contentEditable == 'false' // For readonly element, treat as an entity
+            ? context.elementProcessors.entity
+            : null;
+    }
+    function tryGetProcessorForDelimiter(element, context) {
+        return (0, roosterjs_editor_dom_1.getDelimiterFromElement)(element) ? context.elementProcessors.delimiter : null;
+    }
+});
+//# sourceMappingURL=elementProcessor.js.map

package/lib-amd/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":";;;;IAOA;;;;;OAKG;IACI,IAAM,gBAAgB,GAAkC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;QACnF,IAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAA+B,CAAC;QAC3E,IAAM,SAAS,GAAG,CAAC,wBAAwB,CAAC,OAAO,EAAE,OAAO,CAAC;YACzD,2BAA2B,CAAC,OAAO,EAAE,OAAO,CAAC;YAC7C,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC;YAClC,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC;YAC9D,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAA2B,CAAC;QAC9D,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACvC,CAAC,CAAC;IARW,QAAA,gBAAgB,oBAQ3B;IAEF,SAAS,wBAAwB,CAAC,OAAoB,EAAE,OAA0B;QAC9E,OAAO,CAAC,OAAO,CAAC,SAAS,IAAI,IAAA,2CAAoB,EAAC,OAAO,CAAC,CAAC;YACvD,OAAO,CAAC,eAAe,IAAI,OAAO,CAAC,2CAA2C;YAC9E,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,MAAM;YAClC,CAAC,CAAC,IAAI,CAAC;IACf,CAAC;IAED,SAAS,2BAA2B,CAAC,OAAa,EAAE,OAA0B;QAC1E,OAAO,IAAA,8CAAuB,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IACzF,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-amd/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-amd/domToModel/processors/entityProcessor.js

@@ -0,0 +1,39 @@
+define(["require", "exports", "../../modelApi/common/addBlock", "../../modelApi/common/addSegment", "../../modelApi/creators/createEntity", "roosterjs-editor-dom", "../utils/isBlockElement", "../utils/stackFormat"], function (require, exports, addBlock_1, addSegment_1, createEntity_1, roosterjs_editor_dom_1, isBlockElement_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.entityProcessor = void 0;
+    /**
+     * 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
+     */
+    var entityProcessor = function (group, element, context) {
+        var entity = (0, roosterjs_editor_dom_1.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 = (0, isBlockElement_1.isBlockElement)(element, context);
+        (0, stackFormat_1.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 = (0, createEntity_1.createEntity)(wrapperToUse, isReadonly, context.segmentFormat, id, type);
+            // TODO: Need to handle selection for editable entity
+            if (context.isInSelection) {
+                entityModel.isSelected = true;
+            }
+            if (isBlockEntity) {
+                (0, addBlock_1.addBlock)(group, entityModel);
+            }
+            else {
+                (0, addSegment_1.addSegment)(group, entityModel);
+            }
+        });
+    };
+    exports.entityProcessor = entityProcessor;
+});
+//# sourceMappingURL=entityProcessor.js.map

package/lib-amd/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":";;;;IAQA;;;;;OAKG;IACI,IAAM,eAAe,GAAkC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;QAClF,IAAM,MAAM,GAAG,IAAA,2CAAoB,EAAC,OAAO,CAAC,CAAC;QAE7C,wFAAwF;QAClF,IAAA,KAA2B,MAAM,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAvD,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAmC,CAAC;QAChE,IAAM,aAAa,GAAG,IAAA,+BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAEvD,IAAA,yBAAW,EACP,OAAO,EACP,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,EACpE;YACI,IAAM,YAAY,GAAG,OAAO,CAAC,iBAAiB;gBAC1C,CAAC,CAAC,OAAO;gBACT,CAAC,CAAE,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAiB,CAAC;YAE1D,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE;gBAC5B,YAAY,CAAC,KAAK,CAAC,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,eAAe,IAAI,SAAS,CAAC;gBAChF,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC;aAC/D;YAED,IAAM,WAAW,GAAG,IAAA,2BAAY,EAC5B,YAAY,EACZ,UAAU,EACV,OAAO,CAAC,aAAa,EACrB,EAAE,EACF,IAAI,CACP,CAAC;YAEF,qDAAqD;YACrD,IAAI,OAAO,CAAC,aAAa,EAAE;gBACvB,WAAW,CAAC,UAAU,GAAG,IAAI,CAAC;aACjC;YAED,IAAI,aAAa,EAAE;gBACf,IAAA,mBAAQ,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;aAChC;iBAAM;gBACH,IAAA,uBAAU,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;aAClC;QACL,CAAC,CACJ,CAAC;IACN,CAAC,CAAC;IAxCW,QAAA,eAAe,mBAwC1B","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-amd/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-amd/domToModel/processors/fontProcessor.js

@@ -0,0 +1,47 @@
+define(["require", "exports", "../utils/isBlockElement", "../utils/parseFormat", "../utils/stackFormat"], function (require, exports, isBlockElement_1, parseFormat_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.fontProcessor = void 0;
+    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
+     */
+    var fontProcessor = function (group, element, context) {
+        (0, stackFormat_1.stackFormat)(context, {
+            segment: (0, isBlockElement_1.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;
+            }
+            (0, parseFormat_1.parseFormat)(element, context.formatParsers.segment, context.segmentFormat, context);
+            context.elementProcessors.child(group, element, context);
+        });
+    };
+    exports.fontProcessor = fontProcessor;
+});
+//# sourceMappingURL=fontProcessor.js.map

package/lib-amd/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":";;;;IAKA,IAAM,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAE3E,SAAS,WAAW,CAAC,IAAmB;QACpC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QAErC,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;YACvB,OAAO,SAAS,CAAC;SACpB;aAAM,IAAI,OAAO,GAAG,CAAC,EAAE;YACpB,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC;SACvB;aAAM,IAAI,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE;YACnC,OAAO,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;SAC1C;aAAM;YACH,OAAO,SAAS,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;SACjC;IACL,CAAC;IAED;;OAEG;IACI,IAAM,aAAa,GAAsC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;QACpF,IAAA,yBAAW,EACP,OAAO,EACP;YACI,OAAO,EAAE,IAAA,+BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,cAAc;SACtF,EACD;YACI,IAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YAChD,IAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;YAC3D,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAChD,IAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;YAErC,IAAI,UAAU,EAAE;gBACZ,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;aAClC;YAED,IAAI,QAAQ,EAAE;gBACV,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;aAC9B;YAED,IAAI,SAAS,EAAE;gBACX,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;aAChC;YAED,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;YAEpF,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAC7D,CAAC,CACJ,CAAC;IACN,CAAC,CAAC;IA7BW,QAAA,aAAa,iBA6BxB","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-amd/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-amd/domToModel/processors/formatContainerProcessor.js

@@ -0,0 +1,65 @@
+define(["require", "exports", "tslib", "../../modelApi/common/addBlock", "../../modelApi/creators/createFormatContainer", "../../modelApi/creators/createParagraph", "../utils/getDefaultStyle", "../utils/parseFormat", "../../modelApi/block/setParagraphNotImplicit", "../utils/stackFormat"], function (require, exports, tslib_1, addBlock_1, createFormatContainer_1, createParagraph_1, getDefaultStyle_1, parseFormat_1, setParagraphNotImplicit_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.formatContainerProcessor = exports.ContextStyles = void 0;
+    /**
+     * @internal
+     */
+    exports.ContextStyles = [
+        'marginLeft',
+        'marginRight',
+        'paddingLeft',
+        'paddingRight',
+    ];
+    /**
+     * @internal
+     */
+    var formatContainerProcessor = function (group, element, context) {
+        (0, stackFormat_1.stackFormat)(context, { segment: 'shallowCloneForBlock', paragraph: 'shallowClone' }, function () {
+            (0, parseFormat_1.parseFormat)(element, context.formatParsers.block, context.blockFormat, context);
+            (0, parseFormat_1.parseFormat)(element, context.formatParsers.segmentOnBlock, context.segmentFormat, context);
+            var format = (0, tslib_1.__assign)({}, context.blockFormat);
+            (0, parseFormat_1.parseFormat)(element, context.formatParsers.container, format, context);
+            var tagName = (0, getDefaultStyle_1.getDefaultStyle)(element, context).display == 'block'
+                ? element.tagName.toLowerCase()
+                : 'div';
+            var formatContainer = (0, createFormatContainer_1.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
+            exports.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);
+                (0, setParagraphNotImplicit_1.setParagraphNotImplicit)(paragraph);
+                (0, addBlock_1.addBlock)(group, paragraph);
+            }
+            else {
+                (0, addBlock_1.addBlock)(group, formatContainer);
+            }
+        });
+        (0, addBlock_1.addBlock)(group, (0, createParagraph_1.createParagraph)(true /*isImplicit*/, context.blockFormat));
+    };
+    exports.formatContainerProcessor = formatContainerProcessor;
+    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-amd/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":"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","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-amd/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-amd/domToModel/processors/generalProcessor.js

@@ -0,0 +1,45 @@
+define(["require", "exports", "../../modelApi/common/addBlock", "../../modelApi/common/addDecorators", "../../modelApi/common/addSegment", "../../modelApi/creators/createGeneralBlock", "../../modelApi/creators/createGeneralSegment", "../utils/isBlockElement", "../utils/stackFormat"], function (require, exports, addBlock_1, addDecorators_1, addSegment_1, createGeneralBlock_1, createGeneralSegment_1, isBlockElement_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.generalProcessor = void 0;
+    var generalBlockProcessor = function (group, element, context) {
+        var block = (0, createGeneralBlock_1.createGeneralBlock)(element);
+        var isSelectedBefore = context.isInSelection;
+        (0, stackFormat_1.stackFormat)(context, {
+            segment: 'empty',
+            paragraph: 'empty',
+            link: 'empty',
+        }, function () {
+            (0, addBlock_1.addBlock)(group, block);
+            context.elementProcessors.child(block, element, context);
+        });
+        if (isSelectedBefore && context.isInSelection) {
+            block.isSelected = true;
+        }
+    };
+    var generalSegmentProcessor = function (group, element, context) {
+        var segment = (0, createGeneralSegment_1.createGeneralSegment)(element, context.segmentFormat);
+        var isSelectedBefore = context.isInSelection;
+        (0, addDecorators_1.addDecorators)(segment, context);
+        (0, addSegment_1.addSegment)(group, segment);
+        (0, stackFormat_1.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
+     */
+    var generalProcessor = function (group, element, context) {
+        var processor = (0, isBlockElement_1.isBlockElement)(element, context)
+            ? generalBlockProcessor
+            : generalSegmentProcessor;
+        processor(group, element, context);
+    };
+    exports.generalProcessor = generalProcessor;
+});
+//# sourceMappingURL=generalProcessor.js.map

package/lib-amd/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":";;;;IASA,IAAM,qBAAqB,GAAkC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;QACjF,IAAM,KAAK,GAAG,IAAA,uCAAkB,EAAC,OAAO,CAAC,CAAC;QAC1C,IAAM,gBAAgB,GAAG,OAAO,CAAC,aAAa,CAAC;QAE/C,IAAA,yBAAW,EACP,OAAO,EACP;YACI,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,OAAO;YAClB,IAAI,EAAE,OAAO;SAChB,EACD;YACI,IAAA,mBAAQ,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAEvB,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAC7D,CAAC,CACJ,CAAC;QAEF,IAAI,gBAAgB,IAAI,OAAO,CAAC,aAAa,EAAE;YAC3C,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;SAC3B;IACL,CAAC,CAAC;IAEF,IAAM,uBAAuB,GAAkC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;QACnF,IAAM,OAAO,GAAG,IAAA,2CAAoB,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;QACrE,IAAM,gBAAgB,GAAG,OAAO,CAAC,aAAa,CAAC;QAE/C,IAAA,6BAAa,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAChC,IAAA,uBAAU,EAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAE3B,IAAA,yBAAW,EACP,OAAO,EACP;YACI,OAAO,EACH,OAAO,CAAC,oJAAoJ;SACnK,EACD;YACI,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAC/D,CAAC,CACJ,CAAC;QAEF,IAAI,gBAAgB,IAAI,OAAO,CAAC,aAAa,EAAE;YAC3C,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC;SAC7B;IACL,CAAC,CAAC;IAEF;;OAEG;IACI,IAAM,gBAAgB,GAAkC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;QACnF,IAAM,SAAS,GAAG,IAAA,+BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;YAC9C,CAAC,CAAC,qBAAqB;YACvB,CAAC,CAAC,uBAAuB,CAAC;QAE9B,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACvC,CAAC,CAAC;IANW,QAAA,gBAAgB,oBAM3B","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"]}

package/lib-amd/domToModel/processors/headingProcessor.d.ts

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

package/lib-amd/domToModel/processors/headingProcessor.js

@@ -0,0 +1,19 @@
+define(["require", "exports", "../../modelApi/common/addBlock", "./blockProcessor", "../../modelApi/creators/createParagraph", "../../modelApi/creators/createParagraphDecorator", "../utils/parseFormat", "../utils/stackFormat"], function (require, exports, addBlock_1, blockProcessor_1, createParagraph_1, createParagraphDecorator_1, parseFormat_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.headingProcessor = void 0;
+    /**
+     * @internal
+     */
+    var headingProcessor = function (group, element, context) {
+        (0, stackFormat_1.stackFormat)(context, { segment: 'shallowCloneForBlock', paragraph: 'shallowClone', blockDecorator: 'empty' }, function () {
+            var segmentFormat = {};
+            (0, parseFormat_1.parseFormat)(element, context.formatParsers.segmentOnBlock, segmentFormat, context);
+            context.blockDecorator = (0, createParagraphDecorator_1.createParagraphDecorator)(element.tagName, segmentFormat);
+            (0, blockProcessor_1.blockProcessor)(group, element, context);
+        });
+        (0, addBlock_1.addBlock)(group, (0, createParagraph_1.createParagraph)(true /*isImplicit*/, context.blockFormat));
+    };
+    exports.headingProcessor = headingProcessor;
+});
+//# sourceMappingURL=headingProcessor.js.map

package/lib-amd/domToModel/processors/headingProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headingProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/headingProcessor.ts"],"names":[],"mappings":";;;;IAQA;;OAEG;IACI,IAAM,gBAAgB,GAAyC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;QAC1F,IAAA,yBAAW,EACP,OAAO,EACP,EAAE,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,EACvF;YACI,IAAM,aAAa,GAA8B,EAAE,CAAC;YAEpD,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,cAAc,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;YAEnF,OAAO,CAAC,cAAc,GAAG,IAAA,mDAAwB,EAAC,OAAO,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;YAElF,IAAA,+BAAc,EAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAC5C,CAAC,CACJ,CAAC;QAEF,IAAA,mBAAQ,EAAC,KAAK,EAAE,IAAA,iCAAe,EAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IAC/E,CAAC,CAAC;IAhBW,QAAA,gBAAgB,oBAgB3B","sourcesContent":["import { addBlock } from '../../modelApi/common/addBlock';\nimport { blockProcessor } from './blockProcessor';\nimport { ContentModelSegmentFormat, ElementProcessor } from 'roosterjs-content-model-types';\nimport { createParagraph } from '../../modelApi/creators/createParagraph';\nimport { createParagraphDecorator } from '../../modelApi/creators/createParagraphDecorator';\nimport { parseFormat } from '../utils/parseFormat';\nimport { stackFormat } from '../utils/stackFormat';\n\n/**\n * @internal\n */\nexport const headingProcessor: ElementProcessor<HTMLHeadingElement> = (group, element, context) => {\n    stackFormat(\n        context,\n        { segment: 'shallowCloneForBlock', paragraph: 'shallowClone', blockDecorator: 'empty' },\n        () => {\n            const segmentFormat: ContentModelSegmentFormat = {};\n\n            parseFormat(element, context.formatParsers.segmentOnBlock, segmentFormat, context);\n\n            context.blockDecorator = createParagraphDecorator(element.tagName, segmentFormat);\n\n            blockProcessor(group, element, context);\n        }\n    );\n\n    addBlock(group, createParagraph(true /*isImplicit*/, context.blockFormat));\n};\n"]}

package/lib-amd/domToModel/processors/hrProcessor.d.ts

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

package/lib-amd/domToModel/processors/hrProcessor.js

@@ -0,0 +1,25 @@
+define(["require", "exports", "../../modelApi/common/addBlock", "../../modelApi/creators/createDivider", "../utils/parseFormat", "../utils/stackFormat"], function (require, exports, addBlock_1, createDivider_1, parseFormat_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.hrProcessor = void 0;
+    /**
+     * @internal
+     */
+    var hrProcessor = function (group, element, context) {
+        (0, stackFormat_1.stackFormat)(context, {
+            paragraph: 'shallowClone',
+        }, function () {
+            (0, parseFormat_1.parseFormat)(element, context.formatParsers.divider, context.blockFormat, context);
+            var hr = (0, createDivider_1.createDivider)('hr', context.blockFormat);
+            if (element.size) {
+                hr.size = element.size;
+            }
+            if (context.isInSelection) {
+                hr.isSelected = true;
+            }
+            (0, addBlock_1.addBlock)(group, hr);
+        });
+    };
+    exports.hrProcessor = hrProcessor;
+});
+//# sourceMappingURL=hrProcessor.js.map

package/lib-amd/domToModel/processors/hrProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hrProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/hrProcessor.ts"],"names":[],"mappings":";;;;IAMA;;OAEG;IACI,IAAM,WAAW,GAAoC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;QAChF,IAAA,yBAAW,EACP,OAAO,EACP;YACI,SAAS,EAAE,cAAc;SAC5B,EACD;YACI,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;YAElF,IAAM,EAAE,GAAG,IAAA,6BAAa,EAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;YAEpD,IAAI,OAAO,CAAC,IAAI,EAAE;gBACd,EAAE,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;aAC1B;YAED,IAAI,OAAO,CAAC,aAAa,EAAE;gBACvB,EAAE,CAAC,UAAU,GAAG,IAAI,CAAC;aACxB;YAED,IAAA,mBAAQ,EAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACxB,CAAC,CACJ,CAAC;IACN,CAAC,CAAC;IAtBW,QAAA,WAAW,eAsBtB","sourcesContent":["import { addBlock } from '../../modelApi/common/addBlock';\nimport { createDivider } from '../../modelApi/creators/createDivider';\nimport { ElementProcessor } from 'roosterjs-content-model-types';\nimport { parseFormat } from '../utils/parseFormat';\nimport { stackFormat } from '../utils/stackFormat';\n\n/**\n * @internal\n */\nexport const hrProcessor: ElementProcessor<HTMLHRElement> = (group, element, context) => {\n    stackFormat(\n        context,\n        {\n            paragraph: 'shallowClone',\n        },\n        () => {\n            parseFormat(element, context.formatParsers.divider, context.blockFormat, context);\n\n            const hr = createDivider('hr', context.blockFormat);\n\n            if (element.size) {\n                hr.size = element.size;\n            }\n\n            if (context.isInSelection) {\n                hr.isSelected = true;\n            }\n\n            addBlock(group, hr);\n        }\n    );\n};\n"]}

package/lib-amd/domToModel/processors/imageProcessor.d.ts

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

package/lib-amd/domToModel/processors/imageProcessor.js

@@ -0,0 +1,38 @@
+define(["require", "exports", "../../modelApi/common/addDecorators", "../../modelApi/common/addSegment", "../../modelApi/creators/createImage", "../utils/parseFormat", "../utils/stackFormat"], function (require, exports, addDecorators_1, addSegment_1, createImage_1, parseFormat_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.imageProcessor = void 0;
+    /**
+     * @internal
+     */
+    var imageProcessor = function (group, element, context) {
+        (0, stackFormat_1.stackFormat)(context, { segment: 'shallowClone' }, function () {
+            var _a;
+            var imageFormat = context.segmentFormat;
+            (0, parseFormat_1.parseFormat)(element, context.formatParsers.segment, imageFormat, context);
+            (0, parseFormat_1.parseFormat)(element, context.formatParsers.image, imageFormat, context);
+            (0, parseFormat_1.parseFormat)(element, context.formatParsers.block, context.blockFormat, context);
+            var image = (0, createImage_1.createImage)(element.src, imageFormat);
+            var alt = element.alt;
+            var title = element.title;
+            (0, parseFormat_1.parseFormat)(element, context.formatParsers.dataset, image.dataset, context);
+            (0, addDecorators_1.addDecorators)(image, context);
+            if (alt) {
+                image.alt = alt;
+            }
+            if (title) {
+                image.title = title;
+            }
+            if (context.isInSelection) {
+                image.isSelected = true;
+            }
+            if (((_a = context.imageSelection) === null || _a === void 0 ? void 0 : _a.image) == element) {
+                image.isSelectedAsImageSelection = true;
+                image.isSelected = true;
+            }
+            (0, addSegment_1.addSegment)(group, image);
+        });
+    };
+    exports.imageProcessor = imageProcessor;
+});
+//# sourceMappingURL=imageProcessor.js.map

package/lib-amd/domToModel/processors/imageProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/imageProcessor.ts"],"names":[],"mappings":";;;;IAOA;;OAEG;IACI,IAAM,cAAc,GAAuC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;QACtF,IAAA,yBAAW,EAAC,OAAO,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE;;YAC9C,IAAM,WAAW,GAA4B,OAAO,CAAC,aAAa,CAAC;YAEnE,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;YAC1E,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;YACxE,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;YAEhF,IAAM,KAAK,GAAG,IAAA,yBAAW,EAAC,OAAO,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;YACpD,IAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;YACxB,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;YAE5B,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAC5E,IAAA,6BAAa,EAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAE9B,IAAI,GAAG,EAAE;gBACL,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;aACnB;YACD,IAAI,KAAK,EAAE;gBACP,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;aACvB;YACD,IAAI,OAAO,CAAC,aAAa,EAAE;gBACvB,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;aAC3B;YACD,IAAI,CAAA,MAAA,OAAO,CAAC,cAAc,0CAAE,KAAK,KAAI,OAAO,EAAE;gBAC1C,KAAK,CAAC,0BAA0B,GAAG,IAAI,CAAC;gBACxC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;aAC3B;YAED,IAAA,uBAAU,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IA/BW,QAAA,cAAc,kBA+BzB","sourcesContent":["import { addDecorators } from '../../modelApi/common/addDecorators';\nimport { addSegment } from '../../modelApi/common/addSegment';\nimport { ContentModelImageFormat, ElementProcessor } from 'roosterjs-content-model-types';\nimport { createImage } from '../../modelApi/creators/createImage';\nimport { parseFormat } from '../utils/parseFormat';\nimport { stackFormat } from '../utils/stackFormat';\n\n/**\n * @internal\n */\nexport const imageProcessor: ElementProcessor<HTMLImageElement> = (group, element, context) => {\n    stackFormat(context, { segment: 'shallowClone' }, () => {\n        const imageFormat: ContentModelImageFormat = context.segmentFormat;\n\n        parseFormat(element, context.formatParsers.segment, imageFormat, context);\n        parseFormat(element, context.formatParsers.image, imageFormat, context);\n        parseFormat(element, context.formatParsers.block, context.blockFormat, context);\n\n        const image = createImage(element.src, imageFormat);\n        const alt = element.alt;\n        const title = element.title;\n\n        parseFormat(element, context.formatParsers.dataset, image.dataset, context);\n        addDecorators(image, context);\n\n        if (alt) {\n            image.alt = alt;\n        }\n        if (title) {\n            image.title = title;\n        }\n        if (context.isInSelection) {\n            image.isSelected = true;\n        }\n        if (context.imageSelection?.image == element) {\n            image.isSelectedAsImageSelection = true;\n            image.isSelected = true;\n        }\n\n        addSegment(group, image);\n    });\n};\n"]}

package/lib-amd/domToModel/processors/knownElementProcessor.d.ts

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

package/lib-amd/domToModel/processors/knownElementProcessor.js

@@ -0,0 +1,90 @@
+define(["require", "exports", "../../modelApi/common/addBlock", "./blockProcessor", "../../modelApi/creators/createParagraph", "./formatContainerProcessor", "../utils/getDefaultStyle", "../utils/isBlockElement", "../utils/parseFormat", "../utils/stackFormat"], function (require, exports, addBlock_1, blockProcessor_1, createParagraph_1, formatContainerProcessor_1, getDefaultStyle_1, isBlockElement_1, parseFormat_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.knownElementProcessor = void 0;
+    var FormatContainerTriggerStyles = [
+        'marginBottom',
+        'marginTop',
+        'paddingBottom',
+        'paddingTop',
+        'paddingLeft',
+        'paddingRight',
+        'borderTopWidth',
+        'borderBottomWidth',
+        'borderLeftWidth',
+        'borderRightWidth',
+        'width',
+        'height',
+        'maxWidth',
+        'maxHeight',
+        'minWidth',
+        'minHeight',
+    ];
+    var ByPassFormatContainerTags = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'P', 'A'];
+    var SegmentDecoratorTags = ['A', 'CODE'];
+    /**
+     * @internal
+     */
+    var knownElementProcessor = function (group, element, context) {
+        var isBlock = (0, isBlockElement_1.isBlockElement)(element, context);
+        if ((isBlock || element.style.display == 'inline-block') && // For inline-block here, we will also check if it should be represented as Format Container
+            shouldUseFormatContainer(element, context)) {
+            (0, formatContainerProcessor_1.formatContainerProcessor)(group, element, context);
+        }
+        else if (isBlock) {
+            var decorator = context.blockDecorator.tagName ? context.blockDecorator : undefined;
+            var isSegmentDecorator = SegmentDecoratorTags.indexOf(element.tagName) >= 0;
+            (0, stackFormat_1.stackFormat)(context, { segment: 'shallowCloneForBlock', paragraph: 'shallowClone' }, function () {
+                var segmentFormat = {};
+                (0, parseFormat_1.parseFormat)(element, context.formatParsers.segmentOnBlock, segmentFormat, context);
+                Object.assign(context.segmentFormat, segmentFormat);
+                (0, blockProcessor_1.blockProcessor)(group, element, context, segmentFormat);
+            });
+            if (isBlock && !isSegmentDecorator) {
+                (0, addBlock_1.addBlock)(group, (0, createParagraph_1.createParagraph)(true /*isImplicit*/, context.blockFormat, undefined /*segmentFormat*/, decorator));
+            }
+        }
+        else {
+            (0, stackFormat_1.stackFormat)(context, {
+                segment: 'shallowClone',
+                paragraph: 'shallowClone',
+                link: 'cloneFormat',
+            }, function () {
+                (0, parseFormat_1.parseFormat)(element, context.formatParsers.segment, context.segmentFormat, context);
+                if (context.link.format.href && element.tagName != 'A') {
+                    (0, parseFormat_1.parseFormat)(element, context.formatParsers.segmentUnderLink, context.link.format, context);
+                }
+                context.elementProcessors.child(group, element, context);
+            });
+        }
+    };
+    exports.knownElementProcessor = knownElementProcessor;
+    function shouldUseFormatContainer(element, context) {
+        // For those tags that we know we should not use format container, just return false
+        if (ByPassFormatContainerTags.indexOf(element.tagName) >= 0) {
+            return false;
+        }
+        var style = element.style;
+        var defaultStyle = (0, getDefaultStyle_1.getDefaultStyle)(element, context);
+        var bgcolor = style.getPropertyValue('background-color');
+        // For block element with background, we need to use format container
+        if (bgcolor && bgcolor != 'transparent') {
+            return true;
+        }
+        // For block element with positive value of border width or top/bottom margin/padding,
+        // we need to use format container
+        if (FormatContainerTriggerStyles.some(function (key) { return parseInt(style[key] || defaultStyle[key] || '') > 0; })) {
+            return true;
+        }
+        // For margin left/right with value "auto", we need to use format container
+        if (style.marginLeft == 'auto' || style.marginRight == 'auto') {
+            return true;
+        }
+        // For element with "align" attribute, we need to use format container
+        if (element.getAttribute('align')) {
+            return true;
+        }
+        return false;
+    }
+});
+//# sourceMappingURL=knownElementProcessor.js.map

package/lib-amd/domToModel/processors/knownElementProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"knownElementProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/knownElementProcessor.ts"],"names":[],"mappings":"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","sourcesContent":["import { addBlock } from '../../modelApi/common/addBlock';\nimport { blockProcessor } from './blockProcessor';\nimport { createParagraph } from '../../modelApi/creators/createParagraph';\nimport { formatContainerProcessor } from './formatContainerProcessor';\nimport { getDefaultStyle } from '../utils/getDefaultStyle';\nimport { isBlockElement } from '../utils/isBlockElement';\nimport { parseFormat } from '../utils/parseFormat';\nimport { stackFormat } from '../utils/stackFormat';\nimport {\n    ContentModelSegmentFormat,\n    DomToModelContext,\n    ElementProcessor,\n} from 'roosterjs-content-model-types';\n\nconst FormatContainerTriggerStyles: (keyof CSSStyleDeclaration)[] = [\n    'marginBottom',\n    'marginTop',\n    'paddingBottom',\n    'paddingTop',\n    'paddingLeft',\n    'paddingRight',\n    'borderTopWidth',\n    'borderBottomWidth',\n    'borderLeftWidth',\n    'borderRightWidth',\n    'width',\n    'height',\n    'maxWidth',\n    'maxHeight',\n    'minWidth',\n    'minHeight',\n];\nconst ByPassFormatContainerTags = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'P', 'A'];\nconst SegmentDecoratorTags = ['A', 'CODE'];\n\n/**\n * @internal\n */\nexport const knownElementProcessor: ElementProcessor<HTMLElement> = (group, element, context) => {\n    const isBlock = isBlockElement(element, context);\n\n    if (\n        (isBlock || element.style.display == 'inline-block') && // For inline-block here, we will also check if it should be represented as Format Container\n        shouldUseFormatContainer(element, context)\n    ) {\n        formatContainerProcessor(group, element, context);\n    } else if (isBlock) {\n        const decorator = context.blockDecorator.tagName ? context.blockDecorator : undefined;\n        const isSegmentDecorator = SegmentDecoratorTags.indexOf(element.tagName) >= 0;\n\n        stackFormat(context, { segment: 'shallowCloneForBlock', paragraph: 'shallowClone' }, () => {\n            const segmentFormat: ContentModelSegmentFormat = {};\n\n            parseFormat(element, context.formatParsers.segmentOnBlock, segmentFormat, context);\n            Object.assign(context.segmentFormat, segmentFormat);\n\n            blockProcessor(group, element, context, segmentFormat);\n        });\n\n        if (isBlock && !isSegmentDecorator) {\n            addBlock(\n                group,\n                createParagraph(\n                    true /*isImplicit*/,\n                    context.blockFormat,\n                    undefined /*segmentFormat*/,\n                    decorator\n                )\n            );\n        }\n    } else {\n        stackFormat(\n            context,\n            {\n                segment: 'shallowClone',\n                paragraph: 'shallowClone',\n                link: 'cloneFormat',\n            },\n            () => {\n                parseFormat(element, context.formatParsers.segment, context.segmentFormat, context);\n\n                if (context.link.format.href && element.tagName != 'A') {\n                    parseFormat(\n                        element,\n                        context.formatParsers.segmentUnderLink,\n                        context.link.format,\n                        context\n                    );\n                }\n\n                context.elementProcessors.child(group, element, context);\n            }\n        );\n    }\n};\n\nfunction shouldUseFormatContainer(element: HTMLElement, context: DomToModelContext) {\n    // For those tags that we know we should not use format container, just return false\n    if (ByPassFormatContainerTags.indexOf(element.tagName) >= 0) {\n        return false;\n    }\n\n    const style = element.style;\n    const defaultStyle = getDefaultStyle(element, context);\n\n    const bgcolor = style.getPropertyValue('background-color');\n\n    // For block element with background, we need to use format container\n    if (bgcolor && bgcolor != 'transparent') {\n        return true;\n    }\n\n    // For block element with positive value of border width or top/bottom margin/padding,\n    // we need to use format container\n    if (\n        FormatContainerTriggerStyles.some(\n            key => parseInt((style[key] as string) || (defaultStyle[key] as string) || '') > 0\n        )\n    ) {\n        return true;\n    }\n\n    // For margin left/right with value \"auto\", we need to use format container\n    if (style.marginLeft == 'auto' || style.marginRight == 'auto') {\n        return true;\n    }\n\n    // For element with \"align\" attribute, we need to use format container\n    if (element.getAttribute('align')) {\n        return true;\n    }\n\n    return false;\n}\n"]}

package/lib-amd/domToModel/processors/linkProcessor.d.ts

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

package/lib-amd/domToModel/processors/linkProcessor.js

@@ -0,0 +1,23 @@
+define(["require", "exports", "./knownElementProcessor", "../utils/parseFormat", "../utils/stackFormat"], function (require, exports, knownElementProcessor_1, parseFormat_1, stackFormat_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.linkProcessor = void 0;
+    /**
+     * @internal
+     */
+    var linkProcessor = function (group, element, context) {
+        if (element.hasAttribute('href')) {
+            (0, stackFormat_1.stackFormat)(context, { link: 'linkDefault' }, function () {
+                (0, parseFormat_1.parseFormat)(element, context.formatParsers.link, context.link.format, context);
+                (0, parseFormat_1.parseFormat)(element, context.formatParsers.dataset, context.link.dataset, context);
+                (0, knownElementProcessor_1.knownElementProcessor)(group, element, context);
+            });
+        }
+        else {
+            // A tag without href, can be treated as normal SPAN tag
+            (0, knownElementProcessor_1.knownElementProcessor)(group, element, context);
+        }
+    };
+    exports.linkProcessor = linkProcessor;
+});
+//# sourceMappingURL=linkProcessor.js.map

package/lib-amd/domToModel/processors/linkProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkProcessor.js","sourceRoot":"","sources":["../../../../../packages-content-model/roosterjs-content-model-dom/lib/domToModel/processors/linkProcessor.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,aAAa,GAAkC,UAAC,KAAK,EAAE,OAAO,EAAE,OAAO;QAChF,IAAI,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;YAC9B,IAAA,yBAAW,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE;gBAC1C,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;gBAC/E,IAAA,yBAAW,EAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;gBAEnF,IAAA,6CAAqB,EAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YACnD,CAAC,CAAC,CAAC;SACN;aAAM;YACH,wDAAwD;YACxD,IAAA,6CAAqB,EAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;SAClD;IACL,CAAC,CAAC;IAZW,QAAA,aAAa,iBAYxB","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 linkProcessor: ElementProcessor<HTMLElement> = (group, element, context) => {\n    if (element.hasAttribute('href')) {\n        stackFormat(context, { link: 'linkDefault' }, () => {\n            parseFormat(element, context.formatParsers.link, context.link.format, context);\n            parseFormat(element, context.formatParsers.dataset, context.link.dataset, context);\n\n            knownElementProcessor(group, element, context);\n        });\n    } else {\n        // A tag without href, can be treated as normal SPAN tag\n        knownElementProcessor(group, element, context);\n    }\n};\n"]}

package/lib-amd/domToModel/processors/listItemProcessor.d.ts

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