Toggler JS Component. Fire CSS classes

Toggler.js

const Toggler = (() => {

    "use strict";

    //
    //  CONSTANTS
    //

    const TOGGLER_ATTR = '[data-toggler]';
    const TOGGLER_ATTR_TARGET = 'data-toggler-target';
    const TOGGLER_ATTR_CLASS = 'data-toggler-class';

    //
    //  GLOBALS
    //

    let togglers = [];

    //
    //  METHODS
    //

    function init() {
        cacheDomElements();
        bindEvents();
    }

    function cacheDomElements() {
        togglers = document.querySelectorAll(TOGGLER_ATTR);
    }

    function bindEvents() {
        if (togglers.length) {
            Array.prototype.forEach.call(togglers, addSingleEvent);
        }
    }

    function addSingleEvent(element) {
        let target = document.querySelector(element.getAttribute(TOGGLER_ATTR_TARGET));
        let cssClass = element.getAttribute(TOGGLER_ATTR_CLASS);

        element.addEventListener('click', (e) => {
            e.preventDefault();
            toggleClass(target, cssClass);
        });
    }

    function toggleClass(target, cssClass) {
        target.classList.toggle(cssClass);
    }

    //
    //  AUTO INIT
    //

    init();

    //
    //  PUBLIC API
    //

    var Toggler = {
        toggleClass: toggleClass,
        init: init
    };
    return Toggler;

})();

export default Toggler;