@onenexus/squery/src/api/setComponent.js

Interact with Synergy modules/BEM DOM elements

import getNamespace from '../utilities/getNamespace';

export default function setComponent(node, componentName, namespace, replace, config) {
    config = Object.assign(this || {}, config || {});

    if (node instanceof NodeList || node instanceof Array) {
        return node.forEach(node => setComponent(node, componentName, namespace, replace, config));
    }

    if (!namespace && !replace) {
        replace = config.namespace || getNamespace(node, false, config);
    }

    namespace = namespace || config.namespace || getNamespace(node, false, config);

    node.classList.add(namespace + config.componentGlue + componentName);
    node.setAttribute('data-component', componentName);

    replace && node.classList.remove(replace);
}