taggedjs/js/render/renderWithSupport.function.js

tagged template reactive html

import { moveProviders } from './update/updateExistingTagComponent.function.js';
import { softDestroySupport } from './softDestroySupport.function.js';
import { renderTagOnly } from './renderTagOnly.function.js';
import { isLikeTags } from '../tag/isLikeTags.function.js';
import { ValueTypes } from '../tag/ValueTypes.enum.js';
/** TODO: This seems to support both new and updates and should be separated? */
export function renderWithSupport(newSupport, lastSupport, // previous (global.newest)
subject) {
    const reSupport = renderTagOnly(newSupport, lastSupport, subject);
    const isLikeTag = !lastSupport || isLikeTags(lastSupport, reSupport);
    if (!isLikeTag) {
        moveProviders(lastSupport, reSupport);
        softDestroySupport(lastSupport);
        const global = reSupport.context.global;
        global.oldest = reSupport;
        global.newest = reSupport;
    }
    else if (lastSupport) {
        const tag = lastSupport.templater.tag;
        if (tag && subject.renderCount > 0) {
            const lastTemplater = lastSupport?.templater;
            const lastTag = lastTemplater?.tag;
            checkTagSoftDestroy(tag, lastSupport, lastTag);
        }
    }
    reSupport.ownerSupport = newSupport.ownerSupport; // || lastOwnerSupport) as AnySupport
    return {
        support: reSupport,
        wasLikeTags: isLikeTag
    };
}
function checkTagSoftDestroy(tag, lastSupport, lastTag) {
    if (tag.tagJsType === ValueTypes.dom) {
        const lastDom = lastTag?.dom;
        const newDom = tag.dom;
        if (lastDom !== newDom) {
            softDestroySupport(lastSupport);
        }
        return;
    }
    if (lastTag) {
        const lastStrings = lastTag.strings;
        if (lastStrings) {
            const oldLength = lastStrings?.length;
            const newLength = tag.strings.length;
            if (oldLength !== newLength) {
                softDestroySupport(lastSupport);
            }
        }
    }
}
//# sourceMappingURL=renderWithSupport.function.js.map