module.exports = (options) => {

    const {menuList} = options;
    let {shift, nav, navButton} = options

    if (nav === undefined) {
        nav = $('#p3x-gitlist-navigation')
    }

    if (navButton === undefined) {
        navButton = $('#p3x-gitlist-navigation-menu-button');
    }

    if (shift === undefined) {
        shift = 0;
    }

    const debounce = require('lodash/debounce')

    const debounceResize = debounce(() => {
        if (navButton.is(':visible') && options.alwaysCalculate !== true) {
            menuList.css({
                'maxHeight': 'auto',
                'overflowX': 'visible',
            });

        } else {
            const allowedMaxHeight = window.innerHeight - nav.height() - 20 - shift;

            menuList.css({
                'maxHeight': allowedMaxHeight,
                'overflowX': 'auto'
            });
        }
    }, 250);
    window.addEventListener('resize', debounceResize);
    debounceResize();
    return debounceResize;
}