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