taggedjs/js/interpolations/interpolateElement.js

tagged template reactive html

import { interpolateAttributes } from './interpolateAttributes.js';
import { interpolateContentTemplates } from './interpolateContentTemplates.js';
/** Review elements within an element */
export function interpolateElement(fragment, template, // element containing innerHTML to review interpolations
context, // variables used to evaluate
interpolatedTemplates, ownerSupport, options) {
    const tagComponents = [];
    const result = interpolatedTemplates.interpolation;
    // const template = container.children[0] as HTMLTemplateElement
    const children = template.content.children;
    if (result.keys.length) {
        const nextTagComponents = interpolateContentTemplates(context, ownerSupport, options, children, fragment);
        tagComponents.push(...nextTagComponents);
    }
    interpolateAttributes(template, context, ownerSupport);
    processChildrenAttributes(children, context, ownerSupport);
    return tagComponents;
}
function processChildrenAttributes(children, context, ownerSupport) {
    for (let index = children.length - 1; index >= 0; --index) {
        const child = children[index];
        interpolateAttributes(child, context, ownerSupport);
        if (child.children) {
            processChildrenAttributes(child.children, context, ownerSupport);
        }
    }
}
//# sourceMappingURL=interpolateElement.js.map