Function createElement

docs/app/js/sanddance-app.js:6648–6675

(tag, attrs, ...children)

    return str.replace(/([a-z\d])([A-Z])/g, "$1" + separator + "$2").replace(/([A-Z]+)([A-Z][a-z\d]+)/g, "$1" + separator + "$2").toLowerCase();
}
function createElement(tag, attrs, ...children) {
    if (typeof tag === "function") {
        const fn = tag;
        const props = attrs;
        props.children = children;
        return fn(props);
    } else {
        const ns = tagNamespace(tag);
        const el = ns ? document.createElementNS(ns, tag) : document.createElement(tag);
        const map = attrs;
        let ref;
        for(let name in map)if (name && map.hasOwnProperty(name)) {
            let value = map[name];
            if (name === "className" && value !== void 0) setAttribute(el, ns, "class", value.toString());
            else if (name === "disabled" && !value) ;
            else if (value === null || value === undefined) continue;
            else if (value === true) setAttribute(el, ns, name, name);
            else if (typeof value === "function") {
                if (name === "ref") ref = value;
                else el[name.toLowerCase()] = value;
            } else if (typeof value === "object") setAttribute(el, ns, name, flatten(value));
            else setAttribute(el, ns, name, value.toString());
        }
        if (children && children.length > 0) appendChildren(el, children);
        if (ref) ref(el);
        return el;
    }
}
function setAttribute(el, ns, name, value) {
    if (ns) el.setAttributeNS(null, name, value);
    else el.setAttribute(name, value);