All files / roosterjs-content-model-dom/lib/modelToDom/handlers handleFormatContainer.ts

100% Statements 29/29
100% Branches 16/16
100% Functions 3/3
100% Lines 28/28

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 731x 1x 1x 1x                 1x               1x             36x   36x 2x   2x 34x 33x   33x 15x     33x 33x   33x 33x 33x             33x     33x 6x 6x     27x     33x     36x 35x     36x    
import { applyFormat } from '../utils/applyFormat';
import { isBlockGroupEmpty } from '../../modelApi/common/isEmpty';
import { reuseCachedElement } from '../../domUtils/reuseCachedElement';
import { stackFormat } from '../utils/stackFormat';
import type {
    ContentModelBlockFormat,
    ContentModelBlockHandler,
    ContentModelFormatContainer,
    ContentModelSegmentFormat,
    ModelToDomContext,
} from 'roosterjs-content-model-types';
 
const PreChildFormat: ContentModelSegmentFormat & ContentModelBlockFormat = {
    fontFamily: 'monospace',
    whiteSpace: 'pre',
};
 
/**
 * @internal
 */
export const handleFormatContainer: ContentModelBlockHandler<ContentModelFormatContainer> = (
    doc: Document,
    parent: Node,
    container: ContentModelFormatContainer,
    context: ModelToDomContext,
    refNode: Node | null
) => {
    let element = context.allowCacheElement ? container.cachedElement : undefined;
 
    if (element) {
        refNode = reuseCachedElement(parent, element, refNode, context.rewriteFromModel);
 
        context.modelHandlers.blockGroupChildren(doc, element, container, context);
    } else if (!isBlockGroupEmpty(container)) {
        const containerNode = doc.createElement(container.tagName);
 
        if (context.allowCacheElement) {
            container.cachedElement = containerNode;
        }
 
        parent.insertBefore(containerNode, refNode);
        context.rewriteFromModel.addedBlockElements.push(containerNode);
 
        stackFormat(context, container.tagName, () => {
            applyFormat(containerNode, context.formatAppliers.container, container.format, context);
            applyFormat(
                containerNode,
                context.formatAppliers.segmentOnBlock,
                container.format,
                context
            );
 
            applyFormat(containerNode, context.formatAppliers.container, container.format, context);
        });
 
        if (container.tagName == 'pre') {
            stackFormat(context, PreChildFormat, () => {
                context.modelHandlers.blockGroupChildren(doc, containerNode, container, context);
            });
        } else {
            context.modelHandlers.blockGroupChildren(doc, containerNode, container, context);
        }
 
        element = containerNode;
    }
 
    if (element) {
        context.onNodeCreated?.(container, element);
    }
 
    return refNode;
};