wotsui-vue-directives

Version:

Vue Directives for WotsUI

github.com/iamthewots/wotsui-vue-directives

33 lines (32 loc) • 1.08 kB

JavaScript

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.setIntersectionClasses = exports.intersectionSettings = void 0;
exports.intersectionSettings = {
    treshold: 0.1,
    invisibleAtStart: true,
    beforeIntersectionClass: '',
    afterIntersectionClass: '',
};
function setIntersectionClasses(el, settings, isIntersecting) {
    const { beforeIntersectionClass, afterIntersectionClass, invisibleAtStart } = settings;
    if (isIntersecting) {
        if (beforeIntersectionClass) {
            el.classList.remove(beforeIntersectionClass);
        }
        if (afterIntersectionClass) {
            el.classList.add(afterIntersectionClass);
        }
        if (invisibleAtStart) {
            el.style.visibility = 'visible';
        }
    }
    else {
        if (beforeIntersectionClass) {
            el.classList.add(beforeIntersectionClass);
        }
        if (invisibleAtStart) {
            el.style.visibility = 'hidden';
        }
    }
}
exports.setIntersectionClasses = setIntersectionClasses;