Inpage Nav: Default

(function () {

    'use strict';

    $(window).on('load', function (e) {
        e.preventDefault();

        function scroll_delay() {
            if (window.location.hash) {
                if ($('.inpage-nav').css('display') == 'block') {
                    $('html,body').animate({
                        scrollTop: $(window.location.hash).offset().top - 80,
                    });
                } else {
                    $('html,body').animate({
                        scrollTop: $(window.location.hash).offset().top - 250,
                    });
                }
            }
        }
        window.setTimeout(scroll_delay, 1000);
    });

    // Calc the inpage-nav height and add it, to fix fixed scroll nav
    $(window).on('load resize', function () {
        if ($(window).width() > 1023) {
            const inpageHeight = $('.calc-nav-height').height();
            $('.calc-nav-height').css('minHeight', inpageHeight);
        } else {
            $('.calc-nav-height').css('minHeight', 'auto');
        }

        const inpageNavHeight = $('.inpage-nav').height();
        if (inpageNavHeight <= 580) {
            const sticky = new Sticky('.inpage-nav', {
                marginTop: 90,
                stickyFor: 1024,
            });
        }
    });

    // Animate anchor links
    $('.inpage-nav a[href^="#anch-"]').on('click', function (e) {
        e.preventDefault();

        const $target = $($(this).attr('href'));

        if ($target.length == 0) {
            return;
        }

        var curScrollPos = $(document).scrollTop();
        let newScrollPos = $target.offset().top - 20;

        const $tabnav = $('.tab-nav');
        if ($tabnav.length > 0) {
            newScrollPos -= $tabnav.height();
        }

        if (newScrollPos <= curScrollPos) {
            // Substract sticky menu height if scrolling up

            const $mainNav = $('.nav-desktop-wrapper');
            if ($mainNav.length > 0) {
                newScrollPos -= $mainNav.height();
            }

            newScrollPos = Math.max(newScrollPos, 0);
        }

        $('html, body').animate({ scrollTop: newScrollPos });
        let hash = this.hash;
        history.pushState(null, null, hash);
    });

    if ($('.inpage-nav')[0]) {
        const sidebarSpy = new Gumshoe('.inpage-nav a[href^="#"]', {
            reflow: true,
            offset: function () {
                return document.querySelector('.inpage-nav').offsetTop + 20;
            },
        });
    }

    $(`.dropdown-nav a[href^="#"]`).on('click', function (e) {
        e.preventDefault();

        var targetHref = $(this).attr('href');

        if ($('.dropdown-nav').css('position') == 'relative') {
            $('html, body').animate({
                scrollTop: $(targetHref).offset().top - 430,
            });
        } else {
            if (targetHref === '#') {
                $('html, body').animate({ scrollTop: 0 });
            } else {
                $('html, body').animate({
                    scrollTop: $(targetHref).offset().top - 100,
                });
            }
        }

        $('details').removeAttr('open');

        let hash = this.hash;
        history.pushState(null, null, hash);
    });

    var height = $(window).height();
    if ($(window).width() >= 1024) {
        if (height <= 575) {
            var stickyDrop = new Sticky('.dropdown-nav', {
                marginTop: 90,
            });
        }
    } else {
        var stickyDrop = new Sticky('.dropdown-nav', {
            marginTop: 16,
        });
    }

    $(window).resize(function () {
        var height = $(window).height();
        if ($(window).width() >= 1024) {
            if (height <= 575) {
                var stickyDrop = new Sticky('.dropdown-nav', {
                    marginTop: 90,
                });
            }
        } else {
            var stickyDrop = new Sticky('.dropdown-nav', {
                marginTop: 16,
            });
        }
    });
})();