{"version":3,"names":[],"mappings":"","sources":["main.js"],"sourcesContent":["var requestObject = null;\r\nvar lastCheckedSearch = null;\r\nvar queryChangeInterval = null;\r\nvar globalSearchInput = null;\r\nvar resourceLandingSearchInput = null;\r\n\r\n$(document).ready(function () {\r\n\r\n    globalSearchInput = $('#resultsSearch');\r\n    resourceLandingSearchInput = $('#resourceSearch');\r\n\r\n    $('.main-nav').multilevelNav({\r\n        'hoverIntent': true,\r\n        'hoverIntentTimeout': 300,\r\n        'topLevelWholeLinkToggler': true,\r\n        'toggleOnClickOnly': true,\r\n        'menuCloseOnInPageAnchorClick': true,\r\n        'keepMenuOpenOnFocusOut': false,\r\n        // 'keepMenuOpenOnFocusOut': true,\r\n    });\r\n\r\n    // Speedbump\r\n    $(function () {\r\n\r\n        // Initialize speedbump\r\n        $.fn.speedBumpModal({\r\n            'speedBumpTitle': 'You\\'re now leaving SELCO\\'s site.',\r\n            'speedBumpSummary': 'Thanks for visiting. Please note, SELCO isn\\'t responsible for the overall content or any info you may share on the following site.',\r\n            'speedBumpContinueLink': 'Continue to Site',\r\n            'speedBumpCancelLink': 'Go Back',\r\n            'speedBumpHeadingTag': '<h2 class=\"h4\">',\r\n            // 'speedBumpCloseIconClass': 'btn-close',\r\n            'speedBumpIgnoreArray': safeListArray,\r\n        });\r\n    });\r\n\r\n    // headroom\r\n    const header = document.querySelector(\"header\");\r\n\r\n    const headroom = new Headroom(header, {\r\n        offset: 100,\r\n        tolerance: 10,\r\n        onUnpin: function () {\r\n            $('#searchCollapse').collapse('hide');\r\n            // $('#loginCollapse').collapse('hide');\r\n            if ($(window).width() > 992) {\r\n                $('#loginCollapse').collapse('hide');\r\n            }\r\n        },\r\n    });\r\n    headroom.init();\r\n\r\n    $('.glossary__alpha-nav-prev').on('click', moveGlossaryFilterRight);\r\n    $('.glossary__alpha-nav-next').on('click', moveGlossaryFilterLeft);\r\n    $('.glossary__alpha-nav-list-wrap').on('scroll', checkGlossaryFilterArrows);\r\n\r\n\r\n    $('.eduction-filter').on('click', function(){\r\n\r\n        var $activeFilter = $(this);\r\n        var $listingRoot = $('#education-article-results-wrap');\r\n        \r\n        $.ajax({\r\n            url: $('#educationCategoryDropdown').data('url'),\r\n            contentType: \"application/html; charset=utf-8\",\r\n            type: \"GET\",\r\n            data: { cat: $activeFilter.data('value'), ajax: \"true\" },\r\n            dataType: \"html\",\r\n            cache: false,\r\n            success: function (results, status) {\r\n                var $content = $(results);\r\n                $listingRoot.html($content);\r\n            }\r\n        });\r\n    });\r\n\r\n    $('.event-filter').on('click', function(){\r\n        var $activeFilter = $(this);\r\n        var $listingRoot = $('#event-listing-results-wrap');\r\n        \r\n        $.ajax({\r\n            url: $('#eventsCategoryDropdown').data('url'),\r\n            contentType: \"application/html; charset=utf-8\",\r\n            type: \"GET\",\r\n            data: { cat: $activeFilter.data('value'), ajax: \"true\" },\r\n            dataType: \"html\",\r\n            cache: false,\r\n            success: function (results, status) {\r\n                var $content = $(results);\r\n                $listingRoot.html($content);\r\n            }\r\n        });\r\n    });\r\n\r\n    $('.region-filter').on('click', function(){\r\n        var $activeFilter = $(this);\r\n        \r\n        if($activeFilter.data('value') == '0'){\r\n            $(this).closest(\".bio-grid-block\").find('.bio-grid-item').each(function(){\r\n                    $(this).show();\r\n           });\r\n        }\r\n       else{\r\n        $(this).closest(\".bio-grid-block\").find('.bio-grid-item').each(function(){\r\n            var regions = $(this).data('regions');\r\n\r\n            if(regions.includes($activeFilter.data('value'))){\r\n                $(this).show();\r\n            }\r\n            else{\r\n                $(this).hide();\r\n            }\r\n       });\r\n       }\r\n    });\r\n\r\n    $('#chat-form').on('submit', function(e){\r\n     \r\n        e.preventDefault();\r\n        var accountValid = false;\r\n        var userValid = false;\r\n        var reg = new RegExp('^[0-9]+$');\r\n\r\n        var chat_user = $(\"#FullName\").val();\r\n\r\n        var chat_workgroup = $(\"#ChatQueue\").val();\r\n\r\n        \r\n        var chat_acctnum = $(\"#AccountNumber\").val();\r\n\r\n        var window_url = 'https://chat.selco.org/WebChat/Start.html?' // default value to be over-written below\r\n\r\n\r\n        window_url = window_url + \"chatUsername=\" + chat_user + \"&\";\r\n\r\n        window_url = window_url + \"interactionType=Chat&\";\r\n\r\n        window_url = window_url + \"target=\" + chat_workgroup + \"&\";\r\n\r\n        window_url = window_url + \"targetType=Workgroup\" + \"&\";\r\n\r\n        window_url = window_url + \"chatAcctNum=\" + chat_acctnum; //+ \"&\";\r\n\r\n        if($(\"#AccountNumber\").val() && !reg.test($(\"#AccountNumber\").val()))\r\n        {\r\n            accountValid = false;\r\n            $('#account_feedback').text(\"Please only use numbers.\");\r\n            $('#account_feedback').show();\r\n        }\r\n        else{\r\n            $('#account_feedback').hide();\r\n            accountValid = true;\r\n        }\r\n\r\n        if(!$(\"#FullName\").val())\r\n        {\r\n            userValid = false;\r\n            $('#name_feedback').text(\"Please enter a name.\");\r\n            $('#name_feedback').show();\r\n        }\r\n        else{\r\n            $('#name_feedback').hide();\r\n            userValid = true;\r\n        }\r\n\r\n        if(userValid && accountValid){\r\n            window.open(window_url,\"Selco Chat\",\"width=700, height= 600\");\r\n        }\r\n        \r\n    });\r\n\r\n    globalSearchInput.keyup(function () {\r\n\r\n        clearInterval(queryChangeInterval);\r\n\r\n        queryChangeInterval = setInterval(function () {\r\n            clearInterval(queryChangeInterval);\r\n            var currentSearch = globalSearchInput.val();\r\n            if (currentSearch === lastCheckedSearch)\r\n                return;\r\n\r\n                console.log(currentSearch);\r\n            lastCheckedSearch = currentSearch;\r\n            if (requestObject != null) {\r\n                requestObject.abort();\r\n            }\r\n\r\n            if (currentSearch.length < 4) {\r\n                // Hide suggestion section\r\n                $('#searchSuggestionActive').removeClass('active');\r\n                return;\r\n            }\r\n\r\n            requestObject = $.ajax({\r\n                url: '/find_v2/_autocomplete',\r\n                method: 'GET',\r\n                dataType: 'HTML',\r\n                data: { prefix: currentSearch }\r\n            }).done(function (data) {\r\n                $('#search-suggestion-wrap').html(\"\");\r\n                var results = JSON.parse(data);\r\n                $.map(results.hits, function (item)\r\n                    {\r\n                        $('#search-suggestion-wrap').append(\r\n                        '<li class=\"search-suggestions__item\">' +\r\n                        '<a href=\"' + $('#search-input-form').data('suggest-url') + '?q=' + item.query + '\">' + item.query + '</a>' +\r\n                        '</li>'\r\n                        )\r\n                    });\r\n\r\n                    if(results.hits.length !== 0){\r\n                        console.log(\"hit\");\r\n                        console.log(results.hits.length);\r\n                        $('#searchSuggestionActive').addClass('active');\r\n                     }\r\n                     else{\r\n                        $('#searchSuggestionActive').removeClass('active');\r\n                     }\r\n\r\n            });\r\n\r\n        }, 200);\r\n    });\r\n\r\n    resourceLandingSearchInput.keyup(function () {\r\n\r\n        clearInterval(queryChangeInterval);\r\n\r\n        queryChangeInterval = setInterval(function () {\r\n            clearInterval(queryChangeInterval);\r\n            var currentSearch = resourceLandingSearchInput.val();\r\n            if (currentSearch === lastCheckedSearch)\r\n                return;\r\n\r\n            lastCheckedSearch = currentSearch;\r\n            if (requestObject != null) {\r\n                requestObject.abort();\r\n            }\r\n\r\n            if (currentSearch.length < 4) {\r\n                // Hide suggestion section\r\n                $('#searchSuggestionActive').removeClass('active');\r\n                return;\r\n            }\r\n\r\n            requestObject = $.ajax({\r\n                url: '/find_v2/_autocomplete',\r\n                method: 'GET',\r\n                dataType: 'HTML',\r\n                data: { prefix: currentSearch }\r\n            }).done(function (data) {\r\n                $('#search-suggestion-wrap').html(\"\");\r\n                var results = JSON.parse(data);\r\n                $.map(results.hits, function (item)\r\n                    {\r\n                        $('#search-suggestion-wrap').append(\r\n                        '<li class=\"search-suggestions__item\">' +\r\n                        '<a href=\"' + $('#resourceLandingForm').data('suggest-url') + '?q=' + item.query + '\">' + item.query + '</a>' +\r\n                        '</li>'\r\n                        )\r\n\r\n                        if(!$('#searchSuggestionActive').hasClass(\"active\"))\r\n                        {\r\n                            $('#searchSuggestionActive').addClass('active');\r\n                        }\r\n                    });\r\n\r\n                    if(results.hits.length === 0){\r\n                        $('#searchSuggestionActive').removeClass('active');\r\n                     }\r\n\r\n            });\r\n\r\n        }, 200);\r\n    });\r\n\r\n    // close mega menu when search is clicked\r\n    $('#searchToggle').on('click', function () {\r\n        if ($(window).width() > 992) {\r\n            $('.mln__toggle-link[aria-expanded=\"true\"]').trigger('click'); //close mega menus if open\r\n            $('#headerSearchInput').focus();\r\n        }\r\n    });\r\n\r\n    // close login collapse if clicking outside it\r\n    $(document).mouseup(function (e) {\r\n        if (!$(e.target).is('.login-menu__collapse, .login-menu__collapse *')) {\r\n            $(\"#loginCollapse\").collapse('hide');\r\n        }\r\n    });\r\n\r\n    // close search collapse if clicking outside it\r\n    $(document).mouseup(function (e) {\r\n        if (!$(e.target).is('.desktop-search__collapse, .desktop-search__collapse *')) {\r\n            $(\"#searchCollapse\").collapse('hide');\r\n        }\r\n    });\r\n\r\n\r\n\r\n    // single click card\r\n    $(function () {\r\n\r\n        // Clickable CTAs\r\n        $('.single-click').each(function () {\r\n            var $this = $(this),\r\n                imgLink = $this.find('a img'),\r\n                down,\r\n                up,\r\n                link = ($this.find('a').length === 1) ? $this.find('a') : $this.find('.clickable__hyperlink'),\r\n                middleClick,\r\n                auxClick;\r\n\r\n            if (imgLink.length) {\r\n                imgLink.unwrap();\r\n            }\r\n\r\n            if (!link.length) {\r\n                $this.removeClass('clickable');\r\n            }\r\n\r\n            $this.on('mousedown', function (e) {\r\n                down = + new Date();\r\n                middleClick = (e.which === 2) ? true : false;\r\n                auxClick = (e.which === 3) ? true : false;\r\n            }).on('mouseup', function () {\r\n                up = +new Date();\r\n\r\n                if ((up - down) < 200 && auxClick === false) {\r\n                    link[0].click();\r\n                }\r\n            });\r\n        });\r\n    });\r\n\r\n    $('.filter-dropdown').each(function (key, dropdown) {\r\n        var $dropdown = $(dropdown);\r\n        $dropdown.find('.dropdown-toggle').text($dropdown.find('.active').text());\r\n\r\n        $dropdown.find('.dropdown-menu button').on('click', function () {\r\n            $dropdown.find('.active').removeClass('active');\r\n            $(this).addClass('active');\r\n            $dropdown.find('.dropdown-toggle').text($(this).text());\r\n        });\r\n    });\r\n\r\n    // Glossary A-Z nav\r\n    var scrollPosition;\r\n\r\n    function moveGlossaryFilterRight() {\r\n        $('.glossary__alpha-nav-next').removeClass('disabled');\r\n        var alphaContainerWidth = $('.glossary__alpha-nav-list-wrap').width();\r\n        var alphaWidth = $('.glossary__alpha-nav-list-wrap ol').width();\r\n        var alphaRatio = alphaWidth / alphaContainerWidth;\r\n        if (alphaRatio < 2) {\r\n            scrollPosition = 0;\r\n        } else {\r\n            scrollPosition = $('.glossary__alpha-nav-list-wrap')[0].scrollLeft - alphaContainerWidth + 40;\r\n            if (scrollPosition < 0) {\r\n                scrollPosition = 0;\r\n            }\r\n        }\r\n\r\n        if (scrollPosition === 0) {\r\n            $('.glossary__alpha-nav-prev').addClass('disabled');\r\n        }\r\n\r\n        $('.glossary__alpha-nav-list-wrap').animate({ scrollLeft: scrollPosition }, 500);\r\n    }\r\n\r\n    function moveGlossaryFilterLeft() {\r\n        $('.glossary__alpha-nav-prev').removeClass('disabled');\r\n        var alphaContainerWidth = $('.glossary__alpha-nav-list-wrap').width();\r\n        var alphaWidth = $('.glossary__alpha-nav-list-wrap ol').width();\r\n        var alphaRatio = alphaWidth / alphaContainerWidth;\r\n        var maxScroll = (alphaWidth - alphaContainerWidth);\r\n\r\n        if (alphaRatio < 2) {\r\n            scrollPosition = maxScroll;\r\n        } else {\r\n            scrollPosition = alphaContainerWidth + $('.glossary__alpha-nav-list-wrap')[0].scrollLeft - 40;\r\n            if (maxScroll < scrollPosition) {\r\n                scrollPosition = maxScroll;\r\n            }\r\n        }\r\n\r\n        if (scrollPosition === maxScroll) {\r\n            $('.glossary__alpha-nav-next').addClass('disabled');\r\n        }\r\n\r\n        $('.glossary__alpha-nav-list-wrap').animate({ scrollLeft: scrollPosition }, 500);\r\n    }\r\n\r\n    function checkGlossaryFilterArrows() {\r\n        var alphaScrollLeft = $('.glossary__alpha-nav-list-wrap')[0].scrollLeft;\r\n\r\n        if (alphaScrollLeft === 0) {\r\n            $('.glossary__alpha-nav-prev').addClass('disabled');\r\n        } else {\r\n            $('.glossary__alpha-nav-prev').removeClass('disabled');\r\n        }\r\n\r\n        var alphaNavContainerLeft = Math.round($('.glossary__alpha-nav-list-wrap').offset().left + $('.glossary__alpha-nav-list-wrap').width());\r\n        var alphaNavContainer = Math.round($('.glossary__alpha-nav-list-wrap ol').offset().left + $('.glossary__alpha-nav-list-wrap ol').width());\r\n\r\n        console.log(alphaNavContainerLeft);\r\n        console.log(alphaNavContainer);\r\n\r\n        if (alphaNavContainerLeft === alphaNavContainer) {\r\n            $('.glossary__alpha-nav-next').addClass('disabled');\r\n        } else {\r\n            $('.glossary__alpha-nav-next').removeClass('disabled');\r\n        }\r\n    }\r\n\r\n    // Location Search Page ATM Toggle Switch\r\n    $(\"#atmToggle\").on(\"click\", function () {\r\n        if ($(this).attr('aria-checked') === 'false') {\r\n            $(this).attr('aria-checked', 'true');\r\n        } else {\r\n            $(this).attr('aria-checked', 'false');\r\n        }\r\n    });\r\n\r\n    var newDate = new Date();\r\n    var currentDay = newDate.getDay();\r\n\r\n    currentDay = currentDay > 0 ? currentDay - 1 : 6; // zero is sunday, not monday in javascript\r\n\r\n    $('.lobby-hours-item-js').eq(currentDay).addClass('current-day');\r\n    $('.drive-up-hours-item-js').eq(currentDay).addClass('current-day');\r\n\r\n    \r\n    // Hide search suggestions if clicking outside\r\n    $(document).ready(function () {\r\n    \twindow.addEventListener('click', function (event) {\r\n    \t\tif (!elementOrAncestorHasClass(event.target, 'search-results__search-wrap')) {\r\n    \t\t\t\t$('.search-suggestions').addClass('d-none');\r\n    \t\t}\r\n    \t});\r\n    });\r\n\r\n    // // step through search suggestions options with up/down arrow keys\r\n\r\n    // Assign data-tab-index attr on the fly\r\n    function assignDataIndex(el) {\r\n        $(el).find('a').each(function (index) {\r\n            $(this)\r\n                .removeAttr('data-tab-index')\r\n                .attr('data-tab-index', index);\r\n        });\r\n    }\r\n\r\n    $('.search-results__bar').each(function () {\r\n        var $globalSearch = $(this);\r\n        var searchPageInput = $('#resultsSearch');\r\n        // Give search input the lowest value\r\n        searchPageInput.attr('data-tab-index', '-1');\r\n        // Dynamically change the data tab index value as the user types\r\n        $('#resultsSearch').on('keydown', function (e) {\r\n            assignDataIndex($globalSearch);\r\n        });\r\n        // Make arrow up/down keys tab through the entries\r\n        $globalSearch.on('keydown', function (e) {\r\n            var $this = $(this);\r\n            var keyPressed = e.which;\r\n            var currentFocusData = $(':focus').data('tab-index');\r\n            // Down arrow\r\n            if (keyPressed === 40) {\r\n                e.preventDefault();\r\n                $this\r\n                    .find($('[data-tab-index=' + (currentFocusData + 1) + ']'))\r\n                    .focus();\r\n            }\r\n            // Up arrow\r\n            if (keyPressed === 38) {\r\n                e.preventDefault();\r\n                $this\r\n                    .find($('[data-tab-index=' + (currentFocusData - 1) + ']'))\r\n                    .focus();\r\n            }\r\n        });\r\n    });\r\n\r\n    function elementOrAncestorHasClass(element, className) {\r\n        if (!element || element.length == 0) {\r\n            return false;\r\n        }\r\n        var parent = element;\r\n        do {\r\n            if (parent === document) {\r\n                break;\r\n            }\r\n            if (parent.className.toString().indexOf(className) >= 0) {\r\n                return true;\r\n            }\r\n        } while (parent = parent.parentNode);\r\n        return false;\r\n    }\r\n\r\n    // Cache compare table element\r\n    var compareTable = $('.product-comparison-block__table--mobile-wrap');\r\n\r\n    // Setup compare table(s). Can have multiple on a page\r\n    compareTable.each(function () {\r\n        var $thisCompareTable = $(this);\r\n\r\n        // Inital cell count var\r\n        var cellColumnCount = null;\r\n\r\n        // Add some unique identifiers to the table cells associated with the column they are in\r\n        $thisCompareTable.find('tr').each(function (index) {\r\n            var $tableRow = $(this);\r\n\r\n            // Add class to fixed column cells\r\n            $tableRow\r\n                .find(' > *')\r\n                .first()\r\n                .addClass('cell-fixed');\r\n\r\n            // Add data index to all of the cells\r\n            $tableRow\r\n                .find(' > *')\r\n                .each(function (index) {\r\n                    $(this).attr('data-cell-index', index);\r\n                });\r\n\r\n            // Add visible class to first column cells\r\n            $tableRow\r\n                .find('[data-cell-index=\"1\"]')\r\n                .addClass('cell-visible');\r\n\r\n            // Define cell count var\r\n            cellColumnCount = $tableRow.find(' > *').length;\r\n        });\r\n\r\n        var chevronSVG = $(`\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"/></svg>\r\n        `)\r\n\r\n        // Build navigation to populate later\r\n        $('<div>')\r\n            .addClass('compare-table__nav')\r\n            .append('<ul class=\"compare-table__nav-list\">')\r\n            .prepend('<button class=\"compare-table__prev\" type=\"button\" aria-label=\"previous\"></button>')\r\n            .append('<button class=\"compare-table__next\" type=\"button\" aria-label=\"next\">')\r\n            .appendTo($thisCompareTable);\r\n\r\n        $thisCompareTable\r\n            .find('.compare-table__prev, .compare-table__next')\r\n            .append(chevronSVG.clone())\r\n\r\n        // Cache nav\r\n        var tableNav = $thisCompareTable.find('.compare-table__nav');\r\n\r\n        // Add navigation item to table nav\r\n        $thisCompareTable\r\n            .find('tr')\r\n            .first()\r\n            .find(' > *')\r\n            .each(function (index) {\r\n                $('<li><button type=\"button\" data-nav-associated-column=\"' + (index + 1) + '\"><span class=\"visually-hidden\">View column ' + (index + 2) + '</span></button></li>')\r\n                    .appendTo(tableNav.find('ul'));\r\n            });\r\n\r\n\r\n        $thisCompareTable.each(() => {\r\n            var $table = $(this);\r\n\r\n            $table\r\n                .find('.compare-table__prev, .compare-table__next')\r\n                .on('click',(e) => {\r\n\r\n                if( $(e.target).is('.compare-table__next') ){\r\n                    $table.find('[data-nav-associated-column].active')\r\n                        .parent()\r\n                        .next()\r\n                        .find('button')\r\n                        .trigger('click')\r\n                }\r\n                if( $(e.target).is('.compare-table__prev') ){\r\n                    $table.find('[data-nav-associated-column].active')\r\n                        .parent()\r\n                        .prev()\r\n                        .find('button')\r\n                        .trigger('click')\r\n                }\r\n    \r\n                    // $('.compare-table__nav-list').animate({scrollLeft:  $('[data-nav-associated-column].active').position().left}, 500);\r\n                    $table[0].querySelector('[data-nav-associated-column].active').scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\r\n            })\r\n            \r\n        })\r\n\r\n\r\n\r\n       \r\n\r\n        // Remove first nav item since that column is static\r\n        tableNav\r\n            .find('li')\r\n            .last()\r\n            .remove();\r\n\r\n        // Add active class to first nav item\r\n        tableNav\r\n            .find('li')\r\n            .first()\r\n            .find('button')\r\n            .addClass('active');\r\n\r\n        // Show/hide correct rows when nav item is clicked\r\n        $thisCompareTable.find('[data-nav-associated-column]').on('click', function () {\r\n            var currentNavIndex = $(this).data('nav-associated-column');\r\n\r\n            tableNav\r\n                .find('.active')\r\n                .removeClass('active');\r\n\r\n            $(this).addClass('active');\r\n\r\n            $thisCompareTable\r\n                .find('.cell-visible')\r\n                .removeClass('cell-visible')\r\n                .end()\r\n                .find('[data-cell-index=\"' + currentNavIndex + '\"]')\r\n                .addClass('cell-visible');\r\n        });\r\n    });\r\n\r\n    // Hide alert bar until the next session\r\n    $('.alert-bar').each(function () {\r\n        var $alert = $(this);\r\n        var alertID = $alert.attr('id');\r\n\r\n        $alert.on('hidden.bs.collapse', function () {\r\n            sessionStorage.setItem('hideAlert-' + alertID + '', 'true');\r\n        });\r\n\r\n        if (sessionStorage.getItem('hideAlert-' + alertID + '') !== 'true') {\r\n            $alert.addClass('show');\r\n        }\r\n    });\r\n\r\n    $('a[href*=\"open-chat\"]').click(function(e) {\r\n        e.preventDefault(); \r\n        window.postMessage({ type: \"TRIGGER_DIRECT_SECURE_CHAT\"}, '*');\r\n    });\r\n    \r\n    $('#email-us-form').submit(function(e) {\r\n        e.preventDefault();\r\n        var data = $('#email-us-form').serialize();\r\n        $.ajax({\r\n            url: '/formsubmissionapi/emailformsubmission',\r\n            type: 'post',\r\n            data: data,\r\n            success: function () {\r\n                $('#email-us-form').hide();\r\n                $('.email-us-success').show();\r\n            }\r\n        }).fail(function(){\r\n            $('.email-us-failure').show();\r\n        }).always(function(){\r\n            window.scrollTo({ top: 0, behavior: 'smooth' });\r\n        });\r\n\r\n    });\r\n\r\n    $('.email-us-radio').on(\"click\", function(){\r\n        var subjectSelect = $(this).data(\"subject\");\r\n        var subjectOptions = document.querySelectorAll('[data-regarding]');\r\n        var subjectOptionsToShow = document.querySelectorAll(`[data-regarding='${subjectSelect}']`);\r\n\r\n        subjectOptions.forEach(function (option) {\r\n            option.style.display = \"none\";\r\n        });\r\n\r\n        subjectOptionsToShow.forEach(function (option) {\r\n            option.style.display = \"block\";\r\n        });\r\n    });\r\n\r\n    $('#limit-sharing-info-form').submit(function(e) {\r\n        e.preventDefault();\r\n        var data = $('#limit-sharing-info-form').serialize();\r\n        $.ajax({\r\n            url: '/formsubmissionapi/limitsharingformsubmission',\r\n            type: 'post',\r\n            data: data,\r\n            success: function () {\r\n                $('#limit-sharing-info-form').hide();\r\n                $('.limit-sharing-info-success').show();\r\n            }\r\n        }).fail(function(){\r\n            $('.limit-sharing-info-failure').show();            \r\n        }).always(function(){\r\n            window.scrollTo({ top: 0, behavior: 'smooth' });\r\n        });\r\n    });\r\n});\r\n\r\n// ****************************\r\n// Run On Window Resize\r\n// ****************************\r\n\r\n// Set viewport function\r\nfunction viewport() {\r\n    var view = window;\r\n    var viewString = 'inner';\r\n\r\n    if (!('innerWidth' in window)) {\r\n        viewString = 'client';\r\n        view = document.documentElement || document.body;\r\n    }\r\n\r\n    return {\r\n        width: view[viewString + 'Width'],\r\n        height: view[viewString + 'Height']\r\n    };\r\n}\r\n\r\n// Toggle location of utility nav in the DOM depending on screen size\r\nfunction toggleDomLocation(el, containerSm, containerLg, breakpoint) {\r\n    let $window = $(window);\r\n    $(el).each(function () {\r\n        var $this = $(this);\r\n        if (viewport().width < breakpoint) {\r\n            $this.appendTo($(containerSm));\r\n        } else {\r\n            $this.appendTo($(containerLg));\r\n        }\r\n        var windowWidth = $window.width();\r\n        $window.on('resize', function () {\r\n            var newWindowWidth = $window.width();\r\n\r\n            if (windowWidth !== newWindowWidth) {\r\n                if (viewport().width < breakpoint) {\r\n                    $this.appendTo($(containerSm));\r\n                } else {\r\n                    $this.appendTo($(containerLg));\r\n                }\r\n            }\r\n\r\n            windowWidth = newWindowWidth;\r\n        });\r\n    });\r\n}\r\n\r\n// Toggle location of login toggle in the DOM depending on screen size\r\ntoggleDomLocation('.login-menu', '.login-menu-mobile-wrap', '.login-menu-desktop-wrap', 992);\r\n\r\n// Toggle location of utility nav in the DOM depending on screen size\r\ntoggleDomLocation('.utility-nav', '.utility-nav-mobile-wrap', '.utility-nav-desktop-wrap', 992);\r\n\r\n// Toggle location of main nav search in the DOM depending on screen size\r\ntoggleDomLocation('.nav-search__form', '.search-mobile', '.search-desktop', 992);\r\n\r\n// Toggle location of footer social profile links in the DOM depending on screen size\r\ntoggleDomLocation('.social-profile-list', '.mobile-social-list-wrap', '.desktop-social-list-wrap', 992);\r\n\r\n// Toggle location of footer social profile links in the DOM depending on screen size\r\ntoggleDomLocation('.search-results__help-icons', '.help-icons-mobile-js', '.help-icons-desktop-js', 992);\r\n\r\nfunction ExecuteAjax(url, args, callback) {\r\n\t$.ajax({\r\n\t\turl: url,\r\n\t\tcontentType: \"application/html; charset=utf-8\",\r\n\t\ttype: \"GET\",\r\n\t\tdata: args,\r\n\t\tdataType: \"html\",\r\n\t\tcache: false,\r\n\t\tsuccess: function (results, status) {\r\n\t\t\tcallback(results, status);\r\n\t\t}\r\n\t});\r\n}\r\n\r\n//Product Benefit Slider block\r\n\r\n    // Force all cards to same height for vertical scroll on mobile\r\nconst mediaQueryCondition = window.matchMedia( '( max-width: 767px )' )\r\n\r\nif ( mediaQueryCondition.matches ) {\r\n    const elementsToMatch = document.querySelectorAll('.card-slider-mobile'); \r\n    matchHeight(elementsToMatch); \r\n\r\n    function matchHeight(elements) {\r\n        let maxHeight = 0;\r\n    \r\n        // Find the tallest element\r\n        elements.forEach(element => {\r\n        const elementHeight = element.offsetHeight;\r\n        if (elementHeight > maxHeight) {\r\n            maxHeight = elementHeight;\r\n        }\r\n        });\r\n    \r\n        // Set the height of all elements to the tallest height\r\n        elements.forEach(element => {\r\n        element.style.height = maxHeight + 'px';\r\n        });\r\n    }\r\n}\r\n\r\nconst productBenefitSliderEl = document.querySelectorAll('.product-benefit-slider-block');\r\n\r\nproductBenefitSliderEl.forEach(block => {\r\n        //Adds the top right card number to each card\r\n    const productBenefitCards = block.querySelectorAll('.product-benefit-slider__card');\r\n    const productBenefitCardArr = Array.from(productBenefitCards);\r\n    const productSliderList = block.querySelector('.product-slider-list');\r\n\r\n    productBenefitCardArr.forEach((card, index) => {\r\n        const newDiv = document.createElement('div');\r\n        newDiv.classList.add('product-benefit-slider__card-count');\r\n        newDiv.innerHTML = ` <p class=\"product-benefit-slider__number\"> ${index + 1}/${productBenefitCardArr.length}</p>`;\r\n        productBenefitCards[index].prepend(newDiv);\r\n\r\n        const createSliderDot = document.createElement('li');\r\n        createSliderDot.classList.add('product-slider__dot')\r\n        productSliderList.appendChild(createSliderDot);\r\n    });\r\n\r\n})\r\n\r\n\r\n// Add gradient fade on scroll\r\nconst horizontalScrollFade = (el) => {\r\n    const scrollLeft = el.scrollLeft;\r\n    const maxScrollLeft = el.scrollWidth - el.clientWidth;\r\n\r\n    if (scrollLeft > 5) {\r\n        el.classList.add('scrolled');\r\n    } else {\r\n        el.classList.remove('scrolled');\r\n    }\r\n\r\n    if (scrollLeft >= maxScrollLeft - 5) {\r\n        el.classList.add('end-scrolled');\r\n    } else {\r\n        el.classList.remove('end-scrolled');\r\n    }\r\n}\r\n\r\n\r\n\r\nconst scrollableNav = document.querySelectorAll('.product-benefit-slider__cards-wrapper');\r\nlet scheduledAnimationFrame;\r\nscrollableNav.forEach(item => {\r\n    item.addEventListener('scroll', () => {\r\n        if (!scheduledAnimationFrame) {\r\n            scheduledAnimationFrame = true;\r\n\r\n            requestAnimationFrame(() => {\r\n                scheduledAnimationFrame = false;\r\n                horizontalScrollFade(item);\r\n            });\r\n        }\r\n    });\r\n});\r\n\r\nscrollableNav.forEach(scrollItem => {\r\n    const scrollableNavContainer = scrollItem.closest('.product-benefit-slider__content-wrap');\r\n    const items = Array.from(scrollItem.querySelectorAll('.product-benefit-slider__card'));\r\n    const overflowThreshhold = 50;\r\n\r\n    // Helper function to check if an item is fully in view\r\n    const isFullyInView = (item, scrollItem) => {\r\n        const containerRect = scrollItem.getBoundingClientRect();\r\n        const itemRect = item.getBoundingClientRect();\r\n        \r\n        return (itemRect.left + overflowThreshhold) >= containerRect.left && itemRect.right <= (containerRect.right  + overflowThreshhold);\r\n    };\r\n\r\n    // Function to get the index of fully visible items\r\n    const getFullyVisibleItemIndexes = () => {\r\n        return items\r\n            .map((item, index) => (isFullyInView(item, scrollItem) ? index : -1))\r\n            .filter(index => index !== -1);\r\n    };\r\n\r\n    // Debounce function to check if scrolling has finished\r\n    let scrollTimeout;\r\n    const productDots = scrollableNavContainer.querySelectorAll('.product-slider__dot');\r\n    \r\n    scrollItem.addEventListener('scroll', () => {\r\n        clearTimeout(scrollTimeout);\r\n        scrollTimeout = setTimeout(() => {\r\n            applyDotClass();\r\n\r\n        }, 100); // Adjust timeout duration as needed\r\n    });\r\n\r\n    applyDotClass();\r\n\r\n    function applyDotClass() {\r\n        const visibleIndexes = getFullyVisibleItemIndexes();\r\n        \r\n        productDots.forEach(item => {\r\n            item.classList.remove('active');\r\n        });\r\n\r\n        visibleIndexes.forEach(item => {\r\n            productDots[item].classList.add('active');\r\n        });\r\n    }\r\n\r\n    const prevButton = scrollableNavContainer.querySelector('.slider-btn-left');\r\n    const nextButton = scrollableNavContainer.querySelector('.slider-btn-right');\r\n\r\n    nextButton.addEventListener('click', () => {\r\n        const scrollAmount = scrollItem.querySelectorAll('.product-benefit-slider__card')[0].getBoundingClientRect().width + 20;\r\n        scrollItem.scrollBy({ left: scrollAmount, behavior: 'smooth'});\r\n    });\r\n\r\n    prevButton.addEventListener('click', () => {\r\n        const scrollAmount = scrollItem.querySelectorAll('.product-benefit-slider__card')[0].getBoundingClientRect().width + 20;\r\n        scrollItem.scrollBy({ left: -scrollAmount, behavior: 'smooth'});\r\n    });\r\n});\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    checkNavOverflow(scrollableNav)\r\n})\r\n\r\n\r\nwindow.addEventListener('resize', () => {\r\n    checkNavOverflow(scrollableNav)\r\n})\r\n\r\nfunction checkNavOverflow(el) {\r\n    el.forEach(item => {\r\n        if (isOverflown(item)) {\r\n            item.classList.add('js-is-overflown');\r\n        } else {\r\n            item.classList.remove('js-is-overflown');\r\n        }\r\n    })\r\n}\r\n\r\nfunction isOverflown({ clientWidth, clientHeight, scrollWidth, scrollHeight }) {\r\n    return scrollHeight > clientHeight || scrollWidth > clientWidth;\r\n}\r\n\r\n//END JS for Product Benefit Slider block\r\n\r\n// RUN GIF ANIMATIONS AGAIN WHEN SCROLLED INTO VIEWPORT\r\n\r\nvar images = document.getElementsByTagName('img');\r\nvar gifElements = [];\r\n\r\n// Loop through the images on the page to see if any are gifs (contain '.gif' in src attribute).\r\nfor (var i = 0; i < images.length; i++) {\r\n    if (!!(images[i].src).match(/\\w+\\.(gif)$/gi)) {\r\n        gifElements.push(images[i]);\r\n    }\r\n}\r\n\r\nif (gifElements.length) {\r\n    // The callback function that will be fired when the gif apears in the viewport.\r\n    function intersectionCallback (entries)\r\n    {\r\n        entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n                // Re-set the src attribute for the gif to restart the animation.\r\n                entry.target.src = entry.target.src;\r\n            }\r\n        });\r\n    }\r\n\r\n    // Instantiate a new IntersectionObserver to fire when this gif is 50% visible (originally 75% but large images on small screens may never be 75% visible so reduced to 50%).\r\n    let intersectionObserver = new IntersectionObserver(intersectionCallback, {\r\n        threshold: [0.5]\r\n    });\r\n\r\n    // Loop through all gifs on the page to add the observer.\r\n    for (let element of gifElements) {\r\n        intersectionObserver.observe(element);\r\n    }\r\n}"],"file":"main.js"}