JezK
Edit File: wp-embed-template.js
/** * @output wp-includes/js/wp-embed-template.js */ (function ( window, document ) { 'use strict'; var supportedBrowser = ( document.querySelector && window.addEventListener ), loaded = false, secret, secretTimeout, resizing; function sendEmbedMessage( message, value ) { window.parent.postMessage( { message: message, value: value, secret: secret }, '*' ); } /** * Send the height message to the parent window. */ function sendHeightMessage() { sendEmbedMessage( 'height', Math.ceil( document.body.getBoundingClientRect().height ) ); } function onLoad() { if ( loaded ) { return; } loaded = true; var share_dialog = document.querySelector( '.wp-embed-share-dialog' ), share_dialog_open = document.querySelector( '.wp-embed-share-dialog-open' ), share_dialog_close = document.querySelector( '.wp-embed-share-dialog-close' ), share_input = document.querySelectorAll( '.wp-embed-share-input' ), share_dialog_tabs = document.querySelectorAll( '.wp-embed-share-tab-button button' ), featured_image = document.querySelector( '.wp-embed-featured-image img' ), i; if ( share_input ) { for ( i = 0; i < share_input.length; i++ ) { share_input[ i ].addEventListener( 'click', function ( e ) { e.target.select(); } ); } } function openSharingDialog() { share_dialog.className = share_dialog.className.replace( 'hidden', '' ); // Initial focus should go on the currently selected tab in the dialog. document.querySelector( '.wp-embed-share-tab-button [aria-selected="true"]' ).focus(); } function closeSharingDialog() { share_dialog.className += ' hidden'; document.querySelector( '.wp-embed-share-dialog-open' ).focus(); } if ( share_dialog_open ) { share_dialog_open.addEventListener( 'click', function () { openSharingDialog(); } ); } if ( share_dialog_close ) { share_dialog_close.addEventListener( 'click', function () { closeSharingDialog(); } ); } function shareClickHandler( e ) { var currentTab = document.querySelector( '.wp-embed-share-tab-button [aria-selected="true"]' ); currentTab.setAttribute( 'aria-selected', 'false' ); document.querySelector( '#' + currentTab.getAttribute( 'aria-controls' ) ).setAttribute( 'aria-hidden', 'true' ); e.target.setAttribute( 'aria-selected', 'true' ); document.querySelector( '#' + e.target.getAttribute( 'aria-controls' ) ).setAttribute( 'aria-hidden', 'false' ); } function shareKeyHandler( e ) { var target = e.target, previousSibling = target.parentElement.previousElementSibling, nextSibling = target.parentElement.nextElementSibling, newTab, newTabChild; if ( 37 === e.keyCode ) { newTab = previousSibling; } else if ( 39 === e.keyCode ) { newTab = nextSibling; } else { return false; } if ( 'rtl' === document.documentElement.getAttribute( 'dir' ) ) { newTab = ( newTab === previousSibling ) ? nextSibling : previousSibling; } if ( newTab ) { newTabChild = newTab.firstElementChild; target.setAttribute( 'tabindex', '-1' ); target.setAttribute( 'aria-selected', false ); document.querySelector( '#' + target.getAttribute( 'aria-controls' ) ).setAttribute( 'aria-hidden', 'true' ); newTabChild.setAttribute( 'tabindex', '0' ); newTabChild.setAttribute( 'aria-selected', 'true' ); newTabChild.focus(); document.querySelector( '#' + newTabChild.getAttribute( 'aria-controls' ) ).setAttribute( 'aria-hidden', 'false' ); } } if ( share_dialog_tabs ) { for ( i = 0; i < share_dialog_tabs.length; i++ ) { share_dialog_tabs[ i ].addEventListener( 'click', shareClickHandler ); share_dialog_tabs[ i ].addEventListener( 'keydown', shareKeyHandler ); } } document.addEventListener( 'keydown', function ( e ) { if ( 27 === e.keyCode && -1 === share_dialog.className.indexOf( 'hidden' ) ) { closeSharingDialog(); } else if ( 9 === e.keyCode ) { constrainTabbing( e ); } }, false ); function constrainTabbing( e ) { // Need to re-get the selected tab each time. var firstFocusable = document.querySelector( '.wp-embed-share-tab-button [aria-selected="true"]' ); if ( share_dialog_close === e.target && ! e.shiftKey ) { firstFocusable.focus(); e.preventDefault(); } else if ( firstFocusable === e.target && e.shiftKey ) { share_dialog_close.focus(); e.preventDefault(); } } if ( window.self === window.top ) { return; } // Send this document's height to the parent (embedding) site. sendHeightMessage(); // Send the document's height again after the featured image has been loaded. if ( featured_image ) { featured_image.addEventListener( 'load', sendHeightMessage ); } /** * Detect clicks to external (_top) links. */ function linkClickHandler( e ) { var target = e.target, href; if ( target.hasAttribute( 'href' ) ) { href = target.getAttribute( 'href' ); } else { href = target.parentElement.getAttribute( 'href' ); } // Only catch clicks from the primary mouse button, without any modifiers. if ( event.altKey || event.ctrlKey || event.metaKey || event.shiftKey ) { return; } // Send link target to the parent (embedding) site. if ( href ) { sendEmbedMessage( 'link', href ); e.preventDefault(); } } document.addEventListener( 'click', linkClickHandler ); } /** * Iframe resize handler. */ function onResize() { if ( window.self === window.top ) { return; } clearTimeout( resizing ); resizing = setTimeout( sendHeightMessage, 100 ); } /** * Message handler. * * @param {MessageEvent} event */ function onMessage( event ) { var data = event.data; if ( ! data ) { return; } if ( event.source !== window.parent ) { return; } if ( ! ( data.secret || data.message ) ) { return; } if ( data.secret !== secret ) { return; } if ( 'ready' === data.message ) { sendHeightMessage(); } } /** * Re-get the secret when it was added later on. */ function getSecret() { if ( window.self === window.top || !!secret ) { return; } secret = window.location.hash.replace( /.*secret=([\d\w]{10}).*/, '$1' ); clearTimeout( secretTimeout ); secretTimeout = setTimeout( function () { getSecret(); }, 100 ); } if ( supportedBrowser ) { getSecret(); document.documentElement.className = document.documentElement.className.replace( /\bno-js\b/, '' ) + ' js'; document.addEventListener( 'DOMContentLoaded', onLoad, false ); window.addEventListener( 'load', onLoad, false ); window.addEventListener( 'resize', onResize, false ); window.addEventListener( 'message', onMessage, false ); } })( window, document );