/**

 * Contains the postboxes logic, opening and closing postboxes, reordering and saving

 * the state and ordering to the database.

 *

 * @summary Contains postboxes logic

 *

 * @since 2.5.0

 * @requires jQuery

 */

/* global ajaxurl, postBoxL10n */

/**

 * This object contains all function to handle the behaviour of the post boxes. The post boxes are the boxes you see

 * around the content on the edit page.

 *

 * @since 2.7.0

 *

 * @namespace postboxes

 *

 * @type {Object}

 */

		/**

		 * @summary Handles a click on either the postbox heading or the postbox open/close icon.

		 *

		 * Opens or closes the postbox. Expects `this` to equal the clicked element.

		 * Calls postboxes.pbshow if the postbox has been opened, calls postboxes.pbhide

		 * if the postbox has been closed.

		 *

		 * @since 4.4.0

		 * @memberof postboxes

		 * @fires postboxes#postbox-toggled

		 *

		 * @returns {void}

		 */

		handle_click : function () {

			var $el = $( this ),

				p = $el.parent( '.postbox' ),

				id = p.attr( 'id' ),

				ariaExpandedValue;

			if ( 'dashboard_browser_nag' === id ) {

				return;

			}

			p.toggleClass( 'closed' );

			ariaExpandedValue = ! p.hasClass( 'closed' );

			if ( $el.hasClass( 'handlediv' ) ) {

				// The handle button was clicked.

				$el.attr( 'aria-expanded', ariaExpandedValue );

			} else {

				// The handle heading was clicked.

				$el.closest( '.postbox' ).find( 'button.handlediv' )

					.attr( 'aria-expanded', ariaExpandedValue );

			}

			if ( postboxes.page !== 'press-this' ) {

				postboxes.save_state( postboxes.page );

			}

			if ( id ) {

				if ( !p.hasClass('closed') && $.isFunction( postboxes.pbshow ) ) {

					postboxes.pbshow( id );

				} else if ( p.hasClass('closed') && $.isFunction( postboxes.pbhide ) ) {

					postboxes.pbhide( id );

				}

			}

			/**

			 * @summary Fires when a postbox has been opened or closed.

			 *

			 * Contains a jQuery object with the relevant postbox element.

			 *

			 * @since 4.0.0

			 * @event postboxes#postbox-toggled

			 * @type {Object}

			 */

			$document.trigger( 'postbox-toggled', p );

		},

		/**

		 * Adds event handlers to all postboxes and screen option on the current page.

		 *

		 * @since 2.7.0

		 * @memberof postboxes

		 *

		 * @param {string} page The page we are currently on.

		 * @param {Object} [args]

		 * @param {Function} args.pbshow A callback that is called when a postbox opens.

		 * @param {Function} args.pbhide A callback that is called when a postbox closes.

		 * @returns {void}

		 */

		add_postbox_toggles : function (page, args) {

			var $handles = $( '.postbox .hndle, .postbox .handlediv' );

			this.page = page;

			this.init( page, args );

			$handles.on( 'click.postboxes', this.handle_click );

			/**

			 * @since 2.7.0

			 */

			/**

			 * @summary Hides a postbox.

			 *

			 * Event handler for the postbox dismiss button. After clicking the button

			 * the postbox will be hidden.

			 *

			 * @since 3.2.0

			 *

			 * @returns {void}

			 */

			$( '.postbox a.dismiss' ).on( 'click.postboxes', function( e ) {

				e.preventDefault();

			/**

			 * @summary Hides the postbox element

			 *

			 * Event handler for the screen options checkboxes. When a checkbox is

			 * clicked this function will hide or show the relevant postboxes.

			 *

			 * @since 2.7.0

			 * @fires postboxes#postbox-toggled

			 *

			 * @returns {void}

			 */

				var $el = $(this),

					boxId = $el.val(),

				if ( $el.prop( 'checked' ) ) {

					if ( $.isFunction( postboxes.pbshow ) ) {

						postboxes.pbshow( boxId );

					}

					if ( $.isFunction( postboxes.pbhide ) ) {

						postboxes.pbhide( boxId );

					}

				postboxes.save_state( page );

				postboxes._mark_area();

				/**

				 * @since 4.0.0

				 * @see postboxes.handle_click

				 */

			/**

			 * @summary Changes the amount of columns based on the layout preferences.

			 *

			 * @since 2.8.0

			 *

			 * @returns {void}

			 */

					postboxes._pb_edit(n);

					postboxes.save_order( page );

		/**

		 * @summary Initializes all the postboxes, mainly their sortable behaviour.

		 *

		 * @since 2.7.0

		 * @memberof postboxes

		 *

		 * @param {string} page The page we are currently on.

		 * @param {Object} [args={}] The arguments for the postbox initializer.

		 * @param {Function} args.pbshow A callback that is called when a postbox opens.

		 * @param {Function} args.pbhide A callback that is called when a postbox

		 *                               closes.

		 *

		 * @returns {void}

		 */

			var isMobile = $( document.body ).hasClass( 'mobile' ),

				$handleButtons = $( '.postbox .handlediv' );

				helper: function( event, element ) {

					/* `helper: 'clone'` is equivalent to `return element.clone();`

					 * Cloning a checked radio and then inserting that clone next to the original

					 * radio unchecks the original radio (since only one of the two can be checked).

					 * We get around this by renaming the helper's inputs' name attributes so that,

					 * when the helper is inserted into the DOM for the sortable, no radios are

					 * duplicated, and no original radio gets unchecked.

					 */

					return element.clone()

						.find( ':input' )

							.attr( 'name', function( i, currentName ) {

								return 'sort_' + parseInt( Math.random() * 100000, 10 ).toString() + '_' + currentName;

							} )

						.end();

				},

					var $el = $( this );

					if ( $el.find( '#dashboard_browser_nag' ).is( ':visible' ) && 'dashboard_browser_nag' != this.firstChild.id ) {

						$el.sortable('cancel');

					$document.trigger( 'postbox-moved', ui.item );

			// Set the handle buttons `aria-expanded` attribute initial value on page load.

			$handleButtons.each( function () {

				var $el = $( this );

				$el.attr( 'aria-expanded', ! $el.parent( '.postbox' ).hasClass( 'closed' ) );

			});

		/**

		 * @summary Saves the state of the postboxes to the server.

		 *

		 * Saves the state of the postboxes to the server. It sends two lists, one with

		 * all the closed postboxes, one with all the hidden postboxes.

		 *

		 * @since 2.7.0

		 * @memberof postboxes

		 *

		 * @param {string} page The page we are currently on.

		 * @returns {void}

		 */

			var closed, hidden;

			// Return on the nav-menus.php screen, see #35112.

			if ( 'nav-menus' === page ) {

				return;

			}

			closed = $( '.postbox' ).filter( '.closed' ).map( function() { return this.id; } ).get().join( ',' );

			hidden = $( '.postbox' ).filter( ':hidden' ).map( function() { return this.id; } ).get().join( ',' );

		/**

		 * @summary Saves the order of the postboxes to the server.

		 *

		 * Saves the order of the postboxes to the server. Sends a list of all postboxes

		 * inside a sortable area to the server.

		 *

		 * @since 2.8.0

		 * @memberof postboxes

		 *

		 * @param {string} page The page we are currently on.

		 * @returns {void}

		 */

		/**

		 * @summary Marks empty postbox areas.

		 *

		 * Adds a message to empty sortable areas on the dashboard page. Also adds a

		 * border around the side area on the post edit screen if there are no postboxes

		 * present.

		 *

		 * @since 3.3.0

		 * @memberof postboxes

		 * @access private

		 *

		 * @returns {void}

		 */

				if ( visible == 1 || t.children('.postbox:visible').length ) {

				}

				else {

					t.attr('data-emptyString', postBoxL10n.postBoxEmptyString);

				}

		/**

		 * @summary Changes the amount of columns on the post edit page.

		 *

		 * @since 3.3.0

		 * @memberof postboxes

		 * @fires postboxes#postboxes-columnchange

		 * @access private

		 *

		 * @param {number} n The amount of columns to divide the post edit page in.

		 * @returns {void}

		 */