secst/src/tags/footer.js

SECST is a semantic, extensible, computational, styleable tagged markup language. You can use it to joyfully create compelling, interactive documents backed by HTML.

import p from "./p.js";
import textContent from "./text-content.js";

const footer = {
    contentAllowed:{...textContent,p},
    mounted(el) {
        let root = el.parentNode;
        while(root.parentNode) {
            root = root.parentNode;
        }
        const footer = root.getElementById("secst-footer");
        while(footer.lastChild) footer.lastChild.remove();
        while(el.firstChild) footer.appendChild(el.firstChild);
        el.remove();
    }
}

export {footer,footer as default}