@sebgroup/frontend-tools/toggleBodyOverflow/toggleBodyOverflow.js

A set of frontend tools

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

/**
 * Inserts a class into the body tag to disable overflow to avoid background scrolling
 * @example This can be used with a modal component
 * @param {boolean} toggle The value of the modal toggle
 * @note It inserts the class `overflow-hidden` which is a **bootstrap** class.
 * If you are not using bootstrap, please make sure that the class is defined with `overflow: hidden;`
 */
function toggleBodyOverflow(toggle) {
    const className = "overflow-hidden";
    const body = document
        .getElementsByTagName("body")
        .item(0);
    if (toggle !== undefined) {
        if (toggle && !body.classList.contains(className)) {
            body.classList.add(className);
        }
        else if (!toggle && body.classList.contains(className)) {
            body.classList.remove(className);
        }
    }
    else {
        console.warn("updateHTMLBodyWhenModalToggles called with invalid toggle");
    }
}

exports.toggleBodyOverflow = toggleBodyOverflow;
//# sourceMappingURL=toggleBodyOverflow.js.map