jc-timeline/lib/utils/syncroScroll.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
function syncronizeElementsScrolling(elements, direction = "vh") {
    let activeScroller = null;
    const bSyncroV = direction.indexOf("v") > -1;
    const bSyncroH = direction.indexOf("h") > -1;
    const setActive = function (e) {
        activeScroller = e.target;
    };
    const applyListener = function (element) {
        element.addEventListener("mouseenter", setActive);
        element.addEventListener("mousedown", () => {
            elements.forEach((e) => e.removeEventListener("mouseenter", setActive));
            window.addEventListener("mouseup", () => elements.forEach((e) => e.addEventListener("mouseenter", setActive)));
        });
        element.addEventListener("scroll", function (e) {
            if (e.target !== activeScroller)
                return;
            elements.forEach(function (element) {
                if (activeScroller === element || activeScroller === null)
                    return;
                if (bSyncroV)
                    element.scrollTop = activeScroller.scrollTop;
                if (bSyncroH)
                    element.scrollLeft = activeScroller.scrollLeft;
            });
        });
    };
    elements.forEach(applyListener);
}
exports.default = syncronizeElementsScrolling;
//# sourceMappingURL=syncroScroll.js.map