Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory :  /home/claqxcrl/matelopsrp.com/wp-content/themes/multicolor-business/assets/js/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/* global multicolor_businessScreenReaderText */
/**
 * Theme functions file.
 *
 * Contains handlers for navigation and widget area.
 */

jQuery(function($){
 	"use strict";
   	jQuery('.main-menu-navigation > ul').superfish({
		delay:       500,
		animation:   {opacity:'show',height:'show'},  
		speed:       'fast'
	});
});

function multicolor_business_open() {
	jQuery(".sidenav").addClass('show');
}
function multicolor_business_close() {
	jQuery(".sidenav").removeClass('show');
}

function multicolor_business_menuAccessibility() {
	var links, i, len,
	    multicolor_business_menu = document.querySelector( '.nav-menu' ),
	    multicolor_business_iconToggle = document.querySelector( '.nav-menu ul li:first-child a' );
    
	let multicolor_business_focusableElements = 'button, a, input';
	let multicolor_business_firstFocusableElement = multicolor_business_iconToggle; // get first element to be focused inside menu
	let multicolor_business_focusableContent = multicolor_business_menu.querySelectorAll(multicolor_business_focusableElements);
	let multicolor_business_lastFocusableElement = multicolor_business_focusableContent[multicolor_business_focusableContent.length - 1]; // get last element to be focused inside menu

	if ( ! multicolor_business_menu ) {
    	return false;
	}

	links = multicolor_business_menu.getElementsByTagName( 'a' );

	// Each time a menu link is focused or blurred, toggle focus.
	for ( i = 0, len = links.length; i < len; i++ ) {
	    links[i].addEventListener( 'focus', toggleFocus, true );
	    links[i].addEventListener( 'blur', toggleFocus, true );
	}

	// Sets or removes the .focus class on an element.
	function toggleFocus() {
      	var self = this;

      	// Move up through the ancestors of the current link until we hit .mobile-menu.
      	while (-1 === self.className.indexOf( 'nav-menu' ) ) {
	      	// On li elements toggle the class .focus.
	      	if ( 'li' === self.tagName.toLowerCase() ) {
	          	if ( -1 !== self.className.indexOf( 'focus' ) ) {
	          		self.className = self.className.replace( ' focus', '' );
	          	} else {
	          		self.className += ' focus';
	          	}
	      	}
	      	self = self.parentElement;
      	}
	}
    
	// Trap focus inside modal to make it ADA compliant
	document.addEventListener('keydown', function (e) {
	    let isTabPressed = e.key === 'Tab' || e.keyCode === 9;

	    if ( ! isTabPressed ) {
	    	return;
	    }

	    if ( e.shiftKey ) { // if shift key pressed for shift + tab combination
	      	if (document.activeElement === multicolor_business_firstFocusableElement) {
		        multicolor_business_lastFocusableElement.focus(); // add focus for the last focusable element
		        e.preventDefault();
	      	}
	    } else { // if tab key is pressed
	    	if (document.activeElement === multicolor_business_lastFocusableElement) { // if focused has reached to last focusable element then focus first focusable element after pressing tab
		      	multicolor_business_firstFocusableElement.focus(); // add focus for the first focusable element
		      	e.preventDefault();
	    	}
	    }
	});   
}

jQuery(function($){
	$('.mobile-menu').click(function () {
	    multicolor_business_menuAccessibility();
  	});
});