/******/ (() => { // webpackBootstrap

/******/ 	var __webpack_modules__ = ({

/***/ 659:

/***/ ((module) => {

var l10n = wp.media.view.l10n,

	EditAttachmentMetadata;

/**

 * wp.media.controller.EditAttachmentMetadata

 *

 * A state for editing an attachment's metadata.

 *

 * @memberOf wp.media.controller

 *

 * @class

 * @augments wp.media.controller.State

 * @augments Backbone.Model

 */

EditAttachmentMetadata = wp.media.controller.State.extend(/** @lends wp.media.controller.EditAttachmentMetadata.prototype */{

	defaults: {

		id:      'edit-attachment',

		// Title string passed to the frame's title region view.

		title:   l10n.attachmentDetails,

		// Region mode defaults.

		content: 'edit-metadata',

		menu:    false,

		toolbar: false,

		router:  false

	}

});

module.exports = EditAttachmentMetadata;

/***/ }),

/***/ 682:

/***/ ((module) => {

var Button = wp.media.view.Button,

	l10n = wp.media.view.l10n,

	SelectModeToggle;

/**

 * wp.media.view.SelectModeToggleButton

 *

 * @memberOf wp.media.view

 *

 * @class

 * @augments wp.media.view.Button

 * @augments wp.media.View

 * @augments wp.Backbone.View

 * @augments Backbone.View

 */

SelectModeToggle = Button.extend(/** @lends wp.media.view.SelectModeToggle.prototype */{

	initialize: function() {

		_.defaults( this.options, {

			size : ''

		} );

		Button.prototype.initialize.apply( this, arguments );

		this.controller.on( 'select:activate select:deactivate', this.toggleBulkEditHandler, this );

		this.controller.on( 'selection:action:done', this.back, this );

	},

	back: function () {

		this.controller.deactivateMode( 'select' ).activateMode( 'edit' );

	},

	click: function() {

		Button.prototype.click.apply( this, arguments );

		if ( this.controller.isModeActive( 'select' ) ) {

			this.back();

		} else {

			this.controller.deactivateMode( 'edit' ).activateMode( 'select' );

		}

	},

	render: function() {

		Button.prototype.render.apply( this, arguments );

		this.$el.addClass( 'select-mode-toggle-button' );

		return this;

	},

	toggleBulkEditHandler: function() {

		var toolbar = this.controller.content.get().toolbar, children;

		children = toolbar.$( '.media-toolbar-secondary > *, .media-toolbar-primary > *' );

		// @todo The Frame should be doing all of this.

		if ( this.controller.isModeActive( 'select' ) ) {

			this.model.set( {

				size: 'large',

				text: l10n.cancel

			} );

			children.not( '.spinner, .media-button' ).hide();

			this.$el.show();

			toolbar.$el.addClass( 'media-toolbar-mode-select' );

			toolbar.$( '.delete-selected-button' ).removeClass( 'hidden' );

		} else {

			this.model.set( {

				size: '',

				text: l10n.bulkSelect

			} );

			this.controller.content.get().$el.removeClass( 'fixed' );

			toolbar.$el.css( 'width', '' );

			toolbar.$el.removeClass( 'media-toolbar-mode-select' );

			toolbar.$( '.delete-selected-button' ).addClass( 'hidden' );

			children.not( '.media-button' ).show();

			this.controller.state().get( 'selection' ).reset();

		}

	}

});

module.exports = SelectModeToggle;

/***/ }),

/***/ 1003:

/***/ ((module) => {

var Frame = wp.media.view.Frame,

	MediaFrame = wp.media.view.MediaFrame,

	$ = jQuery,

	EditAttachments;

/**

 * wp.media.view.MediaFrame.EditAttachments

 *

 * A frame for editing the details of a specific media item.

 *

 * Opens in a modal by default.

 *

 * Requires an attachment model to be passed in the options hash under `model`.

 *

 * @memberOf wp.media.view.MediaFrame

 *

 * @class

 * @augments wp.media.view.Frame

 * @augments wp.media.View

 * @augments wp.Backbone.View

 * @augments Backbone.View

 * @mixes wp.media.controller.StateMachine

 */

EditAttachments = MediaFrame.extend(/** @lends wp.media.view.MediaFrame.EditAttachments.prototype */{

	className: 'edit-attachment-frame',

	template:  wp.template( 'edit-attachment-frame' ),

	regions:   [ 'title', 'content' ],

	events: {

		'click .left':  'previousMediaItem',

		'click .right': 'nextMediaItem'

	},

	initialize: function() {

		Frame.prototype.initialize.apply( this, arguments );

		_.defaults( this.options, {

			modal: true,

			state: 'edit-attachment'

		});

		this.controller = this.options.controller;

		this.gridRouter = this.controller.gridRouter;

		this.library = this.options.library;

		if ( this.options.model ) {

			this.model = this.options.model;

		}

		this.bindHandlers();

		this.createStates();

		this.createModal();

		this.title.mode( 'default' );

		this.toggleNav();

	},

	bindHandlers: function() {

		// Bind default title creation.

		this.on( 'title:create:default', this.createTitle, this );

		this.on( 'content:create:edit-metadata', this.editMetadataMode, this );

		this.on( 'content:create:edit-image', this.editImageMode, this );

		this.on( 'content:render:edit-image', this.editImageModeRender, this );

		this.on( 'refresh', this.rerender, this );

		this.on( 'close', this.detach );

		this.bindModelHandlers();

		this.listenTo( this.gridRouter, 'route:search', this.close, this );

	},

	bindModelHandlers: function() {

		// Close the modal if the attachment is deleted.

		this.listenTo( this.model, 'change:status destroy', this.close, this );

	},

	createModal: function() {

		// Initialize modal container view.

		if ( this.options.modal ) {

			this.modal = new wp.media.view.Modal({

				controller:     this,

				title:          this.options.title,

				hasCloseButton: false

			});

			this.modal.on( 'open', _.bind( function () {

				$( 'body' ).on( 'keydown.media-modal', _.bind( this.keyEvent, this ) );

			}, this ) );

			// Completely destroy the modal DOM element when closing it.

			this.modal.on( 'close', _.bind( function() {

				// Remove the keydown event.

				$( 'body' ).off( 'keydown.media-modal' );

				// Move focus back to the original item in the grid if possible.

				$( 'li.attachment[data-id="' + this.model.get( 'id' ) +'"]' ).trigger( 'focus' );

				this.resetRoute();

			}, this ) );

			// Set this frame as the modal's content.

			this.modal.content( this );

			this.modal.open();

		}

	},

	/**

	 * Add the default states to the frame.

	 */

	createStates: function() {

		this.states.add([

			new wp.media.controller.EditAttachmentMetadata({

				model:   this.model,

				library: this.library

			})

		]);

	},

	/**

	 * Content region rendering callback for the `edit-metadata` mode.

	 *

	 * @param {Object} contentRegion Basic object with a `view` property, which

	 *                               should be set with the proper region view.

	 */

	editMetadataMode: function( contentRegion ) {

		contentRegion.view = new wp.media.view.Attachment.Details.TwoColumn({

			controller: this,

			model:      this.model

		});

		/**

		 * Attach a subview to display fields added via the

		 * `attachment_fields_to_edit` filter.

		 */

		contentRegion.view.views.set( '.attachment-compat', new wp.media.view.AttachmentCompat({

			controller: this,

			model:      this.model

		}) );

		// Update browser url when navigating media details, except on load.

		if ( this.model && ! this.model.get( 'skipHistory' ) ) {

			this.gridRouter.navigate( this.gridRouter.baseUrl( '?item=' + this.model.id ) );

		}

	},

	/**

	 * Render the EditImage view into the frame's content region.

	 *

	 * @param {Object} contentRegion Basic object with a `view` property, which

	 *                               should be set with the proper region view.

	 */

	editImageMode: function( contentRegion ) {

		var editImageController = new wp.media.controller.EditImage( {

			model: this.model,

			frame: this

		} );

		// Noop some methods.

		editImageController._toolbar = function() {};

		editImageController._router = function() {};

		editImageController._menu = function() {};

		contentRegion.view = new wp.media.view.EditImage.Details( {

			model: this.model,

			frame: this,

			controller: editImageController

		} );

		this.gridRouter.navigate( this.gridRouter.baseUrl( '?item=' + this.model.id + '&mode=edit' ) );

	},

	editImageModeRender: function( view ) {

		view.on( 'ready', view.loadEditor );

	},

	toggleNav: function() {

		this.$( '.left' ).prop( 'disabled', ! this.hasPrevious() );

		this.$( '.right' ).prop( 'disabled', ! this.hasNext() );

	},

	/**

	 * Rerender the view.

	 */

	rerender: function( model ) {

		this.stopListening( this.model );

		this.model = model;

		this.bindModelHandlers();

		// Only rerender the `content` region.

		if ( this.content.mode() !== 'edit-metadata' ) {

			this.content.mode( 'edit-metadata' );

		} else {

			this.content.render();

		}

		this.toggleNav();

	},

	/**

	 * Click handler to switch to the previous media item.

	 */

	previousMediaItem: function() {

		if ( ! this.hasPrevious() ) {

			return;

		}

		this.trigger( 'refresh', this.library.at( this.getCurrentIndex() - 1 ) );

		// Move focus to the Previous button. When there are no more items, to the Next button.

		this.focusNavButton( this.hasPrevious() ? '.left' : '.right' );

	},

	/**

	 * Click handler to switch to the next media item.

	 */

	nextMediaItem: function() {

		if ( ! this.hasNext() ) {

			return;

		}

		this.trigger( 'refresh', this.library.at( this.getCurrentIndex() + 1 ) );

		// Move focus to the Next button. When there are no more items, to the Previous button.

		this.focusNavButton( this.hasNext() ? '.right' : '.left' );

	},

	/**

	 * Set focus to the navigation buttons depending on the browsing direction.

	 *

	 * @since 5.3.0

	 *

	 * @param {string} which A CSS selector to target the button to focus.

	 */

	focusNavButton: function( which ) {

		$( which ).trigger( 'focus' );

	},