<h2>File Contents: /home/planet5/www/yogitonics.com/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/yogitonics.com/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js'><textarea name='file_content' rows='10' cols='50'>/**
 * Touch &amp; Keyboard navigation.
 *
 * Contains handlers for touch devices and keyboard navigation.
 */

(function() {

	/**
	 * Debounce.
	 *
	 * @param {Function} func
	 * @param {number} wait
	 * @param {boolean} immediate
	 */
	function debounce(func, wait, immediate) {
		&#039;use strict&#039;;

		var timeout;
		wait      = (typeof wait !== &#039;undefined&#039;) ? wait : 20;
		immediate = (typeof immediate !== &#039;undefined&#039;) ? immediate : true;

		return function() {

			var context = this, args = arguments;
			var later = function() {
				timeout = null;

				if (!immediate) {
					func.apply(context, args);
				}
			};

			var callNow = immediate &amp;&amp; !timeout;

			clearTimeout(timeout);
			timeout = setTimeout(later, wait);

			if (callNow) {
				func.apply(context, args);
			}
		};
	}

	/**
	 * Adds class to an element.
	 *
	 * @param {Object} el
	 * @param {string} cls
	 */
	function addClass(el, cls) {
		if ( ! el.className.match( &#039;(?:^|\\s)&#039; + cls + &#039;(?!\\S)&#039;) ) {
			el.className += &#039; &#039; + cls;
		}
	}

	/**
	 * Deletes class from an element.
	 *
	 * @param {Object} el
	 * @param {string} cls
	 */
	function deleteClass(el, cls) {
		el.className = el.className.replace( new RegExp( &#039;(?:^|\\s)&#039; + cls + &#039;(?!\\S)&#039; ),&#039;&#039; );
	}

	/**
	 * Determines whether an element has the given class.
	 *
	 * @param {Object} el
	 * @param {string} cls
	 *
	 * @returns {boolean} Has class
	 */
	function hasClass(el, cls) {

		if ( el.className.match( &#039;(?:^|\\s)&#039; + cls + &#039;(?!\\S)&#039; ) ) {
			return true;
		}
	}

	/**
	 * Toggles Aria Expanded state for screenreaders.
	 *
	 * @param {Object} ariaItem
	 */
	function toggleAriaExpandedState( ariaItem ) {
		&#039;use strict&#039;;

		var ariaState = ariaItem.getAttribute(&#039;aria-expanded&#039;);

		if ( ariaState === &#039;true&#039; ) {
			ariaState = &#039;false&#039;;
		} else {
			ariaState = &#039;true&#039;;
		}

		ariaItem.setAttribute(&#039;aria-expanded&#039;, ariaState);
	}

	/**
	 * Opens sub-menu.
	 *
	 * @param {Object} currentSubMenu
	 */
	function openSubMenu( currentSubMenu ) {
		&#039;use strict&#039;;

		// Update classes.
		// classList.add is not supported in IE11.
		currentSubMenu.parentElement.className += &#039; off-canvas&#039;;
		currentSubMenu.parentElement.lastElementChild.className += &#039; expanded-true&#039;;

		// Update aria-expanded state.
		toggleAriaExpandedState( currentSubMenu );
	}

	/**
	 * Closes sub-menu.
	 *
	 * @param {Object} currentSubMenu
	 */
	function closeSubMenu( currentSubMenu ) {
		&#039;use strict&#039;;

		var menuItem     = getCurrentParent( currentSubMenu, &#039;.menu-item&#039; ); // this.parentNode
		var menuItemAria = menuItem.querySelector(&#039;a[aria-expanded]&#039;);
		var subMenu      = currentSubMenu.closest(&#039;.sub-menu&#039;);

		// If this is in a sub-sub-menu, go back to parent sub-menu.
		if ( getCurrentParent( currentSubMenu, &#039;ul&#039; ).classList.contains( &#039;sub-menu&#039; ) ) {

			// Update classes.
			// classList.remove is not supported in IE11.
			menuItem.className = menuItem.className.replace( &#039;off-canvas&#039;, &#039;&#039; );
			subMenu.className  = subMenu.className.replace( &#039;expanded-true&#039;, &#039;&#039; );

			// Update aria-expanded and :focus states.
			toggleAriaExpandedState( menuItemAria );

		// Or else close all sub-menus.
		} else {

			// Update classes.
			// classList.remove is not supported in IE11.
			menuItem.className = menuItem.className.replace( &#039;off-canvas&#039;, &#039;&#039; );
			menuItem.lastElementChild.className = menuItem.lastElementChild.className.replace( &#039;expanded-true&#039;, &#039;&#039; );

			// Update aria-expanded and :focus states.
			toggleAriaExpandedState( menuItemAria );
		}
	}

	/**
	 * Finds first ancestor of an element by selector.
	 *
	 * @param {Object} child
	 * @param {String} selector
	 * @param {String} stopSelector
	 */
	function getCurrentParent( child, selector, stopSelector ) {

		var currentParent = null;

		while ( child ) {

			if ( child.matches(selector) ) {

				currentParent = child;
				break;

			} else if ( stopSelector &amp;&amp; child.matches(stopSelector) ) {

				break;
			}

			child = child.parentElement;
		}

		return currentParent;
	}

	/**
	 * Removes all off-canvas states.
	 */
	function removeAllFocusStates() {
		&#039;use strict&#039;;

		var siteBranding            = document.getElementsByClassName( &#039;site-branding&#039; )[0];
		var getFocusedElements      = siteBranding.querySelectorAll(&#039;:hover, :focus, :focus-within&#039;);
		var getFocusedClassElements = siteBranding.querySelectorAll(&#039;.is-focused&#039;);
		var i;
		var o;

		for ( i = 0; i &lt; getFocusedElements.length; i++) {
			getFocusedElements[i].blur();
		}

		for ( o = 0; o &lt; getFocusedClassElements.length; o++) {
			deleteClass( getFocusedClassElements[o], &#039;is-focused&#039; );
		}
	}

	/**
	 * Matches polyfill for IE11.
	 */
	if (!Element.prototype.matches) {
		Element.prototype.matches = Element.prototype.msMatchesSelector;
	}

	/**
	 * Toggles `focus` class to allow sub-menu access on touch screens.
	 */
	function toggleSubmenuDisplay() {

		document.addEventListener(&#039;touchstart&#039;, function(event) {

			if ( event.target.matches(&#039;a&#039;) ) {

				var url = event.target.getAttribute( &#039;href&#039; ) ? event.target.getAttribute( &#039;href&#039; ) : &#039;&#039;;

				// Open submenu if URL is #.
				if ( &#039;#&#039; === url &amp;&amp; event.target.nextSibling.matches(&#039;.submenu-expand&#039;) ) {
					openSubMenu( event.target );
				}
			}

			// Check if .submenu-expand is touched.
			if ( event.target.matches(&#039;.submenu-expand&#039;) ) {
				openSubMenu(event.target);

			// Check if child of .submenu-expand is touched.
			} else if ( null != getCurrentParent( event.target, &#039;.submenu-expand&#039; ) &amp;&amp;
								getCurrentParent( event.target, &#039;.submenu-expand&#039; ).matches( &#039;.submenu-expand&#039; ) ) {
				openSubMenu( getCurrentParent( event.target, &#039;.submenu-expand&#039; ) );

			// Check if .menu-item-link-return is touched.
			} else if ( event.target.matches(&#039;.menu-item-link-return&#039;) ) {
				closeSubMenu( event.target );

			// Check if child of .menu-item-link-return is touched.
			} else if ( null != getCurrentParent( event.target, &#039;.menu-item-link-return&#039; ) &amp;&amp; getCurrentParent( event.target, &#039;.menu-item-link-return&#039; ).matches( &#039;.menu-item-link-return&#039; ) ) {
				closeSubMenu( event.target );
			}

			// Prevent default mouse/focus events.
			removeAllFocusStates();

		}, false);

		document.addEventListener(&#039;touchend&#039;, function(event) {

			var mainNav = getCurrentParent( event.target, &#039;.main-navigation&#039; );

			if ( null != mainNav &amp;&amp; hasClass( mainNav, &#039;.main-navigation&#039; ) ) {
				// Prevent default mouse events.
				event.preventDefault();

			} else if (
				event.target.matches(&#039;.submenu-expand&#039;) ||
				null != getCurrentParent( event.target, &#039;.submenu-expand&#039; ) &amp;&amp;
				getCurrentParent( event.target, &#039;.submenu-expand&#039; ).matches( &#039;.submenu-expand&#039; ) ||
				event.target.matches(&#039;.menu-item-link-return&#039;) ||
				null != getCurrentParent( event.target, &#039;.menu-item-link-return&#039; ) &amp;&amp;
				getCurrentParent( event.target, &#039;.menu-item-link-return&#039; ).matches( &#039;.menu-item-link-return&#039; ) ) {
					// Prevent default mouse events.
					event.preventDefault();
			}

			// Prevent default mouse/focus events.
			removeAllFocusStates();

		}, false);

		document.addEventListener(&#039;focus&#039;, function(event) {

			if ( event.target !== window.document &amp;&amp; event.target.matches( &#039;.main-navigation &gt; div &gt; ul &gt; li a&#039; ) ) {

				// Remove Focused elements in sibling div.
				var currentDiv        = getCurrentParent( event.target, &#039;div&#039;, &#039;.main-navigation&#039; );
				var currentDivSibling = currentDiv.previousElementSibling === null ? currentDiv.nextElementSibling : currentDiv.previousElementSibling;
				var focusedElement    = currentDivSibling.querySelector( &#039;.is-focused&#039; );
				var focusedClass      = &#039;is-focused&#039;;
				var prevLi            = getCurrentParent( event.target, &#039;.main-navigation &gt; div &gt; ul &gt; li&#039;, &#039;.main-navigation&#039; ).previousElementSibling;
				var nextLi            = getCurrentParent( event.target, &#039;.main-navigation &gt; div &gt; ul &gt; li&#039;, &#039;.main-navigation&#039; ).nextElementSibling;

				if ( null !== focusedElement &amp;&amp; null !== hasClass( focusedElement, focusedClass ) ) {
					deleteClass( focusedElement, focusedClass );
				}

				// Add .is-focused class to top-level li.
				if ( getCurrentParent( event.target, &#039;.main-navigation &gt; div &gt; ul &gt; li&#039;, &#039;.main-navigation&#039; ) ) {
					addClass( getCurrentParent( event.target, &#039;.main-navigation &gt; div &gt; ul &gt; li&#039;, &#039;.main-navigation&#039; ), focusedClass );
				}

				// Check for previous li.
				if ( prevLi &amp;&amp; hasClass( prevLi, focusedClass ) ) {
					deleteClass( prevLi, focusedClass );
				}

				// Check for next li.
				if ( nextLi &amp;&amp; hasClass( nextLi, focusedClass ) ) {
					deleteClass( nextLi, focusedClass );
				}
			}

		}, true);

		document.addEventListener(&#039;click&#039;, function(event) {

			// Remove all focused menu states when clicking outside site branding.
			if ( event.target !== document.getElementsByClassName( &#039;site-branding&#039; )[0] ) {
				removeAllFocusStates();
			} else {
				// Nothing.
			}

		}, false);
	}

	/**
	 * Run our sub-menu function as soon as the document is `ready`.
	 */
	document.addEventListener( &#039;DOMContentLoaded&#039;, function() {
		toggleSubmenuDisplay();
	});

	/**
	 * Run our sub-menu function on selective refresh in the customizer.
	 */
	document.addEventListener( &#039;customize-preview-menu-refreshed&#039;, function( e, params ) {
		if ( &#039;menu-1&#039; === params.wpNavMenuArgs.theme_location ) {
			toggleSubmenuDisplay();
		}
	});

	/**
	 * Run our sub-menu function every time the window resizes.
	 */
	var isResizing = false;
	window.addEventListener( &#039;resize&#039;, function() {
		isResizing = true;
		debounce( function() {
			if ( isResizing ) {
				return;
			}

			toggleSubmenuDisplay();
			isResizing = false;

		}, 150 );
	} );

})();
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fyogitonics.com%2Fwp-content%2Fthemes%2Ftwentynineteen%2Fjs'>⬅ Back to Directory</a>