* Contains all the methods to initialize and control the image editor.

	 * Enable crop tool.

	toggleCropTool: function( postid, nonce, cropButton ) {

		imageEdit.toggleControls( cropButton );

		var $el = $( cropButton );

		var state = ( $el.attr( 'aria-expanded' ) === 'true' ) ? 'true' : 'false';

		// Crop tools have been closed.

		if ( 'false' === state ) {

			// Cancel selection, but do not unset inputs.

			this.iasapi.cancelSelection();

			imageEdit.setDisabled($('.imgedit-crop-clear'), 0);

		} else {

			imageEdit.setDisabled($('.imgedit-crop-clear'), 1);

			// Get values from inputs to restore previous selection.

			var startX = ( $( '#imgedit-start-x-' + postid ).val() ) ? $('#imgedit-start-x-' + postid).val() : 0;

			var startY = ( $( '#imgedit-start-y-' + postid ).val() ) ? $('#imgedit-start-y-' + postid).val() : 0;

			var width = ( $( '#imgedit-sel-width-' + postid ).val() ) ? $('#imgedit-sel-width-' + postid).val() : img.innerWidth();

			var height = ( $( '#imgedit-sel-height-' + postid ).val() ) ? $('#imgedit-sel-height-' + postid).val() : img.innerHeight();

			// Ensure selection is available, otherwise reset to full image.

			if ( isNaN( selection.x1 ) ) {

				this.setCropSelection( postid, { 'x1': startX, 'y1': startY, 'x2': width, 'y2': height, 'width': width, 'height': height } );

				selection = this.iasapi.getSelection();

			}

			// If we don't already have a selection, select the entire image.

			if ( 0 === selection.x1 && 0 === selection.y1 && 0 === selection.x2 && 0 === selection.y2 ) {

				this.iasapi.setSelection( 0, 0, img.innerWidth(), img.innerHeight(), true );

				this.iasapi.setOptions( { show: true } );

				this.iasapi.update();

			} else {

				this.iasapi.setSelection( startX, startY, width, height, true );

				this.iasapi.setOptions( { show: true } );

				this.iasapi.update();

			}

		}

	},

	/**

	 * Handle crop tool clicks.

	 */

	handleCropToolClick: function( postid, nonce, cropButton ) {

		if ( cropButton.classList.contains( 'imgedit-crop-clear' ) ) {

			this.iasapi.cancelSelection();

			imageEdit.setDisabled($('.imgedit-crop-apply'), 0);

			$('#imgedit-sel-width-' + postid).val('');

			$('#imgedit-sel-height-' + postid).val('');

			$('#imgedit-start-x-' + postid).val('0');

			$('#imgedit-start-y-' + postid).val('0');

			$('#imgedit-selection-' + postid).val('');

		$('#imgedit-panel-' + postid).on( 'keypress', function(e) {

			var nonce = $( '#imgedit-nonce-' + postid ).val();

			if ( e.which === 26 && e.ctrlKey ) {

				imageEdit.undo( postid, nonce );

			}

			if ( e.which === 25 && e.ctrlKey ) {

				imageEdit.redo( postid, nonce );

			}

		});

	 * Shows or hides image menu popup.

	 *

	 * @since 6.3.0

	 *

	 * @memberof imageEdit

	 *

	 * @param {HTMLElement} el The activated control element.

	 *

	 * @return {boolean} Always returns false.

	 */

	togglePopup : function(el) {

		var $el = $( el );

		var $targetEl = $( el ).attr( 'aria-controls' );

		var $target = $( '#' + $targetEl );

		$el

			.attr( 'aria-expanded', 'false' === $el.attr( 'aria-expanded' ) ? 'true' : 'false' );

		// Open menu and set z-index to appear above image crop area if it is enabled.

		$target

			.toggleClass( 'imgedit-popup-menu-open' ).slideToggle( 'fast' ).css( { 'z-index' : 200000 } );

		// Move focus to first item in menu when opening menu.

		if ( 'true' === $el.attr( 'aria-expanded' ) ) {

			$target.find( 'button' ).first().trigger( 'focus' );

		}

		return false;

	},

	/**

	 * Observes whether the popup should remain open based on focus position.

	 *

	 * @since 6.4.0

	 *

	 * @memberof imageEdit

	 *

	 * @param {HTMLElement} el The activated control element.

	 *

	 * @return {boolean} Always returns false.

	 */

	monitorPopup : function() {

		var $parent = document.querySelector( '.imgedit-rotate-menu-container' );

		var $toggle = document.querySelector( '.imgedit-rotate-menu-container .imgedit-rotate' );

		setTimeout( function() {

			var $focused = document.activeElement;

			var $contains = $parent.contains( $focused );

			// If $focused is defined and not inside the menu container, close the popup.

			if ( $focused && ! $contains ) {

				if ( 'true' === $toggle.getAttribute( 'aria-expanded' ) ) {

					imageEdit.togglePopup( $toggle );

				}

			}

		}, 100 );

		return false;

	},

	/**

	 * Navigate popup menu by arrow keys.

	 *

	 * @since 6.3.0

	 *

	 * @memberof imageEdit

	 *

	 * @param {HTMLElement} el The current element.

	 *

	 * @return {boolean} Always returns false.

	 */

	browsePopup : function(el) {

		var $el = $( el );

		var $collection = $( el ).parent( '.imgedit-popup-menu' ).find( 'button' );

		var $index = $collection.index( $el );

		var $prev = $index - 1;

		var $next = $index + 1;

		var $last = $collection.length;

		if ( $prev < 0 ) {

			$prev = $last - 1;

		}

		if ( $next === $last ) {

			$next = 0;

		}

		var $target = false;

		if ( event.keyCode === 40 ) {

			$target = $collection.get( $next );

		} else if ( event.keyCode === 38 ) {

			$target = $collection.get( $prev );

		}

		if ( $target ) {

			$target.focus();

			event.preventDefault();

		}

		return false;

	},

	/**

	 * Close popup menu and reset focus on feature activation.

	 *

	 * @since 6.3.0

	 *

	 * @memberof imageEdit

	 *

	 * @param {HTMLElement} el The current element.

	 *

	 * @return {boolean} Always returns false.

	 */

	closePopup : function(el) {

		var $parent = $(el).parent( '.imgedit-popup-menu' );

		var $controlledID = $parent.attr( 'id' );

		var $target = $( 'button[aria-controls="' + $controlledID + '"]' );

		$target

			.attr( 'aria-expanded', 'false' ).trigger( 'focus' );

		$parent

			.toggleClass( 'imgedit-popup-menu-open' ).slideToggle( 'fast' );

		return false;

	},

	/**