1( function () { 2 function createRipple( event ) { 3 const button = event.currentTarget; 4 const circle = document.createElement( "span" ); 5 const diameter = Math.max( button.clientWidth, button.clientHeight ); 6 const radius = diameter / 2; 7 circle.style.width = circle.style.height = `${ diameter }px`; 8 circle.style.left = `${ 9 event.clientX - ( button.offsetLeft + radius ) 10 }px`; 11 circle.style.top = `${ 12 event.clientY - ( button.offsetTop + radius ) 13 }px`; 14 circle.classList.add( "ripple" ); 15 const ripple = button.getElementsByClassName( "ripple" )[ 0 ]; 16 if ( ripple ) { 17 ripple.remove(); 18 } 19 button.appendChild( circle ); 20 } 21 22 const buttons = document.querySelectorAll( 23 ".btn, .btn-primary, .btn-outline, .wp-block-button__link" 24 ); 25 26 for ( const button of buttons ) { 27 button.addEventListener( "click", createRipple ); 28 } 29} )();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.