https://purchasing.idaho.gov/wp-content/plugins/megamenu/js/maxmegamenu.js?ver=3.9.2.1

/*jslint browser: true, white: true, this: true, long: true */ /*global console,jQuery,megamenu,window,navigator*/ /*! Max Mega Menu jQuery Plugin */ (function ( $ ) { "use strict"; let instanceCounter = 0; $.maxmegamenu = function(menu, options) { // --- DOM references --- const plugin = this; const $menu = $(menu); const $wrap = $menu.parent(); const $toggle_bar = $menu.siblings(".mega-menu-toggle"); // --- Instance identifiers --- const menuId = $menu.attr("id"); const instanceId = menuId + '-' + (++instanceCounter); const docEventNamespace = '.megamenu-' + instanceId; // --- Cached element sets (captured at init) --- const items_with_submenus = $([ "li.mega-menu-megamenu.mega-menu-item-has-children", "li.mega-menu-flyout.mega-menu-item-has-children", "li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item-has-children", "li.mega-menu-flyout li.mega-menu-item-has-children" ].join(","), $menu); const collapse_children_parents = $("li.mega-menu-megamenu li.mega-menu-item-has-children.mega-collapse-children > a.mega-menu-link", $menu); // --- Keyboard key identifiers (KeyboardEvent.key values) --- const tab_key = "Tab"; const escape_key = "Escape"; const enter_key = "Enter"; const space_key = " "; const left_arrow_key = "ArrowLeft"; const up_arrow_key = "ArrowUp"; const right_arrow_key = "ArrowRight"; const down_arrow_key = "ArrowDown"; // --- Settings defaults (read from data attributes) --- const defaults = { event: $menu.attr("data-event"), effect: $menu.attr("data-effect"), effect_speed: parseInt($menu.attr("data-effect-speed")), effect_mobile: $menu.attr("data-effect-mobile"), effect_speed_mobile: parseInt($menu.attr("data-effect-speed-mobile")), panel_width: $menu.attr("data-panel-width"), panel_inner_width: $menu.attr("data-panel-inner-width"), mobile_force_width: $menu.attr("data-mobile-force-width"), mobile_overlay: $menu.attr("data-mobile-overlay"), mobile_state: $menu.attr("data-mobile-state"), mobile_direction: $menu.attr("data-mobile-direction"), second_click: $menu.attr("data-second-click"), vertical_behaviour: $menu.attr("data-vertical-behaviour"), document_click: $menu.attr("data-document-click"), breakpoint: $menu.attr("data-breakpoint"), unbind_events: $menu.attr("data-unbind"), hover_intent_timeout: $menu.attr("data-hover-intent-timeout") ?? 300, hover_intent_interval: $menu.attr("data-hover-intent-interval") ?? 100 }; // --- Mutable state --- plugin.settings = {}; let html_body_class_timeout; plugin.addAnimatingClass = function(element) { if (plugin.settings.effect === "disabled") { return; } $(".mega-animating", $wrap).removeClass("mega-animating"); const timeout = plugin.settings.effect_speed + parseInt(plugin.settings.hover_intent_timeout, 10); element.addClass("mega-animating"); setTimeout(function() { element.removeClass("mega-animating"); }, timeout ); }; plugin.hideAllPanels = function() { $(".mega-toggle-on > a.mega-menu-link", $menu).each(function() { plugin.hidePanel($(this), false); }); }; plugin.expandMobileSubMenus = function() { if (plugin.settings.mobile_direction !== 'vertical') { return; } $(".mega-menu-item-has-children.mega-expand-on-mobile > a.mega-menu-link", $menu).each(function() { plugin.showPanel($(this), true); }); if ( plugin.settings.mobile_state === 'expand_all' ) { $(".mega-menu-item-has-children:not(.mega-toggle-on) > a.mega-menu-link", $menu).each(function() { plugin.showPanel($(this), true); }); } if ( plugin.settings.mobile_state === 'expand_active' ) { const activeItemSelectors = [ "li.mega-current-menu-ancestor.mega-menu-item-has-children > a.mega-menu-link", "li.mega-current-menu-item.mega-menu-item-has-children > a.mega-menu-link", "li.mega-current-menu-parent.mega-menu-item-has-children > a.mega-menu-link", "li.mega-current_page_ancestor.mega-menu-item-has-children > a.mega-menu-link", "li.mega-current_page_item.mega-menu-item-has-children > a.mega-menu-link" ]; $menu.find(activeItemSelectors.join(', ')).each(function() { plugin.showPanel($(this), true); }); } }; plugin.hideSiblingPanels = function(anchor, immediate) { anchor.parent().parent().find(".mega-toggle-on").children("a.mega-menu-link").each(function() { // all open children of open siblings plugin.hidePanel($(this), immediate); }); }; plugin.isDesktopView = function() { const width = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0); return width > plugin.settings.breakpoint; }; plugin.isMobileView = function() { return !plugin.isDesktopView(); }; plugin.isHorizontalMobileSubmenuMode = function() { return plugin.isMobileView() && plugin.isMobileOffCanvas() && plugin.settings.mobile_direction === "horizontal"; }; plugin.getFocusableItemsInSubmenu = function($submenu, include_back_link = true) { let $focusable = $submenu.children("li.mega-menu-item:visible").find("> a.mega-menu-link, > .mega-search span[role=button]"); if (!include_back_link) { $focusable = $focusable.not(".mega-mobile-back-link"); } return $focusable; }; plugin.focusFirstItemInOpenedSubmenu = function($item) { if ( ! plugin.isHorizontalMobileSubmenuMode() || ! $wrap.hasClass("mega-keyboard-navigation")) { return; } const $submenu = $item.children("ul.mega-sub-menu"); if (!$submenu.length) { return; } const $firstFocusable = plugin.getFocusableItemsInSubmenu($submenu, false).first(); if ($firstFocusable.length) { $firstFocusable.trigger("focus"); } }; plugin.deferFocusFirstItemInOpenedSubmenu = function($item) { const delay = Math.min(120, parseInt(plugin.settings.effect_speed_mobile, 10) || 0); setTimeout(function() { plugin.focusFirstItemInOpenedSubmenu($item); // Retry once after the first paint in case CSS visibility/transform has not applied yet. setTimeout(function() { const focusedInSubmenu = $item.find("ul.mega-sub-menu").has(document.activeElement).length !== 0; if (!focusedInSubmenu) { plugin.focusFirstItemInOpenedSubmenu($item); } }, 40); }, delay); }; plugin.showPanel = function(anchor, immediate) { if ( typeof anchor === 'number' || ( typeof anchor === 'string' && anchor.trim() !== '' && !isNaN(anchor) ) ) { anchor = $("li.mega-menu-item-" + anchor, $menu).find("a.mega-menu-link").first(); } else if ( anchor.is("li.mega-menu-item") ) { anchor = anchor.find("a.mega-menu-link").first(); } const $item = anchor.parent(); const isDesktop = plugin.isDesktopView(); const isMobile = !isDesktop; $item.triggerHandler("before_open_panel"); $item.find("[aria-expanded]").first().attr("aria-expanded", "true"); $(".mega-animating", $wrap).removeClass("mega-animating"); if (isMobile && $item.hasClass("mega-hide-sub-menu-on-mobile")) { return; } if (isDesktop && ( $menu.hasClass("mega-menu-horizontal") || $menu.hasClass("mega-menu-vertical") ) && !$item.hasClass("mega-collapse-children")) { plugin.hideSiblingPanels(anchor, true); } if ((isMobile && $wrap.hasClass("mega-keyboard-navigation")) || plugin.settings.vertical_behaviour === "accordion") { plugin.hideSiblingPanels(anchor, false); } plugin.calculateDynamicSubmenuWidths(anchor); // apply jQuery transition (only if the effect is set to "slide", other transitions are CSS based) if ( plugin.shouldUseSlideAnimation(anchor, immediate) ) { const speed = isMobile ? plugin.settings.effect_speed_mobile : plugin.settings.effect_speed; anchor.siblings(".mega-sub-menu").css("display", "none").animate({"height":"show", "paddingTop":"show", "paddingBottom":"show", "minHeight":"show"}, speed, function() { $(this).css("display", ""); }); } $item.addClass("mega-toggle-on").triggerHandler("open_panel"); plugin.deferFocusFirstItemInOpenedSubmenu($item); }; plugin.shouldUseSlideAnimation = function(anchor, immediate) { if (immediate === true) { return false; } if (anchor.parent().hasClass("mega-collapse-children")) { return true; } const isDesktop = plugin.isDesktopView(); if (isDesktop && plugin.settings.effect === "slide") { return true; } if (!isDesktop) { if (plugin.settings.effect_mobile === "slide") { return true; } if ( plugin.isMobileOffCanvas() ) { return plugin.settings.mobile_direction !== "horizontal"; } } return false; }; plugin.hidePanel = function(anchor, immediate) { if ( typeof anchor === 'number' || ( typeof anchor === 'string' && anchor.trim() !== '' && !isNaN(anchor) ) ) { anchor = $("li.mega-menu-item-" + anchor, $menu).find("a.mega-menu-link").first(); } else if ( anchor.is("li.mega-menu-item") ) { anchor = anchor.find("a.mega-menu-link").first(); } const $item = anchor.parent(); const $submenu = anchor.siblings(".mega-sub-menu"); const isMobile = plugin.isMobileView(); $item.triggerHandler("before_close_panel"); $item.find("[aria-expanded]").first().attr("aria-expanded", "false"); if ( plugin.shouldUseSlideAnimation(anchor) ) { const speed = isMobile ? plugin.settings.effect_speed_mobile : plugin.settings.effect_speed; $submenu.animate({"height":"hide", "paddingTop":"hide", "paddingBottom":"hide", "minHeight":"hide"}, speed, function() { $submenu.css("display", ""); $item.removeClass("mega-toggle-on").triggerHandler("close_panel"); }); return; } if (immediate) { $submenu.css("display", "none").delay(plugin.settings.effect_speed).queue(function(){ $(this).css("display", "").dequeue(); }); } // pause video widget videos $submenu.find(".widget_media_video video").each(function() { if ( this.player ) { this.player.pause(); } }); $item.removeClass("mega-toggle-on").triggerHandler("close_panel"); plugin.addAnimatingClass($item); }; plugin.calculateDynamicSubmenuWidths = function(anchor) { const $item = anchor.parent(); const $submenu = anchor.siblings(".mega-sub-menu"); const isDesktop = plugin.isDesktopView(); const isTopLevelMegamenu = $item.hasClass("mega-menu-megamenu") && $item.parent().hasClass("max-mega-menu"); // apply dynamic width and sub menu position (only to top level mega menus) if (isTopLevelMegamenu && plugin.settings.panel_width) { if (isDesktop) { const submenu_offset = $menu.offset(); if ( plugin.settings.panel_width === '100vw' ) { const target_offset = $('body').offset(); $submenu.css({ left: (target_offset.left - submenu_offse