Index: src/js/_enqueues/lib/admin-bar.js
===================================================================
--- src/js/_enqueues/lib/admin-bar.js	(revision 46178)
+++ src/js/_enqueues/lib/admin-bar.js	(working copy)
@@ -1,550 +1,566 @@
 /**
  * @output wp-includes/js/admin-bar.js
  */
+/**
+ * Admin bar with Vanilla JS, no external dependencies.
+ *
+ * @param {Object} document The document object.
+ * @param {Object} window   The window object.
+ *
+ * @return {void}
+ */
+(function(document, window) {
 
-/* jshint loopfunc: true */
-// use jQuery and hoverIntent if loaded
-if ( typeof(jQuery) != 'undefined' ) {
-	if ( typeof(jQuery.fn.hoverIntent) == 'undefined' ) {
-		/* jshint ignore:start */
-		// hoverIntent v1.8.1 - Copy of wp-includes/js/hoverIntent.min.js
-		!function(a){a.fn.hoverIntent=function(b,c,d){var e={interval:100,sensitivity:6,timeout:0};e="object"==typeof b?a.extend(e,b):a.isFunction(c)?a.extend(e,{over:b,out:c,selector:d}):a.extend(e,{over:b,out:b,selector:c});var f,g,h,i,j=function(a){f=a.pageX,g=a.pageY},k=function(b,c){return c.hoverIntent_t=clearTimeout(c.hoverIntent_t),Math.sqrt((h-f)*(h-f)+(i-g)*(i-g))<e.sensitivity?(a(c).off("mousemove.hoverIntent",j),c.hoverIntent_s=!0,e.over.apply(c,[b])):(h=f,i=g,c.hoverIntent_t=setTimeout(function(){k(b,c)},e.interval),void 0)},l=function(a,b){return b.hoverIntent_t=clearTimeout(b.hoverIntent_t),b.hoverIntent_s=!1,e.out.apply(b,[a])},m=function(b){var c=a.extend({},b),d=this;d.hoverIntent_t&&(d.hoverIntent_t=clearTimeout(d.hoverIntent_t)),"mouseenter"===b.type?(h=c.pageX,i=c.pageY,a(d).on("mousemove.hoverIntent",j),d.hoverIntent_s||(d.hoverIntent_t=setTimeout(function(){k(c,d)},e.interval))):(a(d).off("mousemove.hoverIntent",j),d.hoverIntent_s&&(d.hoverIntent_t=setTimeout(function(){l(c,d)},e.timeout)))};return this.on({"mouseenter.hoverIntent":m,"mouseleave.hoverIntent":m},e.selector)}}(jQuery);
-		/* jshint ignore:end */
-	}
-	jQuery(document).ready(function($){
-		var adminbar = $('#wpadminbar'), refresh, touchOpen, touchClose, disableHoverIntent = false;
+	document.addEventListener('DOMContentLoaded', function() {
+		var adminBar = document.getElementById('wpadminbar');
+		var topMenuItems = adminBar.querySelectorAll('li.menupop');
+		var allMenuItems = adminBar.querySelectorAll('.ab-item');
+		var adminBarLogout = document.getElementById('wp-admin-bar-logout');
+		var adminBarSearchForm = document.getElementById('adminbarsearch');
+		var shortlink = document.getElementById('wp-admin-bar-get-shortlink');
+		var skipLink = adminBar.querySelector('.screen-reader-shortcut');
+		var disableHoverIntent = false;
+		var i;
 
 		/**
-		 * Forces the browser to refresh the tabbing index.
-		 *
-		 * @since 3.3.0
-		 *
-		 * @param {number}      i  The index of the HTML element to remove the tab index
-		 *                         from. This parameter is necessary because we use this
-		 *                         function in .each calls.
-		 * @param {HTMLElement} el The HTML element to remove the tab index from.
-		 *
-		 * @return {void}
+		 * Remove nojs class after the DOM is loaded.
 		 */
-		refresh = function(i, el){
-			var node = $(el), tab = node.attr('tabindex');
-			if ( tab )
-				node.attr('tabindex', '0').attr('tabindex', tab);
-		};
+		adminBar.classList.remove('nojs');
 
-		/**
-		 * Adds or removes the hover class on touch.
-		 *
-		 * @since 3.5.0
-		 *
-		 * @param {boolean} unbind If true removes the wp-mobile-hover class.
-		 *
-		 * @return {void}
-		 */
-		touchOpen = function(unbind) {
-			adminbar.find('li.menupop').on('click.wp-mobile-hover', function(e) {
-				var el = $(this);
-
-				if ( el.parent().is('#wp-admin-bar-root-default') && !el.hasClass('hover') ) {
-					e.preventDefault();
-					adminbar.find('li.menupop.hover').removeClass('hover');
-					el.addClass('hover');
-				} else if ( !el.hasClass('hover') ) {
-					e.stopPropagation();
-					e.preventDefault();
-					el.addClass('hover');
-				} else if ( ! $( e.target ).closest( 'div' ).hasClass( 'ab-sub-wrapper' ) ) {
-					// We're dealing with an already-touch-opened menu genericon (we know el.hasClass('hover')),
-					// so close it on a second tap and prevent propag and defaults. See #29906
-					e.stopPropagation();
-					e.preventDefault();
-					el.removeClass('hover');
-				}
+		if ( 'ontouchstart' in window ) {
+			var mobileEvent = /Mobile\/.+Safari/.test(navigator.userAgent) ? 'touchstart' : 'click';
+
+			/**
+			 * Remove hover class when the user touchs outside the menu items.
+			 */
+			document.body.addEventListener(mobileEvent, function(e) {
+				if (! getClosest(e.target, 'li.menupop'))
+					removeAllHoverClass(topMenuItems);
+			});
 
-				if ( unbind ) {
-					$('li.menupop').off('click.wp-mobile-hover');
-					disableHoverIntent = false;
+			/**
+			 * Disable hover intent on touch devices.
+			 * Add listener for menu items to toggle hover class by touchs.
+			 * Remove the callback later for better performance.
+			 */
+			adminBar.addEventListener('touchstart', function bindMobileEvents() {
+				disableHoverIntent = disableHoverIntent || true;
+
+				for (var i = 0; i < topMenuItems.length; i++) {
+					topMenuItems[i].addEventListener('click', mobileHover.bind(null, topMenuItems));
 				}
+				
+				adminBar.removeEventListener('touchstart', bindMobileEvents);
 			});
-		};
+		}
 
 		/**
-		 * Removes the hover class if clicked or touched outside the admin bar.
-		 *
-		 * @since 3.5.0
-		 *
-		 * @return {void}
+		 * Scroll page to top when clicking on the admin bar.
 		 */
-		touchClose = function() {
-			var mobileEvent = /Mobile\/.+Safari/.test(navigator.userAgent) ? 'touchstart' : 'click';
-			// close any open drop-downs when the click/touch is not on the toolbar
-			$(document.body).on( mobileEvent+'.wp-mobile-hover', function(e) {
-				if ( !$(e.target).closest('#wpadminbar').length )
-					adminbar.find('li.menupop.hover').removeClass('hover');
+		adminBar.addEventListener('click', scrollToTop);
+
+		for (i = 0; i < topMenuItems.length; i++) {
+			/**
+			 * Adds or removes the hover class based on the hover intent.
+			 */
+			hoverIntent(
+				topMenuItems[i],
+				function() {
+					if (!disableHoverIntent)
+						addHoverClass(this);
+				},
+				function() {
+					if (!disableHoverIntent)
+						removeHoverClass(this);
+				}
+			).options({
+				timeout: 180
 			});
-		};
 
-		adminbar.removeClass('nojq').removeClass('nojs');
+			/**
+			 * Toggle hover class if the enter key is pressed.
+			 */
+			topMenuItems[i].addEventListener('keydown', toggleHoverWithEnter);
+		}
 
-		// If clicked on the adminbar add the hoverclass, if clicked outside it remove
-		// it.
-		if ( 'ontouchstart' in window ) {
-			adminbar.on('touchstart', function(){
-				touchOpen(true);
-				disableHoverIntent = true;
+
+		for (i = 0; i < allMenuItems.length; i++) {
+			allMenuItems[i].addEventListener('keydown', removeHoverWithEscape);
+		}
+
+		if (adminBarSearchForm) {
+			var adminBarSearchInput = document.getElementById('adminbar-search');
+
+			/**
+			 * Adds the adminbar-focused class on focus.
+			 */
+			adminBarSearchInput.addEventListener('focus', function() {
+				adminBarSearchForm.classList.add('adminbar-focused');
 			});
-			touchClose();
-		} else if ( /IEMobile\/[1-9]/.test(navigator.userAgent) ) {
-			touchOpen();
-			touchClose();
-		}
-
-		// Adds or removes the hover class based on the hover intent.
-		adminbar.find('li.menupop').hoverIntent({
-			over: function() {
-				if ( disableHoverIntent )
-					return;
-
-				$(this).addClass('hover');
-			},
-			out: function() {
-				if ( disableHoverIntent )
-					return;
-
-				$(this).removeClass('hover');
-			},
-			timeout: 180,
-			sensitivity: 7,
-			interval: 100
-		});
 
-		// Prevents the toolbar from covering up content when a hash is present in the
-		// URL.
-		if ( window.location.hash )
-			window.scrollBy( 0, -32 );
+			/**
+			 * Removes the adminbar-focused class on blur.
+			 */
+			adminBarSearchInput.addEventListener('blur', function() {
+				adminBarSearchForm.classList.remove('adminbar-focused');
+			});
+		}
 
 		/**
-		 * Handles the selected state of the Shortlink link.
-		 *
-		 * When the input is visible the link should be selected, when the input is
-		 * unfocused the link should be unselected.
-		 *
-		 * @param {Object} e The click event.
-		 *
-		 * @return {void}
-		 **/
-		$('#wp-admin-bar-get-shortlink').click(function(e){
-			e.preventDefault();
-			$(this).addClass('selected').children('.shortlink-input').blur(function(){
-				$(this).parents('#wp-admin-bar-get-shortlink').removeClass('selected');
-			}).focus().select();
-		});
+		 * Focus the target of skip link after pressing Enter.
+		 */
+		skipLink.addEventListener('keydown', focusTargetAfterEnter);
+
+		if (shortlink)
+			shortlink.addEventListener('click', clickShortlink);
 
 		/**
-		 * Removes the hoverclass if the enter key is pressed.
-		 *
-		 * Makes sure the tab index is refreshed by refreshing each ab-item
-		 * and its children.
-		 *
-		 * @param {Object} e The keydown event.
-		 *
-		 * @return {void}
+		 * Prevents the toolbar from covering up content when a hash is present
+		 * in the URL.
 		 */
-		$('#wpadminbar li.menupop > .ab-item').bind('keydown.adminbar', function(e){
-			// Key code 13 is the enter key.
-			if ( e.which != 13 )
-				return;
-
-			var target = $(e.target),
-				wrap = target.closest('.ab-sub-wrapper'),
-				parentHasHover = target.parent().hasClass('hover');
+		if (window.location.hash)
+			window.scrollBy(0, -32);
 
-			e.stopPropagation();
-			e.preventDefault();
+		/**
+		 * Add no-font-face class to body if needed.
+		 */
+		if ( navigator.userAgent && document.body.className.indexOf( 'no-font-face' ) === -1 &&
+			/Android (1.0|1.1|1.5|1.6|2.0|2.1)|Nokia|Opera Mini|w(eb)?OSBrowser|webOS|UCWEB|Windows Phone OS 7|XBLWP7|ZuneWP7|MSIE 7/.test( navigator.userAgent ) ) {
 
-			if ( !wrap.length )
-				wrap = $('#wpadminbar .quicklinks');
+			document.body.className += ' no-font-face';
+		}
 
-			wrap.find('.menupop').removeClass('hover');
+		/**
+		 * Clear sessionStorage on logging out.
+		 */
+		adminBarLogout.addEventListener('click', emptySessionStorage);
+	});
 
-			if ( ! parentHasHover ) {
-				target.parent().toggleClass('hover');
-			}
+	/**
+	 * Remove hover class for top level menu item when escape is pressed.
+	 * 
+	 * @since 5.3.0
+	 * 
+	 * @param {Event} e The keydown event.
+	 */
+	function removeHoverWithEscape(e) {
+		var wrapper;
 
-			target.siblings('.ab-sub-wrapper').find('.ab-item').each(refresh);
-		}).each(refresh);
+		if ( e.which != 27 )
+			return;
 
-		/**
-		 * Removes the hover class when the escape key is pressed.
-		 *
-		 * Makes sure the tab index is refreshed by refreshing each ab-item
-		 * and its children.
-		 *
-		 * @param {Object} e The keydown event.
-		 *
-		 * @return {void}
-		 */
-		$('#wpadminbar .ab-item').bind('keydown.adminbar', function(e){
-			// Key code 27 is the escape key.
-			if ( e.which != 27 )
-				return;
+		wrapper = getClosest(e.target, '.menupop');
 
-			var target = $(e.target);
+		if (! wrapper)
+			return;
 
-			e.stopPropagation();
-			e.preventDefault();
+		wrapper.querySelector('.menupop > .ab-item').focus();
+		removeHoverClass(wrapper);
+	}
 
-			target.closest('.hover').removeClass('hover').children('.ab-item').focus();
-			target.siblings('.ab-sub-wrapper').find('.ab-item').each(refresh);
-		});
 
-		/**
-		 * Scrolls to top of page by clicking the adminbar.
-		 *
-		 * @param {Object} e The click event.
-		 *
-		 * @return {void}
-		 */
-		adminbar.click( function(e) {
-			if ( e.target.id != 'wpadminbar' && e.target.id != 'wp-admin-bar-top-secondary' ) {
-				return;
-			}
 
-			adminbar.find( 'li.menupop.hover' ).removeClass( 'hover' );
-			$( 'html, body' ).animate( { scrollTop: 0 }, 'fast' );
-			e.preventDefault();
-		});
+	/**
+	 * Toggle hover class for top level menu item when enter is pressed.
+	 * 
+	 * @since 5.3.0
+	 * 
+	 * @param {Event} e The keydown event.
+	 */
+	function toggleHoverWithEnter(e) {
+		var wrapper;
 
-		/**
-		 * Sets the focus on an element with a href attribute.
-		 *
-		 * The timeout is used to fix a focus bug in WebKit.
-		 *
-		 * @param {Object} e The keydown event.
-		 *
-		 * @return {void}
-		 */
-		$('.screen-reader-shortcut').keydown( function(e) {
-			var id, ua;
+		if ( e.which != 13 )
+			return;
+
+		if (!! getClosest(e.target, '.ab-sub-wrapper') )
+			return;
+		
+		wrapper = getClosest(e.target, '.menupop');
+
+		if (! wrapper)
+			return;
+
+		e.preventDefault();
+		if (hasHoverClass(wrapper)) {
+			removeHoverClass(wrapper);
+		} else {
+			addHoverClass(wrapper);
+		}
+	}
+
+	/**
+	 * Focus the target of skip link after pressing Enter.
+	 * 
+	 * @since 5.3.0
+	 * 
+	 * @param {Event} e The keydown event.
+	 */
+	function focusTargetAfterEnter(e) {
+		var id, userAgent;
 
-			if ( 13 != e.which )
-				return;
+		if (13 !==	e.which)
+			return;
 
-			id = $( this ).attr( 'href' );
+		id = e.target.getAttribute('href');
+		userAgent = navigator.userAgent.toLowerCase();
 
-			ua = navigator.userAgent.toLowerCase();
+		if ( userAgent.indexOf('applewebkit') != -1 && id && id.charAt(0) == '#' ) {
+			setTimeout(function () {
+				var target = document.getElementById(id.replace('#', ''));
+
+				target.setAttribute('tabIndex', '0');
+				target.focus();
+			}, 100);
+		}
+	}
 
-			if ( ua.indexOf('applewebkit') != -1 && id && id.charAt(0) == '#' ) {
-				setTimeout(function () {
-					$(id).focus();
-				}, 100);
-			}
-		});
+	/**
+	 * Toogle hover class for mobile devices.
+	 * 
+	 * @since 5.3.0
+	 * 
+	 * @param {NodeList} topMenuItems All menu items.
+	 * @param {Event} e The click event.
+	 */
+	function mobileHover(topMenuItems, e) {
+		var wrapper;
 
-		$( '#adminbar-search' ).on({
-			/**
-			 * Adds the adminbar-focused class on focus.
-			 *
-			 * @return {void}
-			 */
-			focus: function() {
-				$( '#adminbarsearch' ).addClass( 'adminbar-focused' );
-			/**
-			 * Removes the adminbar-focused class on blur.
-			 *
-			 * @return {void}
-			 */
-			}, blur: function() {
-				$( '#adminbarsearch' ).removeClass( 'adminbar-focused' );
-			}
-		} );
+		if (!! getClosest(e.target, '.ab-sub-wrapper') )
+			return;
+
+		e.preventDefault();
+
+		wrapper = getClosest(e.target, '.menupop');
+
+		if (! wrapper)
+			return;
+
+		if (hasHoverClass(wrapper)) {
+			removeHoverClass(wrapper);
+		} else {
+			removeAllHoverClass(topMenuItems);
+			addHoverClass(wrapper);
+		}
+	}
+
+	/**
+	 * Handles the click on the Shortlink link in the adminbar.
+	 *
+	 * @since 3.1.0
+	 * @since 5.3.0 Use querySelector to clean up the function.
+	 *
+	 * @param {Event} e The click event.
+	 *
+	 * @return {boolean} Returns false to prevent default click behavior.
+	 */
+	function clickShortlink(e) {
+		var wrapper = e.target.parentNode,
+			input = wrapper.querySelector('.shortlink-input');
+
+		// IE doesn't support preventDefault, and does support returnValue
+		if ( e.preventDefault )
+			e.preventDefault();
+		e.returnValue = false;
 
+		wrapper.classList.add('selected');
+		input.focus();
+		input.select();
+		input.onblur = function() {
+			wrapper.classList.remove('selected');
+		};
+
+		return false;
+	}
+
+	/**
+	 * Clear sessionStorage on logging out.
+	 * 
+	 * @since 5.3.0
+	 */
+	function emptySessionStorage() {
 		if ( 'sessionStorage' in window ) {
-			/**
-			 * Empties sessionStorage on logging out.
-			 *
-			 * @return {void}
-			 */
-			$('#wp-admin-bar-logout a').click( function() {
-				try {
-					for ( var key in sessionStorage ) {
-						if ( key.indexOf('wp-autosave-') != -1 )
-							sessionStorage.removeItem(key);
-					}
-				} catch(e) {}
-			});
+			try {
+				for ( var key in sessionStorage ) {
+					if ( key.indexOf('wp-autosave-') != -1 )
+						sessionStorage.removeItem(key);
+				}
+			} catch(e) {}
 		}
+	}
 
-		if ( navigator.userAgent && document.body.className.indexOf( 'no-font-face' ) === -1 &&
-			/Android (1.0|1.1|1.5|1.6|2.0|2.1)|Nokia|Opera Mini|w(eb)?OSBrowser|webOS|UCWEB|Windows Phone OS 7|XBLWP7|ZuneWP7|MSIE 7/.test( navigator.userAgent ) ) {
+	/**
+	 * Check if menu item has hover class.
+	 * 
+	 * @since 5.3.0
+	 * 
+	 * @param {HTMLElement} item Menu item Element.
+	 */
+	function hasHoverClass(item) {
+		return item.classList.contains('hover');
+	}
 
-			document.body.className += ' no-font-face';
+	/**
+	 * Add hover class for menu item.
+	 * 
+	 * @since 5.3.0
+	 * 
+	 * @param {HTMLElement} item Menu item Element.
+	 */
+	function addHoverClass(item) {
+		item.classList.add('hover');
+	}
+
+	/**
+	 * Remove hover class for menu item.
+	 * 
+	 * @since 5.3.0
+	 * 
+	 * @param {HTMLElement} item Menu item Element.
+	 */
+	function removeHoverClass(item) {
+		item.classList.remove('hover');
+	}
+
+	/**
+	 * Remove hover class for all menu items.
+	 * 
+	 * @since 5.3.0
+	 * 
+	 * @param {NodeList} topMenuItems All menu items.
+	 */
+	function removeAllHoverClass(topMenuItems) {
+		for (var i = 0; i < topMenuItems.length; i++) {
+			if (hasHoverClass(topMenuItems[i]))
+				removeHoverClass(topMenuItems[i]);
 		}
-	});
-} else {
+	}
+
 	/**
-	 * Wrapper function for the adminbar that's used if jQuery isn't available.
+	 * Scrolls to the top of the page.
 	 *
-	 * @param {Object} d The document object.
-	 * @param {Object} w The window object.
+	 * @since 3.4.0
+	 *
+	 * @param {Event} target The Click event.
 	 *
 	 * @return {void}
 	 */
-	(function(d, w) {
+	function scrollToTop(e) {
+		var distance, speed, step, steps, timer, speed_step;
+
 		/**
-		 * Adds an event listener to an object.
-		 *
-		 * @since 3.1.0
-		 *
-		 * @param {Object}   obj  The object to add the event listener to.
-		 * @param {string}   type The type of event.
-		 * @param {function} fn   The function to bind to the event listener.
-		 *
-		 * @return {void}
+		 * Ensure that the #wpadminbar was the target of the click.
 		 */
-		var addEvent = function( obj, type, fn ) {
-			if ( obj && typeof obj.addEventListener === 'function' ) {
-				obj.addEventListener( type, fn, false );
-			} else if ( obj && typeof obj.attachEvent === 'function' ) {
-				obj.attachEvent( 'on' + type, function() {
-					return fn.call( obj, window.event );
-				} );
-			}
-		},
+		if ( e.target.id != 'wpadminbar' && e.target.id != 'wp-admin-bar-top-secondary' )
+			return;
 
-		aB, hc = new RegExp('\\bhover\\b', 'g'), q = [],
-		rselected = new RegExp('\\bselected\\b', 'g'),
+		distance = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
 
-		/**
-		 * Gets the timeout ID of the given element.
-		 *
-		 * @since 3.1.0
-		 *
-		 * @param {HTMLElement} el The HTML element.
-		 *
-		 * @return {number|boolean} The ID value of the timer that is set or false.
-		 */
-		getTOID = function(el) {
-			var i = q.length;
-			while ( i-- ) {
-				if ( q[i] && el == q[i][1] )
-					return q[i][0];
-			}
-			return false;
-		},
+		if ( distance < 1 )
+			return;
 
-		/**
-		 * Adds the hoverclass to menu items.
-		 *
-		 * @since 3.1.0
-		 *
-		 * @param {HTMLElement} t The HTML element.
-		 *
-		 * @return {void}
-		 */
-		addHoverClass = function(t) {
-			var i, id, inA, hovering, ul, li,
-				ancestors = [],
-				ancestorLength = 0;
-
-			// aB is adminbar. d is document.
-			while ( t && t != aB && t != d ) {
-				if ( 'LI' == t.nodeName.toUpperCase() ) {
-					ancestors[ ancestors.length ] = t;
-					id = getTOID(t);
-					if ( id )
-						clearTimeout( id );
-					t.className = t.className ? ( t.className.replace(hc, '') + ' hover' ) : 'hover';
-					hovering = t;
-				}
-				t = t.parentNode;
-			}
+		speed_step = distance > 800 ? 130 : 100;
+		speed      = Math.min( 12, Math.round( distance / speed_step ) );
+		step       = distance > 800 ? Math.round( distance / 30  ) : Math.round( distance / 20  );
+		steps      = [];
+		timer      = 0;
 
-			// Removes any selected classes.
-			if ( hovering && hovering.parentNode ) {
-				ul = hovering.parentNode;
-				if ( ul && 'UL' == ul.nodeName.toUpperCase() ) {
-					i = ul.childNodes.length;
-					while ( i-- ) {
-						li = ul.childNodes[i];
-						if ( li != hovering )
-							li.className = li.className ? li.className.replace( rselected, '' ) : '';
-					}
-				}
-			}
+		// Animate scrolling to the top of the page by generating steps to
+		// the top of the page and shifting to each step at a set interval.
+		while ( distance ) {
+			distance -= step;
+			if ( distance < 0 )
+				distance = 0;
+			steps.push( distance );
 
-			// Removes the hover class for any objects not in the immediate element's ancestry.
-			i = q.length;
-			while ( i-- ) {
-				inA = false;
-				ancestorLength = ancestors.length;
-				while( ancestorLength-- ) {
-					if ( ancestors[ ancestorLength ] == q[i][1] )
-						inA = true;
-				}
+			setTimeout( ( function( window, steps ) {
+				window.scrollTo( 0, steps.shift() );
+			} ).bind( null, window, steps ), timer * speed );
 
-				if ( ! inA )
-					q[i][1].className = q[i][1].className ? q[i][1].className.replace(hc, '') : '';
-			}
-		},
+			timer++;
+		}
+	}
 
-		/**
-		 * Removes the hoverclass from menu items.
-		 *
-		 * @since 3.1.0
-		 *
-		 * @param {HTMLElement} t The HTML element.
-		 *
-		 * @return {void}
-		 */
-		removeHoverClass = function(t) {
-			while ( t && t != aB && t != d ) {
-				if ( 'LI' == t.nodeName.toUpperCase() ) {
-					(function(t) {
-						var to = setTimeout(function() {
-							t.className = t.className ? t.className.replace(hc, '') : '';
-						}, 500);
-						q[q.length] = [to, t];
-					})(t);
+	/**
+	 * Get closest Element.
+	 * 
+	 * @since 5.3.0
+	 * 
+	 * @param {HTMLElement} el Element to get parent.
+	 * @param {string} selector CSS selector to match.
+	 */
+	function getClosest(el, selector) {
+		if (!Element.prototype.matches) {
+			Element.prototype.matches =
+				Element.prototype.matchesSelector ||
+				Element.prototype.mozMatchesSelector ||
+				Element.prototype.msMatchesSelector ||
+				Element.prototype.oMatchesSelector ||
+				Element.prototype.webkitMatchesSelector ||
+				function (s) {
+					var matches = (this.document || this.ownerDocument).querySelectorAll(s),
+						i = matches.length;
+					while (--i >= 0 && matches.item(i) !== this) { }
+					return i > -1;
+				};
+		}
+	
+		// Get the closest matching elent
+		for ( ; el && el !== document; el = el.parentNode ) {
+			if ( el.matches( selector ) ) return el;
+		}
+		return null;
+	}
+
+	/**
+	 * Object.assign polyfill.
+	 * 
+	 * @since 5.3.0
+	 *
+	 * @param {Object} target Target object
+	 */
+	function _extends(target) {
+		for (var i = 1; i < arguments.length; i++) {
+			var source = arguments[i];
+
+			for (var key in source) {
+				if (Object.prototype.hasOwnProperty.call(source, key)) {
+					target[key] = source[key];
 				}
-				t = t.parentNode;
 			}
-		},
+		}
 
-		/**
-		 * Handles the click on the Shortlink link in the adminbar.
-		 *
-		 * @since 3.1.0
-		 *
-		 * @param {Object} e The click event.
-		 *
-		 * @return {boolean} Returns false to prevent default click behavior.
-		 */
-		clickShortlink = function(e) {
-			var i, l, node,
-				t = e.target || e.srcElement;
-
-			// Make t the shortlink menu item, or return.
-			while ( true ) {
-				// Check if we've gone past the shortlink node,
-				// or if the user is clicking on the input.
-				if ( ! t || t == d || t == aB )
-					return;
-				// Check if we've found the shortlink node.
-				if ( t.id && t.id == 'wp-admin-bar-get-shortlink' )
-					break;
-				t = t.parentNode;
-			}
+		return target;
+	}
 
-			// IE doesn't support preventDefault, and does support returnValue
-			if ( e.preventDefault )
-				e.preventDefault();
-			e.returnValue = false;
-
-			if ( -1 == t.className.indexOf('selected') )
-				t.className += ' selected';
-
-			for ( i = 0, l = t.childNodes.length; i < l; i++ ) {
-				node = t.childNodes[i];
-				if ( node.className && -1 != node.className.indexOf('shortlink-input') ) {
-					node.focus();
-					node.select();
-					node.onblur = function() {
-						t.className = t.className ? t.className.replace( rselected, '' ) : '';
-					};
-					break;
-				}
-			}
-			return false;
-		},
+	/**
+	 * Vanilla JS HoverIntent.
+	 * 
+	 * @since 5.3.0
+	 * 
+	 * @param {HTMLElement} el Link elent.
+	 * @param {callback} onOver Callback when mouse is over the elent.
+	 * @param {callback} onOut Callback when mouse leaves the elent.
+	 */
+	function hoverIntent(el, onOver, onOut) {
+		var x, y, pX, pY;
+		var mouseOver = false;
+		var focused = false;
+		var h = {},
+			state = 0,
+			timer = 0;
 
-		/**
-		 * Scrolls to the top of the page.
-		 *
-		 * @since 3.4.0
-		 *
-		 * @param {HTMLElement} t The HTML element.
-		 *
-		 * @return {void}
-		 */
-		scrollToTop = function(t) {
-			var distance, speed, step, steps, timer, speed_step;
+		var options = {
+			sensitivity: 7,
+			interval: 100,
+			timeout: 0,
+			handleFocus: false
+		};
+
+		function delay(el, e) {
+			if (timer) timer = clearTimeout(timer);
+			state = 0;
+			return focused ? undefined : onOut.call(el, e);
+		}
 
-			// Ensure that the #wpadminbar was the target of the click.
-			if ( t.id != 'wpadminbar' && t.id != 'wp-admin-bar-top-secondary' )
-				return;
-
-			distance    = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
-
-			if ( distance < 1 )
-				return;
-
-			speed_step = distance > 800 ? 130 : 100;
-			speed     = Math.min( 12, Math.round( distance / speed_step ) );
-			step      = distance > 800 ? Math.round( distance / 30  ) : Math.round( distance / 20  );
-			steps     = [];
-			timer     = 0;
-
-			// Animate scrolling to the top of the page by generating steps to
-			// the top of the page and shifting to each step at a set interval.
-			while ( distance ) {
-				distance -= step;
-				if ( distance < 0 )
-					distance = 0;
-				steps.push( distance );
-
-				setTimeout( function() {
-					window.scrollTo( 0, steps.shift() );
-				}, timer * speed );
+		function tracker(e) {
+			x = e.clientX;
+			y = e.clientY;
+		}
+
+		function compare(el, e) {
+			if (timer) timer = clearTimeout(timer);
+			if (Math.abs(pX - x) + Math.abs(pY - y) < options.sensitivity) {
+				state = 1;
+				return focused ? undefined : onOver.call(el, e);
+			} else {
+				pX = x;
+				pY = y;
+				timer = setTimeout(function () {
+					compare(el, e);
+				}, options.interval);
+			}
+		}
 
-				timer++;
+		// Public methods
+		h.options = function (opt) {
+			var focusOptionChanged = opt.handleFocus !== options.handleFocus;
+			options = _extends({}, options, opt);
+			if (focusOptionChanged) {
+				options.handleFocus ? addFocus() : removeFocus();
 			}
+			return h;
 		};
 
-		addEvent(w, 'load', function() {
-			aB = d.getElementById('wpadminbar');
+		function dispatchOver(e) {
+			mouseOver = true;
+			if (timer) timer = clearTimeout(timer);
+			el.removeEventListener('mousemove', tracker, false);
+
+			if (state !== 1) {
+				pX = e.clientX;
+				pY = e.clientY;
+
+				el.addEventListener('mousemove', tracker, false);
 
-			if ( d.body && aB ) {
-				d.body.appendChild( aB );
+				timer = setTimeout(function () {
+					compare(el, e);
+				}, options.interval);
+			}
 
-				if ( aB.className )
-					aB.className = aB.className.replace(/nojs/, '');
+			return this;
+		}
 
-				addEvent(aB, 'mouseover', function(e) {
-					addHoverClass( e.target || e.srcElement );
-				});
-
-				addEvent(aB, 'mouseout', function(e) {
-					removeHoverClass( e.target || e.srcElement );
-				});
-
-				addEvent(aB, 'click', clickShortlink );
-
-				addEvent(aB, 'click', function(e) {
-					scrollToTop( e.target || e.srcElement );
-				});
-
-				addEvent( document.getElementById('wp-admin-bar-logout'), 'click', function() {
-					if ( 'sessionStorage' in window ) {
-						try {
-							for ( var key in sessionStorage ) {
-								if ( key.indexOf('wp-autosave-') != -1 )
-									sessionStorage.removeItem(key);
-							}
-						} catch(e) {}
-					}
-				});
+		function dispatchOut(e) {
+			mouseOver = false;
+			if (timer) timer = clearTimeout(timer);
+			el.removeEventListener('mousemove', tracker, false);
+
+			if (state === 1) {
+				timer = setTimeout(function () {
+					delay(el, e);
+				}, options.timeout);
 			}
 
-			if ( w.location.hash )
-				w.scrollBy(0,-32);
+			return this;
+		}
 
-			if ( navigator.userAgent && document.body.className.indexOf( 'no-font-face' ) === -1 &&
-				/Android (1.0|1.1|1.5|1.6|2.0|2.1)|Nokia|Opera Mini|w(eb)?OSBrowser|webOS|UCWEB|Windows Phone OS 7|XBLWP7|ZuneWP7|MSIE 7/.test( navigator.userAgent ) ) {
+		function dispatchFocus(e) {
+			if (!mouseOver) {
+				focused = true;
+				onOver.call(el, e);
+			}
+		}
 
-				document.body.className += ' no-font-face';
+		function dispatchBlur(e) {
+			if (!mouseOver && focused) {
+				focused = false;
+				onOut.call(el, e);
 			}
-		});
-	})(document, window);
+		}
+
+		function addFocus() {
+			el.addEventListener('focus', dispatchFocus, false);
+			el.addEventListener('blur', dispatchBlur, false);
+		}
+
+		function removeFocus() {
+			el.removeEventListener('focus', dispatchFocus, false);
+			el.removeEventListener('blur', dispatchBlur, false);
+		}
+
+		h.remove = function () {
+			if (!el) return;
+			el.removeEventListener('mouseover', dispatchOver, false);
+			el.removeEventListener('mouseout', dispatchOut, false);
+			removeFocus();
+		};
 
-}
+		if (el) {
+			el.addEventListener('mouseover', dispatchOver, false);
+			el.addEventListener('mouseout', dispatchOut, false);
+		}
+
+		return h;
+	}
+})(document, window);
