/**

 * @output wp-admin/js/editor-expand.js

 */

( function( window, $, undefined ) {

	'use strict';

	var $window = $( window ),

		$document = $( document ),

		$adminBar = $( '#wpadminbar' ),

		$footer = $( '#wpfooter' );

	/**

	 * Handles the resizing of the editor.

	 *

	 * @since 4.0.0

	 *

	 * @return {void}

	 */

	$( function() {

		var $wrap = $( '#postdivrich' ),

			$contentWrap = $( '#wp-content-wrap' ),

			$tools = $( '#wp-content-editor-tools' ),

			$visualTop = $(),

			$visualEditor = $(),

			$textTop = $( '#ed_toolbar' ),

			$textEditor = $( '#content' ),

			textEditor = $textEditor[0],

			oldTextLength = 0,

			$bottom = $( '#post-status-info' ),

			$menuBar = $(),

			$statusBar = $(),

			$sideSortables = $( '#side-sortables' ),

			$postboxContainer = $( '#postbox-container-1' ),

			$postBody = $('#post-body'),

			fullscreen = window.wp.editor && window.wp.editor.fullscreen,

			mceEditor,

			mceBind = function(){},

			mceUnbind = function(){},

			fixedTop = false,

			fixedBottom = false,

			fixedSideTop = false,

			fixedSideBottom = false,

			scrollTimer,

			lastScrollPosition = 0,

			pageYOffsetAtTop = 130,

			pinnedToolsTop = 56,

			sidebarBottom = 20,

			autoresizeMinHeight = 300,

			initialMode = $contentWrap.hasClass( 'tmce-active' ) ? 'tinymce' : 'html',

			advanced = !! parseInt( window.getUserSetting( 'hidetb' ), 10 ),

			// These are corrected when adjust() runs, except on scrolling if already set.

			heights = {

				windowHeight: 0,

				windowWidth: 0,

				adminBarHeight: 0,

				toolsHeight: 0,

				menuBarHeight: 0,

				visualTopHeight: 0,

				textTopHeight: 0,

				bottomHeight: 0,

				statusBarHeight: 0,

				sideSortablesHeight: 0

			};

		/**

		 * Resizes textarea based on scroll height and width.

		 *

		 * Doesn't shrink the editor size below the 300px auto resize minimum height.

		 *

		 * @since 4.6.1

		 *

		 * @return {void}

		 */

		var shrinkTextarea = window._.throttle( function() {

			var x = window.scrollX || document.documentElement.scrollLeft;

			var y = window.scrollY || document.documentElement.scrollTop;

			var height = parseInt( textEditor.style.height, 10 );

			textEditor.style.height = autoresizeMinHeight + 'px';

			if ( textEditor.scrollHeight > autoresizeMinHeight ) {

				textEditor.style.height = textEditor.scrollHeight + 'px';

			}

			if ( typeof x !== 'undefined' ) {

				window.scrollTo( x, y );

			}

			if ( textEditor.scrollHeight < height ) {

				adjust();

			}

		}, 300 );

		/**

		 * Resizes the text editor depending on the old text length.

		 *

		 * If there is an mceEditor and it is hidden, it resizes the editor depending

		 * on the old text length. If the current length of the text is smaller than

		 * the old text length, it shrinks the text area. Otherwise it resizes the editor to

		 * the scroll height.

		 *

		 * @since 4.6.1

		 *

		 * @return {void}

		 */

		function textEditorResize() {

			var length = textEditor.value.length;

			if ( mceEditor && ! mceEditor.isHidden() ) {

				return;

			}

			if ( ! mceEditor && initialMode === 'tinymce' ) {

				return;

			}

			if ( length < oldTextLength ) {

				shrinkTextarea();

			} else if ( parseInt( textEditor.style.height, 10 ) < textEditor.scrollHeight ) {

				textEditor.style.height = Math.ceil( textEditor.scrollHeight ) + 'px';

				adjust();

			}

			oldTextLength = length;

		}

		/**

		 * Gets the height and widths of elements.

		 *

		 * Gets the heights of the window, the adminbar, the tools, the menu,

		 * the visualTop, the textTop, the bottom, the statusbar and sideSortables

		 * and stores these in the heights object. Defaults to 0.

		 * Gets the width of the window and stores this in the heights object.

		 *

		 * @since 4.0.0

		 *

		 * @return {void}

		 */

		function getHeights() {

			var windowWidth = $window.width();

			heights = {

				windowHeight: $window.height(),

				windowWidth: windowWidth,

				adminBarHeight: ( windowWidth > 600 ? $adminBar.outerHeight() : 0 ),

				toolsHeight: $tools.outerHeight() || 0,

				menuBarHeight: $menuBar.outerHeight() || 0,

				visualTopHeight: $visualTop.outerHeight() || 0,

				textTopHeight: $textTop.outerHeight() || 0,

				bottomHeight: $bottom.outerHeight() || 0,

				statusBarHeight: $statusBar.outerHeight() || 0,

				sideSortablesHeight: $sideSortables.height() || 0

			};

			// Adjust for hidden menubar.

			if ( heights.menuBarHeight < 3 ) {

				heights.menuBarHeight = 0;

			}

		}

		// We need to wait for TinyMCE to initialize.

		/**

		 * Binds all necessary functions for editor expand to the editor when the editor

		 * is initialized.

		 *

		 * @since 4.0.0

		 *

		 * @param {event} event The TinyMCE editor init event.

		 * @param {object} editor The editor to bind the vents on.

		 *

		 * @return {void}

		 */

		$document.on( 'tinymce-editor-init.editor-expand', function( event, editor ) {

			// VK contains the type of key pressed. VK = virtual keyboard.

			var VK = window.tinymce.util.VK,

				/**

				 * Hides any float panel with a hover state. Additionally hides tooltips.

				 *

				 * @return {void}

				 */

				hideFloatPanels = _.debounce( function() {

					! $( '.mce-floatpanel:hover' ).length && window.tinymce.ui.FloatPanel.hideAll();

					$( '.mce-tooltip' ).hide();

				}, 1000, true );

			// Make sure it's the main editor.

			if ( editor.id !== 'content' ) {

				return;

			}

			// Copy the editor instance.

			mceEditor = editor;

			// Set the minimum height to the initial viewport height.

			editor.settings.autoresize_min_height = autoresizeMinHeight;

			// Get the necessary UI elements.

			$visualTop = $contentWrap.find( '.mce-toolbar-grp' );

			$visualEditor = $contentWrap.find( '.mce-edit-area' );

			$statusBar = $contentWrap.find( '.mce-statusbar' );

			$menuBar = $contentWrap.find( '.mce-menubar' );

			/**

			 * Gets the offset of the editor.

			 *

			 * @return {number|boolean} Returns the offset of the editor

			 * or false if there is no offset height.

			 */

			function mceGetCursorOffset() {

				var node = editor.selection.getNode(),

					range, view, offset;

				/*

				 * If editor.wp.getView and the selection node from the editor selection

				 * are defined, use this as a view for the offset.

				 */

				if ( editor.wp && editor.wp.getView && ( view = editor.wp.getView( node ) ) ) {

					offset = view.getBoundingClientRect();

				} else {

					range = editor.selection.getRng();

					// Try to get the offset from a range.

					try {

						offset = range.getClientRects()[0];

					} catch( er ) {}

					// Get the offset from the bounding client rectangle of the node.

					if ( ! offset ) {

						offset = node.getBoundingClientRect();

					}

				}

				return offset.height ? offset : false;

			}

			/**

			 * Filters the special keys that should not be used for scrolling.

			 *

			 * @since 4.0.0

			 *

			 * @param {event} event The event to get the key code from.

			 *

			 * @return {void}

			 */

			function mceKeyup( event ) {

				var key = event.keyCode;

				// Bail on special keys. Key code 47 is a '/'.

				if ( key <= 47 && ! ( key === VK.SPACEBAR || key === VK.ENTER || key === VK.DELETE || key === VK.BACKSPACE || key === VK.UP || key === VK.LEFT || key === VK.DOWN || key === VK.UP ) ) {

					return;

				// OS keys, function keys, num lock, scroll lock. Key code 91-93 are OS keys.

				// Key code 112-123 are F1 to F12. Key code 144 is num lock. Key code 145 is scroll lock.

				} else if ( ( key >= 91 && key <= 93 ) || ( key >= 112 && key <= 123 ) || key === 144 || key === 145 ) {

					return;

				}

				mceScroll( key );

			}

			/**

			 * Makes sure the cursor is always visible in the editor.

			 *

			 * Makes sure the cursor is kept between the toolbars of the editor and scrolls

			 * the window when the cursor moves out of the viewport to a wpview.

			 * Setting a buffer > 0 will prevent the browser default.

			 * Some browsers will scroll to the middle,

			 * others to the top/bottom of the *window* when moving the cursor out of the viewport.

			 *

			 * @since 4.1.0

			 *

			 * @param {string} key The key code of the pressed key.

			 *

			 * @return {void}

			 */

			function mceScroll( key ) {

				var offset = mceGetCursorOffset(),

					buffer = 50,

					cursorTop, cursorBottom, editorTop, editorBottom;

				// Don't scroll if there is no offset.

				if ( ! offset ) {

					return;

				}

				// Determine the cursorTop based on the offset and the top of the editor iframe.

				cursorTop = offset.top + editor.iframeElement.getBoundingClientRect().top;

				// Determine the cursorBottom based on the cursorTop and offset height.

				cursorBottom = cursorTop + offset.height;

				// Subtract the buffer from the cursorTop.

				cursorTop = cursorTop - buffer;

				// Add the buffer to the cursorBottom.

				cursorBottom = cursorBottom + buffer;

				editorTop = heights.adminBarHeight + heights.toolsHeight + heights.menuBarHeight + heights.visualTopHeight;

				/*

				 * Set the editorBottom based on the window Height, and add the bottomHeight and statusBarHeight if the

				 * advanced editor is enabled.

				 */

				editorBottom = heights.windowHeight - ( advanced ? heights.bottomHeight + heights.statusBarHeight : 0 );

				// Don't scroll if the node is taller than the visible part of the editor.

				if ( editorBottom - editorTop < offset.height ) {

					return;

				}

				/*

				 * If the cursorTop is smaller than the editorTop and the up, left

				 * or backspace key is pressed, scroll the editor to the position defined

				 * by the cursorTop, pageYOffset and editorTop.

				 */

				if ( cursorTop < editorTop && ( key === VK.UP || key === VK.LEFT || key === VK.BACKSPACE ) ) {

					window.scrollTo( window.pageXOffset, cursorTop + window.pageYOffset - editorTop );

				/*

				 * If any other key is pressed or the cursorTop is bigger than the editorTop,

				 * scroll the editor to the position defined by the cursorBottom,

				 * pageYOffset and editorBottom.

				 */

				} else if ( cursorBottom > editorBottom ) {

					window.scrollTo( window.pageXOffset, cursorBottom + window.pageYOffset - editorBottom );

				}

			}

			/**

			 * If the editor is fullscreen, calls adjust.

			 *

			 * @since 4.1.0

			 *

			 * @param {event} event The FullscreenStateChanged event.

			 *

			 * @return {void}

			 */

			function mceFullscreenToggled( event ) {

				// event.state is true if the editor is fullscreen.

				if ( ! event.state ) {

					adjust();

				}

			}

			/**

			 * Shows the editor when scrolled.

			 *

			 * Binds the hideFloatPanels function on the window scroll.mce-float-panels event.

			 * Executes the wpAutoResize on the active editor.

			 *

			 * @since 4.0.0

			 *

			 * @return {void}

			 */

			function mceShow() {

				$window.on( 'scroll.mce-float-panels', hideFloatPanels );

				setTimeout( function() {

					editor.execCommand( 'wpAutoResize' );

					adjust();

				}, 300 );

			}

			/**

			 * Resizes the editor.

			 *

			 * Removes all functions from the window scroll.mce-float-panels event.

			 * Resizes the text editor and scrolls to a position based on the pageXOffset and adminBarHeight.

			 *

			 * @since 4.0.0

			 *