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