secst/src/tags/header.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 header = {
    contentAllowed:{...textContent,p},
    mounted(el) {
        let root = el.parentNode;
        while(root.parentNode) {
            root = root.parentNode;
        }
        const header = root.getElementById("secst-header");
        while(header.lastChild) header.lastChild.remove();
        while(el.firstChild) header.appendChild(el.firstChild);
        el.remove();
    }
}

export {header,header as default}