export default class ClickToOpen {
    constructor() {
        this.figBtns = document.querySelectorAll(".hover-figcaption-btn");
    }

    init() {
        if (this.figBtns.length > 0) {
            this.ClickHandler();
        }
    }

    ClickHandler() {
        const _this = this;
        Array.prototype.forEach.call(_this.figBtns, function (el, i) {
            let currentFigBtn = _this.figBtns[i];

            //toggle open/close
            currentFigBtn.addEventListener("click", function (event) {
                currentFigBtn.parentElement.classList.toggle("fig-is-open");

                var isClickInside = currentFigBtn.contains(event.target);

                if (!isClickInside) {
                    console.log('outside');
                    //the click was outside the specifiedElement, do something
                }
            });

            //close on click outside
        });
    }
}