Ticket #47069: 47069.3.diff
File 47069.3.diff, 29.0 KB (added by , 5 years ago) |
---|
-
src/js/_enqueues/lib/admin-bar.js
1 1 /** 2 2 * @output wp-includes/js/admin-bar.js 3 3 */ 4 /** 5 * Admin bar with Vanilla JS, no external dependencies. 6 * 7 * @param {Object} document The document object. 8 * @param {Object} window The window object. 9 * 10 * @return {void} 11 */ 12 (function(document, window) { 4 13 5 /* jshint loopfunc: true */ 6 // use jQuery and hoverIntent if loaded 7 if ( typeof(jQuery) != 'undefined' ) { 8 if ( typeof(jQuery.fn.hoverIntent) == 'undefined' ) { 9 /* jshint ignore:start */ 10 // hoverIntent v1.8.1 - Copy of wp-includes/js/hoverIntent.min.js 11 !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); 12 /* jshint ignore:end */ 13 } 14 jQuery(document).ready(function($){ 15 var adminbar = $('#wpadminbar'), refresh, touchOpen, touchClose, disableHoverIntent = false; 14 document.addEventListener('DOMContentLoaded', function() { 15 var adminBar = document.getElementById('wpadminbar'); 16 var topMenuItems = adminBar.querySelectorAll('li.menupop'); 17 var allMenuItems = adminBar.querySelectorAll('.ab-item'); 18 var adminBarLogout = document.getElementById('wp-admin-bar-logout'); 19 var adminBarSearchForm = document.getElementById('adminbarsearch'); 20 var shortlink = document.getElementById('wp-admin-bar-get-shortlink'); 21 var skipLink = adminBar.querySelector('.screen-reader-shortcut'); 22 var disableHoverIntent = false; 23 var i; 16 24 17 25 /** 18 * Forces the browser to refresh the tabbing index. 19 * 20 * @since 3.3.0 21 * 22 * @param {number} i The index of the HTML element to remove the tab index 23 * from. This parameter is necessary because we use this 24 * function in .each calls. 25 * @param {HTMLElement} el The HTML element to remove the tab index from. 26 * 27 * @return {void} 26 * Remove nojs class after the DOM is loaded. 28 27 */ 29 refresh = function(i, el){ 30 var node = $(el), tab = node.attr('tabindex'); 31 if ( tab ) 32 node.attr('tabindex', '0').attr('tabindex', tab); 33 }; 28 adminBar.classList.remove('nojs'); 34 29 35 /** 36 * Adds or removes the hover class on touch. 37 * 38 * @since 3.5.0 39 * 40 * @param {boolean} unbind If true removes the wp-mobile-hover class. 41 * 42 * @return {void} 43 */ 44 touchOpen = function(unbind) { 45 adminbar.find('li.menupop').on('click.wp-mobile-hover', function(e) { 46 var el = $(this); 47 48 if ( el.parent().is('#wp-admin-bar-root-default') && !el.hasClass('hover') ) { 49 e.preventDefault(); 50 adminbar.find('li.menupop.hover').removeClass('hover'); 51 el.addClass('hover'); 52 } else if ( !el.hasClass('hover') ) { 53 e.stopPropagation(); 54 e.preventDefault(); 55 el.addClass('hover'); 56 } else if ( ! $( e.target ).closest( 'div' ).hasClass( 'ab-sub-wrapper' ) ) { 57 // We're dealing with an already-touch-opened menu genericon (we know el.hasClass('hover')), 58 // so close it on a second tap and prevent propag and defaults. See #29906 59 e.stopPropagation(); 60 e.preventDefault(); 61 el.removeClass('hover'); 62 } 30 if ( 'ontouchstart' in window ) { 31 var mobileEvent = /Mobile\/.+Safari/.test(navigator.userAgent) ? 'touchstart' : 'click'; 32 33 /** 34 * Remove hover class when the user touchs outside the menu items. 35 */ 36 document.body.addEventListener(mobileEvent, function(e) { 37 if (! getClosest(e.target, 'li.menupop')) 38 removeAllHoverClass(topMenuItems); 39 }); 63 40 64 if ( unbind ) { 65 $('li.menupop').off('click.wp-mobile-hover'); 66 disableHoverIntent = false; 41 /** 42 * Disable hover intent on touch devices. 43 * Add listener for menu items to toggle hover class by touchs. 44 * Remove the callback later for better performance. 45 */ 46 adminBar.addEventListener('touchstart', function bindMobileEvents() { 47 disableHoverIntent = disableHoverIntent || true; 48 49 for (var i = 0; i < topMenuItems.length; i++) { 50 topMenuItems[i].addEventListener('click', mobileHover.bind(null, topMenuItems)); 67 51 } 52 53 adminBar.removeEventListener('touchstart', bindMobileEvents); 68 54 }); 69 } ;55 } 70 56 71 57 /** 72 * Removes the hover class if clicked or touched outside the admin bar. 73 * 74 * @since 3.5.0 75 * 76 * @return {void} 58 * Scroll page to top when clicking on the admin bar. 77 59 */ 78 touchClose = function() { 79 var mobileEvent = /Mobile\/.+Safari/.test(navigator.userAgent) ? 'touchstart' : 'click'; 80 // close any open drop-downs when the click/touch is not on the toolbar 81 $(document.body).on( mobileEvent+'.wp-mobile-hover', function(e) { 82 if ( !$(e.target).closest('#wpadminbar').length ) 83 adminbar.find('li.menupop.hover').removeClass('hover'); 60 adminBar.addEventListener('click', scrollToTop); 61 62 for (i = 0; i < topMenuItems.length; i++) { 63 /** 64 * Adds or removes the hover class based on the hover intent. 65 */ 66 hoverIntent( 67 topMenuItems[i], 68 function() { 69 if (!disableHoverIntent) 70 addHoverClass(this); 71 }, 72 function() { 73 if (!disableHoverIntent) 74 removeHoverClass(this); 75 } 76 ).options({ 77 timeout: 180 84 78 }); 85 };86 79 87 adminbar.removeClass('nojq').removeClass('nojs'); 80 /** 81 * Toggle hover class if the enter key is pressed. 82 */ 83 topMenuItems[i].addEventListener('keydown', toggleHoverWithEnter); 84 } 88 85 89 // If clicked on the adminbar add the hoverclass, if clicked outside it remove 90 // it. 91 if ( 'ontouchstart' in window ) { 92 adminbar.on('touchstart', function(){ 93 touchOpen(true); 94 disableHoverIntent = true; 86 87 for (i = 0; i < allMenuItems.length; i++) { 88 allMenuItems[i].addEventListener('keydown', removeHoverWithEscape); 89 } 90 91 if (adminBarSearchForm) { 92 var adminBarSearchInput = document.getElementById('adminbar-search'); 93 94 /** 95 * Adds the adminbar-focused class on focus. 96 */ 97 adminBarSearchInput.addEventListener('focus', function() { 98 adminBarSearchForm.classList.add('adminbar-focused'); 95 99 }); 96 touchClose();97 } else if ( /IEMobile\/[1-9]/.test(navigator.userAgent) ) {98 touchOpen();99 touchClose();100 }101 102 // Adds or removes the hover class based on the hover intent.103 adminbar.find('li.menupop').hoverIntent({104 over: function() {105 if ( disableHoverIntent )106 return;107 108 $(this).addClass('hover');109 },110 out: function() {111 if ( disableHoverIntent )112 return;113 114 $(this).removeClass('hover');115 },116 timeout: 180,117 sensitivity: 7,118 interval: 100119 });120 100 121 // Prevents the toolbar from covering up content when a hash is present in the 122 // URL. 123 if ( window.location.hash ) 124 window.scrollBy( 0, -32 ); 101 /** 102 * Removes the adminbar-focused class on blur. 103 */ 104 adminBarSearchInput.addEventListener('blur', function() { 105 adminBarSearchForm.classList.remove('adminbar-focused'); 106 }); 107 } 125 108 126 109 /** 127 * Handles the selected state of the Shortlink link. 128 * 129 * When the input is visible the link should be selected, when the input is 130 * unfocused the link should be unselected. 131 * 132 * @param {Object} e The click event. 133 * 134 * @return {void} 135 **/ 136 $('#wp-admin-bar-get-shortlink').click(function(e){ 137 e.preventDefault(); 138 $(this).addClass('selected').children('.shortlink-input').blur(function(){ 139 $(this).parents('#wp-admin-bar-get-shortlink').removeClass('selected'); 140 }).focus().select(); 141 }); 110 * Focus the target of skip link after pressing Enter. 111 */ 112 skipLink.addEventListener('keydown', focusTargetAfterEnter); 113 114 if (shortlink) 115 shortlink.addEventListener('click', clickShortlink); 142 116 143 117 /** 144 * Removes the hoverclass if the enter key is pressed. 145 * 146 * Makes sure the tab index is refreshed by refreshing each ab-item 147 * and its children. 148 * 149 * @param {Object} e The keydown event. 150 * 151 * @return {void} 118 * Prevents the toolbar from covering up content when a hash is present 119 * in the URL. 152 120 */ 153 $('#wpadminbar li.menupop > .ab-item').bind('keydown.adminbar', function(e){ 154 // Key code 13 is the enter key. 155 if ( e.which != 13 ) 156 return; 157 158 var target = $(e.target), 159 wrap = target.closest('.ab-sub-wrapper'), 160 parentHasHover = target.parent().hasClass('hover'); 121 if (window.location.hash) 122 window.scrollBy(0, -32); 161 123 162 e.stopPropagation(); 163 e.preventDefault(); 124 /** 125 * Add no-font-face class to body if needed. 126 */ 127 if ( navigator.userAgent && document.body.className.indexOf( 'no-font-face' ) === -1 && 128 /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 ) ) { 164 129 165 if ( !wrap.length )166 wrap = $('#wpadminbar .quicklinks');130 document.body.className += ' no-font-face'; 131 } 167 132 168 wrap.find('.menupop').removeClass('hover'); 133 /** 134 * Clear sessionStorage on logging out. 135 */ 136 adminBarLogout.addEventListener('click', emptySessionStorage); 137 }); 169 138 170 if ( ! parentHasHover ) { 171 target.parent().toggleClass('hover'); 172 } 139 /** 140 * Remove hover class for top level menu item when escape is pressed. 141 * 142 * @since 5.3.0 143 * 144 * @param {Event} e The keydown event. 145 */ 146 function removeHoverWithEscape(e) { 147 var wrapper; 173 148 174 target.siblings('.ab-sub-wrapper').find('.ab-item').each(refresh);175 }).each(refresh);149 if ( e.which != 27 ) 150 return; 176 151 177 /** 178 * Removes the hover class when the escape key is pressed. 179 * 180 * Makes sure the tab index is refreshed by refreshing each ab-item 181 * and its children. 182 * 183 * @param {Object} e The keydown event. 184 * 185 * @return {void} 186 */ 187 $('#wpadminbar .ab-item').bind('keydown.adminbar', function(e){ 188 // Key code 27 is the escape key. 189 if ( e.which != 27 ) 190 return; 152 wrapper = getClosest(e.target, '.menupop'); 191 153 192 var target = $(e.target); 154 if (! wrapper) 155 return; 193 156 194 e.stopPropagation(); 195 e.preventDefault(); 157 wrapper.querySelector('.menupop > .ab-item').focus(); 158 removeHoverClass(wrapper); 159 } 196 160 197 target.closest('.hover').removeClass('hover').children('.ab-item').focus();198 target.siblings('.ab-sub-wrapper').find('.ab-item').each(refresh);199 });200 161 201 /**202 * Scrolls to top of page by clicking the adminbar.203 *204 * @param {Object} e The click event.205 *206 * @return {void}207 */208 adminbar.click( function(e) {209 if ( e.target.id != 'wpadminbar' && e.target.id != 'wp-admin-bar-top-secondary' ) {210 return;211 }212 162 213 adminbar.find( 'li.menupop.hover' ).removeClass( 'hover' ); 214 $( 'html, body' ).animate( { scrollTop: 0 }, 'fast' ); 215 e.preventDefault(); 216 }); 163 /** 164 * Toggle hover class for top level menu item when enter is pressed. 165 * 166 * @since 5.3.0 167 * 168 * @param {Event} e The keydown event. 169 */ 170 function toggleHoverWithEnter(e) { 171 var wrapper; 217 172 218 /** 219 * Sets the focus on an element with a href attribute. 220 * 221 * The timeout is used to fix a focus bug in WebKit. 222 * 223 * @param {Object} e The keydown event. 224 * 225 * @return {void} 226 */ 227 $('.screen-reader-shortcut').keydown( function(e) { 228 var id, ua; 173 if ( e.which != 13 ) 174 return; 175 176 if (!! getClosest(e.target, '.ab-sub-wrapper') ) 177 return; 178 179 wrapper = getClosest(e.target, '.menupop'); 180 181 if (! wrapper) 182 return; 183 184 e.preventDefault(); 185 if (hasHoverClass(wrapper)) { 186 removeHoverClass(wrapper); 187 } else { 188 addHoverClass(wrapper); 189 } 190 } 191 192 /** 193 * Focus the target of skip link after pressing Enter. 194 * 195 * @since 5.3.0 196 * 197 * @param {Event} e The keydown event. 198 */ 199 function focusTargetAfterEnter(e) { 200 var id, userAgent; 229 201 230 if ( 13 != e.which)231 202 if (13 !== e.which) 203 return; 232 204 233 id = $( this ).attr( 'href' ); 205 id = e.target.getAttribute('href'); 206 userAgent = navigator.userAgent.toLowerCase(); 234 207 235 ua = navigator.userAgent.toLowerCase(); 208 if ( userAgent.indexOf('applewebkit') != -1 && id && id.charAt(0) == '#' ) { 209 setTimeout(function () { 210 var target = document.getElementById(id.replace('#', '')); 211 212 target.setAttribute('tabIndex', '0'); 213 target.focus(); 214 }, 100); 215 } 216 } 236 217 237 if ( ua.indexOf('applewebkit') != -1 && id && id.charAt(0) == '#' ) { 238 setTimeout(function () { 239 $(id).focus(); 240 }, 100); 241 } 242 }); 218 /** 219 * Toogle hover class for mobile devices. 220 * 221 * @since 5.3.0 222 * 223 * @param {NodeList} topMenuItems All menu items. 224 * @param {Event} e The click event. 225 */ 226 function mobileHover(topMenuItems, e) { 227 var wrapper; 243 228 244 $( '#adminbar-search' ).on({ 245 /** 246 * Adds the adminbar-focused class on focus. 247 * 248 * @return {void} 249 */ 250 focus: function() { 251 $( '#adminbarsearch' ).addClass( 'adminbar-focused' ); 252 /** 253 * Removes the adminbar-focused class on blur. 254 * 255 * @return {void} 256 */ 257 }, blur: function() { 258 $( '#adminbarsearch' ).removeClass( 'adminbar-focused' ); 259 } 260 } ); 229 if (!! getClosest(e.target, '.ab-sub-wrapper') ) 230 return; 231 232 e.preventDefault(); 233 234 wrapper = getClosest(e.target, '.menupop'); 235 236 if (! wrapper) 237 return; 238 239 if (hasHoverClass(wrapper)) { 240 removeHoverClass(wrapper); 241 } else { 242 removeAllHoverClass(topMenuItems); 243 addHoverClass(wrapper); 244 } 245 } 246 247 /** 248 * Handles the click on the Shortlink link in the adminbar. 249 * 250 * @since 3.1.0 251 * @since 5.3.0 Use querySelector to clean up the function. 252 * 253 * @param {Event} e The click event. 254 * 255 * @return {boolean} Returns false to prevent default click behavior. 256 */ 257 function clickShortlink(e) { 258 var wrapper = e.target.parentNode, 259 input = wrapper.querySelector('.shortlink-input'); 260 261 // IE doesn't support preventDefault, and does support returnValue 262 if ( e.preventDefault ) 263 e.preventDefault(); 264 e.returnValue = false; 261 265 266 wrapper.classList.add('selected'); 267 input.focus(); 268 input.select(); 269 input.onblur = function() { 270 wrapper.classList.remove('selected'); 271 }; 272 273 return false; 274 } 275 276 /** 277 * Clear sessionStorage on logging out. 278 * 279 * @since 5.3.0 280 */ 281 function emptySessionStorage() { 262 282 if ( 'sessionStorage' in window ) { 263 /** 264 * Empties sessionStorage on logging out. 265 * 266 * @return {void} 267 */ 268 $('#wp-admin-bar-logout a').click( function() { 269 try { 270 for ( var key in sessionStorage ) { 271 if ( key.indexOf('wp-autosave-') != -1 ) 272 sessionStorage.removeItem(key); 273 } 274 } catch(e) {} 275 }); 283 try { 284 for ( var key in sessionStorage ) { 285 if ( key.indexOf('wp-autosave-') != -1 ) 286 sessionStorage.removeItem(key); 287 } 288 } catch(e) {} 276 289 } 290 } 277 291 278 if ( navigator.userAgent && document.body.className.indexOf( 'no-font-face' ) === -1 && 279 /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 ) ) { 292 /** 293 * Check if menu item has hover class. 294 * 295 * @since 5.3.0 296 * 297 * @param {HTMLElement} item Menu item Element. 298 */ 299 function hasHoverClass(item) { 300 return item.classList.contains('hover'); 301 } 280 302 281 document.body.className += ' no-font-face'; 303 /** 304 * Add hover class for menu item. 305 * 306 * @since 5.3.0 307 * 308 * @param {HTMLElement} item Menu item Element. 309 */ 310 function addHoverClass(item) { 311 item.classList.add('hover'); 312 } 313 314 /** 315 * Remove hover class for menu item. 316 * 317 * @since 5.3.0 318 * 319 * @param {HTMLElement} item Menu item Element. 320 */ 321 function removeHoverClass(item) { 322 item.classList.remove('hover'); 323 } 324 325 /** 326 * Remove hover class for all menu items. 327 * 328 * @since 5.3.0 329 * 330 * @param {NodeList} topMenuItems All menu items. 331 */ 332 function removeAllHoverClass(topMenuItems) { 333 for (var i = 0; i < topMenuItems.length; i++) { 334 if (hasHoverClass(topMenuItems[i])) 335 removeHoverClass(topMenuItems[i]); 282 336 } 283 } );284 } else { 337 } 338 285 339 /** 286 * Wrapper function for the adminbar that's used if jQuery isn't available.340 * Scrolls to the top of the page. 287 341 * 288 * @param {Object} d The document object. 289 * @param {Object} w The window object. 342 * @since 3.4.0 343 * 344 * @param {Event} target The Click event. 290 345 * 291 346 * @return {void} 292 347 */ 293 (function(d, w) { 348 function scrollToTop(e) { 349 var distance, speed, step, steps, timer, speed_step; 350 294 351 /** 295 * Adds an event listener to an object. 296 * 297 * @since 3.1.0 298 * 299 * @param {Object} obj The object to add the event listener to. 300 * @param {string} type The type of event. 301 * @param {function} fn The function to bind to the event listener. 302 * 303 * @return {void} 352 * Ensure that the #wpadminbar was the target of the click. 304 353 */ 305 var addEvent = function( obj, type, fn ) { 306 if ( obj && typeof obj.addEventListener === 'function' ) { 307 obj.addEventListener( type, fn, false ); 308 } else if ( obj && typeof obj.attachEvent === 'function' ) { 309 obj.attachEvent( 'on' + type, function() { 310 return fn.call( obj, window.event ); 311 } ); 312 } 313 }, 354 if ( e.target.id != 'wpadminbar' && e.target.id != 'wp-admin-bar-top-secondary' ) 355 return; 314 356 315 aB, hc = new RegExp('\\bhover\\b', 'g'), q = [], 316 rselected = new RegExp('\\bselected\\b', 'g'), 357 distance = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; 317 358 318 /** 319 * Gets the timeout ID of the given element. 320 * 321 * @since 3.1.0 322 * 323 * @param {HTMLElement} el The HTML element. 324 * 325 * @return {number|boolean} The ID value of the timer that is set or false. 326 */ 327 getTOID = function(el) { 328 var i = q.length; 329 while ( i-- ) { 330 if ( q[i] && el == q[i][1] ) 331 return q[i][0]; 332 } 333 return false; 334 }, 359 if ( distance < 1 ) 360 return; 335 361 336 /** 337 * Adds the hoverclass to menu items. 338 * 339 * @since 3.1.0 340 * 341 * @param {HTMLElement} t The HTML element. 342 * 343 * @return {void} 344 */ 345 addHoverClass = function(t) { 346 var i, id, inA, hovering, ul, li, 347 ancestors = [], 348 ancestorLength = 0; 349 350 // aB is adminbar. d is document. 351 while ( t && t != aB && t != d ) { 352 if ( 'LI' == t.nodeName.toUpperCase() ) { 353 ancestors[ ancestors.length ] = t; 354 id = getTOID(t); 355 if ( id ) 356 clearTimeout( id ); 357 t.className = t.className ? ( t.className.replace(hc, '') + ' hover' ) : 'hover'; 358 hovering = t; 359 } 360 t = t.parentNode; 361 } 362 speed_step = distance > 800 ? 130 : 100; 363 speed = Math.min( 12, Math.round( distance / speed_step ) ); 364 step = distance > 800 ? Math.round( distance / 30 ) : Math.round( distance / 20 ); 365 steps = []; 366 timer = 0; 362 367 363 // Removes any selected classes. 364 if ( hovering && hovering.parentNode ) { 365 ul = hovering.parentNode; 366 if ( ul && 'UL' == ul.nodeName.toUpperCase() ) { 367 i = ul.childNodes.length; 368 while ( i-- ) { 369 li = ul.childNodes[i]; 370 if ( li != hovering ) 371 li.className = li.className ? li.className.replace( rselected, '' ) : ''; 372 } 373 } 374 } 368 // Animate scrolling to the top of the page by generating steps to 369 // the top of the page and shifting to each step at a set interval. 370 while ( distance ) { 371 distance -= step; 372 if ( distance < 0 ) 373 distance = 0; 374 steps.push( distance ); 375 375 376 // Removes the hover class for any objects not in the immediate element's ancestry. 377 i = q.length; 378 while ( i-- ) { 379 inA = false; 380 ancestorLength = ancestors.length; 381 while( ancestorLength-- ) { 382 if ( ancestors[ ancestorLength ] == q[i][1] ) 383 inA = true; 384 } 376 setTimeout( ( function( window, steps ) { 377 window.scrollTo( 0, steps.shift() ); 378 } ).bind( null, window, steps ), timer * speed ); 385 379 386 if ( ! inA ) 387 q[i][1].className = q[i][1].className ? q[i][1].className.replace(hc, '') : ''; 388 } 389 }, 380 timer++; 381 } 382 } 390 383 391 /** 392 * Removes the hoverclass from menu items. 393 * 394 * @since 3.1.0 395 * 396 * @param {HTMLElement} t The HTML element. 397 * 398 * @return {void} 399 */ 400 removeHoverClass = function(t) { 401 while ( t && t != aB && t != d ) { 402 if ( 'LI' == t.nodeName.toUpperCase() ) { 403 (function(t) { 404 var to = setTimeout(function() { 405 t.className = t.className ? t.className.replace(hc, '') : ''; 406 }, 500); 407 q[q.length] = [to, t]; 408 })(t); 384 /** 385 * Get closest Element. 386 * 387 * @since 5.3.0 388 * 389 * @param {HTMLElement} el Element to get parent. 390 * @param {string} selector CSS selector to match. 391 */ 392 function getClosest(el, selector) { 393 if (!Element.prototype.matches) { 394 Element.prototype.matches = 395 Element.prototype.matchesSelector || 396 Element.prototype.mozMatchesSelector || 397 Element.prototype.msMatchesSelector || 398 Element.prototype.oMatchesSelector || 399 Element.prototype.webkitMatchesSelector || 400 function (s) { 401 var matches = (this.document || this.ownerDocument).querySelectorAll(s), 402 i = matches.length; 403 while (--i >= 0 && matches.item(i) !== this) { } 404 return i > -1; 405 }; 406 } 407 408 // Get the closest matching elent 409 for ( ; el && el !== document; el = el.parentNode ) { 410 if ( el.matches( selector ) ) return el; 411 } 412 return null; 413 } 414 415 /** 416 * Object.assign polyfill. 417 * 418 * @since 5.3.0 419 * 420 * @param {Object} target Target object 421 */ 422 function _extends(target) { 423 for (var i = 1; i < arguments.length; i++) { 424 var source = arguments[i]; 425 426 for (var key in source) { 427 if (Object.prototype.hasOwnProperty.call(source, key)) { 428 target[key] = source[key]; 409 429 } 410 t = t.parentNode;411 430 } 412 } ,431 } 413 432 414 /** 415 * Handles the click on the Shortlink link in the adminbar. 416 * 417 * @since 3.1.0 418 * 419 * @param {Object} e The click event. 420 * 421 * @return {boolean} Returns false to prevent default click behavior. 422 */ 423 clickShortlink = function(e) { 424 var i, l, node, 425 t = e.target || e.srcElement; 426 427 // Make t the shortlink menu item, or return. 428 while ( true ) { 429 // Check if we've gone past the shortlink node, 430 // or if the user is clicking on the input. 431 if ( ! t || t == d || t == aB ) 432 return; 433 // Check if we've found the shortlink node. 434 if ( t.id && t.id == 'wp-admin-bar-get-shortlink' ) 435 break; 436 t = t.parentNode; 437 } 433 return target; 434 } 438 435 439 // IE doesn't support preventDefault, and does support returnValue 440 if ( e.preventDefault ) 441 e.preventDefault(); 442 e.returnValue = false; 443 444 if ( -1 == t.className.indexOf('selected') ) 445 t.className += ' selected'; 446 447 for ( i = 0, l = t.childNodes.length; i < l; i++ ) { 448 node = t.childNodes[i]; 449 if ( node.className && -1 != node.className.indexOf('shortlink-input') ) { 450 node.focus(); 451 node.select(); 452 node.onblur = function() { 453 t.className = t.className ? t.className.replace( rselected, '' ) : ''; 454 }; 455 break; 456 } 457 } 458 return false; 459 }, 436 /** 437 * Vanilla JS HoverIntent. 438 * 439 * @since 5.3.0 440 * 441 * @param {HTMLElement} el Link elent. 442 * @param {callback} onOver Callback when mouse is over the elent. 443 * @param {callback} onOut Callback when mouse leaves the elent. 444 */ 445 function hoverIntent(el, onOver, onOut) { 446 var x, y, pX, pY; 447 var mouseOver = false; 448 var focused = false; 449 var h = {}, 450 state = 0, 451 timer = 0; 460 452 461 /** 462 * Scrolls to the top of the page. 463 * 464 * @since 3.4.0 465 * 466 * @param {HTMLElement} t The HTML element. 467 * 468 * @return {void} 469 */ 470 scrollToTop = function(t) { 471 var distance, speed, step, steps, timer, speed_step; 453 var options = { 454 sensitivity: 7, 455 interval: 100, 456 timeout: 0, 457 handleFocus: false 458 }; 459 460 function delay(el, e) { 461 if (timer) timer = clearTimeout(timer); 462 state = 0; 463 return focused ? undefined : onOut.call(el, e); 464 } 472 465 473 // Ensure that the #wpadminbar was the target of the click. 474 if ( t.id != 'wpadminbar' && t.id != 'wp-admin-bar-top-secondary' ) 475 return; 476 477 distance = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; 478 479 if ( distance < 1 ) 480 return; 481 482 speed_step = distance > 800 ? 130 : 100; 483 speed = Math.min( 12, Math.round( distance / speed_step ) ); 484 step = distance > 800 ? Math.round( distance / 30 ) : Math.round( distance / 20 ); 485 steps = []; 486 timer = 0; 487 488 // Animate scrolling to the top of the page by generating steps to 489 // the top of the page and shifting to each step at a set interval. 490 while ( distance ) { 491 distance -= step; 492 if ( distance < 0 ) 493 distance = 0; 494 steps.push( distance ); 495 496 setTimeout( function() { 497 window.scrollTo( 0, steps.shift() ); 498 }, timer * speed ); 466 function tracker(e) { 467 x = e.clientX; 468 y = e.clientY; 469 } 470 471 function compare(el, e) { 472 if (timer) timer = clearTimeout(timer); 473 if (Math.abs(pX - x) + Math.abs(pY - y) < options.sensitivity) { 474 state = 1; 475 return focused ? undefined : onOver.call(el, e); 476 } else { 477 pX = x; 478 pY = y; 479 timer = setTimeout(function () { 480 compare(el, e); 481 }, options.interval); 482 } 483 } 499 484 500 timer++; 485 // Public methods 486 h.options = function (opt) { 487 var focusOptionChanged = opt.handleFocus !== options.handleFocus; 488 options = _extends({}, options, opt); 489 if (focusOptionChanged) { 490 options.handleFocus ? addFocus() : removeFocus(); 501 491 } 492 return h; 502 493 }; 503 494 504 addEvent(w, 'load', function() { 505 aB = d.getElementById('wpadminbar'); 495 function dispatchOver(e) { 496 mouseOver = true; 497 if (timer) timer = clearTimeout(timer); 498 el.removeEventListener('mousemove', tracker, false); 499 500 if (state !== 1) { 501 pX = e.clientX; 502 pY = e.clientY; 503 504 el.addEventListener('mousemove', tracker, false); 506 505 507 if ( d.body && aB ) { 508 d.body.appendChild( aB ); 506 timer = setTimeout(function () { 507 compare(el, e); 508 }, options.interval); 509 } 509 510 510 if ( aB.className )511 aB.className = aB.className.replace(/nojs/, '');511 return this; 512 } 512 513 513 addEvent(aB, 'mouseover', function(e) { 514 addHoverClass( e.target || e.srcElement ); 515 }); 516 517 addEvent(aB, 'mouseout', function(e) { 518 removeHoverClass( e.target || e.srcElement ); 519 }); 520 521 addEvent(aB, 'click', clickShortlink ); 522 523 addEvent(aB, 'click', function(e) { 524 scrollToTop( e.target || e.srcElement ); 525 }); 526 527 addEvent( document.getElementById('wp-admin-bar-logout'), 'click', function() { 528 if ( 'sessionStorage' in window ) { 529 try { 530 for ( var key in sessionStorage ) { 531 if ( key.indexOf('wp-autosave-') != -1 ) 532 sessionStorage.removeItem(key); 533 } 534 } catch(e) {} 535 } 536 }); 514 function dispatchOut(e) { 515 mouseOver = false; 516 if (timer) timer = clearTimeout(timer); 517 el.removeEventListener('mousemove', tracker, false); 518 519 if (state === 1) { 520 timer = setTimeout(function () { 521 delay(el, e); 522 }, options.timeout); 537 523 } 538 524 539 if ( w.location.hash )540 w.scrollBy(0,-32);525 return this; 526 } 541 527 542 if ( navigator.userAgent && document.body.className.indexOf( 'no-font-face' ) === -1 && 543 /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 ) ) { 528 function dispatchFocus(e) { 529 if (!mouseOver) { 530 focused = true; 531 onOver.call(el, e); 532 } 533 } 544 534 545 document.body.className += ' no-font-face'; 535 function dispatchBlur(e) { 536 if (!mouseOver && focused) { 537 focused = false; 538 onOut.call(el, e); 546 539 } 547 }); 548 })(document, window); 540 } 541 542 function addFocus() { 543 el.addEventListener('focus', dispatchFocus, false); 544 el.addEventListener('blur', dispatchBlur, false); 545 } 546 547 function removeFocus() { 548 el.removeEventListener('focus', dispatchFocus, false); 549 el.removeEventListener('blur', dispatchBlur, false); 550 } 551 552 h.remove = function () { 553 if (!el) return; 554 el.removeEventListener('mouseover', dispatchOver, false); 555 el.removeEventListener('mouseout', dispatchOut, false); 556 removeFocus(); 557 }; 549 558 550 } 559 if (el) { 560 el.addEventListener('mouseover', dispatchOver, false); 561 el.addEventListener('mouseout', dispatchOut, false); 562 } 563 564 return h; 565 } 566 })(document, window);